:root{--site-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;--site-font-serif:"Iowan Old Style","Palatino Linotype",Georgia,"Songti SC","Noto Serif SC","Noto Serif CJK SC",serif}html:lang(ja){--site-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,"Noto Sans CJK JP","PingFang SC","Microsoft YaHei",Arial,sans-serif;--site-font-serif:"Iowan Old Style","Palatino Linotype",Georgia,"Hiragino Mincho ProN","Yu Mincho","Noto Serif CJK JP",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--site-font-sans);font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit}.announcement{height:70px;padding:0 5.5vw;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;background:#070808;color:white;font-size:16px}.announcement strong{text-align:center;font-weight:400;font-size:19px}.announcement a{padding:13px 32px;border-radius:40px;background:#3b3c3c}.nav-wrap{position:absolute;z-index:20;top:92px;left:5.5%;right:5.5%;height:92px;padding:8px 10px 8px 30px;border-radius:50px;background:#fff;display:grid;grid-template-columns:170px 1fr auto;align-items:center;box-shadow:0 8px 20px #0002}.logo img{width:130px;display:block}.nav-wrap nav{display:flex;align-items:center;justify-content:center;gap:42px;font-size:16px}.pill{display:inline-flex;align-items:center;gap:20px;padding:10px 10px 10px 28px;border-radius:50px;background:var(--blue);font-size:18px}.pill b{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#090b0d;color:#fff;font-size:27px;font-weight:300}.menu{display:none}.hero{position:relative;min-height:860px;padding:250px 5.5% 70px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 75% 22%,#aad4da 0,transparent 27%),radial-gradient(ellipse at 12% 90%,#d99b19 0,transparent 35%),radial-gradient(ellipse at 76% 80%,#0d2838 0,transparent 43%),linear-gradient(125deg,#597075,#62a5b5 42%,#102d3a 78%)}.hero:before{content:"";position:absolute;inset:-15%;background:repeating-linear-gradient(162deg,transparent 0 75px,#fff2 110px,transparent 180px);filter:blur(32px);transform:rotate(-5deg)}.hero:after{content:"";position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E")}.hero-copy,.sound,.hero-cta{position:relative;z-index:2}.hero-copy p{max-width:560px;margin:0 0 28px;font-size:23px;line-height:1.55}.hero-copy small{font-size:16px;text-transform:uppercase}.sound{position:absolute;left:70%;top:55%;display:flex;align-items:center;gap:13px}.sound i{width:19px;height:19px;border-radius:20px;background:#050607}.sound i:nth-child(2),.sound i:nth-child(4){height:86px;background:#ffdd6e}.sound i:nth-child(3){height:130px;background:#ffdd6e}.hero-cta{position:absolute;right:12%;bottom:90px}.logos{min-height:270px;padding:80px 7%;display:flex;align-items:center;justify-content:space-between;gap:55px;background:#fafafa}.logos img{max-width:145px;max-height:42px;object-fit:contain;filter:grayscale(1);opacity:.47}.results{padding:100px 3.8% 125px;background:#f3f3f3}.results h2,.model h2,.industries>h2,.customers>h2,.platform>h2,.trust>h2,.insights>h2{margin:0 auto 85px;text-align:center;font-size:clamp(48px,5.4vw,92px);line-height:1.04;letter-spacing:-.055em;font-weight:400}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.metric-grid article{--accent:var(--green);position:relative;min-height:360px;padding:48px 38px 38px 62px;border-radius:14px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.metric-grid article:before{content:"";position:absolute;inset:0 auto 0 0;width:22px;background:var(--accent)}.metric-grid strong{font-size:72px;font-weight:400;letter-spacing:-.05em}.results>small{display:block;margin-top:18px;text-align:right;color:#777}.model{padding:130px 11% 150px;background:#fff}.model header p{max-width:600px;margin:-55px auto 65px;text-align:center;line-height:1.6}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.model-grid article{position:relative;min-height:510px;overflow:hidden;border-radius:8px;background:#222 center/cover}.model-grid article:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101418e8,transparent 70%),var(--photo) center/cover;transition:.6s}.model-grid article:hover:before{transform:scale(1.035)}.model-grid article div{position:absolute;z-index:1;inset:auto 0 0;padding:28px;color:#fff}.model-grid h3{margin:0 0 12px;font-size:35px;font-weight:400}.model-grid p{min-height:66px;margin:0;padding-right:35px;line-height:1.5}.model-grid a{position:absolute;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;background:#060708;display:grid;place-items:center}.industries{padding:120px 4% 50px;background:var(--purple);color:#fff}.industries>h2{max-width:1000px}.industry-layout{display:grid;grid-template-columns:170px 1fr 270px;gap:18px;max-width:1320px;margin:auto}.industry-tabs{display:flex;flex-direction:column;gap:9px}.industry-tabs button{padding:10px 15px;text-align:left;border:0;border-radius:20px;background:#716770;color:#fff;cursor:pointer}.industry-stage{position:relative;min-height:470px;border-radius:6px;background:linear-gradient(110deg,#231b1d77,#1113),url('../assets/staging/sales-deck/ai-customer-service-sales-deck.png') center/cover}.mock-message{position:absolute;right:8%;top:22%;width:300px;padding:24px;border-radius:20px;background:white;color:#111;box-shadow:0 10px 30px #0002}.mock-message>*{display:block;margin-bottom:12px}.mock-message span{padding:12px;border-radius:10px;background:#ffe58d;font-size:13px}.industry-stage em{position:absolute;right:20px;bottom:18px;padding:12px 18px;border-radius:25px;background:var(--blue);color:#111;font-style:normal}.industry-proof{padding:28px;background:#fff;color:#111;border-left:10px solid var(--green);display:flex;flex-direction:column;justify-content:flex-end;border-radius:5px}.industry-proof b{font-size:38px;font-weight:400;margin-top:20px}.industry-proof span{font-size:13px}.customers{padding:130px 8%;background:#f6f6f6}.customers>h2{max-width:780px}.case{--accent:var(--purple);display:grid;grid-template-columns:34% 46% 20%;min-height:360px;margin-bottom:18px;border-top:11px solid var(--accent);border-radius:6px;overflow:hidden;background:#fff}.case-image{display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#60293c,#df7652)}.case-image img{width:70%;max-height:90px;object-fit:contain;filter:brightness(0) invert(1)}.case-story{padding:28px 24px;display:flex;flex-direction:column}.case-story h3{margin:0;font-size:38px;line-height:1.02;font-weight:400}.case-story p{margin-top:auto;font-size:18px}.case-story a{align-self:flex-end;padding:10px 18px;border-radius:30px;background:var(--accent);color:#fff;font-size:12px}.case blockquote{margin:20px 0;padding:0 22px;border-left:1px solid var(--line);display:flex;flex-direction:column}.avatar{width:90px;height:90px;border-radius:7px;background:#d7d1d5;display:grid;place-items:center;font-size:40px}.case blockquote p{margin-top:auto;font-size:13px;line-height:1.5}.case blockquote small{border-top:1px solid var(--line);padding-top:12px}.platform>h2{max-width:940px}.platform-shell{display:grid;grid-template-columns:35% 65%;max-width:1100px;margin:auto;background:#f4f4f2}.accordion button{width:100%;padding:18px 0;border:0;border-top:1px solid #ccc;background:none;display:flex;justify-content:space-between;text-align:left;cursor:pointer}.accordion p{display:none;margin:-5px 0 20px;font-size:14px;line-height:1.5}.accordion button.open+p{display:block}.product-visual{min-height:470px;position:relative;background:linear-gradient(#0002,#0002),url('../assets/staging/sales-deck/website-assets/case-images/anker-workspace.png') center/cover}.builder{position:absolute;left:25%;top:10%;width:320px;padding:24px;border-radius:15px;background:#fff;box-shadow:0 10px 30px #0002}.builder>*{display:block;margin:0 0 13px}.builder strong{padding:10px;border:1px solid #ddd}.builder p{padding:12px;border-radius:7px;background:#ffe481;font-size:13px}.trust{padding:120px 8%;background:#32363a;color:#fff;text-align:center}.trust>h2{margin-bottom:30px}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:45px;text-align:left}.trust-grid i{display:block;height:70px;font-size:48px;font-style:normal;color:#ddd}.trust-grid h3{font-size:17px;font-weight:400}.trust-grid p{color:#ddd;font-size:13px;line-height:1.55}.dark-pill{display:inline-block;margin-top:60px;padding:13px 24px;border-radius:30px;background:var(--green)}.insights{padding:130px 12%;background:#fff}.insights>h2{max-width:900px}.featured{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:35px;border-bottom:1px solid var(--line)}.featured>div:last-child{padding:30px 0}.featured h3{font-size:35px;line-height:1.15;font-weight:400}.featured p{max-width:440px;line-height:1.6}.article-art{min-height:280px;padding:30px;display:grid;place-items:center;color:#fff;font-size:30px;text-align:center}.photo{background:url('../assets/staging/sales-deck/website-assets/case-images/anker-workspace.png') center/cover}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.article-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.article-grid small,.featured small{display:block;margin-top:14px;color:#4776a9}.article-grid h3{font-size:20px;font-weight:400;line-height:1.4}.contact{min-height:370px;padding:90px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background-color:#fafafa;background-image:linear-gradient(90deg,#00000008 50%,transparent 50%),linear-gradient(#00000008 50%,transparent 50%);background-size:50px 50px}.contact h2{margin:0;font-size:60px;font-weight:400;letter-spacing:-.05em}.footer-links{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;padding-bottom:40px;border-bottom:1px solid var(--line)}.footer-links div{display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-bottom{padding-top:35px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.footer-bottom span{font-size:12px}
@media(max-width:1000px){.announcement{grid-template-columns:1fr auto}.announcement span{display:none}.nav-wrap{grid-template-columns:140px 1fr auto}.nav-wrap nav{gap:15px;font-size:13px}.metric-grid{grid-template-columns:1fr 1fr}.case{grid-template-columns:38% 62%}.case blockquote{grid-column:1/-1;padding:25px}.trust-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.announcement{height:48px;padding:0 12px;font-size:10px}.announcement strong{font-size:11px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.announcement a{padding:8px 10px}.nav-wrap{top:58px;left:12px;right:12px;height:66px;padding:8px 12px 8px 18px;grid-template-columns:1fr auto}.menu{display:block;border:0;background:none}.nav-wrap nav{display:none;position:absolute;top:73px;left:0;right:0;padding:22px;border-radius:18px;background:#fff;flex-direction:column;align-items:flex-start}.nav-wrap nav.open{display:flex}.nav-cta{display:none}.hero{min-height:780px;padding:180px 22px 45px;align-items:flex-end}.sound{left:auto;right:30px;top:230px;transform:scale(.6);transform-origin:right}.hero-cta{right:20px;bottom:44px;transform:scale(.85);transform-origin:right bottom}.logos{min-height:230px;padding:55px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.logos img{width:100%;max-height:28px}.results,.model,.customers,.platform,.insights{padding:85px 16px}.metric-grid{grid-template-columns:1fr}.model header p{margin:-25px auto 45px}.industries{padding:85px 16px}.industry-tabs{flex-direction:row;overflow:auto}.case{grid-template-columns:1fr}.case-image{min-height:280px}.case blockquote{grid-column:auto;min-height:280px}.platform-shell{grid-template-columns:1fr}.product-visual{min-height:430px}.builder{left:20px;right:20px;width:auto}.trust{padding:85px 18px}.trust-grid{grid-template-columns:1fr}.featured,.article-grid{grid-template-columns:1fr}.article-grid article+article{padding:28px 0 0;border-left:0;border-top:1px solid var(--line)}.footer-links{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shulex Brand Color System v2 — deep ocean blue + cobalt */
:root{
  --ink:#101828;
  --paper:#f8faff;
  --purple:#0b1232;
  --green:#3b5bfc;
  --blue:#99a6fa;
  --pink:#778dfc;
  --yellow:#c9d4ff;
  --line:#e4e9f6;
  --navy-950:#060d1f;
  --navy-900:#0b1232;
  --navy-800:#0f1a40;
  --navy-700:#162050;
  --cobalt:#3b5bfc;
  --cobalt-soft:#5569f7;
  --cobalt-pale:#99a6fa;
}

/* 2026 homepage hero + integrated navigation */
.homepage-hero-v2{min-height:clamp(720px,100vh,930px);padding:170px clamp(44px,6vw,104px) 72px;align-items:center;background:radial-gradient(ellipse at 61% 96%,rgba(46,93,255,.78) 0,rgba(31,74,230,.2) 26%,transparent 52%),radial-gradient(ellipse at 64% 34%,rgba(35,68,183,.34),transparent 40%),linear-gradient(118deg,#020b1c 0%,#06142f 54%,#071633 100%)}
.homepage-hero-v2:before{inset:auto -8% -19% 20%;height:45%;background:radial-gradient(ellipse at center,rgba(115,155,255,.72),rgba(46,95,255,.2) 33%,transparent 68%);filter:blur(34px);transform:rotate(-5deg)}
.homepage-hero-v2:after{opacity:.1}
.homepage-hero-v2 .hero-copy{width:min(50%,760px);transform:none;margin:0}
.homepage-hero-v2 .hero-eyebrow{margin-bottom:28px;color:#91a8ed;font:600 12px/1.2 "IBM Plex Mono","DM Mono",monospace;letter-spacing:.16em}
.homepage-hero-v2 h1{margin:0 0 30px;font-family:var(--site-font-serif);font-size:clamp(56px,4.6vw,76px);font-weight:300;line-height:1.04;letter-spacing:-.048em}
.homepage-hero-v2 h1 span{display:block;white-space:nowrap}
.homepage-hero-v2 .hero-copy>p{max-width:570px;margin:0;color:#d4daea;font-size:18px;line-height:1.68}
.homepage-hero-v2 .hero-actions{margin-top:32px;display:flex;align-items:center;gap:28px}
.homepage-hero-v2 .hero-primary{min-width:224px;min-height:58px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#fff;color:#071329;font-weight:700;box-shadow:0 16px 38px rgba(0,0,0,.2)}
.homepage-hero-v2 .hero-secondary{color:#eef2ff;font-weight:500}
.homepage-hero-v2 .hero-trust{display:block;margin-top:34px;color:#8fa1d7;font-size:14px;letter-spacing:.01em}
.homepage-product-demo{position:absolute;z-index:4;top:52%;right:clamp(48px,7.1vw,122px);width:min(35vw,520px);transform:translateY(-44%)}
.advisor-card{padding:24px;border:1px solid rgba(191,210,255,.72);border-radius:24px;color:#f8faff;background:linear-gradient(145deg,rgba(77,104,177,.54),rgba(14,33,77,.68));box-shadow:0 28px 80px rgba(0,10,46,.48),inset 0 1px 0 rgba(255,255,255,.2),0 0 28px rgba(66,105,255,.16);backdrop-filter:blur(22px) saturate(128%);-webkit-backdrop-filter:blur(22px) saturate(128%)}
.advisor-head{padding-bottom:15px;border-bottom:1px solid rgba(225,233,255,.2);display:flex;flex-direction:column;gap:7px}
.advisor-head small{font-size:10px;font-weight:700;letter-spacing:.14em;color:#c3ceee}.advisor-head strong{font-size:19px;font-weight:600}
.advisor-customer{margin-top:18px;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center}
.customer-icon{position:relative;width:40px;height:40px;border-radius:50%;background:rgba(236,241,255,.9)}
.customer-icon:before{content:"";position:absolute;left:14px;top:8px;width:12px;height:12px;border-radius:50%;background:#677598}.customer-icon:after{content:"";position:absolute;left:10px;bottom:7px;width:20px;height:11px;border-radius:12px 12px 7px 7px;background:#677598}
.advisor-customer p{margin:0;padding:12px 15px;border-radius:13px;background:rgba(250,251,255,.94);color:#121d39;font-size:13px;line-height:1.45}
.advisor-answer{margin:18px 0;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.advisor-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#396bff,#1646de);font-size:19px;box-shadow:0 9px 24px rgba(22,70,222,.36)}
.advisor-answer small{display:block;margin-bottom:5px;color:#8eabff;font-size:11px}.advisor-answer p{margin:0;color:#fff;font-size:13px;line-height:1.4}
.advisor-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advisor-product{position:relative;overflow:hidden;border:1px solid rgba(231,236,249,.34);border-radius:15px;background:#f8f7f4;color:#111a31}.advisor-product.selected{border-color:#4e78ff;box-shadow:0 0 0 2px rgba(78,120,255,.32)}
.advisor-product>img{width:100%;height:142px;display:block;object-fit:contain;background:#f4f1eb}.advisor-product>span{position:absolute;top:9px;right:9px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#2459f5;color:#fff;font-size:12px}.advisor-product>div{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.advisor-product strong{font-size:12px;white-space:nowrap}.advisor-product b{color:#1f58f3;font-size:12px}
.advisor-cta{width:100%;min-height:52px;margin-top:13px;border:1px solid rgba(139,166,255,.72);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(180deg,#2860f8,#1748d9);color:#fff;font:700 16px/1 var(--site-font-sans);cursor:pointer;box-shadow:0 13px 28px rgba(16,59,196,.34)}.advisor-cta img{width:20px;height:20px;filter:brightness(0) invert(1)}.advisor-cta:hover{background:linear-gradient(180deg,#3d70ff,#2150de)}
.purchase-intent{position:absolute;z-index:3;top:28px;right:-70px;width:164px;padding:15px 17px;border:1px solid rgba(191,210,255,.68);border-radius:16px;background:rgba(22,42,91,.76);box-shadow:0 18px 42px rgba(0,10,45,.4),inset 0 1px 0 rgba(255,255,255,.17);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.purchase-intent span{display:block;margin-bottom:10px;color:#f2f5ff;font-size:10px}.purchase-intent strong{font-size:25px;color:#9eb6ff}.purchase-intent small{margin-left:6px;color:#d4dcf5;font-size:9px}


@media(min-width:701px){.home-page .nav-wrap.nav-scrolled .lang-trigger:hover,.home-page .nav-wrap.nav-scrolled .lang-switch.open .lang-trigger{background:#fff;border-color:#c9cfda;box-shadow:0 7px 20px rgba(16,24,40,.09)}}
@media(max-width:1120px){.homepage-hero-v2{padding-inline:42px}.homepage-hero-v2 .hero-copy{width:51%}.homepage-hero-v2 h1{font-size:clamp(46px,5vw,61px)}}
@media(max-width:800px){.homepage-hero-v2{min-height:1180px;padding:150px 22px 70px;align-items:flex-start}.homepage-hero-v2 .hero-copy{width:100%;max-width:none}.homepage-hero-v2 h1{font-size:clamp(42px,11vw,58px)}.homepage-hero-v2 h1 span{white-space:normal}}
@media(max-width:520px){.homepage-hero-v2{min-height:1110px;padding-top:130px}.homepage-hero-v2 .hero-eyebrow{width:fit-content;max-width:100%;padding:8px 10px;font-size:8px;letter-spacing:.1em;white-space:nowrap}.homepage-hero-v2 .hero-actions{align-items:center;flex-direction:row;gap:14px}.homepage-hero-v2 .hero-actions a{padding-inline:14px;font-size:12px}.homepage-hero-v2 .hero-primary{min-width:158px}.homepage-hero-v2 .hero-secondary{padding-inline:4px}}
.announcement{background:var(--navy-950)}
.announcement a{background:var(--navy-700);box-shadow:inset 0 0 0 1px #ffffff14}
.pill{background:var(--cobalt);color:#fff;box-shadow:0 10px 30px #3b5bfc30}
.pill b{background:var(--navy-950)}
.hero{
  background:
    radial-gradient(ellipse at 74% 20%,#8da2ff 0,transparent 28%),
    radial-gradient(ellipse at 10% 92%,#334fce 0,transparent 38%),
    radial-gradient(ellipse at 78% 82%,#0b1232 0,transparent 46%),
    linear-gradient(125deg,#253b9f,#4d68ee 42%,#07102b 80%)
}
.hero:before{background:repeating-linear-gradient(162deg,transparent 0 75px,#b9c6ff26 110px,transparent 180px)}
.sound i:nth-child(2),.sound i:nth-child(3),.sound i:nth-child(4){background:#c9d4ff;box-shadow:0 0 28px #99a6fa70}
.logos{background:#fbfcff}
.results{background:#f3f6ff}
.metric-grid .green{--accent:#3158e6}
.metric-grid .pink{--accent:#5569f7}
.metric-grid .blue{--accent:#778dfc}
.metric-grid .yellow{--accent:#99a6fa}
.model-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#3b5bfc12,transparent 55%);pointer-events:none}
.industries{background:linear-gradient(145deg,var(--navy-950),var(--navy-900) 58%,var(--navy-800));position:relative;overflow:hidden}
.industries:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-220px;top:-300px;background:#3b5bfc24;filter:blur(35px)}
.industries>*{position:relative}
.industry-tabs button{background:#ffffff12;border:1px solid #ffffff12;color:#c9d4ff}
.industry-tabs .active{background:var(--cobalt);color:#fff;border-color:var(--cobalt)}
.mock-message span{background:#eaf0ff;color:#172744;border-left:3px solid var(--cobalt)}
.industry-proof b{color:var(--cobalt)}
.case.orange{--accent:#3b5bfc}.case.green-case{--accent:#5569f7}.case.pink-case{--accent:#778dfc}
.case-image{background:linear-gradient(145deg,#0b1232,#3b5bfc)}
.green-case .case-image{background:linear-gradient(145deg,#101b48,#5569f7)}
.pink-case .case-image{background:linear-gradient(145deg,#1c2a63,#778dfc)}
.case-story a{box-shadow:0 8px 24px #3b5bfc28}
.builder p{background:#eaf0ff;border-left:3px solid var(--cobalt);color:#172744}
.trust{background:linear-gradient(145deg,var(--navy-950),var(--navy-900) 62%,var(--navy-800))}
.trust-grid i{color:var(--cobalt-pale)}
.dark-pill{background:var(--cobalt);box-shadow:0 10px 28px #3b5bfc55}
.purple{background:linear-gradient(135deg,#060d1f,#1c2a63 60%,#3b5bfc)}
.violet{background:linear-gradient(135deg,#0b1232,#5569f7)}
.blue{background:linear-gradient(135deg,#99a6fa,#3158e6)}
.article-grid small,.featured small{color:var(--cobalt)}
.footer-links b{color:var(--cobalt)}

/* Oversized Zendesk-style platform mega menu, expressed in Shulex blue */
.nav-wrap nav .nav-dropdown{border:0;padding:14px 20px;border-radius:30px;background:#f2f4f7;color:var(--ink);font-size:16px;cursor:pointer}
.nav-wrap nav .nav-dropdown i{display:inline-block;margin-left:8px;font-style:normal;transition:transform .25s ease}
.nav-wrap nav .nav-dropdown[aria-expanded="true"]{background:#eaf0ff;color:var(--cobalt)}
.mega-menu{position:absolute;z-index:30;top:106px;left:0;right:0;padding:0;border-radius:30px;background:#fff;color:var(--ink);box-shadow:0 28px 80px #060d1f38;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.mega-menu.open{opacity:1;visibility:visible;transform:none}
.mega-feature{min-height:160px;padding:38px 62px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff,#f8faff)}
.mega-icon{width:76px;height:76px;flex:0 0 76px;border:7px solid #dce5ff;border-radius:22px;display:grid;place-items:center;background:#fff;color:var(--cobalt);font-size:34px;font-weight:700}
.mega-feature h3{margin:0 0 8px;font-size:30px;font-weight:600;letter-spacing:-.03em}.mega-feature p{margin:0;font-size:19px;color:#475467}
.mega-grid{padding:46px 62px 52px;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;row-gap:36px}
.mega-grid>a{display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:start;padding:8px;border-radius:18px;transition:background .2s}
.mega-grid>a:hover{background:#f4f7ff}.mega-grid>a>span{width:58px;height:58px;border-radius:16px;background:#f2f4f7;display:grid;place-items:center;color:var(--cobalt);font-size:25px}
.mega-grid h4{margin:1px 0 6px;font-size:23px;font-weight:600}.mega-grid p{max-width:440px;margin:0;color:#475467;font-size:17px;line-height:1.45}
@media(max-width:1000px) and (min-width:701px){.mega-menu{top:100px}.mega-feature{padding:30px 40px}.mega-grid{padding:38px 40px;gap:28px}}
@media(max-width:700px){.nav-wrap nav .nav-dropdown{width:100%;text-align:left;padding:10px 0;background:transparent}.mega-menu{position:fixed;top:134px;left:12px;right:12px;max-height:calc(100vh - 150px);overflow:auto;border-radius:20px}.mega-feature{min-height:auto;padding:24px;gap:16px}.mega-icon{width:54px;height:54px;flex-basis:54px;border-width:5px}.mega-feature p{font-size:14px}.mega-grid{grid-template-columns:1fr;padding:20px;gap:12px}.mega-grid>a{grid-template-columns:46px 1fr;gap:14px}.mega-grid>a>span{width:46px;height:46px;border-radius:13px}.mega-grid h4{font-size:18px}.mega-grid p{font-size:14px}}

/* Conventional B2B SaaS scale — compact controls and readable type */
.announcement a{padding:8px 18px}
.nav-wrap{top:66px;height:68px;padding:6px 7px 6px 24px;grid-template-columns:150px 1fr auto;border-radius:36px}
.logo img{width:112px}.nav-wrap nav{gap:28px;font-size:14px}.nav-wrap nav .nav-dropdown{padding:9px 14px;font-size:14px}
.pill{gap:12px;padding:6px 6px 6px 20px;font-size:14px}.pill b{width:40px;height:40px;font-size:20px}
.hero{min-height:700px;padding:190px 5.5% 60px}.hero-copy p{max-width:520px;font-size:17px}.hero-copy small{font-size:12px}.hero-cta{bottom:68px}
.sound{transform:scale(.78);transform-origin:center}.logos{min-height:190px;padding-top:55px;padding-bottom:55px}.logos img{max-width:125px;max-height:34px}
.results{padding-top:80px;padding-bottom:95px}.metric-grid article:before{width:14px}.model,.customers,.platform,.insights{padding-top:95px;padding-bottom:105px}.industries{padding-top:90px;padding-bottom:55px}.case{min-height:315px}.case-story a,.dark-pill{padding:9px 16px;font-size:12px}.avatar{width:72px;height:72px;font-size:30px}
.product-visual{min-height:420px}.trust{padding-top:90px;padding-bottom:90px}.featured .article-art{min-height:330px}.mega-menu{top:80px;border-radius:22px}.mega-icon{width:56px;height:56px;flex-basis:56px;border-width:5px;border-radius:16px;font-size:25px}.mega-grid>a>span{width:44px;height:44px;border-radius:12px;font-size:19px}@media(max-width:700px){.nav-wrap{top:58px;height:58px}.logo img{width:92px}.hero-copy p{font-size:15px}.hero-cta{bottom:32px}.results h2,.model h2,.industries>h2,.customers>h2,.platform>h2,.trust>h2,.insights>h2{font-size:34px}.results,.model,.customers,.platform,.insights{padding-top:70px;padding-bottom:75px}.metric-grid strong{font-size:45px}.mega-menu{top:124px}}

/* Real navigation chevrons — geometry instead of font glyphs */
.nav-link-dropdown,.nav-wrap nav .nav-dropdown{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.nav-wrap nav .nav-dropdown i{margin-left:0;font-style:normal}
.nav-wrap nav .nav-dropdown[aria-expanded="true"] i{transform:rotate(225deg) translate(-1px,-1px)}
@media(max-width:700px){.nav-link-dropdown,.nav-wrap nav .nav-dropdown{justify-content:flex-start}}

/* Fixed announcement + navigation and compact paired hero CTAs */
.announcement{position:fixed;z-index:80;inset:0 0 auto;height:48px;grid-template-columns:150px 1fr auto 32px;padding-left:5.5%;padding-right:18px;transition:transform .28s ease,opacity .28s ease}
.announcement-close{width:28px;height:28px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffff0d;color:#c9d4ff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.announcement-close:hover{background:#ffffff1f;color:#fff}
.nav-wrap{position:fixed;z-index:70;top:62px;transition:top .28s ease,box-shadow .28s ease}
.banner-closed .announcement{transform:translateY(-100%);opacity:0;pointer-events:none}
.banner-closed .nav-wrap{top:12px}
.hero-copy small{display:block;margin-top:22px}
.hero-actions{display:flex;align-items:center;gap:10px;margin:26px 0 0}
.hero-actions a{min-height:42px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:500;letter-spacing:.01em;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.hero-actions a:hover{transform:translateY(-2px)}
.hero-primary{background:var(--cobalt);color:#fff;box-shadow:0 8px 28px #07102b45}
.hero-secondary{border:1px solid #99a6fa99;background:#07102b35;color:#fff;backdrop-filter:blur(8px)}
.hero-secondary:hover{background:#07102b66;border-color:#c9d4ff}
.play{width:22px;height:22px;border:1px solid #99a6fa;border-radius:50%;display:grid;place-items:center;padding-left:1px;font-size:8px}
@media(max-width:700px){.announcement{grid-template-columns:1fr auto 28px;padding:0 10px 0 14px}.announcement span{display:none}.announcement strong{font-size:11px}.announcement a{font-size:10px}.nav-wrap{top:58px}.banner-closed .nav-wrap{top:8px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-actions a{min-height:42px}.hero-copy small{margin-top:18px}}

/* Hero-integrated navigation that morphs into a fixed white capsule */
.nav-wrap{
  isolation:isolate;
  background:transparent;
  color:#fff;
  box-shadow:none;
  border:1px solid transparent;
  transition:top .28s ease,background .36s ease,color .3s ease,box-shadow .36s ease,border-color .3s ease,backdrop-filter .36s ease;
}
.nav-wrap .logo img{filter:brightness(0) invert(1);transition:filter .3s ease}
.nav-wrap nav .nav-dropdown{background:#ffffff12;color:#fff;transition:background .25s ease,color .25s ease}
.nav-wrap .menu{color:inherit}
.nav-wrap.nav-scrolled{
  background:linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 64%,rgba(247,249,255,.97) 100%);
  color:var(--ink);
  border-color:#ffffffed;
  box-shadow:
    0 1px 0 #fff inset,
    0 -1px 0 #c9d4ff66 inset,
    0 3px 8px #07102b12,
    0 15px 34px #07102b24,
    0 28px 60px #07102b10;
  backdrop-filter:blur(18px);
}
.nav-wrap.nav-scrolled .logo img{filter:none}
@media(max-width:700px){.nav-wrap:not(.nav-scrolled) nav.open{background:rgba(11,18,50,.96);color:#fff}.nav-wrap.nav-scrolled nav.open{background:#fff;color:var(--ink)}}

/* Account + demo actions from the reference navigation */
.nav-actions{display:flex;align-items:center;gap:8px}
.account-cta{width:38px;height:38px;flex:0 0 38px;border:1px solid #ffffff42;border-radius:50%;display:grid;place-items:center;background:#ffffff14;color:#fff;transition:transform .2s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.account-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-cta:hover{transform:translateY(-1px);background:#ffffff25}
.nav-wrap.nav-scrolled .account-cta{background:#f6f6f6;color:#090909;border-color:#f6f6f6;box-shadow:0 1px 0 #fff inset,0 4px 12px #060d1f0d}
.nav-wrap.nav-scrolled .account-cta:hover{background:#ededed}
.nav-cta{min-width:104px;height:38px;padding:0 18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#171716;color:#fff;font-size:13px;font-weight:500;letter-spacing:.01em;box-shadow:0 1px 0 #ffffff1a inset,0 5px 14px #060d1f1f;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.nav-cta:hover{transform:translateY(-1px);background:#060d1f;box-shadow:0 1px 0 #ffffff1a inset,0 9px 22px #060d1f30}
@media(max-width:700px){.nav-actions{display:none}}

/* Balanced navigation spacing and hover-only item surfaces */
.nav-wrap{padding-left:24px;padding-right:24px}
.nav-wrap nav .nav-dropdown{background:transparent;color:inherit}
.nav-wrap nav>a{padding:9px 11px;border-radius:999px;transition:background .2s ease,color .2s ease}
.nav-wrap:not(.nav-scrolled) nav .nav-dropdown:hover,.nav-wrap:not(.nav-scrolled) nav>a:hover{background:#ffffff12}
.nav-wrap.nav-scrolled nav .nav-dropdown{background:transparent;color:var(--ink)}
.nav-wrap.nav-scrolled nav .nav-dropdown:hover,.nav-wrap.nav-scrolled nav>a:hover{background:#f2f4f7}
.nav-wrap.nav-scrolled nav .nav-dropdown[aria-expanded="true"]{background:#eaf0ff;color:var(--cobalt)}
@media(max-width:700px){.nav-wrap{padding-left:16px;padding-right:12px}.nav-wrap nav>a{width:100%;justify-content:flex-start;padding:10px 0}.nav-wrap nav .nav-dropdown:hover,.nav-wrap nav>a:hover{background:transparent}}

/* Raise the hero content without reducing the atmospheric canvas */
.hero-copy{transform:translate(42px,-105px)}
.sound{top:46%}
@media(max-width:1000px){.hero-copy{transform:translate(24px,-68px)}.sound{top:44%}}
@media(max-width:700px){.sound{top:205px}}

/* High-contrast hero conversion CTA */
.hero-actions .hero-primary{min-height:46px;padding:5px 7px 5px 20px;gap:16px;background:linear-gradient(180deg,#fff,#f5f7ff);color:#172744;font-size:14px;font-weight:600;border:1px solid #ffffffed;box-shadow:0 1px 0 #fff inset,0 10px 26px #07102b38,0 0 0 1px #c9d4ff35}
.hero-primary span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--cobalt);color:#fff;font-size:17px;box-shadow:0 5px 14px #3b5bfc4a;transition:transform .2s ease}
.hero-actions .hero-primary:hover{background:#fff;box-shadow:0 1px 0 #fff inset,0 14px 34px #07102b4a,0 0 0 1px #fff}
.hero-primary:hover span{transform:translateX(2px)}

/* Two-line hero proposition and matched secondary CTA */
.hero-copy{width:62%}
.hero h1{margin-bottom:24px;font-size:clamp(52px,4.7vw,74px);line-height:1.08;letter-spacing:-.045em;font-weight:600}
.hero h1 span{display:block;white-space:nowrap}
.hero-copy>p{margin-bottom:0}
.hero-actions .hero-secondary{min-height:46px;padding:5px 7px 5px 20px;gap:16px;background:rgba(255,255,255,.08);border:1px solid #dce5ff80;color:#fff;font-size:14px;font-weight:500;box-shadow:0 1px 0 #ffffff26 inset,0 8px 20px #07102b16;backdrop-filter:blur(10px)}
.hero-secondary .play{width:34px;height:34px;flex:0 0 34px;border:1px solid #dce5ff99;background:#ffffff0d;color:#fff;font-size:9px;box-shadow:0 4px 12px #07102b1c;transition:transform .2s ease,background .2s ease}
.hero-actions .hero-secondary:hover{background:rgba(255,255,255,.15);border-color:#eef2ff}.hero-secondary:hover .play{transform:scale(1.04);background:#ffffff1f}
@media(max-width:1000px){.hero-copy{width:72%}.hero h1{font-size:clamp(46px,6vw,62px)}}
@media(max-width:700px){.hero-copy{width:100%}.hero h1{font-size:36px;line-height:1.12;letter-spacing:-.035em}}

/* Multi-menu information architecture */
.mega-grid small{display:block;margin:0 0 3px;color:var(--cobalt);font-size:10px;font-weight:600;letter-spacing:.06em}
.compact-menu>header{padding:26px 42px 22px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fff,#f8faff)}
.compact-menu>header small{color:var(--cobalt);font-size:11px;font-weight:600;letter-spacing:.08em}
.compact-menu>header h3{margin:5px 0 0;font-size:22px;font-weight:600;letter-spacing:-.025em}
.menu-six{grid-template-columns:repeat(3,1fr);column-gap:34px}
.menu-three{grid-template-columns:repeat(3,1fr);column-gap:34px}
.menu-six>a,.menu-three>a{grid-template-columns:42px 1fr}
.menu-six>a>span,.menu-three>a>span{width:42px;height:42px;font-size:14px;font-weight:600}
@media(max-width:1000px){.menu-six,.menu-three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.menu-six,.menu-three{grid-template-columns:1fr}}

/* Compact Mega Menu typography and knowledge-base SVG icons */
.mega-feature{min-height:96px;padding:20px 34px;gap:18px}
.mega-icon{width:46px;height:46px;flex-basis:46px;border-width:4px;border-radius:14px}
.mega-feature h3{margin-bottom:5px;font-size:18px}.mega-feature p{font-size:13px}
.mega-grid{padding:22px 34px 27px;row-gap:13px;column-gap:45px}
.mega-grid>a{grid-template-columns:40px 1fr;gap:13px;padding:6px;border-radius:13px}
.mega-grid>a>span,.menu-six>a>span,.menu-three>a>span{width:40px;height:40px;border-radius:11px}
.mega-grid>a>span img,.mega-icon img{width:20px;height:20px;object-fit:contain;filter:invert(35%) sepia(92%) saturate(3498%) hue-rotate(226deg) brightness(101%) contrast(98%)}
.mega-grid h4{margin:0 0 3px;font-size:15px}.mega-grid p{font-size:12px;line-height:1.4}.mega-grid small{font-size:9px}
.compact-menu>header{padding:20px 34px 17px}.compact-menu>header h3{font-size:18px}.compact-menu .mega-grid{padding-top:19px}
@media(max-width:700px){.mega-feature{padding:18px}.mega-feature h3{font-size:17px}.mega-grid{padding:16px}.compact-menu>header{padding:17px}.compact-menu>header h3{font-size:17px}}

/* More breathing room in the hero content hierarchy */
@media(max-width:700px){.hero h1{margin-bottom:24px;line-height:1.16;letter-spacing:-.025em}}

/* One complete desktop viewport, with fluid vertical composition */
@media(min-width:1001px){
  .hero{height:100svh;min-height:720px}
  .hero-copy{width:68%;max-width:1180px;transform:translate(42px,calc(clamp(-180px,-15vh,-110px) - 35px))}
  .hero h1{margin-bottom:46px;font-size:clamp(70px,5.25vw,76px);line-height:1;letter-spacing:-.035em}
  .hero h1 span:first-child{margin-bottom:16px;color:#dce5ff;font-size:.72em;font-weight:500;letter-spacing:-.02em}
  .hero h1 span:last-child{color:#fff;font-weight:650;text-shadow:0 8px 30px #07102b22}
  .hero-actions{margin-top:38px}
  .sound{top:43%}
}

@media(min-width:701px){.nav-wrap .logo img{width:128px}}

/* Hero category label and unified two-line headline */
.hero-eyebrow{width:max-content;margin:0 0 34px;padding:10px 17px;border:1px solid #dce5ff73;border-radius:999px;background:#07102b24;color:#eef2ff;font-size:14px;font-weight:600;letter-spacing:.1em;line-height:1;backdrop-filter:blur(10px);box-shadow:0 1px 0 #ffffff1f inset}
@media(min-width:1001px){
  .hero h1 span:first-child,.hero h1 span:last-child{margin:0;font-size:1em;font-weight:650;letter-spacing:-.035em;text-shadow:0 8px 30px #07102b22}
  .hero h1 span:first-child{color:#dce5ff}
  .hero h1 span:last-child{color:#fff}
  .hero h1 span+span{margin-top:100px}
  .hero-copy>p{max-width:760px}
}
@media(max-width:700px){.hero-eyebrow{margin-bottom:16px;padding:7px 11px;font-size:10px}}

/* Animated customer trust marquee */
.logo-trust{position:relative;padding:104px 0 96px;overflow:visible;background:#fbfcff;border-top:1px solid #e8ecf7;border-bottom:1px solid #e8ecf7}
.logo-trust>header{max-width:920px;margin:0 auto 54px;padding:0 24px;text-align:center}
.logo-trust>header span{display:block;margin-bottom:14px;color:var(--cobalt);font-size:11px;font-weight:700;letter-spacing:.16em}
.logo-trust h2{margin:0;font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.14;letter-spacing:-.04em;color:#121a2d}
.logo-trust>header p{margin:17px 0 0;color:#667085;font-size:15px;line-height:1.6}
.logo-lane{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.logo-lane+.logo-lane{margin-top:18px}
.logo-lane:nth-of-type(4){display:none}
.logo-track{display:flex;width:max-content;will-change:transform;animation:logo-scroll 92s linear infinite}
.logo-track-reverse{animation-name:logo-scroll-reverse;animation-duration:104s}
.logo-track-third{animation-duration:116s}
.logo-set{display:flex;flex:none;align-items:center;gap:18px;padding-right:18px}
.logo-set>span{box-sizing:border-box;width:190px;height:84px;padding:10px 14px;display:grid;place-items:center;background:#fff;border:1px solid #e4e9f4;border-radius:18px;box-shadow:0 7px 24px #20356b0b}
.logo-set img{display:block;width:auto;height:54px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.58;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.logo-set img[src$="/eufy.svg"]{height:48px}
.logo-set>span:hover img{filter:grayscale(0);opacity:1;transform:scale(1.03)}
@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes logo-scroll-reverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:700px){.logo-trust{padding:72px 0 68px}.logo-trust>header{margin-bottom:38px}.logo-trust h2{font-size:31px}.logo-trust>header p{font-size:13px}.logo-lane+.logo-lane{margin-top:14px}.logo-set{gap:14px;padding-right:14px}.logo-set>span{width:146px;height:68px;padding:8px 12px;border-radius:15px}.logo-set img{height:40px}.logo-set img[src$="/eufy.svg"]{height:36px}}
@media(prefers-reduced-motion:reduce){.logo-track,.logo-track-reverse{animation:none}.logo-lane{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}

/* Static top-customer wall: six columns by six rows on desktop. */
.logo-trust{padding-inline:var(--page-gutter)}
.logo-lane.logo-grid{display:grid;width:min(1320px,100%);margin:0 auto;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:14px;row-gap:4px;overflow:visible;mask-image:none;-webkit-mask-image:none}
.logo-grid>span{min-width:0;height:60px;padding:8px 20px;display:grid;place-items:center}
.logo-grid img{display:block;width:104px;height:26px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.logo-grid img[src$="/plaud-ai-hq.png"]{scale:1.73}
.logo-grid img[src$="/issyzone-hq.png"]{scale:1.1}
.logo-grid img[src$="/navimow-hq.png"]{scale:3.2}
.logo-grid img[src$="/esr-hq.png"]{scale:1.1}
.logo-grid img[src$="/sunjoy-hq.png"]{scale:2.12}
.logo-grid img[src$="/claiks-hq.png"]{scale:2.09}
.logo-grid img[src$="/inkbird-hq.png"]{scale:3.2}
.logo-grid img[src$="/piscifun-hq.png"]{scale:1.48}
.logo-grid img[src$="/aglucky-hq.jpg"]{scale:1.51}
.logo-grid img[src$="/caguuu-hq.png"]{scale:1.5}
.logo-grid>span:hover img{filter:grayscale(0);opacity:1;transform:scale(1.03)}
@media(max-width:980px){.logo-lane.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.logo-trust{padding-inline:20px}.logo-lane.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px;row-gap:3px}.logo-grid>span{height:54px;padding:7px 12px}.logo-grid img{width:82px;height:23px}}

/* Unified typography and spacing system */
:root{
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --space-8:96px;
  --space-section:clamp(72px,8vw,120px);
  --page-gutter:clamp(20px,5.5vw,88px);
  --text-xs:12px;
  --text-sm:14px;
  --text-base:16px;
  --text-lg:18px;
  --text-xl:clamp(22px,2vw,28px);
  --text-h3:clamp(26px,2.6vw,36px);
  --text-h2:clamp(40px,4.1vw,64px);
  --text-hero:clamp(56px,5.45vw,84px);
}

html{font-size:16px;scroll-padding-top:96px}
body{font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}
p{margin-block:0 1em}

/* Global display hierarchy */
.results h2,.model h2,.industries>h2,.customers>h2,.platform>h2,.trust>h2,.insights>h2{
  max-width:1000px;
  margin:0 auto var(--space-7);
  font-size:var(--text-h2);
  line-height:1.12;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.results,.model,.industries,.customers,.platform,.trust,.insights{padding-block:var(--space-section)}
.results,.customers{padding-inline:clamp(20px,4vw,64px)}
.model,.platform,.insights{padding-inline:clamp(20px,8vw,128px)}
.trust{padding-inline:clamp(20px,6vw,96px)}
.industries{padding-inline:clamp(20px,4vw,64px)}

/* Header and navigation */
.announcement{font-size:var(--text-xs)}
.announcement strong{font-size:var(--text-sm);line-height:1.35}
.nav-wrap nav,.nav-wrap nav .nav-dropdown{font-size:var(--text-sm)}
.nav-wrap nav{gap:clamp(14px,2vw,28px)}

/* Homepage full-width fixed navigation */
.home-page .homepage-hero-v2.homepage-hero-carousel{min-height:clamp(720px,100vh,930px);padding:170px clamp(44px,6vw,104px) 72px;align-items:center;background:linear-gradient(180deg,rgba(247,249,255,.82),rgba(247,249,255,.72)),url('../shulex-homepage-bg-flatkey.png') center/cover no-repeat !important;color:var(--ink)}
.home-page .homepage-hero-v2.homepage-hero-carousel:before,.home-page .homepage-hero-v2.homepage-hero-carousel:after{opacity:0 !important}
.home-page .homepage-hero-v2.homepage-hero-carousel .hero-copy{display:none !important}
.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-shell{position:relative;z-index:4;width:min(760px,100%);margin:0 auto;transform:none;top:auto;right:auto;left:auto}
.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel{justify-content:center}
.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-track{min-height:420px;width:min(520px,100%)}
.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-slide{padding:34px 34px 30px}
.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-dots{margin-top:20px}
.home-page .homepage-hero-v2.homepage-hero-carousel .product-rail{padding-top:60px}
@media(max-width:800px){.home-page .homepage-hero-v2.homepage-hero-carousel{min-height:auto;padding:116px 22px 56px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-track{min-height:360px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-rail{padding-top:48px}}
@media(max-width:520px){.home-page .homepage-hero-v2.homepage-hero-carousel{padding-top:104px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-track{min-height:320px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-slide{padding:22px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-slide h3{font-size:24px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-slide p{font-size:15px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-arrow{width:40px;height:40px;flex-basis:40px;font-size:22px}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-dots{gap:8px;flex-wrap:wrap}.home-page .homepage-hero-v2.homepage-hero-carousel .product-carousel-dots button{min-width:46px;height:32px;font-size:11px}}





/* Hero */

/* Brand strip and metrics */

/* Content sections */







/* Hero omnichannel inbox — chat, email and voice */
@keyframes message-step-in{to{opacity:1;transform:none}}
@keyframes commerce-step-in{to{opacity:1;transform:none}}
@keyframes inbox-timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes voice-pulse{0%,100%{transform:scaleY(.82);opacity:.82}50%{transform:scaleY(1.1);opacity:1}}
@keyframes intro-listen{0%,100%{transform:scaleY(.86);opacity:.78}50%{transform:scaleY(1.08);opacity:1}}


/* Single overseas Live Chat hero — separated two-column composition */


/* Five customer-outcome metrics, ordered from response to repeat purchase */

/* Photographic CTA: one continuous customer scene replaces the grid pattern */

/* Stronger footer brand lockup */


/* Real Shulex Blog covers and clickable article cards */

/* Join the photographic CTA and footer into one continuous closing section */

/* One generated canvas shared by the CTA and footer */

/* Dark editorial footer inspired by the supplied layout */

/* Keep the editorial layout, restore the original light Shulex palette */

/* Keep footer information architecture unmerged */


/* Match footer navigation typography to the rest of the site */

/* Closing hierarchy: lead action above, company and navigation below */

/* Full-width closing section while retaining the rounded top edge */


/* Professional ecommerce customer-service background, v4 */

/* Light neutral v5: laptop-only service action, aligned with the site palette */

/* Final 4K customer-service background and footer content refinements */

/* Compact footer: prioritize consultation and keep navigation easy to scan */

/* Three-column resource mega menu */

/* Unified Shulex mega menus — editorial two-column layout */

/* Centered Shulex treatment: reference the structure, keep the brand */

/* Lock the stable matrix hero copy above legacy per-product carousel rules. */
@media(min-width:801px){.home-page .hero-product-stage .matrix-hero-copy>small{display:block!important;margin:0 0 16px!important;color:#3157ff!important;font-size:10px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:.16em!important}.home-page .hero-product-stage .matrix-hero-copy h1{margin:0 0 20px!important;font-size:clamp(44px,3vw,54px)!important;line-height:1.08!important;letter-spacing:-.05em!important}.home-page .hero-product-stage .matrix-hero-copy h2{margin:0 0 12px!important;font-size:22px!important;line-height:1.3!important}.home-page .hero-product-stage .matrix-hero-copy p{font-size:15px!important;line-height:1.65!important}}

/* Natural-width navigation labels and grouped solution menu */

/* Resource menu alignment */

/* Text login action and longer category examples */

/* Service and support menu */

/* Compact global navigation dropdowns */

/* Channels and business integrations */

/* Customer voice directly after the brand wall */

/* AI employee capability map */


@keyframes capabilityIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes capabilityOrbit{to{transform:rotate(360deg)}}

/* Homepage story: capability mechanism + continuous service journey */

/* Six purpose-built cross-border industry solutions */
@keyframes sceneCardIn{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes industryPointIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}

/* ===== Language switcher（导航 + 页脚，三语联动） ===== */

/* ===== 英/日文首页标题适配（拉丁/假名标题更长，缩字号并允许换行） ===== */

/* ===== Compact language menu + aligned header actions ===== */

/* Final homepage state overrides — intentionally last in cascade */

/* Closing CTA echoes the homepage hero */

/* Closing composition: one CTA surface, full-width footer */

/* Unified hero typography + restored conversation avatars */

/* Integration network — real channel and system connections */

/* Enterprise integration loop — paths are real SVG, not CSS-drawn connectors */

/* Focused ecosystem view: logos + Shulex hub + SVG data loop */

/* Integrations section alignment — shared editorial rhythm with the rest of homepage */


/* Full-width closing chapter — editorial CTA, existing footer content retained */
@keyframes flowHubPulse{0%{opacity:.75;transform:scale(.62)}75%,100%{opacity:0;transform:scale(1.75)}}

/* CTA refinement — less copy, quieter motion, clearer two-column rhythm */

/* CTA service timeline — one clear process instead of converging paths */
@keyframes timelineNodePulse{0%,18%,100%{opacity:.35;transform:scale(.82)}9%{opacity:1;transform:scale(1.18)}}

/* Single closing action */

/* CTA must meet the preceding section edge-to-edge */

/* Inset CTA card + centered footer */

/* Full-width footer grid with the wordmark closing the company column */

/* Security and compliance — certification-led enterprise trust section */


/* Use the verified certification artwork from the Shulex brand package */

/* Homepage CTA uses square corners */

/* Integrations — one value proposition, one complete logo wall */

/* Separate integrations by customer touchpoints and business systems */

/* Make the two integration domains unmistakably separate */

/* Integrations and compliance form one connected capability story */

/* One visual section: integrations and compliance share the same light field */

/* Compact trust closure: integrations and compliance read as one continuous story */

/* Open logo field — remove the dashboard/table feeling */

/* Integration orbit visual */
/* Shulex dark atmospheric closing section — Decagon-inspired structure, Shulex palette */

/* Remove stray closing frames and switch CTA button to white-to-blue */

/* Footer background must span the full closing section */

/* Final footer polish: rounded CTA, white button, left QR alignment, white logo */

/* CTA final fix: visible rounded card and glowing hover button */

/* Remove warm bleed before footer; keep the closing background in Shulex dark blue */

/* Closing shell fix: the outer container owns the rounded top, no inset straight-corner layer */

/* Closing section full-bleed width with rounded top edge */


/* Center insights eyebrow with the section title */

/* Footer navigation mirrors the current global header information architecture */

/* Integration ecosystem logo wall — direct multi-logo presentation */

/* Integration catalog — equal optical logo sizing */

/* Logo-only presentation with optical, not merely geometric, sizing */

/* Integration catalog cards — logo, name and business context */

/* Homepage hero atmospheric dark field trial */

/* Homepage hero CTA trial — premium pill buttons */

/* Hero CTA readability fix */
/* Hero CTA size tuning */

/* Homepage positioning label — enterprise AI customer service */
/* Purchase intent metric size restore */

/* Prevent horizontal swipe navigation / rubber-band back gesture where browsers allow it */





/* Show the real Quality Inspection product screen instead of a conceptual mockup. */

/* Compact omnichannel composition: one service story, not four oversized cards. */

/* Channels only: remove the redundant explanatory block. */

/* Real conversation on the left, compact channel coverage on the right. */

/* Let the omnichannel stage follow the real screenshot instead of a fixed canvas. */

/* Generated performance dashboard PNG: preserve its native 3:2 composition. */

/* Match the 200+ ecommerce Agent marketplace screenshot. */

/* Consistent downloaded Lucide icons across all mega menus. */

/* Homepage typography and vertical rhythm audit — SaaS hierarchy pass. */

/* Persistent AI advisor consultation */


.home-page .homepage-hero-carousel .hero-eyebrow{background:#fff;border-color:#dbe5ff;color:#3157ff;box-shadow:0 8px 20px rgba(17,27,45,.04)}
.home-page .homepage-hero-carousel .hero-copy h1{color:#101828}
.home-page .product-carousel-slide h3{margin:0 0 14px;font-size:30px;line-height:1.1;letter-spacing:-.04em;color:#101828}
.home-page .product-carousel-slide a:hover{transform:translateY(-1px);background:#2447dc}
.home-page .product-carousel-dots button{min-width:52px;height:36px;padding:0 12px;border-radius:999px;border:1px solid #dbe5ff;background:#fff;color:#3157ff;font-size:12px;font-weight:700;letter-spacing:.1em;box-shadow:0 8px 18px rgba(17,27,45,.06)}
.home-page .product-grid article{min-height:210px;padding:28px 24px 24px;border:1px solid #e2e9fb;border-radius:24px;background:#fff;box-shadow:0 12px 34px rgba(17,27,45,.06)}
.home-page .product-grid h3{margin:0 0 12px;font-size:24px;line-height:1.12;color:#111b2d}
.home-page .product-grid a:hover{color:#2447dc}

/* Homepage full-width fixed navigation */
.home-page.banner-closed .nav-wrap { top: 0; }
.home-page .nav-wrap nav .nav-dropdown,
.home-page .nav-wrap:not(.nav-scrolled) nav .nav-dropdown { color: var(--ink); background: transparent; }
.home-page .nav-wrap nav > a { border-radius: 0; }
.home-page .account-cta { color: var(--ink); background: #f5f6f7; border-color: #e6e7ea; }

@media (max-width: 700px) {
  .home-page .nav-wrap { top: 0; left: 0; right: 0; width: 100%; height: 60px; padding: 0 16px; }
  .home-page.banner-closed .nav-wrap { top: 0; }
  .home-page .nav-wrap nav { top: 60px; left: 0; right: 0; border-radius: 0; }
}

/* Hero */
.hero{padding-inline:var(--page-gutter)}
.hero-copy{max-width:1120px}
.hero-eyebrow{margin-bottom:var(--space-4);font-size:var(--text-sm);letter-spacing:.08em}
.hero h1{margin:0 0 var(--space-5);font-size:var(--text-hero);line-height:1.06;letter-spacing:-.04em}
.hero h1 span+span{margin-top:var(--space-2)}
.hero-copy>p{max-width:720px;font-size:var(--text-lg);line-height:1.7}
.hero-actions{margin-top:var(--space-5);gap:var(--space-2)}
.hero-actions a{font-size:var(--text-sm)}

/* Brand strip and metrics */
.logo-trust{padding-block:clamp(80px,8vw,112px)}
.logo-trust>header{margin-bottom:var(--space-6)}
.logo-trust>header span{margin-bottom:var(--space-2);font-size:var(--text-xs)}
.logo-trust h2{font-size:clamp(32px,3.3vw,50px);line-height:1.16}
.metric-grid{gap:var(--space-4)}
.metric-grid article{min-height:280px;padding:var(--space-5) var(--space-4) var(--space-4) var(--space-6)}
.metric-grid strong{font-size:clamp(48px,4vw,64px);line-height:1}
.metric-grid p{font-size:var(--text-lg);line-height:1.5;margin-bottom:0}
.results>small{margin-top:var(--space-3);font-size:var(--text-xs)}

/* Content sections */
.model header p{max-width:640px;margin:calc(var(--space-5) * -1) auto var(--space-6);font-size:var(--text-base);line-height:1.7}
.model-grid{gap:var(--space-4)}
.model-grid h3{margin-bottom:var(--space-2);font-size:var(--text-h3);line-height:1.15}
.model-grid p{font-size:var(--text-sm);line-height:1.65}
.industry-tabs{gap:var(--space-2)}
.industry-tabs button{padding:10px 14px;font-size:var(--text-sm);line-height:1.35}
.industry-proof b{font-size:var(--text-h3);line-height:1.1}
.industry-proof span,.industry-proof a{font-size:var(--text-sm);line-height:1.5}

.case{margin-bottom:var(--space-4)}
.case-story{padding:var(--space-5)}
.case-story h3{font-size:var(--text-h3);line-height:1.12}
.case-story p{font-size:var(--text-base)}
.case blockquote{padding-inline:var(--space-4)}
.case blockquote p{font-size:var(--text-sm);line-height:1.65}
.case blockquote small{font-size:var(--text-xs)}

.accordion button{padding:var(--space-3) 0;font-size:var(--text-base);line-height:1.45}
.builder{padding:var(--space-4);font-size:var(--text-sm)}
.trust>p{margin:-32px 0 var(--space-7);font-size:var(--text-base)}
.trust-grid{gap:clamp(28px,4vw,56px)}
.trust-grid h3{font-size:var(--text-lg);line-height:1.35}
.trust-grid p{font-size:var(--text-sm);line-height:1.65}
.dark-pill{margin-top:var(--space-7);font-size:var(--text-sm)}

.featured{gap:var(--space-6);padding-bottom:var(--space-6)}
.featured>div:last-child{padding-block:var(--space-4)}
.featured h3{font-size:var(--text-h3);line-height:1.2}
.featured p{font-size:var(--text-base);line-height:1.7}
.article-grid{gap:var(--space-5);margin-top:var(--space-5)}
.article-grid article+article{padding-left:var(--space-5)}
.article-grid small,.featured small{font-size:var(--text-xs)}
.article-grid h3{font-size:var(--text-lg);line-height:1.5}
.article-art{font-size:var(--text-xl);line-height:1.35}

.contact{min-height:320px;padding:var(--space-7) var(--page-gutter);gap:var(--space-5)}
.contact h2{font-size:var(--text-h2);line-height:1.1;text-align:center}
.footer-links{gap:var(--space-5);padding-bottom:var(--space-6)}
.footer-links div{gap:10px;font-size:var(--text-sm)}
.footer-links b{margin-bottom:4px;font-size:var(--text-base)}
.footer-bottom{padding-top:var(--space-5);font-size:var(--text-sm)}

@media(max-width:1000px){
  :root{--space-section:80px}
  .metric-grid{gap:var(--space-3)}
  .industry-layout{grid-template-columns:150px 1fr}
  .industry-proof{grid-column:2}
}

@media(max-width:700px){
  :root{
    --space-6:40px;
    --space-7:48px;
    --space-8:64px;
    --space-section:72px;
    --text-h2:clamp(34px,10vw,42px);
    --text-hero:clamp(38px,11.2vw,48px);
  }
  html{scroll-padding-top:76px}
  .hero{min-height:700px;padding:150px 20px 48px}
  .hero-copy{transform:translateY(-24px)}
  .hero-eyebrow{margin-bottom:var(--space-3);font-size:10px}
  .hero h1{margin-bottom:var(--space-4);line-height:1.1}
  .hero h1 span{white-space:normal}
  .hero h1 span+span{margin-top:var(--space-1)}
  .hero-copy>p{font-size:var(--text-base);line-height:1.65}
  .hero-actions{margin-top:var(--space-4)}
  .results h2,.model h2,.industries>h2,.customers>h2,.platform>h2,.trust>h2,.insights>h2{margin-bottom:var(--space-6)}
  .metric-grid article{min-height:220px;padding:var(--space-5) var(--space-4) var(--space-4) 44px}
  .model header p{margin-top:-20px;margin-bottom:var(--space-6)}
  .case-story{padding:var(--space-4);min-height:260px}
  .case blockquote{padding:var(--space-4);min-height:250px}
  .featured{gap:var(--space-4)}
  .article-grid article+article{padding:var(--space-4) 0 0}
  .trust>p{margin:-20px 0 var(--space-6)}
  .footer-links{gap:var(--space-5) var(--space-4)}
}

/* Hero omnichannel inbox — chat, email and voice */
.hero-inbox{position:absolute;z-index:3;right:clamp(28px,5.5vw,88px);top:50%;width:min(42vw,610px);transform:translateY(-43%);color:var(--ink)}
.inbox-intro{position:absolute;z-index:5;inset:0;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;color:#dce5ff;opacity:0;visibility:hidden;transform:scale(.88);transition:opacity .4s ease,transform .7s cubic-bezier(.2,.85,.2,1),visibility .4s}
.inbox-intro span{font-size:11px;font-weight:600;letter-spacing:.16em;opacity:.72}
.intro-channel-stack{position:relative;width:180px;height:170px}
.intro-channel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;transform:scale(.68) rotate(-8deg);filter:blur(8px);transition:opacity .32s ease,transform .55s cubic-bezier(.2,.9,.2,1),filter .32s ease}
.intro-channel.active{opacity:1;transform:none;filter:none}
.intro-channel>b{position:relative;width:112px;height:112px;border:1px solid #dce5ff78;border-radius:32px;display:flex;align-items:center;justify-content:center;background:#07102b38;box-shadow:0 20px 60px #07102b35,0 1px 0 #ffffff24 inset;backdrop-filter:blur(14px)}
.intro-channel strong{color:#eef2ff;font-size:13px;font-weight:600;letter-spacing:.08em}
.intro-chat-icon{gap:10px}
.intro-chat-icon:before{content:"";position:absolute;width:54px;height:40px;border:4px solid #dce5ff;border-radius:18px}
.intro-chat-icon:after{content:"";position:absolute;width:13px;height:13px;border-left:4px solid #dce5ff;border-bottom:4px solid #dce5ff;transform:translate(-17px,22px) skewY(-28deg)}
.intro-chat-icon i{position:relative;z-index:1;width:7px;height:7px;border-radius:50%;background:#dce5ff}
.intro-email-icon:before{content:"";width:58px;height:42px;border:4px solid #dce5ff;border-radius:8px;background:linear-gradient(145deg,transparent 48%,#dce5ff 49% 52%,transparent 53%)}
.intro-email-icon:after{content:"";position:absolute;width:39px;height:39px;border-left:4px solid #dce5ff;border-bottom:4px solid #dce5ff;transform:translateY(-10px) rotate(-45deg)}
.intro-voice-icon{gap:8px}
.intro-voice-icon i{width:8px;height:8px;border-radius:99px;background:#060d1f;animation:intro-listen 1.05s ease-in-out infinite}
.intro-voice-icon i:nth-child(2),.intro-voice-icon i:nth-child(4){height:46px;background:#99a6fa;animation-delay:-.2s}
.intro-voice-icon i:nth-child(3){height:68px;background:#dce5ff;animation-delay:-.4s}
.hero-inbox.is-intro .inbox-intro{opacity:1;visibility:visible;transform:none}
.hero-inbox.is-intro .inbox-channel-tabs,.hero-inbox.is-intro .inbox-card,.hero-inbox.is-intro .inbox-progress{opacity:0;visibility:hidden;transform:translateY(22px) scale(.9);pointer-events:none}
.inbox-channel-tabs{margin:0 18px 14px;display:flex;justify-content:flex-end;gap:8px}
.inbox-channel-tabs,.inbox-card,.inbox-progress{opacity:1;visibility:visible;transition:opacity .42s ease,transform .72s cubic-bezier(.2,.85,.2,1),visibility .42s}
.inbox-channel-tabs button{position:relative;padding:9px 14px;border:1px solid #dce5ff52;border-radius:999px;background:#07102b38;color:#dce5ff;font-size:12px;line-height:1;cursor:pointer;backdrop-filter:blur(12px);transition:background .25s,border-color .25s,color .25s,transform .25s}
.inbox-channel-tabs button:hover{transform:translateY(-1px);border-color:#dce5ff9c}
.inbox-channel-tabs button.active{background:#fff;color:#172744;border-color:#fff;box-shadow:0 8px 24px #07102b22}
.inbox-channel-tabs button span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:currentColor;vertical-align:1px;opacity:.7}
.inbox-card{position:relative;min-height:390px;border:1px solid #ffffffdd;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,255,.95));box-shadow:0 30px 80px #060d1f50,0 1px 0 #fff inset;overflow:hidden;backdrop-filter:blur(20px)}
.inbox-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,#c9d4ff55,transparent 34%);pointer-events:none}
.inbox-panel{position:absolute;inset:0;padding:24px 28px;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .38s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.inbox-panel.active{position:relative;opacity:1;transform:none}
.inbox-panel[hidden]{display:block;pointer-events:none}
.inbox-panel header{min-height:46px;padding-right:110px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4e9f6}
.inbox-panel header div{display:flex;flex-direction:column}
.inbox-panel header small{color:#667085;font-size:9px;font-weight:700;letter-spacing:.12em}
.inbox-panel header strong{font-size:13px;font-weight:600}
.inbox-panel header time{margin-left:auto;color:#98a2b3;font-size:10px;white-space:nowrap}
.channel-symbol{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;background:#eaf0ff;color:#3b5bfc;font-size:13px;font-weight:700;letter-spacing:-1px}
.email-symbol{font-size:15px;letter-spacing:0}.voice-symbol{font-size:22px}
.conversation{padding-top:20px;display:flex;flex-direction:column;gap:14px}
.message{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.message[class*="sequence-"]{opacity:0;transform:translateY(10px)}
.hero-inbox.demo-active .message.sequence-1{animation:message-step-in .48s .22s cubic-bezier(.2,.8,.2,1) forwards}
.hero-inbox.demo-active .message.sequence-2{animation:message-step-in .48s 1.15s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes message-step-in{to{opacity:1;transform:none}}
.avatar-mini,.agent-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#dce5ff;color:#172744;font-size:13px;font-weight:700}
.avatar-mini{display:block;object-fit:cover;object-position:center 35%;box-shadow:0 0 0 4px #eaf0ff}
.agent-avatar{position:relative;display:block;overflow:hidden;background:#fff;box-shadow:0 0 0 5px #eaf0ff}
.agent-avatar img{position:absolute;top:0;left:56%;width:140%;height:140%;max-width:none;object-fit:contain;transform:translateX(-50%)}
.message small{display:block;margin-bottom:5px;color:#98a2b3;font-size:11px}
.message p{max-width:420px;margin:0;color:#101828;font-size:15px;line-height:1.45}
.message.agent p{font-size:16px;font-weight:500}
.message.discovery p,.message.reply p,.message.recommendation p{font-size:12px;line-height:1.4}
.message.reply{margin-top:-4px}.message.reply small{margin-bottom:2px}.message.recommendation{margin-top:-3px}
.message em{display:inline-block;margin-top:9px;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#475467;font-size:9px;font-style:normal}
.product-recommendation{margin-top:11px;padding:8px 10px 8px 8px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #dce5ff;border-radius:13px;background:#fff;box-shadow:0 8px 24px #1727440a}
.product-thumb{width:54px;height:48px;display:block;object-fit:cover;border-radius:9px;background:#f7f5f1}
.product-recommendation small{margin:0 0 1px;color:#3b5bfc;font-size:7px;letter-spacing:.1em}
.product-recommendation strong{display:block;color:#101828;font-size:11px;line-height:1.25}
.product-recommendation p{margin:1px 0 0;color:#667085;font-size:8px;line-height:1.25}
.product-recommendation>button{padding:7px 9px;border:0;border-radius:8px;background:#3b5bfc;color:#fff;font:inherit;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 5px 12px #3b5bfc35}
.product-recommendation>button:hover{background:#2948e8}
.product-recommendations{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.product-option{position:relative;min-width:0;padding:5px 5px 7px;border:1px solid #e1e7f3;border-radius:11px;background:#fff;box-shadow:0 7px 20px #17274408}
.product-option.selected{border-color:#8da1ff;box-shadow:0 0 0 2px #3b5bfc18,0 8px 22px #1727440b}
.product-option.selected:after{content:"✓";position:absolute;top:6px;right:6px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#3b5bfc;color:#fff;font-size:8px}
.product-option img{width:100%;height:76px;display:block;object-fit:contain;border-radius:7px;background:#faf8f4}
.product-option span{display:block;margin-top:5px;color:#3b5bfc;font-size:6px;font-weight:800;letter-spacing:.08em}
.product-option strong{display:block;overflow:hidden;margin-top:1px;color:#101828;font-size:9px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}
.product-option b{display:block;margin-top:2px;color:#667085;font-size:7px;font-weight:500}
.commerce-flow{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.commerce-step{min-height:66px;padding:12px 15px;display:grid;grid-template-columns:31px 1fr;gap:0 11px;align-items:center;text-align:left;font:inherit;border:1px solid #cdd8ff;border-radius:15px;background:#f5f7ff;color:#101828;opacity:0;transform:translateY(7px);cursor:pointer}
.commerce-step>img{grid-row:1/3;width:22px;height:22px;padding:5px;border-radius:50%;background:#fff;box-sizing:content-box}
.commerce-step strong{font-size:13px;line-height:1.2}.commerce-step b{color:#667085;font-size:9px;font-weight:500}
.hero-inbox.demo-active .cart-step{animation:commerce-step-in .42s 2.15s cubic-bezier(.2,.8,.2,1) forwards}.checkout-step{border-color:#3b5bfc;background:#3b5bfc;color:#fff}.hero-inbox.demo-active .checkout-step{animation:commerce-step-in .42s 2.95s cubic-bezier(.2,.8,.2,1) forwards}.checkout-step b{color:#dfe5ff}
@keyframes commerce-step-in{to{opacity:1;transform:none}}
.voice-stage{padding:32px 6px 0;text-align:left}
.voice-orb{height:78px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:7px}
.voice-orb i{width:8px;height:8px;border-radius:99px;background:#060d1f;animation:voice-pulse 1.05s ease-in-out infinite}
.voice-orb i:nth-child(2),.voice-orb i:nth-child(4){height:48px;background:#99a6fa;animation-delay:-.2s}
.voice-orb i:nth-child(3){height:72px;background:#3b5bfc;animation-delay:-.4s}
.voice-stage p{margin:0 0 15px;padding-left:16px;border-left:2px solid #dce5ff;color:#344054;font-size:14px;line-height:1.45}
.voice-stage p span{display:block;margin-bottom:2px;color:#98a2b3;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.voice-stage .agent-line{border-color:#3b5bfc;color:#101828;font-size:16px;font-weight:500}
.voice-stage>small{display:block;margin-top:20px;color:#667085;font-size:10px;text-align:center}
.inbox-progress{width:calc(100% - 40px);height:2px;margin:12px 20px 0;overflow:hidden;border-radius:99px;background:#ffffff35}
.inbox-progress i{display:block;width:100%;height:100%;background:#dce5ff;transform-origin:left;animation:inbox-timer 5.6s linear infinite}
.hero-inbox:hover .inbox-progress i{animation-play-state:paused}
@keyframes inbox-timer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes voice-pulse{0%,100%{transform:scaleY(.82);opacity:.82}50%{transform:scaleY(1.1);opacity:1}}
@keyframes intro-listen{0%,100%{transform:scaleY(.86);opacity:.78}50%{transform:scaleY(1.08);opacity:1}}

@media(max-width:1100px){
  .hero-copy{width:58%}
  .hero-inbox{right:24px;width:40vw;transform:translateY(-38%)}
  .inbox-card{min-height:360px}
  .inbox-panel{padding:20px}
  .inbox-channel-tabs button{padding:8px 10px;font-size:10px}
  .message p{font-size:13px}.message.agent p{font-size:14px}
}
@media(max-width:800px){
  .hero{min-height:860px;align-items:flex-start}
  .hero-copy{width:100%;transform:none;margin-top:38px}
  .hero-inbox{left:20px;right:20px;top:auto;bottom:34px;width:auto;transform:none}
  .inbox-card{min-height:330px;border-radius:25px}
  .inbox-channel-tabs{margin-inline:0;justify-content:flex-start}
  .inbox-panel header{padding-right:92px}
}
@media(max-width:700px){
  .hero{min-height:980px;padding-top:126px}
  .hero-copy{margin-top:0}
  .hero-inbox{bottom:30px}
  .inbox-channel-tabs{gap:5px}
  .inbox-channel-tabs button{flex:1;padding:9px 6px}
  .inbox-panel{padding:18px}
  .inbox-panel header{padding-right:65px}
  .inbox-panel header time{display:none}
  .conversation{padding-top:24px;gap:22px}
  .message{grid-template-columns:38px 1fr;gap:11px}
  .avatar-mini,.agent-avatar{width:38px;height:38px}
  .message p,.message.agent p{font-size:13px}
  .message em{line-height:1.4}
.intro-channel-stack{transform:scale(.82)}
}
@media(prefers-reduced-motion:reduce){.voice-orb i,.intro-voice-icon i,.inbox-progress i{animation:none}.inbox-panel,.intro-channel{transition:none}.message[class*="sequence-"],.commerce-step{opacity:1;transform:none;animation:none}}

/* Single overseas Live Chat hero — separated two-column composition */
.hero-inbox{width:min(36vw,520px);right:clamp(24px,5vw,80px);transform:translateY(-38%)}
.inbox-card{min-height:465px}
.inbox-intro{min-height:360px}
.inbox-panel{padding:24px 26px}
.inbox-panel header{padding-right:0}
.message p{max-width:370px}

@media(min-width:1200px){
  .hero-copy{width:50%;max-width:720px}
  .hero h1{font-size:clamp(58px,4.55vw,68px)}
  .hero-copy>p{max-width:620px}
}
@media(min-width:801px) and (max-width:1199px){
  .hero-copy{width:52%}
  .hero h1{font-size:clamp(48px,5vw,60px)}
  .hero-inbox{right:22px;width:40vw;transform:translateY(-34%)}
  .inbox-card{min-height:450px}
  .inbox-intro{min-height:350px}
  .inbox-panel{padding:20px}
  .message p,.message.agent p{font-size:13px}
}
@media(max-width:800px){
  .hero-inbox{width:auto}
  .inbox-card{min-height:465px}
  .inbox-intro{min-height:340px}
}
@media(max-width:700px){
  .hero{min-height:920px}
  .inbox-card{min-height:410px}
  .inbox-intro{min-height:330px}
  .product-recommendation{grid-template-columns:36px minmax(0,1fr)}
.product-recommendation>button{padding:7px;font-size:7px}
}

/* Five customer-outcome metrics, ordered from response to repeat purchase */
.metric-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.metric-grid-five article{min-height:260px;padding-left:42px;padding-right:24px}
.metric-grid-five article:before{width:12px}
.metric-grid-five strong{font-size:clamp(42px,3.6vw,58px)}
.metric-grid-five p{font-size:clamp(14px,1.15vw,17px)}
@media(max-width:1100px){.metric-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid-five article:last-child{grid-column:1/-1}}
@media(max-width:700px){.metric-grid-five{grid-template-columns:1fr}.metric-grid-five article:last-child{grid-column:auto}}

/* Photographic CTA: one continuous customer scene replaces the grid pattern */
.contact{min-height:420px;color:#fff;background-color:#07142b;background-image:linear-gradient(90deg,rgba(5,13,31,.08),rgba(5,13,31,.42) 36%,rgba(5,13,31,.62) 52%,rgba(5,13,31,.12)),url('../overseas-customer-shopping-headphones-v1.png');background-size:cover;background-position:center center;background-repeat:no-repeat}
.contact h2{max-width:760px;color:#fff;text-shadow:0 2px 24px #02081770}
.contact .pill{background:#fff;color:#172744;box-shadow:0 12px 34px #0208174a}
.contact .pill b{background:#3b5bfc;color:#fff}
@media(max-width:700px){.contact{min-height:520px;padding:64px 22px;background-position:66% center;justify-content:flex-end}.contact:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#07142be6 0,#07142b7a 52%,transparent 78%)}.contact h2{font-size:36px}}

/* Stronger footer brand lockup */
.footer-bottom{min-height:260px;padding:46px 18px 20px;grid-template-columns:minmax(460px,1.25fr) minmax(340px,.75fr);grid-template-rows:1fr auto;align-items:center;column-gap:clamp(64px,8vw,150px);row-gap:24px}
.footer-bottom img{grid-column:1;grid-row:1/3;width:clamp(460px,34vw,620px);align-self:center}
.footer-bottom p{grid-column:2;grid-row:1;max-width:none;margin:0;display:flex;flex-direction:column;align-self:end;gap:13px}
.footer-bottom p strong{color:#101828;font-size:clamp(38px,3.25vw,52px);font-weight:700;line-height:1;letter-spacing:-.05em;white-space:nowrap}
.footer-bottom p small{color:#667085;font-size:13px;line-height:1.5}
.footer-bottom>span{grid-column:2;grid-row:2;align-self:start;color:#667085;white-space:nowrap}
@media(max-width:1050px){.footer-bottom{grid-template-columns:1fr 1fr;column-gap:48px}.footer-bottom img{width:min(100%,450px)}.footer-bottom p strong{font-size:38px}}
@media(max-width:700px){.footer-bottom{min-height:0;padding:38px 4px 12px;grid-template-columns:1fr;grid-template-rows:auto;gap:28px}.footer-bottom img,.footer-bottom p,.footer-bottom>span{grid-column:1;grid-row:auto}.footer-bottom img{width:min(100%,340px)}.footer-bottom p{align-self:auto}.footer-bottom p strong{font-size:34px}.footer-bottom>span{align-self:auto}}

.footer-links b{font-weight:700}

/* Real Shulex Blog covers and clickable article cards */
.blog-cover{display:block;background-color:#e9edf5;background-position:center;background-size:cover;background-repeat:no-repeat;transition:filter .3s ease,transform .3s ease}
.blog-cover:hover{filter:brightness(.94)}
.cover-memory{background-image:url('../assets/remote/customer-memory.jpeg')}
.cover-knowledge-update{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(119,150,255,.9) 0 7%,transparent 7.5%),radial-gradient(circle at 73% 26%,rgba(119,150,255,.34) 0 18%,transparent 18.5%),linear-gradient(135deg,#101a34 0%,#182a5a 52%,#4470e8 100%)}
.cover-knowledge-update::before{content:"";position:absolute;inset:9% 8%;border:1px solid rgba(255,255,255,.28);background:repeating-linear-gradient(90deg,transparent 0 14%,rgba(255,255,255,.08) 14.2% 14.5%),repeating-linear-gradient(0deg,transparent 0 22%,rgba(255,255,255,.08) 22.2% 22.5%);transform:perspective(700px) rotateY(-12deg) rotateX(5deg)}
.cover-knowledge-update span{position:relative;z-index:1;color:#fff;text-align:left;font-size:clamp(24px,3vw,48px);font-weight:500;line-height:.92;letter-spacing:-.055em}
.cover-jsyard-story{background-image:url('../assets/blog/jsyard-story.jpg');background-position:center;background-size:cover}
.cover-cross-channel{background-image:url('../assets/blog/cross-channel-automation.jpg');background-position:center;background-size:cover}
.cover-voice-agent{background-image:url('../assets/blog/voice-agent.jpg');background-position:center;background-size:cover}
.cover-ai-memory{background-image:url('../assets/blog/ai-memory.jpg');background-position:center;background-size:cover}
.dynamic-blog-cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#101a34,#315bc9)}
.dynamic-blog-cover::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.24) 0 9%,transparent 9.5%),repeating-linear-gradient(115deg,transparent 0 52px,rgba(255,255,255,.07) 53px 54px)}
.dynamic-blog-cover[data-tone="1"]{background:linear-gradient(135deg,#143b36,#2f8876)}
.dynamic-blog-cover[data-tone="2"]{background:linear-gradient(135deg,#3b243f,#94629c)}
.dynamic-blog-cover[data-tone="3"]{background:linear-gradient(135deg,#513614,#d19535)}
.dynamic-blog-cover span{position:relative;z-index:1;max-width:80%;color:#fff;font-size:clamp(18px,2.1vw,34px);font-weight:500;line-height:1.05;letter-spacing:-.04em;text-align:left}
.article-grid .dynamic-blog-cover span{font-size:clamp(17px,1.55vw,25px)}
.cover-chatflow{background-image:url('../assets/remote/chat-flow.png')}
.cover-jsyard{background-image:url('../assets/remote/jsyard-case.png')}
.cover-blackfriday{background-image:url('../assets/remote/black-friday.png')}

/* Join the photographic CTA and footer into one continuous closing section */
.contact{margin:0;border-radius:0}
footer{margin:0;padding:72px 6% 54px;border-radius:0;background:#fff;box-shadow:none}
@media(max-width:700px){footer{margin:0;padding:52px 22px 34px;border-radius:0}}

/* One generated canvas shared by the CTA and footer */
.closing-section .contact{position:relative;min-height:470px;padding:90px 0 90px 11%;align-items:flex-start;background:transparent;background-image:none}
.closing-section .contact h2{max-width:720px;text-align:left}
.closing-section .contact:before,.closing-section .contact:after{display:none}
.closing-section footer{position:relative;margin:0 4% 45px;padding:45px;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 12px 36px rgba(20,45,90,.10);backdrop-filter:blur(12px)}
@media(max-width:700px){.closing-section{margin:24px 16px;border-radius:22px;background-position:62% top;background-size:auto 100%}.closing-section .contact{min-height:520px;padding:70px 22px;justify-content:flex-end;align-items:flex-start}.closing-section .contact h2{text-align:left}.closing-section footer{margin:0 16px 24px;padding:34px 22px;border-radius:20px;background:rgba(247,250,255,.88);box-shadow:0 10px 28px rgba(20,45,90,.10);backdrop-filter:blur(12px)}}

/* Dark editorial footer inspired by the supplied layout */
.footer-main{display:grid;grid-template-columns:minmax(300px,1.25fr) minmax(520px,1fr);gap:clamp(80px,12vw,190px);min-height:330px}
.footer-brand{position:relative;max-width:440px}
.footer-logo{display:block;width:190px;height:auto;margin-bottom:30px}
.footer-brand>p{margin:0;color:#a8aaad;font-size:15px;line-height:1.75}
.footer-nav{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:clamp(52px,7vw,110px)}
.footer-nav div{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.footer-nav a{color:#b9bbbe;font-size:14px;line-height:1.4;transition:color .2s ease}
.wechat-follow{position:relative;width:max-content;margin-top:34px;outline:none}
.wechat-trigger{display:flex;align-items:center;gap:12px;padding:9px 14px 9px 9px;border:1px solid #343637;border-radius:12px;color:#fff;cursor:pointer;transition:border-color .2s ease,background .2s ease}
.wechat-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#1aad19;color:#fff;font-size:13px;font-weight:700}
.wechat-trigger>span:last-child{display:flex;flex-direction:column;gap:3px;font-size:13px}
.wechat-trigger small{color:#777b80;font-size:10px}
.wechat-qr{position:absolute;z-index:5;left:0;bottom:calc(100% + 12px);width:150px;padding:10px;border-radius:12px;background:#fff;color:#161718;box-shadow:0 16px 40px #0008;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s ease}
.wechat-qr img{display:block;width:100%;border-radius:6px}
.wechat-qr span{display:block;padding-top:7px;text-align:center;font-size:11px}
.wechat-follow:hover .wechat-qr,.wechat-follow:focus .wechat-qr{opacity:1;visibility:visible;transform:none}
.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:26px;border-top:1px solid #292b2c;color:#66696d;font-size:11px}
.footer-legal div{display:flex;gap:24px}
@media(max-width:900px){.footer-brand{max-width:none}.footer-nav{max-width:620px}.closing-section .footer-modern{padding:55px 7% 26px}}
@media(max-width:700px){.footer-main{min-height:0;gap:46px}.wechat-qr{left:50%;transform:translate(-50%,8px)}.wechat-follow:hover .wechat-qr,.wechat-follow:focus .wechat-qr{transform:translate(-50%,0)}}

/* Keep the editorial layout, restore the original light Shulex palette */
.footer-brand>p{color:#667085}
.footer-nav a:hover{color:#3b5bfc}
.wechat-trigger:hover,.wechat-follow:focus .wechat-trigger{border-color:#3b5bfc;background:#f4f7ff}
@media(max-width:700px){.closing-section .footer-modern{background:rgba(247,250,255,.90);box-shadow:0 10px 28px rgba(20,45,90,.10);backdrop-filter:blur(12px)}}

/* Keep footer information architecture unmerged */
@media(max-width:1100px){.footer-nav{grid-template-columns:repeat(3,minmax(120px,1fr));overflow-x:auto;padding-bottom:8px}}
@media(max-width:700px){.footer-nav{grid-template-columns:1fr 1fr;overflow:visible;gap:34px 24px}.footer-nav div:first-child{grid-column:1}}


/* Match footer navigation typography to the rest of the site */
.footer-nav b{font-size:15px;line-height:1.4}
@media(max-width:700px){.footer-nav b{font-size:14px}.footer-nav a{font-size:13px}}

/* Closing hierarchy: lead action above, company and navigation below */
.closing-section .contact{min-height:520px;gap:18px}
.closing-section .contact>p{max-width:620px;margin:0;color:rgba(255,255,255,.88);font-size:17px;line-height:1.6;text-shadow:0 2px 18px rgba(8,32,64,.28)}
.contact-action{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:58px;margin-top:24px;padding:0 28px;border:1px solid rgba(152,162,179,.42);border-radius:10px;background:#fff;color:#315cf5;font-size:15px;font-weight:600;box-shadow:0 14px 34px rgba(52,64,84,.12);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.contact-action:hover{transform:translateY(-2px);background:#f4f7ff;box-shadow:0 18px 40px rgba(52,64,84,.16)}
.contact-action b{font-size:20px;font-weight:400}
.wechat-follow{display:grid;grid-template-columns:auto 138px;align-items:center;gap:14px;width:max-content}
.wechat-qr{position:static;width:138px;opacity:1;visibility:visible;transform:none;box-shadow:0 8px 24px rgba(34,65,110,.12)}
.wechat-follow:hover .wechat-qr,.wechat-follow:focus .wechat-qr{transform:none}
@media(max-width:700px){.closing-section .contact{gap:14px}.closing-section .contact>p{font-size:14px}.contact-action{width:100%;min-height:54px;margin-top:14px}.wechat-follow{grid-template-columns:1fr;width:100%}.wechat-qr{width:138px}.wechat-trigger{width:max-content}}

/* Full-width closing section while retaining the rounded top edge */
.footer-brand{min-width:0}
.wechat-follow{grid-template-columns:1fr;align-items:start}
.wechat-qr{width:128px}

.wechat-follow.qr-pair{display:grid;grid-template-columns:repeat(2,128px);gap:14px;width:max-content}
.qr-pair .wechat-qr span{color:#344054}

/* Professional ecommerce customer-service background, v4 */
.footer-brand>p{margin-top:-8px;line-height:1.2}
.footer-brand>p strong{display:block;color:#101828;font-size:clamp(26px,2vw,34px);font-weight:700;letter-spacing:-.035em}
@media(max-width:700px){.footer-brand>p strong{font-size:26px}}

/* Light neutral v5: laptop-only service action, aligned with the site palette */
.closing-section .contact h2{color:#101828;text-shadow:none}
.closing-section .contact>p{color:#475467;text-shadow:none}
.contact-action{border-color:rgba(152,162,179,.55);background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(52,64,84,.10)}

/* Final 4K customer-service background and footer content refinements */
.footer-brand>p span{display:block;color:#475467;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0}
.qr-code{position:relative}
.qr-code>img:first-child{display:block;width:100%;border-radius:6px}
.qr-avatar{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;object-fit:cover;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:8px;box-shadow:0 2px 8px rgba(16,24,40,.14)}

/* Compact footer: prioritize consultation and keep navigation easy to scan */
.footer-brand>p{margin:0}
.footer-brand>p span{color:#344054;font-size:15px;font-weight:600}
.footer-brand>p small{display:block;margin-top:7px;color:#667085;font-size:13px;line-height:1.55}
.footer-nav{align-content:start;gap:clamp(30px,4vw,64px);padding-top:6px}
.footer-nav b{margin-bottom:6px}
.footer-nav .footer-more{margin-top:3px;color:#315cf5;font-weight:500}
.wechat-follow.qr-pair{grid-template-columns:140px 104px;align-items:end;gap:12px;margin-top:24px}
.qr-pair .wechat-qr{position:relative;left:auto;bottom:auto;width:auto;padding:9px;border:1px solid #e1e7f2;border-radius:12px;opacity:1;visibility:visible;transform:none;box-shadow:0 8px 22px rgba(34,65,110,.08)}
.qr-primary em{position:absolute;top:0;left:0;right:0;height:22px;border-radius:11px 11px 0 0;background:#315cf5;color:#fff;font-size:10px;font-style:normal;font-weight:600;line-height:22px;text-align:center;letter-spacing:.05em}
.qr-code>.qr-avatar{left:50%;top:50%;width:31%;transform:translate(-50%,-50%)}
.footer-legal{padding-top:20px}
@media(max-width:1100px){.footer-brand{max-width:none}.footer-nav{padding-top:0}}
body,button,input,textarea,select{font-family:var(--site-font-sans)}

/* Three-column resource mega menu */
.resource-mega-menu{padding:0}
.resource-mega-menu>header{padding:28px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid #e5e7eb;background:#f8faff}
.resource-mega-menu>header small{display:block;margin-bottom:6px;color:var(--cobalt);font-size:11px;font-weight:600;letter-spacing:.1em}
.resource-mega-menu>header h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.025em}
.resource-mega-menu>header>a{color:var(--cobalt);font-size:13px;font-weight:500}
.resource-mega-grid{padding:24px 34px 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.resource-mega-grid>a{position:relative;min-height:138px;padding:22px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.resource-mega-grid>a:hover{border-color:#b8c6ff;background:#f7f9ff;transform:translateY(-2px)}
.resource-mega-grid small{color:#98a2b3;font-size:10px;letter-spacing:.08em}
.resource-mega-grid h4{margin:20px 0 7px;font-size:18px;font-weight:500;letter-spacing:-.02em}
.resource-mega-grid p{margin:0;padding-right:20px;color:#667085;font-size:13px;line-height:1.45}
.resource-mega-grid i{position:absolute;right:18px;top:18px;color:#3157ff;font-size:15px;font-style:normal}
@media(max-width:700px){.resource-mega-menu>header{padding:22px;align-items:flex-start;flex-direction:column;gap:12px}.resource-mega-menu>header h3{font-size:19px}.resource-mega-grid{grid-template-columns:1fr;padding:16px;gap:10px}.resource-mega-grid>a{min-height:112px}.resource-mega-grid h4{margin-top:14px}}

/* Unified Shulex mega menus — editorial two-column layout */
.mega-menu#product-menu .mega-grid>a[href^="https://solvea.cx/"]{display:none}
.nav-wrap nav .nav-dropdown{border-radius:14px}
.mega-menu{border:1px solid #e1e3e6;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(16,24,40,.18)}
.mega-menu>.mega-feature,
.mega-menu>header{min-height:94px;padding:24px 42px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #dedfe2;background:#fff}
.mega-menu>.mega-feature h3,
.mega-menu>header h3{margin:0 0 5px;color:#101010;font-size:19px;font-weight:600;letter-spacing:-.02em}
.mega-menu>.mega-feature p{margin:0;color:#667085;font-size:13px}
.mega-menu>header small{display:block;margin-bottom:7px;color:#667085;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}
.mega-menu>header>a{color:#101010;font-size:13px;font-weight:500}
.mega-menu .mega-grid,
.mega-menu .resource-mega-grid{position:relative;padding:20px 42px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#e1e3e6 calc(50% - .5px),#e1e3e6 calc(50% + .5px),transparent calc(50% + .5px))}
.mega-menu .mega-grid>a,
.mega-menu .resource-mega-grid>a{position:relative;min-height:92px;padding:18px 8px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;border:0;border-bottom:1px solid #e4e5e7;border-radius:0;background:transparent;transform:none}
.mega-menu .mega-grid>a:hover,
.mega-menu .resource-mega-grid>a:hover{color:#101010;background:#f7f7f6;transform:none}
.mega-menu .mega-grid>a>span,
.mega-menu .resource-mega-grid>a>small{width:48px;height:48px;margin:0;display:grid;place-items:center;color:#111;background:#f1f1f0;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.04em}
.mega-menu .mega-grid>a>span img{width:23px;height:23px;filter:brightness(0)}
.mega-menu .mega-grid h4,
.mega-menu .resource-mega-grid h4{margin:0 0 5px;color:#101010;font-size:16px;font-weight:600;letter-spacing:-.015em}
.mega-menu .mega-grid p,
.mega-menu .resource-mega-grid p{max-width:none;margin:0;padding:0;color:#667085;font-size:13px;line-height:1.45}
.mega-menu .mega-grid small{color:#7b8492;font-size:9px;letter-spacing:.07em}
.mega-menu .resource-mega-grid>a{grid-template-areas:"icon title" "icon copy"}
.mega-menu .resource-mega-grid>a>small{grid-area:icon}
.mega-menu .resource-mega-grid h4{grid-area:title;align-self:end}
.mega-menu .resource-mega-grid p{grid-area:copy;align-self:start}
.mega-menu .resource-mega-grid i{display:none}
@media(max-width:700px){.mega-menu>.mega-feature,.mega-menu>header{min-height:auto;padding:20px;align-items:flex-start}.mega-menu .mega-grid,.mega-menu .resource-mega-grid{grid-template-columns:1fr;padding:10px 18px 20px;column-gap:0;background:none}.mega-menu .mega-grid>a,.mega-menu .resource-mega-grid>a{min-height:82px}.mega-menu>header>a{display:none}}

/* Centered Shulex treatment: reference the structure, keep the brand */
@media(min-width:701px){
  .mega-menu{left:50%;right:auto;width:min(1040px,calc(100vw - 64px));transform:translate(-50%,-12px)}
  .mega-menu.open{transform:translate(-50%,0)}
}
.mega-menu{border-color:#dce3f5;border-radius:18px;box-shadow:0 22px 60px rgba(31,54,112,.18)}
.mega-menu>.mega-feature,
.mega-menu>header{position:relative;padding-left:38px;background:linear-gradient(90deg,#f5f7ff,#fff 72%)}
.mega-menu>.mega-feature::before,
.mega-menu>header::before{position:absolute;top:22px;bottom:22px;left:0;width:4px;background:#3157ff;border-radius:0 4px 4px 0;content:""}
.nav-wrap nav .nav-dropdown[aria-expanded="true"],
.nav-wrap.nav-scrolled nav .nav-dropdown[aria-expanded="true"],
.home-page .nav-wrap nav .nav-dropdown[aria-expanded="true"]{color:#3157ff;background:#edf1ff}
.mega-menu .mega-grid,
.mega-menu .resource-mega-grid{background:linear-gradient(90deg,transparent calc(50% - .5px),#dce3f5 calc(50% - .5px),#dce3f5 calc(50% + .5px),transparent calc(50% + .5px))}
.mega-menu .mega-grid>a:hover,
.mega-menu .resource-mega-grid>a:hover{background:#f4f7ff}
.mega-menu .mega-grid>a>span,
.mega-menu .resource-mega-grid>a>small{color:#3157ff;background:#edf1ff}
.mega-menu .mega-grid h4,
.mega-menu .resource-mega-grid h4{color:#101828}
@media(max-width:700px){.mega-menu{left:12px;right:12px;width:auto;transform:translateY(-12px)}.mega-menu.open{transform:none}.mega-menu>.mega-feature::before,.mega-menu>header::before{top:16px;bottom:16px}}

/* Natural-width navigation labels and grouped solution menu */
.nav-wrap nav .nav-dropdown,
.nav-wrap nav>a{width:max-content;min-width:0;flex:0 0 auto;white-space:nowrap;word-break:keep-all}
@media(min-width:701px){
  #product-menu{width:min(900px,calc(100vw - 64px))}
  #resource-menu{width:min(900px,calc(100vw - 64px))}
}
.solution-menu{overflow:hidden}
.solution-columns{display:grid;grid-template-columns:1.08fr .92fr;background:#fff}
.solution-columns>section+section{border-left:1px solid #dce3f5}
.solution-columns>section>header{position:relative;padding:25px 34px 20px;border-bottom:1px solid #dce3f5;background:linear-gradient(120deg,#f4f7ff,#fff)}
.solution-columns>section>header::before{position:absolute;top:25px;bottom:20px;left:0;width:4px;background:#3157ff;border-radius:0 4px 4px 0;content:""}
.solution-columns>section>header small{display:block;margin-bottom:7px;color:#3157ff;font-size:11px;font-weight:600;letter-spacing:.09em}
.solution-columns>section>header h3{margin:0;color:#101828;font-size:18px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.solution-list{padding:12px 26px 22px}
.solution-list>a{min-height:67px;padding:12px 8px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"mark title" "mark copy";column-gap:13px;align-items:center;border-bottom:1px solid #e8ebf2;transition:background .2s ease}
.solution-list>a:hover{background:#f4f7ff}
.solution-list>a::before{width:36px;height:36px;grid-area:mark;display:grid;place-items:center;color:#3157ff;background:#edf1ff;border-radius:10px;content:"↗";font-size:13px}
.solution-list b{grid-area:title;align-self:end;color:#101828;font-size:14px;font-weight:600;line-height:1.25;white-space:nowrap}
.solution-list span{grid-area:copy;align-self:start;color:#667085;font-size:12px;line-height:1.35;white-space:nowrap}
@media(max-width:700px){.nav-wrap nav .nav-dropdown,.nav-wrap nav>a{width:100%}.solution-columns{grid-template-columns:1fr}.solution-columns>section+section{border-top:1px solid #dce3f5;border-left:0}.solution-columns>section>header{padding:20px}.solution-columns>section>header h3,.solution-list b,.solution-list span{white-space:normal}.solution-list{padding:8px 14px 16px}}

/* Resource menu alignment */
#resource-menu .resource-mega-grid{padding:20px 42px 28px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:0}
#resource-menu .resource-mega-grid>a{min-height:120px;padding:18px 8px;grid-template-columns:56px minmax(0,1fr);grid-template-rows:1fr;grid-template-areas:none;column-gap:18px;row-gap:0;align-content:center;align-items:center}
#resource-menu .resource-mega-grid>a>small{width:56px;height:56px;grid-area:auto;align-self:center}
#resource-menu .resource-mega-grid>a>div{min-width:0;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}
#resource-menu .resource-mega-grid h4{margin:0;grid-area:auto;align-self:auto;line-height:1.25;white-space:nowrap}
#resource-menu .resource-mega-grid p{margin:0;grid-area:auto;align-self:auto;line-height:1.35;white-space:nowrap}
@media(max-width:700px){#resource-menu .resource-mega-grid{grid-template-columns:1fr;padding:10px 18px 20px;column-gap:0}#resource-menu .resource-mega-grid h4,#resource-menu .resource-mega-grid p{white-space:normal}}

/* Text login action and longer category examples */
.account-cta{width:auto;min-width:54px;height:38px;padding:0 15px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap}
.solution-columns>section:first-child .solution-list>a{min-height:72px}
.solution-columns>section:first-child .solution-list span{white-space:normal}

/* Service and support menu */
@media(min-width:701px){#support-menu{width:min(900px,calc(100vw - 64px))}}
.support-mega-grid{padding:20px 42px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#dce3f5 calc(50% - .5px),#dce3f5 calc(50% + .5px),transparent calc(50% + .5px))}
.support-mega-menu>header p{margin:0;color:#667085;font-size:13px;line-height:1.45}
.support-mega-grid>a{position:relative;min-height:112px;padding:18px 8px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;border:0;border-bottom:1px solid #e4e5e7;border-radius:0;background:transparent;transition:background .2s ease}
.support-mega-grid>a:hover{background:#f4f7ff}
.support-mega-grid small{width:48px;height:48px;display:grid;place-items:center;color:#3157ff;background:#edf1ff;border-radius:12px;font-size:11px;font-weight:600}
.support-mega-grid h4{margin:0 0 6px;color:#101828;font-size:16px;font-weight:600;letter-spacing:-.015em}
.support-mega-grid p{margin:0;color:#667085;font-size:13px;line-height:1.45}
.support-mega-grid i{display:none}
@media(max-width:700px){.support-mega-grid{grid-template-columns:1fr;padding:10px 18px 20px;column-gap:0;background:none}.support-mega-grid>a{min-height:88px}}

/* Compact global navigation dropdowns */
@media(min-width:701px){
  .mega-menu{
    border-radius:14px;
    box-shadow:0 14px 38px rgba(31,54,112,.14);
  }
  #product-menu,
  #support-menu,
  #resource-menu{width:min(680px,calc(100vw - 48px))}
  #industry-menu{width:min(860px,calc(100vw - 48px))}

  .mega-menu>.mega-feature,
  .mega-menu>header{min-height:64px;padding:14px 24px 14px 28px;gap:18px}
  .mega-menu>.mega-feature::before,
  .mega-menu>header::before{top:15px;bottom:15px;width:3px}
  .mega-menu>.mega-feature h3,
  .mega-menu>header h3{margin-bottom:2px;font-size:15px}
  .mega-menu>.mega-feature p,
  .support-mega-menu>header p{font-size:11px;line-height:1.35}
  .mega-menu>header small{margin-bottom:3px;font-size:9px}

  .mega-menu .mega-grid,
  .mega-menu .resource-mega-grid,
  .support-mega-grid{padding:8px 20px 12px;column-gap:28px}
  .mega-menu .mega-grid>a,
  .mega-menu .resource-mega-grid>a,
  .support-mega-grid>a,
  #resource-menu .resource-mega-grid>a{min-height:64px;padding:10px 6px;grid-template-columns:36px minmax(0,1fr);gap:11px}
  .mega-menu .mega-grid>a>span,
  .mega-menu .resource-mega-grid>a>small,
  .support-mega-grid small,
  #resource-menu .resource-mega-grid>a>small{width:36px;height:36px;border-radius:9px;font-size:9px}
  .mega-menu .mega-grid>a>span img{width:18px;height:18px}
  .mega-menu .mega-grid h4,
  .mega-menu .resource-mega-grid h4,
  .support-mega-grid h4{margin:0;font-size:13px}
  .mega-menu .mega-grid small{font-size:8px}
  .mega-menu .mega-grid p,
  .mega-menu .resource-mega-grid p,
  .support-mega-grid p{display:none}
  #resource-menu .resource-mega-grid>a>div{gap:2px}

  .solution-columns{grid-template-columns:1fr 1fr}
  .solution-columns>section>header{padding:14px 20px 12px}
  .solution-columns>section>header::before{top:14px;bottom:12px;width:3px}
  .solution-columns>section>header small{margin-bottom:3px;font-size:9px}
  .solution-columns>section>header h3{font-size:13px}
  .solution-list{padding:7px 14px 11px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
  .solution-list>a,
  .solution-columns>section:first-child .solution-list>a{min-height:52px;padding:8px 4px;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"mark title";column-gap:9px}
  .solution-list>a::before{width:30px;height:30px;border-radius:8px;font-size:11px}
  .solution-list b{align-self:center;font-size:12px;white-space:normal}
  .solution-list span{display:none}
}

/* Channels and business integrations */
.integrations{padding:120px clamp(24px,8vw,120px);overflow:hidden;background:#fbfcff;color:#101828}
.integration-board{position:relative;max-width:1180px;margin:auto;padding:54px;display:grid;grid-template-columns:1fr 230px 1fr;align-items:center;gap:34px;border:1px solid #cfd9fa;border-radius:22px;background:linear-gradient(135deg,#fff,#f7f9ff);box-shadow:0 24px 70px rgba(31,54,112,.1)}
.integration-board::before,.integration-board::after{position:absolute;top:50%;width:12%;height:1px;background:#879eff;content:""}
.integration-board::before{left:38%}.integration-board::after{right:38%}
.integration-board>section{position:relative;z-index:1}
.integration-board>section>span{display:block;margin-bottom:16px;color:#667085;font-size:11px;font-weight:600;letter-spacing:.1em}
.integration-board>section>div{display:flex;flex-wrap:wrap;gap:10px}
.integration-board>section b{padding:11px 14px;border:1px solid #d9e1f7;border-radius:10px;background:#fff;font-size:13px;font-weight:500;box-shadow:0 5px 18px rgba(31,54,112,.06)}
.integration-core{position:relative;z-index:2;min-height:190px;padding:30px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;text-align:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,#627cff,#3157ff 48%,#101f68);box-shadow:0 20px 55px rgba(49,87,255,.3)}
.integration-core i{width:8px;height:8px;margin-bottom:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.14)}
.integration-core strong{font-size:22px;font-weight:550;line-height:1.25}.integration-core small{margin-top:12px;color:#dce3ff;font-size:10px;letter-spacing:.08em}
.integration-note{max-width:780px;margin:30px auto 0;color:#667085;font-size:13px;line-height:1.6;text-align:center}
.governance-grid{margin-top:46px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd9fa;border-bottom:1px solid #cfd9fa}
.governance-grid article{min-height:190px;padding:30px 32px}.governance-grid article+article{border-left:1px solid #cfd9fa}
.governance-grid b{color:#3157ff;font-size:10px;letter-spacing:.08em}.governance-grid h4{margin:34px 0 10px;color:#101828;font-size:17px;font-weight:600}.governance-grid p{margin:0;color:#667085;font-size:12px;line-height:1.65}
@media(max-width:1000px){.integration-board{grid-template-columns:1fr;padding:38px}.integration-board::before,.integration-board::after{display:none}.integration-core{width:200px;min-height:200px;margin:auto}.integration-board>section{text-align:center}.integration-board>section>div{justify-content:center}}
@media(max-width:700px){.integrations{padding:78px 20px}.integrations>header{margin-bottom:42px}.integrations>header h2{font-size:38px}.integration-board{padding:28px 18px;border-radius:16px}.integration-board>section b{font-size:12px}.integration-core{width:170px;min-height:170px}.integration-note{text-align:left}.integration-governance>header{grid-template-columns:1fr;grid-template-areas:"label" "title" "copy";gap:14px}.governance-grid{grid-template-columns:1fr;margin-top:32px}.governance-grid article{min-height:160px;padding:26px 8px}.governance-grid article+article{border-top:1px solid #cfd9fa;border-left:0}.governance-grid h4{margin-top:24px}}

/* Customer voice directly after the brand wall */
.customer-testimonial{padding:0 clamp(24px,6vw,96px) 108px;background:#fbfcff;color:#101828}
.testimonial-slides{position:relative;min-height:360px;overflow:hidden;contain:paint;isolation:isolate}
.testimonial-slide{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:minmax(480px,1.15fr) minmax(0,1.35fr);opacity:0;visibility:hidden;transform:scale(.76);transform-origin:center;transition:opacity .55s ease,transform .72s cubic-bezier(.2,.82,.2,1),visibility 0s linear .72s}
.testimonial-slide.active{position:relative;z-index:2;opacity:1;visibility:visible;transform:scale(1);transition-delay:.08s,.08s,0s}
.testimonial-slide.leaving{position:absolute;z-index:1;opacity:0;visibility:visible;transform:scale(1.16);transition:opacity .55s ease,transform .72s cubic-bezier(.2,.82,.2,1),visibility 0s linear .72s}
.testimonial-slide .testimonial-media{transform:translateX(-18px);transition:transform .72s cubic-bezier(.2,.8,.2,1) .28s}
.testimonial-slide blockquote>p,.testimonial-slide blockquote footer{opacity:0;transform:translateY(16px);transition:opacity .52s ease .4s,transform .7s cubic-bezier(.2,.8,.2,1) .34s}
.testimonial-slide.active .testimonial-media{transform:none}.testimonial-slide.active blockquote>p,.testimonial-slide.active blockquote footer{opacity:1;transform:none}
.testimonial-media{position:relative;min-height:360px;aspect-ratio:1.5/1;overflow:hidden;border-top:1px solid #d7deec;border-bottom:1px solid #d7deec;background:#e8edfa}
.testimonial-photo{width:100%;height:100%;min-height:360px;display:block;object-fit:cover}
.testimonial-media-anker .testimonial-photo{object-position:58% center}
.testimonial-media-product .testimonial-photo{object-fit:cover;object-position:center 63%}
.testimonial-media-aosom{background:#d9d6cf}
.testimonial-media-aosom .testimonial-photo{padding:0;object-fit:cover;object-position:76% center;filter:none}
.testimonial-media-mammotion .testimonial-photo{object-fit:cover;object-position:58% center}
.testimonial-media-zeelool{background:#e9e3da}
.testimonial-media-zeelool .testimonial-photo{padding:0;object-fit:cover;object-position:78% center;filter:none}
.testimonial-media::after{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,12,29,.84));content:""}
.testimonial-identity{position:absolute;z-index:1;right:28px;bottom:25px;left:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;color:#fff}
.testimonial-identity img{width:min(145px,46%);max-height:42px;object-fit:contain;object-position:left bottom;filter:brightness(0) invert(1)}
.testimonial-identity span{font-size:11px;text-align:right;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.testimonial-identity-logo-only{justify-content:flex-start}
.customer-testimonial blockquote{position:relative;margin:0;padding:52px clamp(42px,6vw,92px);display:flex;justify-content:center;flex-direction:column;border-top:1px solid #d7deec;border-bottom:1px solid #d7deec;border-left:1px solid #d7deec;background:#fff}
.customer-testimonial blockquote>span{position:absolute;top:26px;right:42px;color:#dce4ff;font-size:110px;font-weight:300;line-height:1}
.customer-testimonial blockquote>p{position:relative;z-index:1;max-width:900px;margin:0;font-size:clamp(25px,2.45vw,38px);font-weight:430;line-height:1.38;letter-spacing:-.03em;text-wrap:balance}
.customer-testimonial blockquote footer{margin:42px 0 0;padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e4e8f0;background:none;box-shadow:none;border-radius:0}
.customer-testimonial blockquote footer b{color:#667085;font-size:11px;font-weight:500;letter-spacing:.06em}
.customer-testimonial blockquote footer a{color:#3157ff;font-size:12px;font-weight:600}
.testimonial-controls{height:64px;display:flex;align-items:center;justify-content:flex-end;gap:14px;border-bottom:1px solid #d7deec}
.testimonial-arrow{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #cfd7e8;border-radius:50%;background:#fff;color:#101828;font-size:18px;line-height:1;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}
.testimonial-arrow:hover{color:#fff;border-color:#3157ff;background:#3157ff;transform:translateY(-1px)}
.testimonial-arrow:focus-visible,.testimonial-dots button:focus-visible{outline:3px solid #99a6fa;outline-offset:3px}
.testimonial-dots{display:flex;align-items:center;gap:8px}
.testimonial-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#cbd3e3;cursor:pointer;transition:width .25s ease,background .25s ease}
.testimonial-dots button.active{width:24px;border-radius:999px;background:#3157ff}
.testimonial-count{min-width:52px;color:#667085;font-size:11px;letter-spacing:.08em;text-align:center}.testimonial-count b{color:#3157ff;font-weight:650}
@media(max-width:800px){.customer-testimonial{padding:0 20px 72px}.testimonial-slides{min-height:650px}.testimonial-slide{grid-template-columns:1fr}.testimonial-media{min-height:0;height:auto;aspect-ratio:1.5/1}.testimonial-photo{min-height:0;height:100%}.customer-testimonial blockquote{padding:42px 28px;border-left:0}.customer-testimonial blockquote>span{top:18px;right:22px;font-size:82px}.customer-testimonial blockquote>p{font-size:25px}.customer-testimonial blockquote footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.testimonial-slide,.testimonial-slide .testimonial-media,.testimonial-slide blockquote>p,.testimonial-slide blockquote footer{transition:none}}

/* AI employee capability map */
.platform{padding:135px 7% 110px;background:#f8f9fc}
.platform-shell{grid-template-columns:minmax(320px,.62fr) minmax(820px,1.38fr);max-width:1480px;border:1px solid #dce3f2;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 90px rgba(20,39,88,.1)}
.accordion{padding:42px 46px;background:#fff}
.accordion button{padding:27px 0;color:#667085;font-size:20px;font-weight:520;border-top:1px solid #e1e5ec;transition:color .25s ease}
.accordion button:first-child{border-top:0}.accordion button b{font-size:21px;font-weight:400}.accordion button.open{color:#3157ff}
.accordion p{max-width:390px;margin:-7px 0 29px;color:#4f5d73;font-size:14px;line-height:1.8}
.product-visual.capability-visual{min-height:700px;padding:38px 34px 32px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(86,112,255,.33),transparent 32%),linear-gradient(145deg,#091428,#0d1b37 64%,#142964)}
.capability-visual::before{position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(111,140,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(111,140,255,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 88%);content:""}
.capability-visual-head,.capability-map,.capability-context{position:relative;z-index:1}
.capability-visual-head{display:flex;align-items:center;justify-content:space-between;color:#91a4d7;font-size:10px;font-weight:650;letter-spacing:.15em}.capability-visual-head b{color:#d6dfff;font-size:10px}
.capability-map{min-height:580px;display:grid;grid-template-columns:minmax(142px,.5fr) 28px minmax(112px,.38fr) minmax(650px,2.45fr);align-items:center;gap:12px}
.capability-inputs{display:grid;gap:10px}.capability-inputs span{padding:14px 16px;border:1px solid rgba(143,164,226,.28);border-radius:11px;background:rgba(255,255,255,.055);font-size:14px;font-weight:550;animation:capabilityIn .42s both}.capability-inputs span:nth-child(2){animation-delay:.06s}.capability-inputs span:nth-child(3){animation-delay:.12s}.capability-inputs span:nth-child(4){animation-delay:.18s}.capability-inputs small{display:block;margin-top:5px;color:#8fa0c4;font-size:10px;font-weight:400}.capability-inputs small:empty{display:none}
.capability-flow{height:236px;display:grid;grid-template-rows:repeat(3,1fr);align-items:center;gap:10px}.capability-flow i{position:relative;height:1px;background:linear-gradient(90deg,#7389d5,#5577ff)}.capability-flow i::after{position:absolute;right:-1px;top:-3px;width:7px;height:7px;border-top:1px solid #8097ea;border-right:1px solid #8097ea;transform:rotate(45deg);content:""}
.capability-core{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;text-align:center;border:1px solid rgba(157,178,255,.5);border-radius:50%;background:radial-gradient(circle at 38% 28%,#5876ff,#3157ff 46%,#152d84);box-shadow:0 0 0 13px rgba(80,111,255,.09),0 24px 60px rgba(0,0,0,.3)}.capability-core::before,.capability-core::after{position:absolute;inset:-22px;border:1px solid rgba(91,120,231,.18);border-radius:50%;content:""}.capability-core::after{inset:-42px;border-style:dashed;animation:capabilityOrbit 18s linear infinite}.capability-core>img{position:absolute;z-index:1;width:122%;height:122%;left:-14%;bottom:2%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 22px rgba(0,0,0,.34))}.capability-core-label{position:absolute;z-index:2;right:7%;bottom:-28px;left:7%;padding:9px 8px 10px;border:1px solid rgba(150,171,240,.36);border-radius:10px;background:rgba(5,14,34,.82);box-shadow:0 10px 30px rgba(0,0,0,.24);backdrop-filter:blur(10px)}.capability-core small{display:block;color:#95aaff;font-size:7px;font-weight:700;letter-spacing:.2em}.capability-core strong{display:block;margin:3px 0;color:#fff;font-size:12px;font-weight:600;line-height:1.1}.capability-core em{display:block;color:#b9c6e9;font-size:6px;font-style:normal;letter-spacing:.04em}
.capability-outcome{align-self:center;padding:0 0 0 12px;border-left:1px solid rgba(127,150,220,.34)}
.capability-sync-shot{height:430px;width:100%;min-width:0;background:#fff;color:#111827}
.sync-ui{height:100%;padding:22px 22px 24px;font-family:var(--site-font-sans)}
.sync-ui header{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin-bottom:18px;border-bottom:1px solid #eaecf0}
.sync-ui nav{min-width:0;display:flex;align-items:flex-end;gap:4px;color:#667085;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden}
.sync-ui nav span{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;flex:1 1 0;padding:13px 10px 14px;border:1px solid transparent;border-bottom:0;border-radius:16px 16px 0 0;background:#f8fafc;color:#667085;box-shadow:inset 0 -1px 0 #eaecf0}.sync-ui nav span.active{background:#fff;color:#101828;border-color:#eaecf0;box-shadow:0 -8px 18px rgba(16,24,40,.04)}.sync-ui nav span.active::after{position:absolute;right:14px;bottom:-1px;left:14px;height:3px;border-radius:99px;background:#3157ff;content:""}.sync-ui nav img{width:22px;height:22px;object-fit:contain;display:block;flex:none}.sync-ui nav b{font-size:14px;font-weight:800;line-height:1;flex:none}.sync-ui nav .text-logo{padding-left:10px}.sync-ui nav span.active b{color:#63b246}.sync-ui nav span:nth-child(2) b{color:#ff9900}.sync-ui nav span:nth-child(3) b{color:#2454a6}
.sync-table-head,.sync-products article{display:grid;grid-template-columns:18px minmax(96px,112px) 66px 72px minmax(84px,1fr) 24px;align-items:center;gap:7px}.sync-table-head{padding:12px 12px 14px;border-bottom:1px solid #eaecf0;color:#667085;font-size:11px;font-weight:750}.sync-table-head i{width:12px;height:12px;border:1px solid #d0d5dd;border-radius:3px}
.sync-products{display:grid;gap:12px;padding-top:12px}.sync-products article{min-width:0;min-height:104px;padding:11px;border:1px solid #eef1f6;border-radius:15px;background:linear-gradient(90deg,#fff,#fbfcff);box-shadow:0 9px 20px rgba(16,24,40,.06)}.sync-products article::before{width:12px;height:12px;border:1px solid #d0d5dd;border-radius:3px;content:""}.sync-products article:nth-child(n+3){display:none}
.sync-products img{width:96px;height:72px;object-fit:cover;object-position:center;border-radius:12px;background:#f7f8fb;padding:0}.sync-products small,.sync-products b,.sync-products em,.sync-products strong,.sync-products span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-products small{color:#667085;font-size:9px}.sync-products b{color:#344054;font-size:9px}.sync-products em{color:#667085;font-size:9px;font-style:normal}.sync-products strong{color:#101828;font-size:10px;font-weight:750}.sync-products span{justify-self:end;padding:4px 5px;border-radius:999px;background:#ecfdf3;color:#067647;font-size:8px;font-weight:700}
.capability-product-shot{position:relative;height:180px;margin-bottom:17px;overflow:hidden;border:1px solid rgba(148,168,229,.3);border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(0,0,0,.26)}.capability-product-shot>img{width:100%;height:100%;display:block;object-fit:cover;transition:opacity .22s ease,transform .45s ease}.capability-product-shot:hover>img{transform:scale(1.025)}.capability-product-shot>span{position:absolute;right:12px;bottom:10px;padding:7px 11px;border-radius:8px;background:rgba(7,18,42,.84);color:#fff;font-size:9px;font-weight:550;letter-spacing:.02em;backdrop-filter:blur(8px);pointer-events:none}.capability-outcome>small{color:#7f9aff;font-size:9px;font-weight:700;letter-spacing:.14em}.capability-outcome>strong{display:block;margin:10px 0 8px;font-size:19px;font-weight:540;line-height:1.25;letter-spacing:-.025em}.capability-outcome>p{margin:0;color:#aebbd6;font-size:10px;line-height:1.6}
.capability-visual.layout-product .capability-map{padding:34px 0 16px;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start}.capability-visual.layout-product .capability-inputs{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:10px}.capability-visual.layout-product .capability-inputs span{padding:10px 14px;border-radius:999px;background:rgba(111,137,255,.13);font-size:12px}.capability-visual.layout-product .capability-inputs small{display:inline;margin:0 0 0 8px;color:#9cacd0;font-size:9px}.capability-visual.layout-product .capability-flow,.capability-visual.layout-product .capability-core{display:none}.capability-visual.layout-product .capability-outcome{width:100%;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(238px,.34fr);grid-template-areas:"shot kicker" "shot title" "shot copy";column-gap:32px;align-items:end}.capability-visual.layout-product .capability-product-shot{height:500px;margin:0;grid-area:shot;border-radius:16px}.capability-visual.layout-product .capability-product-shot img{object-fit:cover}.capability-visual.layout-product .capability-outcome>small{grid-area:kicker;align-self:end}.capability-visual.layout-product .capability-outcome>strong{grid-area:title;align-self:start;margin:10px 0}.capability-visual.layout-product .capability-outcome>p{grid-area:copy;align-self:start}.capability-visual[data-active="task"].layout-product .capability-outcome{position:relative;display:block;grid-column:1/-1}.capability-visual[data-active="task"].layout-product .capability-product-shot{width:100%;height:auto;aspect-ratio:4096/2076;border:0;background:transparent;box-shadow:none}.capability-visual[data-active="task"].layout-product .capability-product-shot>img{object-fit:contain;object-position:center;transform:none;transform-origin:center center}.capability-visual[data-active="task"].layout-product .capability-product-shot:hover>img{transform:none}.capability-visual[data-active="task"].layout-product .capability-outcome>small,.capability-visual[data-active="task"].layout-product .capability-outcome>strong,.capability-visual[data-active="task"].layout-product .capability-outcome>p{display:none}
.capability-visual.layout-quality .capability-map{padding:34px 0 16px;grid-template-columns:1fr;grid-template-rows:1fr;align-items:start}.capability-visual.layout-quality .capability-inputs{display:none}.capability-visual.layout-quality .capability-inputs span{min-height:66px;padding:13px 15px;border-radius:14px;background:rgba(111,137,255,.13);border:1px solid rgba(143,164,235,.2);font-size:12px}.capability-visual.layout-quality .capability-inputs small{display:block;margin:5px 0 0;color:#9cacd0;font-size:9px;line-height:1.35}.capability-visual.layout-quality .capability-flow,.capability-visual.layout-quality .capability-core{display:none}.capability-visual.layout-quality .capability-outcome{width:100%;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.42fr);grid-template-areas:"shot kicker" "shot title" "shot copy";column-gap:34px;align-items:center}.capability-visual.layout-quality .capability-product-shot{height:540px;margin:0;grid-area:shot;border-radius:18px;border:1px solid rgba(148,168,229,.28);background:linear-gradient(145deg,rgba(246,248,255,.96),rgba(226,233,251,.94));box-shadow:0 22px 52px rgba(0,0,0,.28)}.capability-visual.layout-quality .capability-outcome>small{grid-area:kicker;align-self:end}.capability-visual.layout-quality .capability-outcome>strong{grid-area:title;align-self:start;margin:10px 0;font-size:25px}.capability-visual.layout-quality .capability-outcome>p{grid-area:copy;align-self:start;font-size:12px}.quality-panel{height:100%;padding:22px;box-sizing:border-box;color:#162035}.quality-browser{height:30px;margin:-22px -22px 22px;padding:0 18px;display:flex;align-items:center;gap:7px;background:#142033}.quality-browser span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.72)}.quality-heading{margin:0 0 10px;padding:13px 16px;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(28,43,80,.1)}.quality-heading small{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:10px;background:#eef3ff;color:#3157ff;font-size:12px;font-weight:750}.quality-heading strong{display:block;margin:7px 0 6px;color:#182235;font-size:22px;line-height:1.18;letter-spacing:-.04em}.quality-heading p{margin:0;color:#667085;font-size:9px;line-height:1.5}.quality-hero{padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(28,43,80,.1)}.quality-hero small{color:#5e77cc;font-size:10px;font-weight:700;letter-spacing:.12em}.quality-hero strong{display:block;max-width:430px;margin:6px 0 7px;font-size:24px;line-height:1.18;letter-spacing:-.045em}.quality-hero p{margin:0;color:#667085;font-size:12px}.quality-grid{height:calc(100% - 196px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.quality-grid article{min-height:0;overflow:hidden;padding:11px;border-radius:15px;background:rgba(255,255,255,.82);border:1px solid rgba(116,135,179,.16);box-shadow:0 10px 24px rgba(28,43,80,.08)}.quality-grid b{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:9px;background:#eef3ff;color:#3157ff;font-size:10px}.quality-grid strong{display:block;margin:7px 0 4px;color:#182235;font-size:14px}.quality-grid p{margin:0 0 6px;color:#667085;font-size:8px;line-height:1.35}.quality-grid div{display:flex;flex-wrap:wrap;gap:4px}.quality-grid span{padding:3px 5px;border-radius:999px;background:#eef3ff;color:#3157ff;font-size:7px;font-weight:650}


.capability-visual.layout-sync .capability-map{min-height:560px;padding:34px 0 24px;grid-template-columns:minmax(150px,.62fr) 32px minmax(132px,.5fr) minmax(470px,1.72fr);align-items:center;gap:14px}.capability-visual.layout-sync .capability-inputs{display:grid}.capability-visual.layout-sync .capability-flow{height:236px;display:grid;grid-template-rows:repeat(3,1fr);align-items:center;gap:10px}.capability-visual.layout-sync .capability-core{width:auto}.capability-visual.layout-sync .capability-outcome{width:100%;padding:0 0 0 14px;border-left:1px solid rgba(127,150,220,.34);display:block}.capability-visual.layout-sync .capability-product-shot{width:100%;height:396px;margin:0 0 22px;border-radius:18px}.capability-visual.layout-sync .capability-outcome>strong{font-size:25px}.capability-visual.layout-sync .capability-outcome>p{max-width:520px;font-size:12px}.capability-visual.layout-sync .capability-context{height:56px}
.capability-context{height:48px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid rgba(132,153,214,.24);border-radius:12px;background:rgba(255,255,255,.045);color:#9eacc9;font-size:10px}.capability-context i{color:#6382ef;font-style:normal}.capability-context strong{color:#fff;font-weight:550}.capability-context-minimal span,.capability-context-minimal strong{width:8px;height:8px;border-radius:50%;background:#6f89ff;box-shadow:0 0 18px rgba(111,137,255,.45)}
@keyframes capabilityIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes capabilityOrbit{to{transform:rotate(360deg)}}
@media(max-width:1050px){.platform-shell{grid-template-columns:1fr}.product-visual.capability-visual{min-height:560px}.capability-map{grid-template-columns:minmax(180px,1fr) 48px 180px minmax(190px,1fr)}}
@media(max-width:700px){.platform-shell{border-radius:14px}.accordion{padding:24px}.product-visual.capability-visual{min-height:720px;padding:26px 20px}.capability-map{padding:28px 0;grid-template-columns:1fr;gap:22px}.capability-flow{display:none}.capability-core{width:170px;margin:auto}.capability-outcome{padding:20px 0 0;border-top:1px solid rgba(127,150,220,.34);border-left:0}.capability-context{gap:9px;padding:0 10px}.capability-visual.layout-product .capability-outcome{display:block}.capability-visual.layout-product .capability-product-shot{height:260px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.capability-inputs span,.capability-core::after{animation:none}}

/* Homepage story: capability mechanism + continuous service journey */
.section-intro{max-width:940px;margin:0 auto var(--space-7);text-align:center}
.section-intro>small{display:block;margin-bottom:18px;color:#3157ff;font-size:11px;font-weight:700;letter-spacing:.16em}
.results>.section-kicker{display:block;margin:0 0 18px;color:#3157ff;font-size:11px;font-weight:700;letter-spacing:.16em;text-align:center}
.section-intro h2{margin:0;font-size:clamp(38px,3.8vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.section-intro>p{max-width:670px;margin:24px auto 0;color:#566176;font-size:15px;line-height:1.75;text-wrap:balance}
.platform-intro{max-width:880px}
.accordion button>span{display:flex;align-items:center;gap:14px}
.accordion button em{width:27px;height:27px;display:grid;place-items:center;border:1px solid #d9dfeb;border-radius:50%;color:#98a2b3;font-size:9px;font-style:normal;transition:.25s ease}
.accordion button.open em{border-color:#3157ff;background:#3157ff;color:#fff}
.capability-context{justify-content:space-between}
.capability-context i{flex:1;height:1px;max-width:38px;background:linear-gradient(90deg,rgba(99,130,239,.2),#6382ef);font-size:0}
.model{background:linear-gradient(180deg,#fff 0,#f8f9fc 100%)}
.model .section-intro{margin-bottom:52px}
.model .section-intro>p{margin:24px auto 0}
.model-grid{position:relative;counter-reset:journey}
.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.model-grid article{min-height:500px;border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 24px 65px rgba(17,24,39,.12)}
.model-grid article:before{background:linear-gradient(0deg,rgba(8,15,31,.97) 0,rgba(8,15,31,.68) 48%,rgba(8,15,31,.08) 82%),var(--photo) center/cover}
.model-grid article div{padding:34px 32px 30px}
.model-grid article small{display:block;margin-bottom:14px;color:#aebeff;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.model-grid h3{max-width:290px;font-size:30px}
.model-grid p{min-height:92px;padding-right:0;color:#d6dbea;font-size:13px}
.model-grid ul{margin:20px 0 0;padding:17px 0 0;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(255,255,255,.18);list-style:none}
.model-grid li{padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#edf1ff;font-size:9px;backdrop-filter:blur(8px)}
.model-grid a{right:28px;bottom:29px;width:44px;height:44px;background:#3157ff;transition:transform .25s ease,background .25s ease}
.model-grid a:hover{background:#fff;color:#101828;transform:translateX(3px)}
.journey-rail{width:100%;height:70px;margin:24px 0 0;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dce3f2;border-radius:14px;background:#fff;color:#667085;font-size:11px;box-shadow:0 14px 38px rgba(20,39,88,.06)}
.journey-rail i{flex:1;height:1px;background:linear-gradient(90deg,#cfd8ef,#3157ff);position:relative}
.journey-rail i:after{position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #3157ff;border-right:1px solid #3157ff;transform:rotate(45deg);content:""}
.journey-rail b{color:#3157ff;font-weight:600}.journey-rail strong{color:#101828;font-weight:650}
.promotion-scene{position:relative;width:100%;min-height:300px;margin:34px 0 0;padding:34px 44% 32px 40px;display:grid;grid-template-columns:1fr;align-content:center;gap:22px;overflow:hidden;border:1px solid #dce3f2;border-radius:18px;background:#fff;color:#101828;box-shadow:0 18px 46px rgba(20,39,88,.09)}
.promotion-scene:before{display:none}.promotion-scene:after{position:absolute;inset:0 0 0 60%;background:url('../assets/generated/peak-season-support-real-v3.webp') 62% center/cover no-repeat;content:""}
.promotion-scene-copy{position:relative;z-index:1}.promotion-scene small{display:block;margin-bottom:12px;color:#3157ff;font-size:10px;font-weight:750;letter-spacing:.14em}.promotion-scene h3{max-width:560px;margin:0;color:#101828;font-size:29px;font-weight:500;line-height:1.16;letter-spacing:-.035em}.promotion-scene p{max-width:590px;margin:14px 0 0;color:#667085;font-size:13px;line-height:1.7}.promotion-scene ul{display:none}.promotion-scene-points{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}.promotion-scene-points span{position:relative;min-height:22px;padding-left:18px;display:flex;align-items:center}.promotion-scene-points span:before{position:absolute;left:0;width:7px;height:7px;border-radius:50%;background:#3157ff;box-shadow:0 0 0 4px #e9efff;content:""}.promotion-scene-points b{display:none}.promotion-scene-points i{color:#344054;font-size:12px;font-style:normal;font-weight:650}
@media(max-width:1000px){.model-grid{grid-template-columns:1fr}.model-grid article{min-height:440px}.model-grid p{min-height:auto}.promotion-scene{padding-right:48%}.promotion-scene:after{inset:0 0 0 58%}.promotion-scene-points{max-width:none}}
@media(max-width:700px){.section-intro{margin-bottom:44px}.section-intro h2{font-size:34px}.section-intro>p{font-size:14px}.accordion button>span{gap:10px}.capability-context{height:auto;min-height:62px;flex-wrap:wrap;justify-content:center;padding:12px}.capability-context i{flex:0 0 18px}.model-grid{grid-template-columns:1fr}.model-grid article{min-height:470px}.model-grid article div{padding:28px 25px}.model-grid h3{font-size:27px}.journey-rail{height:auto;padding:20px;align-items:flex-start;flex-direction:column}.journey-rail i{width:1px;height:22px;flex:none;margin-left:5px;background:linear-gradient(#cfd8ef,#3157ff)}.journey-rail i:after{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.promotion-scene{padding:30px 24px 270px}.promotion-scene:after{inset:auto 0 0;height:235px;background-position:64% center}.promotion-scene h3{font-size:27px}.promotion-scene-points{grid-template-columns:1fr;gap:11px}}

/* Six purpose-built cross-border industry solutions */
.industry-intro{max-width:980px;margin:0 auto 58px;text-align:center}
.industry-intro>small{display:block;margin-bottom:18px;color:#7f9aff;font-size:11px;font-weight:700;letter-spacing:.16em}
.industry-intro h2{margin:0;font-size:clamp(38px,3.8vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.industry-intro p{max-width:720px;margin:24px auto 0;color:#aebbd6;font-size:15px;line-height:1.75;text-wrap:balance}
.industry-layout{grid-template-columns:190px minmax(520px,1fr) 310px;gap:18px;max-width:1440px}
.industry-tabs{justify-content:stretch}
.industry-tabs button{min-height:61px;padding:0 18px;display:flex;align-items:center;gap:12px;border-radius:12px;font-size:14px;font-weight:520;transition:background .25s ease,border-color .25s ease,transform .25s ease}
.industry-tabs button:hover{border-color:#ffffff36;transform:translateX(3px)}
.industry-tabs button small{width:24px;color:#7183b3;font-size:9px;letter-spacing:.08em}
.industry-tabs button.active small{color:#cbd5ff}
.industry-stage{min-height:560px;overflow:hidden;border:1px solid rgba(151,170,230,.3);border-radius:18px;background-image:linear-gradient(90deg,transparent 0,transparent 58%,rgba(5,14,33,.24)),var(--industry-photo);background-position:center;background-size:cover;box-shadow:0 26px 70px rgba(0,0,0,.2);transition:background-image .35s ease}
.industry-stage:before{display:none}
.industry-stage-tag{position:absolute;z-index:1;top:28px;left:30px;padding:12px 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(5,15,35,.54);backdrop-filter:blur(12px)}
.industry-stage-tag small{display:block;margin-bottom:5px;color:#93a8e5;font-size:8px;font-weight:700;letter-spacing:.13em}
.industry-stage-tag strong{font-size:14px;font-weight:570}
.mock-message{z-index:2;right:28px;top:128px;width:330px;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.mock-message{will-change:transform,opacity}
.scene-reveal .mock-message{animation:sceneCardIn .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes sceneCardIn{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.mock-message>small{color:#3157ff;font-size:9px;font-weight:700;letter-spacing:.12em}
.mock-message p{margin:16px 0 18px;color:#101828;font-size:18px;font-weight:520;line-height:1.5}
.ai-processing{padding-top:16px;border-top:1px solid #dde3ee}
.ai-processing b{display:block;margin-bottom:9px;color:#3157ff;font-size:9px;font-weight:700;letter-spacing:.12em}
.mock-message .ai-processing span{position:relative;width:100%;margin:0;padding:15px 16px;display:block;border:1px solid #dbe4ff;border-radius:11px;background:#edf2ff;color:#213253;font-size:12px;line-height:1.65;overflow-wrap:break-word}
.mock-message .ai-processing span:before{display:none}
.mock-message span:before{position:absolute;top:20px;left:17px;width:8px;height:8px;border-radius:50%;background:#3157ff;box-shadow:0 0 0 4px rgba(49,87,255,.1);content:""}
.industry-stage em{z-index:2;right:28px;bottom:25px;padding:11px 15px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(6,17,39,.66);color:#fff;font-size:11px;font-weight:550;backdrop-filter:blur(10px)}
.industry-proof{min-height:560px;padding:30px 28px;border:1px solid #dbe2f0;border-left:6px solid #3157ff;border-radius:18px;justify-content:flex-start;box-shadow:0 24px 60px rgba(0,0,0,.14)}
.industry-proof>small{color:#3157ff;font-size:9px;font-weight:700;letter-spacing:.13em}
.industry-proof h3{margin:16px 0 24px;font-size:25px;font-weight:520;line-height:1.25;letter-spacing:-.03em}
.industry-proof ul{margin:0;padding:0;display:grid;gap:0;list-style:none}
.industry-proof li{position:relative;padding:14px 0 14px 20px;border-top:1px solid #e4e8f0;color:#475467;font-size:12px;line-height:1.45}
.industry-proof li:nth-child(n+4){padding-top:10px;padding-bottom:10px}
.points-reveal li{animation:industryPointIn .42s cubic-bezier(.2,.8,.2,1) both}
.points-reveal li:nth-child(1){animation-delay:.2s}.points-reveal li:nth-child(2){animation-delay:.25s}.points-reveal li:nth-child(3){animation-delay:.3s}.points-reveal li:nth-child(4){animation-delay:.35s}.points-reveal li:nth-child(5){animation-delay:.4s}.points-reveal li:nth-child(6){animation-delay:.45s}.points-reveal li:nth-child(7){animation-delay:.5s}
@keyframes industryPointIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.industry-proof li:before{position:absolute;left:0;top:19px;width:7px;height:7px;border-radius:50%;background:#3157ff;box-shadow:0 0 0 4px #edf1ff;content:""}
.industry-proof-stats{margin-top:auto;padding-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #e4e8f0}
.industry-proof-stats span{color:#667085;font-size:9px;line-height:1.35}
.industry-proof-stats b{display:block;margin:0 0 5px;color:#3157ff;font-size:25px;font-weight:500;letter-spacing:-.04em}
.industry-proof a{margin-top:auto;padding:12px 15px;border-radius:9px;background:#101828;color:#fff;font-size:11px;text-align:center;transition:background .2s ease}
.industry-proof a:hover{background:#3157ff}
@media(max-width:1100px){.industry-layout{grid-template-columns:180px 1fr}.industry-proof{grid-column:2;min-height:auto}.industry-proof-stats{margin-top:28px}}
@media(max-width:700px){.industry-intro{margin-bottom:40px}.industry-intro h2{font-size:34px}.industry-intro p{font-size:14px}.industry-layout{grid-template-columns:1fr}.industry-tabs{margin:0 -16px;padding:0 16px 8px;flex-direction:row}.industry-tabs button{min-width:138px;min-height:48px}.industry-tabs button:hover{transform:none}.industry-stage{min-height:520px;background-position:42% center}.mock-message{top:auto;right:20px;bottom:20px;left:20px;width:auto}.industry-proof{grid-column:auto;min-height:340px}.industry-proof a{margin-top:auto}}
@media(prefers-reduced-motion:reduce){.scene-reveal .mock-message,.points-reveal li{animation:none}}

/* ===== Language switcher（导航 + 页脚，三语联动） ===== */
.lang-switch{display:inline-flex;align-items:center;margin-right:6px;border:1px solid #d0d5dd;border-radius:999px;overflow:hidden;background:#fff}
.lang-switch a{padding:6px 12px;color:#667085;font-size:11.5px;font-weight:600;letter-spacing:.02em;transition:background .2s,color .2s}
.lang-switch a+a{border-left:1px solid #e4e9f6}
.lang-switch a:hover{color:#3157ff;background:#f2f4f7}
.lang-switch a.active{color:#fff;background:#101114;pointer-events:none}
.nav-wrap:not(.nav-scrolled) .home-nav .lang-switch{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.footer-lang{display:flex;gap:14px}
.footer-lang a{color:inherit;opacity:.75}
.footer-lang a:hover{opacity:1}
.footer-lang a.active{opacity:1;font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.lang-switch{display:none}}

/* ===== 英/日文首页标题适配（拉丁/假名标题更长，缩字号并允许换行） ===== */
html[lang="en"] .hero h1,html[lang="ja"] .hero h1{font-size:clamp(38px,3.9vw,60px);letter-spacing:-.03em;line-height:1.06}
html[lang="en"] .hero h1 span,html[lang="ja"] .hero h1 span{white-space:normal;display:block}
html[lang="en"] .results h2,html[lang="ja"] .results h2,html[lang="en"] .model h2,html[lang="ja"] .model h2,html[lang="en"] .industries>h2,html[lang="ja"] .industries>h2,html[lang="en"] .platform>h2,html[lang="ja"] .platform>h2,html[lang="en"] .insights>h2,html[lang="ja"] .insights>h2{font-size:clamp(34px,3.5vw,56px)}
html[lang="en"] .contact h2,html[lang="ja"] .contact h2{font-size:clamp(30px,3.4vw,50px)}

/* ===== Compact language menu + aligned header actions ===== */
@media (min-width:701px) {
  .lang-switch {
    position:relative;
    display:inline-flex;
    margin-right:2px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .lang-trigger {
    width:42px;
    height:42px;
    padding:0;
    display:grid;
    place-items:center;
    border:1px solid #dfe2e8;
    border-radius:12px;
    background:#f7f7f8;
    color:#111318;
    cursor:pointer;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
  }
  .lang-trigger:hover,.lang-switch.open .lang-trigger {
    border-color:#c9cfda;
    background:#fff;
    box-shadow:0 7px 20px rgba(16,24,40,.09);
  }
  .lang-trigger svg {
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .lang-switch>a {
    position:absolute;
    right:0;
    z-index:90;
    width:176px;
    height:46px;
    padding:0 18px;
    display:flex;
    align-items:center;
    border:0!important;
    background:#fff;
    color:#20242d;
    font-size:14px;
    font-weight:550;
    letter-spacing:0;
    opacity:0;
    visibility:hidden;
    transform:translateY(-7px);
    transition:opacity .18s ease,transform .2s ease,visibility 0s linear .2s;
  }
  .lang-switch>a:nth-of-type(1){top:50px;border-radius:14px 14px 0 0}
  .lang-switch>a:nth-of-type(2){top:96px}
  .lang-switch>a:nth-of-type(3){top:142px;border-radius:0 0 14px 14px}
  .lang-switch.open>a {
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:0 16px 34px rgba(16,24,40,.12);
    transition-delay:0s;
  }
  .lang-switch.open>a+a { box-shadow:0 16px 34px rgba(16,24,40,.12); }
  .lang-switch>a:hover { color:#3157ff; background:#f5f7ff; }
  .lang-switch>a.active {
    color:#111318;
    background:#f4f6fb;
  }
  .lang-switch>a.active::after {
    margin-left:auto;
    color:#3157ff;
    content:'✓';
    font-size:16px;
  }
  .account-cta,.nav-cta {
    height:40px;
    padding:0 18px;
    border:1px solid transparent;
    border-radius:12px;
    font-size:13px;
    font-weight:600;
    line-height:1;
    box-shadow:none;
  }
  .account-cta {
    min-width:64px;
    color:#17191d;
    background:#f7f7f8;
    border-color:#e2e4e8;
  }
  .nav-cta {
    min-width:108px;
    color:#fff;
    background:#171716;
  }
}

/* Final homepage state overrides — intentionally last in cascade */
.home-page .homepage-hero-v2{min-height:clamp(720px,100vh,900px);padding:148px clamp(44px,6vw,104px) 88px;align-items:center;background:radial-gradient(ellipse at 61% 96%,rgba(46,93,255,.78) 0,rgba(31,74,230,.2) 26%,transparent 52%),radial-gradient(ellipse at 64% 34%,rgba(35,68,183,.34),transparent 40%),linear-gradient(118deg,#020b1c 0%,#06142f 54%,#071633 100%)}
.home-page .homepage-hero-v2 .hero-copy{width:min(51%,740px);max-width:740px;transform:none;margin:0}
.home-page .homepage-hero-v2 .hero-eyebrow{margin-bottom:24px;color:#a9b9e8;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.06em}
.home-page .homepage-hero-v2 h1{margin:0 0 26px;font-family:inherit;font-size:clamp(56px,4.6vw,76px);font-weight:500;line-height:1.08;letter-spacing:-.04em}
.home-page .homepage-hero-v2 h1 span{display:block;white-space:nowrap}
.home-page .homepage-hero-v2 .hero-copy>p{max-width:600px;margin:0;color:#d4daea;font-size:18px;line-height:1.72}
.home-page .homepage-hero-v2 .hero-actions{margin-top:36px;display:flex;align-items:center;flex-direction:row;gap:28px}
.home-page .homepage-hero-v2 .hero-primary{min-width:224px;min-height:58px;padding:0 30px;border-radius:14px;background:#fff;color:#071329;font-weight:700;box-shadow:0 16px 38px rgba(0,0,0,.2)}
.home-page .homepage-hero-v2 .hero-secondary{color:#eef2ff;font-weight:500}
.home-page .nav-wrap{top:0;left:0;right:0;width:100%;height:68px;padding:0 clamp(24px,5.5vw,96px);border:0;border-bottom:1px solid transparent;border-radius:0;color:#fff;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .32s ease,color .26s ease,border-color .32s ease,box-shadow .32s ease,backdrop-filter .32s ease}
.home-page .nav-wrap:not(.nav-scrolled) nav .nav-dropdown,.home-page .nav-wrap:not(.nav-scrolled) nav>a{color:#fff;background:transparent}
.home-page .nav-wrap:not(.nav-scrolled) .account-cta{color:#fff;background:transparent;border-color:transparent;box-shadow:none}
.home-page .nav-wrap.nav-scrolled{color:var(--ink);background:rgba(255,255,255,.96);border-bottom-color:rgba(16,24,40,.1);box-shadow:0 10px 34px rgba(6,13,31,.1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.home-page .nav-wrap.nav-scrolled .logo img{filter:none}.home-page .nav-wrap.nav-scrolled nav .nav-dropdown,.home-page .nav-wrap.nav-scrolled nav>a{color:var(--ink);background:transparent}.home-page .nav-wrap.nav-scrolled .account-cta{color:var(--ink);background:#f5f6f7;border-color:#e6e7ea}.home-page .nav-wrap.nav-scrolled .nav-cta{color:#fff;background:#171716}
@media(min-width:701px){.home-page .nav-wrap:not(.nav-scrolled) .lang-trigger{color:#fff;background:transparent;border-color:transparent;box-shadow:none}.home-page .nav-wrap:not(.nav-scrolled) .lang-trigger:hover,.home-page .nav-wrap:not(.nav-scrolled) .lang-switch.open .lang-trigger{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);box-shadow:none}.home-page .nav-wrap.nav-scrolled .lang-trigger{color:#111318;background:#f7f7f8;border-color:#dfe2e8;box-shadow:0 1px 2px rgba(16,24,40,.04)}}
@media(max-width:1120px){.home-page .homepage-hero-v2{padding-inline:42px}.home-page .homepage-hero-v2 .hero-copy{width:51%}.home-page .homepage-hero-v2 h1{font-size:clamp(46px,5vw,61px)}.homepage-product-demo{right:54px;width:40vw}.purchase-intent{right:-34px}.advisor-product>img{height:118px}}
@media(max-width:800px){.home-page .homepage-hero-v2{min-height:1080px;padding:132px 22px 64px;align-items:flex-start}.home-page .homepage-hero-v2 .hero-copy{width:100%;max-width:none}.home-page .homepage-hero-v2 h1{font-size:clamp(42px,11vw,58px)}.home-page .homepage-hero-v2 h1 span{white-space:normal}.homepage-product-demo{position:absolute;left:22px;right:22px;top:auto;bottom:48px;width:auto;transform:none}.purchase-intent{right:-4px;top:-28px;transform:scale(.86);transform-origin:right top}}
@media(max-width:700px){.home-page .nav-wrap{height:60px;padding:0 16px}.home-page .nav-wrap:not(.nav-scrolled) .menu{color:#fff}.home-page .nav-wrap.nav-scrolled .menu{color:var(--ink)}}
@media(max-width:520px){.home-page .homepage-hero-v2{min-height:1030px;padding-top:116px}.home-page .homepage-hero-v2 .hero-eyebrow{width:fit-content;max-width:100%;padding:8px 10px;font-size:9px;letter-spacing:.06em;white-space:nowrap}.home-page .homepage-hero-v2 .hero-actions{align-items:center;flex-direction:row;gap:14px}.home-page .homepage-hero-v2 .hero-actions a{padding-inline:14px;font-size:12px}.home-page .homepage-hero-v2 .hero-secondary{padding-inline:4px}.homepage-product-demo{left:14px;right:14px;bottom:30px}.purchase-intent{top:-42px;right:-4px;transform:scale(.76);transform-origin:right top}.advisor-card{padding:18px;border-radius:20px}.advisor-product>img{height:105px}.advisor-product>div{padding-inline:8px}.advisor-product strong,.advisor-product b{font-size:10px}}

/* Closing CTA echoes the homepage hero */
.closing-section .contact.contact-hero-echo{position:relative;isolation:isolate;min-height:610px;margin:0 4% 32px;padding:72px clamp(42px,6vw,88px);display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.72fr);align-items:center;gap:clamp(48px,7vw,110px);overflow:hidden;border:1px solid rgba(125,151,226,.24);border-radius:30px;background:radial-gradient(ellipse at 78% 105%,rgba(49,87,255,.9) 0,rgba(31,74,230,.22) 31%,transparent 59%),radial-gradient(circle at 17% 0,rgba(69,105,221,.24),transparent 35%),linear-gradient(118deg,#020b1c 0%,#06142f 55%,#071633 100%);color:#fff;box-shadow:0 34px 90px rgba(4,18,49,.24)}
.contact-hero-echo:before{position:absolute;z-index:-1;inset:0;opacity:.11;background-image:linear-gradient(rgba(117,143,214,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(117,143,214,.18) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black 52%,black);content:""}
.contact-hero-echo:after{position:absolute;z-index:-1;right:-7%;bottom:-49%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(86,128,255,.58),rgba(49,87,255,.14) 38%,transparent 68%);filter:blur(30px);content:""}
.contact-echo-copy{position:relative;z-index:1;max-width:720px;text-align:left}
.contact-echo-copy>small{display:block;margin-bottom:22px;color:#a9b9e8;font-size:11px;font-weight:700;letter-spacing:.16em}
.closing-section .contact.contact-hero-echo h2{margin:0;color:#fff;font-size:clamp(45px,4.4vw,68px);font-weight:500;line-height:1.08;letter-spacing:-.045em;text-align:left;text-shadow:none;text-wrap:balance}
.contact-echo-actions{margin-top:34px;display:flex;align-items:center;gap:28px}
.contact-echo-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:56px;font-size:14px;font-weight:650}
.contact-echo-primary{min-width:190px;padding:0 26px;border-radius:13px;background:#fff;color:#071329;box-shadow:0 16px 38px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease}
.contact-echo-secondary{gap:12px;color:#eef2ff}.contact-echo-secondary span{font-size:18px;transition:transform .2s ease}.contact-echo-secondary:hover span{transform:translateX(4px)}
.contact-echo-proof{margin-top:44px;padding-top:22px;display:flex;gap:28px;border-top:1px solid rgba(160,179,231,.22)}
.contact-echo-proof span{color:#8999c3;font-size:9px;line-height:1.45}.contact-echo-proof b{display:block;margin-bottom:5px;color:#fff;font-size:12px;font-weight:600}
.contact-echo-demo{position:relative;z-index:1;width:100%;max-width:520px;justify-self:end;padding:26px;border:1px solid rgba(171,188,236,.28);border-radius:24px;background:rgba(247,250,255,.96);color:#101828;box-shadow:0 34px 75px rgba(0,0,0,.32),0 0 0 10px rgba(86,112,255,.06);backdrop-filter:blur(16px);transform:rotate(1.2deg)}
.contact-echo-demo header{display:flex;align-items:center;gap:10px;color:#667085;font-size:9px;font-weight:700;letter-spacing:.12em}.contact-echo-demo header i{flex:1;height:1px;background:#dce3f2}.contact-echo-demo header span{padding:6px 8px;border-radius:999px;background:#eaf0ff;color:#3157ff;font-size:8px}
.contact-echo-question{margin-top:24px;padding:20px;border:1px solid #e1e6f0;border-radius:14px;background:#fff}.contact-echo-question small,.contact-echo-flow>small{color:#3157ff;font-size:8px;font-weight:700;letter-spacing:.13em}.contact-echo-question p{margin:11px 0 0;font-size:18px;font-weight:550;line-height:1.48;letter-spacing:-.02em}
.contact-echo-flow{margin-top:12px;padding:20px;border-radius:14px;background:#0a1730;color:#fff}.contact-echo-flow>div{margin-top:13px;display:flex;align-items:center;justify-content:space-between;gap:7px}.contact-echo-flow span,.contact-echo-flow strong{font-size:9px;font-weight:520;white-space:nowrap}.contact-echo-flow i{color:#6687ff;font-size:11px;font-style:normal}.contact-echo-flow strong{padding:8px 9px;border-radius:7px;background:#3157ff}
.contact-echo-demo footer{margin:18px 0 0;padding:0;display:flex;align-items:center;justify-content:space-between;box-shadow:none;background:none}.contact-echo-demo footer>span{color:#667085;font-size:10px}.contact-echo-demo footer a{display:flex;align-items:center;gap:12px;color:#3157ff;font-size:11px;font-weight:650}.contact-echo-demo footer b{font-size:16px;font-weight:400}
@media(max-width:1000px){.closing-section .contact.contact-hero-echo{grid-template-columns:1fr;min-height:auto}.contact-echo-demo{max-width:650px;justify-self:start;transform:none}}
@media(max-width:700px){.contact-echo-actions{align-items:flex-start;flex-direction:column;gap:18px}.contact-echo-proof{display:grid;grid-template-columns:1fr 1fr}.contact-echo-proof span:last-child{grid-column:1/-1}.contact-echo-demo{padding:20px}.contact-echo-question p{font-size:16px}.contact-echo-flow>div{align-items:flex-start;flex-direction:column}.contact-echo-flow i{transform:rotate(90deg);margin-left:10px}}

/* Closing composition: one CTA surface, full-width footer */
.home-page{background:#fff}
.contact-echo-copy{max-width:820px}
.wechat-follow.qr-pair{grid-template-columns:repeat(2,132px);align-items:stretch;gap:14px}
.qr-pair .wechat-qr{width:132px;padding:10px;border:1px solid #e1e7f2;border-radius:12px;background:#fff;box-shadow:none;opacity:1}
.qr-pair .qr-primary{padding-top:10px;border-color:#e1e7f2}
.qr-pair .qr-secondary{opacity:1;box-shadow:none}
.qr-pair .wechat-qr>img,.qr-pair .qr-code{width:110px;height:110px}
.qr-pair .wechat-qr>img,.qr-pair .qr-code>img:first-child{width:110px;height:110px;object-fit:contain}
.qr-pair .wechat-qr span{padding-top:8px;font-size:10px;line-height:1.4;white-space:nowrap}
@media(max-width:700px){.closing-section .footer-modern{margin:0;padding:42px 24px 22px;border-radius:0}.wechat-follow.qr-pair{grid-template-columns:repeat(2,118px);gap:10px}.qr-pair .wechat-qr{width:118px}.qr-pair .wechat-qr>img,.qr-pair .qr-code,.qr-pair .qr-code>img:first-child{width:96px;height:96px}}

/* Unified hero typography + restored conversation avatars */
.home-page .homepage-hero-v2 h1{
  font-family:inherit;
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.04em;
}
.advisor-avatar{
  width:42px;
  height:42px;
  display:block;
  border-radius:50%;
  object-fit:cover;
  object-position:center 30%;
  background:#eaf0ff;
  box-shadow:0 0 0 4px rgba(220,229,255,.72);
}
.advisor-ai-avatar{object-position:center 28%}
.advisor-customer>div,.advisor-answer>div{min-width:0}
.advisor-customer small,.advisor-answer small{display:block;margin:0 0 6px;color:#aab8da;font-size:10px;line-height:1.3}
.advisor-customer p{padding:11px 14px}
@media(max-width:520px){
  .home-page .homepage-hero-v2 h1{font-size:clamp(39px,10.5vw,48px);line-height:1.08;letter-spacing:-.035em}
  .advisor-avatar{width:38px;height:38px}
  .advisor-customer,.advisor-answer{grid-template-columns:38px 1fr;gap:11px}
  .advisor-customer small,.advisor-answer small{font-size:9px}
}

/* Integration network — real channel and system connections */
.integration-board.integration-network{position:relative;isolation:isolate;max-width:1180px;min-height:410px;padding:42px;display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);align-items:center;gap:52px;border:1px solid #cbd7fb;border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(66,101,255,.12),transparent 31%),linear-gradient(135deg,#fff 0%,#f7f9ff 48%,#fff 100%);box-shadow:0 28px 80px rgba(31,54,112,.12),inset 0 1px 0 #fff}
.integration-board.integration-network::before{z-index:-1;top:50%;left:25%;right:25%;width:auto;height:1px;background:linear-gradient(90deg,transparent,#7893ff 12%,#3157ff 50%,#7893ff 88%,transparent);box-shadow:0 0 18px rgba(49,87,255,.44)}
.integration-board.integration-network::after{z-index:-1;top:calc(50% - 3px);right:auto;left:50%;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:-184px 0 0 #7893ff,184px 0 0 #7893ff,0 0 0 7px rgba(49,87,255,.12),0 0 24px #3157ff;transform:translateX(-50%)}
.integration-side{position:relative;z-index:1;min-width:0}
.integration-side>header{margin-bottom:22px;display:flex;align-items:center;gap:12px}
.integration-side>header>small{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ced8f5;border-radius:9px;color:#3157ff;background:#f4f7ff;font-size:10px;font-weight:700}
.integration-side>header div{display:grid;gap:3px}.integration-side>header strong{color:#1d2939;font-size:14px;font-weight:650}.integration-side>header span{color:#8490a8;font-size:11px}
.integration-logo{min-height:86px;padding:12px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px solid #dce4f7;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(35,57,112,.07);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.integration-logo:hover{border-color:#9db1f7;box-shadow:0 14px 32px rgba(35,57,112,.13);transform:translateY(-3px)}
.integration-logo img{width:32px;height:32px;object-fit:contain}.integration-logo span{max-width:100%;overflow:hidden;color:#475467;font-size:10px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.integration-network .integration-core{position:relative;z-index:3;width:220px;min-height:220px;padding:28px 20px;border:1px solid rgba(144,169,255,.8);border-radius:42px;background:radial-gradient(circle at 34% 18%,#7088ff 0,#3157ff 42%,#162a83 100%);box-shadow:0 28px 60px rgba(38,73,207,.3),0 0 0 12px rgba(73,108,255,.07),inset 0 1px 0 rgba(255,255,255,.35)}
.integration-network .integration-core::before,.integration-network .integration-core::after{position:absolute;top:50%;width:52px;height:1px;background:#6685ff;content:""}.integration-network .integration-core::before{right:100%}.integration-network .integration-core::after{left:100%}
.integration-network .integration-core i{width:38px;height:38px;margin:0 0 14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:12px;background:rgba(255,255,255,.13);font-style:normal;font-size:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.integration-network .integration-core small{margin:0 0 9px;color:#c8d5ff;font-size:8px;font-weight:700;letter-spacing:.16em}.integration-network .integration-core strong{font-size:22px;font-weight:600;line-height:1.2}.integration-network .integration-core span{margin-top:14px;color:#dbe3ff;font-size:10px;letter-spacing:.08em}
@media(max-width:1000px){.integration-board.integration-network{grid-template-columns:1fr;gap:34px;padding:34px}.integration-board.integration-network::before,.integration-board.integration-network::after,.integration-network .integration-core::before,.integration-network .integration-core::after{display:none}.integration-network .integration-core{grid-row:1;width:190px;min-height:190px;margin:auto;border-radius:36px}.integration-side>header{justify-content:center;text-align:left}.integration-logo-grid{max-width:560px;margin:auto;grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.integration-board.integration-network{padding:28px 16px;gap:30px;border-radius:20px}.integration-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-logo{min-height:78px}.integration-logo img{width:28px;height:28px}.integration-side>header{justify-content:flex-start}.integration-network .integration-core{width:174px;min-height:174px}.integration-network .integration-core strong{font-size:19px}}

/* Enterprise integration loop — paths are real SVG, not CSS-drawn connectors */
.integration-board.integration-loop-board{position:relative;isolation:isolate;max-width:1240px;min-height:610px;margin:auto;padding:34px 34px 96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.78fr) minmax(0,1fr);align-items:stretch;gap:28px;border:1px solid #cad6f6;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,249,255,.94));box-shadow:0 32px 90px rgba(31,54,112,.13),inset 0 1px 0 #fff;overflow:hidden}
.integration-board.integration-loop-board::before,.integration-board.integration-loop-board::after{display:none}
.integration-flow{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}
.loop-panel,.loop-agent{position:relative;z-index:2;border:1px solid rgba(200,213,244,.95);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 16px 40px rgba(33,55,112,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.loop-panel{padding:24px}.loop-panel>header{padding-bottom:18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #dce4f5}.loop-panel>header div{display:grid;gap:5px}.loop-panel>header small{color:#3157ff;font-size:9px;font-weight:750;letter-spacing:.16em}.loop-panel>header h3{margin:0;color:#172033;font-size:20px;font-weight:650;letter-spacing:-.025em}.loop-panel>header>span{padding:6px 9px;border:1px solid #d6e0fb;border-radius:999px;color:#5972be;background:#f5f7ff;font-size:9px;font-weight:650}
.loop-group{padding:20px 0}.loop-group+.loop-group{border-top:1px solid #e2e8f5}.loop-group>strong{display:block;color:#26334c;font-size:13px;font-weight:650}.loop-group>p{margin:6px 0 13px;color:#7b8aa9;font-size:10px;line-height:1.45}.loop-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.loop-logos img{width:100%;height:52px;padding:10px;object-fit:contain;border:1px solid #dbe4f7;border-radius:11px;background:#fff;box-shadow:0 7px 18px rgba(31,54,112,.06);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.loop-logos img:hover{border-color:#9db1f7;box-shadow:0 11px 24px rgba(31,54,112,.12);transform:translateY(-2px)}
.loop-agent{align-self:center;min-height:500px;padding:28px 22px 24px;text-align:center;background:radial-gradient(circle at 100% 0,rgba(98,126,255,.14),transparent 36%),rgba(250,252,255,.94);box-shadow:0 24px 55px rgba(42,70,158,.14),inset 0 1px 0 #fff}.loop-agent-avatar{position:relative;width:82px;height:82px;margin:0 auto 15px}.loop-agent-avatar img{width:100%;height:100%;display:block;border:5px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px #e7edff,0 14px 30px rgba(31,54,112,.18)}.loop-agent-avatar i{position:absolute;right:0;bottom:2px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#35c98f;box-shadow:0 0 14px rgba(53,201,143,.55)}.loop-agent>small{color:#3157ff;font-size:8px;font-weight:750;letter-spacing:.16em}.loop-agent h3{margin:7px 0 8px;color:#16213a;font-size:25px;font-weight:680;letter-spacing:-.035em}.loop-agent>p{max-width:230px;margin:0 auto 18px;color:#687895;font-size:11px;line-height:1.55}.loop-agent ol{margin:0;padding:0;display:grid;gap:9px;list-style:none;text-align:left}.loop-agent li{min-height:47px;padding:10px 12px;display:flex;align-items:center;gap:10px;border:1px solid #dce4f7;border-radius:12px;color:#34425e;background:#fff;font-size:10px;font-weight:600;box-shadow:0 7px 18px rgba(31,54,112,.05)}.loop-agent li b{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;color:#3157ff;background:#edf1ff;font-size:9px}
.integration-loop-board>footer{position:absolute;z-index:3;left:34px;right:34px;bottom:26px;min-height:48px;padding:0 18px;display:flex;align-items:center;gap:22px;border-radius:14px;color:#dce6ff;background:#0a1d49;box-shadow:0 14px 28px rgba(10,29,73,.18)}.integration-loop-board>footer strong{color:#7fa0ff;font-size:11px}.integration-loop-board>footer span{font-size:11px;font-weight:550;letter-spacing:.01em}
@media(max-width:1050px){.integration-board.integration-loop-board{grid-template-columns:1fr 260px 1fr;gap:16px;padding-inline:20px}.loop-panel{padding:18px}.loop-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.loop-agent{padding-inline:16px}}
@media(max-width:800px){.integration-board.integration-loop-board{min-height:0;padding:22px 16px 92px;grid-template-columns:1fr;gap:18px}.integration-flow{display:none}.loop-agent{grid-row:1;min-height:0}.loop-agent ol{grid-template-columns:1fr 1fr}.loop-panel{padding:20px}.loop-logos{grid-template-columns:repeat(5,minmax(0,1fr))}.integration-loop-board>footer{left:16px;right:16px;bottom:20px;padding:12px 14px;align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:520px){.loop-agent ol{grid-template-columns:1fr}.loop-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-board.integration-loop-board{padding-bottom:112px}.integration-loop-board>footer{font-size:10px}.integration-loop-board>footer span{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.integration-flow animateMotion{display:none}}

/* Focused ecosystem view: logos + Shulex hub + SVG data loop */
.integration-board.integration-logo-loop{position:relative;isolation:isolate;max-width:1200px;min-height:520px;padding:58px 54px 94px;display:grid;grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);align-items:center;gap:54px;border:1px solid #cad7f8;border-radius:30px;background:radial-gradient(circle at 50% 48%,rgba(68,101,255,.13),transparent 26%),linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 30px 85px rgba(31,54,112,.12),inset 0 1px 0 #fff;overflow:hidden}
.integration-board.integration-logo-loop::before,.integration-board.integration-logo-loop::after{display:none}.logo-loop-flow{position:absolute;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}
.stack-group{position:relative;z-index:2}.stack-group>header{margin-bottom:20px}.stack-group>header small{display:block;margin-bottom:6px;color:#3157ff;font-size:9px;font-weight:750;letter-spacing:.15em}.stack-group>header h3{margin:0;color:#1b263b;font-size:18px;font-weight:650;letter-spacing:-.025em}
.stack-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stack-logos>span{height:72px;padding:13px;display:grid;place-items:center;border:1px solid #dbe4f7;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 9px 24px rgba(31,54,112,.07);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.stack-logos>span:hover{border-color:#9fb2f6;box-shadow:0 14px 30px rgba(31,54,112,.13);transform:translateY(-3px)}.stack-logos img{width:100%;height:100%;max-width:62px;max-height:38px;object-fit:contain}
.stack-hub{position:relative;z-index:3;width:230px;min-height:230px;padding:32px 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(151,175,255,.86);border-radius:48px;color:#fff;text-align:center;background:radial-gradient(circle at 32% 16%,#728aff,#3157ff 43%,#172a83 100%);box-shadow:0 28px 65px rgba(42,75,205,.32),0 0 0 13px rgba(68,101,255,.07),inset 0 1px 0 rgba(255,255,255,.35)}.stack-hub-mark{width:42px;height:42px;margin-bottom:17px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:13px;background:rgba(255,255,255,.13);font-size:21px}.stack-hub small{color:#cbd7ff;font-size:8px;font-weight:750;letter-spacing:.18em}.stack-hub h3{margin:8px 0 10px;font-size:24px;font-weight:650;letter-spacing:-.03em}.stack-hub p{margin:0;color:#dbe3ff;font-size:10px;letter-spacing:.05em}.stack-hub>span{margin-top:20px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#dfe6ff;background:rgba(255,255,255,.08);font-size:8px;font-weight:700;letter-spacing:.14em}
.integration-logo-loop>footer{position:absolute;z-index:3;left:54px;right:54px;bottom:28px;width:auto;height:50px;min-height:50px;padding:0!important;display:flex;align-items:center;justify-content:center;gap:0;border:1px solid #d9e3fa;border-radius:13px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(31,54,112,.06);overflow:hidden}.integration-logo-loop>footer span{padding:13px 22px;color:#5f6f8e;font-size:10px;font-weight:600}.integration-logo-loop>footer span+span{border-left:1px solid #dfe6f6}
@media(max-width:1000px){.integration-board.integration-logo-loop{grid-template-columns:1fr 200px 1fr;gap:28px;padding-inline:30px}.stack-hub{width:200px;min-height:200px}.stack-logos>span{height:62px}}
@media(max-width:800px){.integration-board.integration-logo-loop{min-height:0;padding:30px 20px 110px;grid-template-columns:1fr;gap:30px}.logo-loop-flow{display:none}.stack-hub{grid-row:1;width:190px;min-height:190px;margin:auto}.stack-group>header{text-align:center}.stack-logos{grid-template-columns:repeat(5,minmax(0,1fr))}.integration-logo-loop>footer{left:20px;right:20px;bottom:22px;flex-wrap:wrap}.integration-logo-loop>footer span{padding:9px 12px}.integration-logo-loop>footer span+span{border-left:0}}
@media(max-width:520px){.stack-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.stack-logos>span{height:64px}.integration-board.integration-logo-loop{padding-bottom:132px}}

/* Integrations section alignment — shared editorial rhythm with the rest of homepage */
.integrations>header{max-width:930px;margin:0 auto 72px;display:block;text-align:center}
.integrations>header small{display:block;margin:0 0 18px;color:#3157ff;font-size:10px;font-weight:700;letter-spacing:.16em}
.integrations>header h2{max-width:820px;margin:0 auto;font-size:clamp(42px,4vw,58px);font-weight:450;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.integrations>header p{max-width:720px;margin:22px auto 0;color:#667085;font-size:15px;line-height:1.75;text-wrap:balance}
.integration-board.integration-logo-loop{min-height:500px;padding:54px 20px 88px;border-right:0;border-left:0;border-radius:0;background:transparent;box-shadow:none}
.stack-group>header small{font-size:8px;letter-spacing:.16em}.stack-group>header h3{font-size:17px}.stack-logos{gap:9px}.stack-logos>span{height:68px;border-color:#d5dff4;border-radius:12px;box-shadow:0 8px 20px rgba(31,54,112,.05)}
.stack-hub{border-radius:40px;box-shadow:0 24px 55px rgba(42,75,205,.27),0 0 0 10px rgba(68,101,255,.055),inset 0 1px 0 rgba(255,255,255,.35)}
.integration-logo-loop>footer{left:20px;right:20px;bottom:20px;border-color:#d5dff4;border-radius:10px;background:rgba(255,255,255,.58);box-shadow:none}
.integration-note{margin-top:24px}
@media(max-width:800px){.integrations>header{grid-template-columns:1fr;grid-template-areas:"label" "title" "copy";gap:0;margin-bottom:44px}.integrations>header small{margin:0 0 16px}.integrations>header h2{font-size:38px}.integrations>header p{margin-top:18px}.integration-board.integration-logo-loop{padding-inline:0}.integration-logo-loop>footer{left:0;right:0}}

.insight-cta{width:fit-content;min-height:44px;margin-top:22px;padding:5px 6px 5px 17px;display:inline-flex;align-items:center;gap:16px;border:1px solid #3157ff;border-radius:999px;color:#2549d8;background:#fff;font-size:12px;font-weight:650;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.insight-cta b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#3157ff;font-size:15px;font-weight:500;transition:transform .2s ease}.insight-cta:hover{color:#fff;background:#3157ff;box-shadow:0 10px 24px rgba(49,87,255,.22);transform:translateY(-2px)}.insight-cta:hover b{background:#fff;color:#3157ff;transform:translateX(2px)}
.article-grid article{display:flex;align-items:flex-start;flex-direction:column}.article-grid .article-art{width:100%}.article-grid article .insight-cta{margin-top:auto}
@media(max-width:700px){.insight-cta{min-height:42px;margin-top:18px}}

/* Full-width closing chapter — editorial CTA, existing footer content retained */
.closing-section .contact.contact-hero-echo:before{opacity:.065;background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 26%,black 66%,black)}
.closing-section .contact.contact-hero-echo:after{right:-13%;bottom:-96%;width:66%;opacity:.62}
.contact-echo-copy>small{margin-bottom:24px;color:#7295ff;font-size:10px;letter-spacing:.17em}
.contact-echo-actions a{min-height:52px}.contact-echo-secondary{font-size:13px}
.contact-service-flow{position:relative;width:100%;max-width:760px;justify-self:end;aspect-ratio:760/360}
.contact-service-flow svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.flow-track{fill:none;stroke:url(#cta-flow-line);stroke-width:1.35;vector-effect:non-scaling-stroke}
.flow-source text{fill:#eef3ff;font-family:inherit;font-size:14px;font-weight:600}.flow-source .flow-source-note{fill:#7181a1;font-size:9px;font-weight:500;letter-spacing:.03em}.flow-source>circle{fill:rgba(73,107,224,.2);stroke:#6687ff;stroke-width:1}.flow-source .flow-source-center{fill:#f7f9ff;stroke:none}
.flow-particle,.flow-output-particle{fill:#9eb4ff;filter:url(#cta-flow-glow)}.flow-particle-soft{fill:#fff;opacity:.7}
.flow-hub-pulse{fill:none;stroke:#3157ff;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:flowHubPulse 2.8s ease-out infinite}.flow-hub-pulse-b{animation-delay:-1.4s}.flow-hub-ring{fill:rgba(49,87,255,.12);stroke:rgba(107,139,255,.45);stroke-width:1}.flow-hub-core{fill:url(#cta-hub-fill)}
.flow-output{fill:none;stroke:url(#cta-flow-output);stroke-width:1.3;vector-effect:non-scaling-stroke}.flow-output-title{fill:#f4f7ff;font-family:inherit;font-size:12px;font-weight:650}.flow-output-note{fill:#7181a1;font-family:inherit;font-size:9px;font-weight:500}
.closing-section .contact-echo-proof{position:absolute;left:clamp(42px,7.5vw,132px);right:clamp(42px,7.5vw,132px);bottom:0;height:82px;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(160,179,231,.2)}
.closing-section .contact-echo-proof span{padding:21px 34px 0;color:#8290ad;font-size:10px}.closing-section .contact-echo-proof span:first-child{padding-left:0}.closing-section .contact-echo-proof span+span{border-left:1px solid rgba(160,179,231,.18)}.closing-section .contact-echo-proof b{display:inline;margin-right:9px;color:#fff;font-size:12px}
@keyframes flowHubPulse{0%{opacity:.75;transform:scale(.62)}75%,100%{opacity:0;transform:scale(1.75)}}
@media(max-width:980px){.closing-section .contact.contact-hero-echo{grid-template-columns:1fr;gap:28px;padding-bottom:104px}.contact-service-flow{max-width:620px;justify-self:start}.closing-section .contact-echo-proof{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.closing-section .contact.contact-hero-echo{min-height:auto;margin:0;padding:58px 24px 154px;gap:34px;border-radius:0}.contact-service-flow{margin:4px 0 0;transform:scale(1.03);transform-origin:left center}.closing-section .contact-echo-proof{left:24px;right:24px;height:126px;grid-template-columns:1fr;align-content:center}.closing-section .contact-echo-proof span,.closing-section .contact-echo-proof span:first-child{padding:6px 0;border-left:0}.closing-section .contact-echo-proof b{min-width:88px;display:inline-block}}
@media(prefers-reduced-motion:reduce){.flow-particles,.flow-output-particle{display:none}.flow-hub-pulse{animation:none;opacity:.22}}

/* CTA refinement — less copy, quieter motion, clearer two-column rhythm */
.closing-section .contact.contact-hero-echo{min-height:440px;padding:66px clamp(42px,7.5vw,132px);grid-template-columns:minmax(500px,1fr) minmax(430px,.88fr);gap:clamp(60px,8vw,140px)}
.contact-service-flow{max-width:650px}
.flow-track{stroke-width:1;opacity:.7}.flow-source text{font-size:13px}.flow-particle{opacity:.8}.flow-output-title{font-size:11px}
@media(max-width:980px){.closing-section .contact.contact-hero-echo{grid-template-columns:1fr;padding-block:62px;gap:28px}.contact-service-flow{max-width:610px}}
@media(max-width:700px){.contact-service-flow{margin-top:6px}}

/* CTA service timeline — one clear process instead of converging paths */
.contact-service-flow{aspect-ratio:760/300}
.timeline-track{fill:none;stroke:url(#timeline-line);stroke-width:1.4;vector-effect:non-scaling-stroke}
.timeline-halo{fill:rgba(49,87,255,.075);stroke:rgba(91,125,241,.2);stroke-width:1}.timeline-node{fill:#071a43;stroke:#6e8eff;stroke-width:1.5}.timeline-index{fill:#9db3ff;font-family:inherit;font-size:7px;font-weight:700;text-anchor:middle}.timeline-title{fill:#f1f5ff;font-family:inherit;font-size:14px;font-weight:620;text-anchor:middle}.timeline-note{fill:#7181a1;font-family:inherit;font-size:9px;font-weight:500;text-anchor:middle}.timeline-runner{fill:#9fb5ff}
.timeline-step .timeline-halo{transform-box:fill-box;transform-origin:center;animation:timelineNodePulse 5.4s ease-in-out infinite}.timeline-step-two .timeline-halo{animation-delay:1.8s}.timeline-step-three .timeline-halo{animation-delay:3.6s}
@keyframes timelineNodePulse{0%,18%,100%{opacity:.35;transform:scale(.82)}9%{opacity:1;transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){.timeline-runner{display:none}.timeline-step .timeline-halo{animation:none;opacity:.5}}

/* Single closing action */
.contact-echo-primary b{font-size:19px;font-weight:400;line-height:1;transition:transform .2s ease}
.contact-echo-primary:hover b{transform:translateX(4px)}

/* CTA must meet the preceding section edge-to-edge */
.contact-echo-secondary{display:none!important}

/* Inset CTA card + centered footer */
.footer-brand{max-width:430px;margin-inline:auto;text-align:center}
.wechat-follow.qr-pair{margin-left:auto;margin-right:auto}
.footer-legal>span,.footer-legal>div{flex:1;justify-content:center;min-width:240px}
@media(max-width:1100px){.footer-nav{width:100%;max-width:760px;margin-inline:auto}}
@media(max-width:700px){.footer-nav div{align-items:center}.footer-legal>span,.footer-legal>div{min-width:100%}}

/* Full-width footer grid with the wordmark closing the company column */
.footer-main{width:100%;grid-template-columns:minmax(300px,.8fr) minmax(0,2.2fr);gap:clamp(56px,7vw,130px)}
.footer-nav{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(190px,1fr));gap:clamp(40px,6vw,120px)}
.footer-legal{width:100%}
@media(max-width:1100px){.closing-section .footer-modern{width:calc(100% + 8vw)}.footer-main{grid-template-columns:1fr;gap:54px}.footer-brand{margin-inline:auto}.footer-nav{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:700px){.closing-section .footer-modern{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding-inline:24px}}

/* Security and compliance — certification-led enterprise trust section */
.integration-governance{position:relative;isolation:isolate;max-width:1280px;margin:96px auto 0;padding:74px clamp(36px,5vw,72px) 0;overflow:hidden;border:1px solid rgba(121,149,235,.25);border-radius:28px;color:#fff;background:radial-gradient(circle at 92% 0,rgba(49,87,255,.24),transparent 35%),linear-gradient(135deg,#050e22 0%,#081733 58%,#0a1b3f 100%);box-shadow:0 32px 80px rgba(10,30,70,.18)}
.integration-governance:before{position:absolute;z-index:-1;inset:0;opacity:.08;background-image:linear-gradient(rgba(132,156,226,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(132,156,226,.2) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent 28%,black);content:""}
.integration-governance>header{display:grid;grid-template-columns:minmax(180px,.52fr) minmax(0,1.48fr);grid-template-areas:"label title" "label copy" "label link";column-gap:70px}
.integration-governance>header small{grid-area:label;margin-top:9px;color:#7897ff;font-size:10px;font-weight:700;letter-spacing:.16em}
.integration-governance>header h3{grid-area:title;max-width:820px;margin:0;color:#fff;font-size:clamp(42px,4vw,60px);font-weight:450;line-height:1.08;letter-spacing:-.045em}
.integration-governance>header p{grid-area:copy;max-width:700px;margin:22px 0 0;color:#aebbd4;font-size:14px;line-height:1.75}
.integration-governance>header a{grid-area:link;width:fit-content;margin-top:22px;display:inline-flex;align-items:center;gap:12px;color:#dfe7ff;font-size:12px;font-weight:600}.integration-governance>header a span{color:#7897ff;font-size:17px;transition:transform .2s ease}.integration-governance>header a:hover span{transform:translateX(4px)}
.certification-wall{margin-top:58px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(141,165,231,.22);border-bottom:1px solid rgba(141,165,231,.22)}
.certification-wall article{min-height:176px;padding:30px 26px;display:flex;align-items:center;gap:20px}.cert-seal{position:relative;width:76px;height:76px;flex:0 0 76px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(135,162,240,.55);border-radius:50%;background:radial-gradient(circle,rgba(70,105,222,.2),transparent 68%);box-shadow:inset 0 0 0 6px rgba(102,132,226,.06),0 0 24px rgba(49,87,255,.08)}
.cert-seal:before,.cert-seal:after{position:absolute;inset:7px;border:1px solid rgba(128,155,237,.18);border-radius:50%;content:""}.cert-seal:after{inset:-4px;border-style:dashed;opacity:.42}
.cert-seal span{color:#7897ff;font-size:8px;font-weight:750;letter-spacing:.13em}.cert-seal b{margin-top:2px;color:#fff;font-size:16px;font-weight:600;line-height:1}
.certification-wall article>div:last-child{display:grid;gap:6px}.certification-wall strong{color:#fff;font-size:14px;font-weight:620}.certification-wall small{color:#7f8dab;font-size:10px;line-height:1.45}
.integration-governance .governance-grid{margin:0;display:grid;grid-template-columns:repeat(3,1fr);border:0}
.integration-governance .governance-grid article{min-height:220px;padding:38px 34px 42px}.integration-governance .governance-grid article+article{border-left:1px solid rgba(141,165,231,.2)}
.integration-governance .governance-grid b{color:#7897ff;font-size:9px;letter-spacing:.14em}.integration-governance .governance-grid h4{margin:42px 0 12px;color:#fff;font-size:18px;font-weight:580}.integration-governance .governance-grid p{max-width:290px;margin:0;color:#8f9db8;font-size:11px;line-height:1.75}
@media(max-width:1050px){.certification-wall{grid-template-columns:1fr 1fr}.certification-wall article:nth-child(3){border-left:0}}
@media(max-width:700px){.integration-governance>header{grid-template-columns:1fr;grid-template-areas:"label" "title" "copy" "link"}.integration-governance>header small{margin:0 0 18px}.certification-wall article+article{border-top:1px solid rgba(141,165,231,.2);border-left:0}.cert-seal{width:66px;height:66px;flex-basis:66px}.integration-governance .governance-grid{grid-template-columns:1fr}.integration-governance .governance-grid article{min-height:0;padding:30px 8px}.integration-governance .governance-grid article+article{border-top:1px solid rgba(141,165,231,.2);border-left:0}.integration-governance .governance-grid h4{margin-top:24px}}


/* Use the verified certification artwork from the Shulex brand package */
.cert-image{width:82px;height:82px;flex:0 0 82px;display:block;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.2))}

/* Homepage CTA uses square corners */

/* Integrations — one value proposition, one complete logo wall */
.integration-board.integration-flat{max-width:1280px;min-height:0;margin:auto;padding:0;display:block;border:1px solid #ced9f4;border-radius:22px;background:#fff;box-shadow:0 26px 70px rgba(31,54,112,.09);overflow:hidden}
.integration-board.integration-flat:before,.integration-board.integration-flat:after{display:none}
.integration-all-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#dce4f5;gap:1px}
.integration-all-logos>span{min-width:0;min-height:138px;padding:24px 18px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:#fff;transition:background .25s ease,transform .25s ease}
.integration-all-logos>span:hover{position:relative;z-index:1;background:#f6f8ff;box-shadow:0 12px 28px rgba(36,58,112,.1);transform:translateY(-2px)}
.integration-all-logos img{width:100%;height:42px;max-width:92px;display:block;object-fit:contain}
.integration-all-logos small{color:#7a879f;font-size:9px;font-weight:600;letter-spacing:.02em}
@media(max-width:1000px){.integration-all-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.integration-board.integration-flat{border-radius:16px}.integration-all-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-all-logos>span{min-height:108px;padding:18px 10px 14px;gap:11px}.integration-all-logos img{height:34px;max-width:72px}.integration-all-logos small{font-size:8px}}

/* Separate integrations by customer touchpoints and business systems */
.integration-all-logos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.integration-logo-group{min-width:0;background:#fff}
.integration-logo-group>header{min-height:108px;padding:27px 30px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;border-bottom:1px solid #dce4f5;text-align:left}
.integration-logo-group>header small{color:#3157ff;font-size:8px;font-weight:750;letter-spacing:.16em}.integration-logo-group>header h3{margin:7px 0 0;color:#1b263b;font-size:21px;font-weight:600;letter-spacing:-.025em}
.integration-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dce4f5}
.integration-logo-grid>span{min-width:0;min-height:132px;padding:22px 14px 16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#fff;transition:background .25s ease,transform .25s ease}
.integration-logo-grid>span:hover{position:relative;z-index:1;background:#f6f8ff;box-shadow:0 12px 28px rgba(36,58,112,.1);transform:translateY(-2px)}
.integration-logo-grid img{width:100%;height:40px;max-width:90px;display:block;object-fit:contain}.integration-logo-grid small{color:#7a879f;font-size:9px;font-weight:600}
@media(max-width:900px){.integration-all-logos{grid-template-columns:1fr}}
@media(max-width:700px){.integration-logo-group>header h3{font-size:18px}.integration-logo-grid>span{min-height:104px;padding:16px 8px 13px;gap:10px}.integration-logo-grid img{height:32px;max-width:70px}.integration-logo-grid small{font-size:8px}}

/* Make the two integration domains unmistakably separate */
.integration-board.integration-flat{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.integration-all-logos{gap:24px;background:transparent}
.integration-logo-group>header{position:relative;min-height:132px;padding:27px 32px;border-bottom:1px solid #d7e0f3}
.integration-logo-group>header:before{position:absolute;left:0;top:0;bottom:0;width:4px;background:#3157ff;content:""}
.integration-logo-group>header p{margin:8px 0 0;color:#71809d;font-size:10px;line-height:1.5}
.touchpoint-group>header{background:linear-gradient(135deg,#f3f6ff,#fbfcff)}
.system-group>header{background:linear-gradient(135deg,#f7f8fb,#fff)}
.system-group>header:before{background:#101828}
.system-group>header small{color:#667085}
@media(max-width:900px){.integration-all-logos{gap:20px}.integration-logo-group+.integration-logo-group{border-top:1px solid #cbd7ef}}
@media(max-width:700px){.integration-logo-group{border-radius:16px}.integration-logo-group>header{min-height:112px;padding:23px 22px}.integration-logo-group>header p{font-size:9px}}

/* Integrations and compliance form one connected capability story */
.integration-governance>header{grid-template-columns:minmax(160px,.42fr) minmax(0,1.58fr);column-gap:52px}
.cert-image{width:70px;height:70px;flex-basis:70px}.cert-image-asib{width:62px;height:74px;flex-basis:70px}
@media(max-width:700px){.integration-governance>header{grid-template-columns:1fr}.certification-wall{margin-top:32px}.cert-image{width:64px;height:64px;flex-basis:64px}.cert-image-asib{width:57px;height:68px;flex-basis:64px}}

/* One visual section: integrations and compliance share the same light field */
.integration-governance{margin-top:72px;padding:0;border:0;border-radius:0;color:#101828;background:transparent;box-shadow:none}
.integration-governance:before{display:none}
.integration-governance>header a span{color:#3157ff}
.certification-wall strong{color:#101828}.certification-wall small{color:#667085}
@media(max-width:700px){.integration-governance{margin-top:54px;padding:0}.certification-wall{border-radius:16px}.certification-wall article+article{border-top-color:#d7e0f3}}

/* Compact trust closure: integrations and compliance read as one continuous story */
.integration-governance{
  max-width:1280px;
  margin:28px auto 0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.7fr);
  overflow:hidden;
  border:1px solid #cbd7ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 18px 44px rgba(31,54,112,.08);
}
.integration-governance>header{
  min-width:0;
  padding:34px 36px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column;
  border-right:1px solid #d7e0f3;
}
.integration-governance>header small{margin:0 0 12px;color:#3157ff;font-size:9px;line-height:1;letter-spacing:.16em}
.integration-governance>header h3{max-width:390px;margin:0;color:#101828;font-size:clamp(25px,2.1vw,32px);font-weight:540;line-height:1.22;letter-spacing:-.035em}
.integration-governance>header p{max-width:430px;margin:13px 0 0;color:#667085;font-size:12px;line-height:1.65}
.integration-governance>header a{margin-top:17px;color:#344054;font-size:11px}
.certification-wall{
  min-width:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:visible;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.certification-wall article{min-width:0;min-height:220px;padding:24px 16px;justify-content:center;flex-direction:column;gap:14px;text-align:center;background:#fff}
.certification-wall article+article{border-left:1px solid #d7e0f3}
.certification-wall .cert-image{width:76px;height:76px;flex:0 0 76px}
.certification-wall article>div:last-child{gap:5px}
.certification-wall strong{font-size:12px}.certification-wall small{font-size:9px}
@media(max-width:1050px){
  .integration-governance>header{border-right:0;border-bottom:1px solid #d7e0f3}
  .certification-wall article:nth-child(n+3){border-top:0}
}
@media(max-width:700px){
  .integration-governance>header h3{font-size:27px}
  .certification-wall article{min-height:150px;padding:20px 12px}
  .certification-wall article:nth-child(3){border-left:0}
  .certification-wall article:nth-child(n+3){border-top:1px solid #d7e0f3}
}

/* Open logo field — remove the dashboard/table feeling */
.integration-all-logos{
  gap:clamp(28px,3vw,48px);
  align-items:start;
}
.integration-logo-group{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.integration-logo-group>header{
  min-height:0;
  padding:0 0 24px;
  border:0;
  background:transparent;
}
.integration-logo-group>header:before{display:none}
.integration-logo-group>header h3{font-size:24px}
.integration-logo-group>header p{font-size:11px}
.integration-logo-grid{
  padding:28px 30px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:24px;
  row-gap:30px;
  border-radius:18px;
  background:rgba(255,255,255,.58);
}
.system-group .integration-logo-grid{background:rgba(224,231,255,.48)}
.integration-logo-grid>span{
  min-height:66px;
  padding:0;
  gap:10px;
  background:transparent;
  transition:opacity .22s ease,transform .22s ease;
}
.integration-logo-grid>span:hover{
  background:transparent;
  box-shadow:none;
  opacity:.72;
  transform:translateY(-2px);
}
.integration-logo-grid img{height:34px;max-width:86px}
.integration-logo-grid small{font-size:9px;color:#71809d}
.integration-governance{
  margin-top:58px;
  padding-top:32px;
  display:grid;
  grid-template-columns:minmax(320px,1.15fr) minmax(0,1.85fr);
  overflow:visible;
  border:0;
  border-top:1px solid #cbd7ef;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.integration-governance>header{
  padding:12px 42px 12px 0;
  border:0;
  background:transparent;
}
.integration-governance>header h3{font-size:clamp(24px,2vw,30px)}
.certification-wall{
  gap:clamp(18px,2vw,30px);
  align-items:center;
  background:transparent;
}
.certification-wall article{
  min-height:150px;
  padding:14px 0;
  background:transparent;
}
.certification-wall article+article{border:0}
.certification-wall .cert-image{width:68px;height:68px;flex-basis:68px}
.certification-wall .cert-image-asib{width:61px;height:72px;flex-basis:68px}
@media(max-width:1050px){
  .integration-governance{grid-template-columns:1fr}
  .integration-governance>header{padding-right:0;padding-bottom:24px;border:0}
}
@media(max-width:700px){
  .integration-all-logos{gap:38px}
  .integration-logo-group+.integration-logo-group{border:0}
  .integration-logo-grid{padding:24px 18px;column-gap:12px;row-gap:24px;border-radius:14px}
  .integration-logo-grid>span{min-height:58px}
  .integration-governance{margin-top:44px;padding-top:28px;border-radius:0}
  .integration-governance>header{padding:0 0 22px}
  .certification-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .certification-wall article{min-height:126px;border:0!important}
}

/* Integration orbit visual */
.integration-orbit{max-width:1120px;margin:auto;display:block}
.orbit-card{position:relative;min-height:560px;border:1px solid #d6deef;border-radius:34px;background:linear-gradient(145deg,#f8f3f1,#fff 58%,#f3f6ff);box-shadow:0 28px 80px rgba(31,54,112,.1);overflow:hidden}
.orbit-card:before{position:absolute;inset:46px;border:1px solid rgba(191,198,211,.32);border-radius:28px;background:rgba(255,255,255,.58);content:""}
.orbit-lines{position:absolute;inset:56px;width:calc(100% - 112px);height:calc(100% - 112px);overflow:visible}
.orbit-lines path{fill:none;stroke:#cfd6df;stroke-width:1.2;stroke-linecap:round}
.orbit-hub{position:absolute;left:50%;top:50%;width:156px;height:156px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid rgba(49,87,255,.16);border-radius:32px;background:#fff;box-shadow:0 20px 42px rgba(31,54,112,.12);transform:translate(-50%,-50%)}
.orbit-hub img{width:58px;height:58px;display:block;border-radius:18px;object-fit:cover;box-shadow:0 12px 26px rgba(31,54,112,.14)}.orbit-hub strong{color:#101828;font-size:21px;font-weight:650;letter-spacing:-.035em}.orbit-hub span{color:#667085;font-size:10px;font-weight:600}
.orbit-node{position:absolute;width:94px;height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:22px;background:#fff;box-shadow:0 18px 38px rgba(31,54,112,.12);transition:transform .24s ease,box-shadow .24s ease}.orbit-node:hover{box-shadow:0 24px 48px rgba(31,54,112,.18);transform:translateY(-3px)}
.orbit-node img{width:40px;height:40px;object-fit:contain}.orbit-node small{color:#667085;font-size:9px;font-weight:650}.node-a{left:94px;top:80px}.node-b{right:94px;top:80px}.node-c{left:94px;bottom:80px}.node-d{right:94px;bottom:80px}.node-e{left:50%;top:44px;transform:translateX(-50%)}.node-f{left:50%;bottom:44px;transform:translateX(-50%)}.node-e:hover,.node-f:hover{transform:translateX(-50%) translateY(-3px)}
.orbit-copy small{display:block;margin-bottom:16px;color:#3157ff;font-size:10px;font-weight:750;letter-spacing:.16em}.orbit-copy h3{margin:0;color:#101828;font-size:clamp(34px,3.2vw,48px);font-weight:470;line-height:1.12;letter-spacing:-.045em}.orbit-copy p{margin:22px 0 0;color:#667085;font-size:14px;line-height:1.75}.orbit-copy ul{margin:28px 0 0;padding:0;display:grid;gap:12px;list-style:none}.orbit-copy li{position:relative;padding-left:22px;color:#344054;font-size:13px;font-weight:560}.orbit-copy li:before{position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#3157ff;box-shadow:0 0 0 5px rgba(49,87,255,.1);content:""}
@media(max-width:980px){.orbit-card{min-height:500px}}
@media(max-width:640px){.orbit-card{min-height:420px;border-radius:24px}.orbit-card:before{inset:28px}.orbit-lines{inset:36px;width:calc(100% - 72px);height:calc(100% - 72px)}.orbit-hub{width:122px;height:122px;border-radius:24px}.orbit-node{width:72px;height:72px;border-radius:17px}.orbit-node img{width:30px;height:30px}.node-a{left:46px;top:74px}.node-b{right:46px;top:74px}.node-c{left:46px;bottom:74px}.node-d{right:46px;bottom:74px}.node-e{top:36px}.node-f{bottom:36px}}
/* Shulex dark atmospheric closing section — Decagon-inspired structure, Shulex palette */
.closing-section{position:relative;overflow:hidden;margin:0!important;padding:36px 4% 0!important;border-radius:0;background:#050816!important;color:#fff;box-shadow:none}
.closing-section:before{content:"";position:absolute;z-index:0;inset:0;display:block!important;pointer-events:none;background:radial-gradient(ellipse 62% 48% at 30% 72%,rgba(255,126,66,.42),transparent 62%),radial-gradient(ellipse 58% 52% at 66% 78%,rgba(49,87,255,.56),transparent 64%),radial-gradient(ellipse 42% 38% at 52% 52%,rgba(112,86,255,.32),transparent 62%),linear-gradient(180deg,#05070d 0%,#070b16 54%,#0b1020 100%);filter:saturate(1.05)}
.closing-section:after{content:"";position:absolute;z-index:0;left:4%;right:4%;top:36px;height:430px;border-radius:28px 28px 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 52%),radial-gradient(ellipse 86% 65% at 50% 100%,rgba(255,255,255,.12),transparent 62%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.closing-section .contact.contact-hero-echo{position:relative;z-index:1;width:100%;min-height:430px;margin:0;padding:82px clamp(28px,7vw,110px) 110px;display:flex;align-items:center;justify-content:center;border:0;border-radius:28px 28px 0 0;background:transparent!important;box-shadow:none;text-align:center}
.closing-section .contact.contact-hero-echo:before,.closing-section .contact.contact-hero-echo:after{display:none!important}
.closing-section .contact-echo-copy{max-width:820px;margin:auto;text-align:center}
.contact-echo-copy>small{color:#7f9cff;letter-spacing:.18em}
.closing-section .contact.contact-hero-echo h2{max-width:780px;margin-inline:auto;color:#fff;font-size:clamp(44px,4.4vw,70px);font-weight:420;line-height:1.08;letter-spacing:-.052em;text-align:center;text-shadow:0 18px 70px rgba(49,87,255,.28)}
.closing-section .contact.contact-hero-echo .contact-echo-copy>p{max-width:680px;margin:24px auto 0;color:rgba(232,238,255,.74);font-size:15px;line-height:1.75;text-shadow:none}
.contact-echo-actions{justify-content:center;margin-top:32px;gap:0}
.contact-echo-primary{min-width:168px;min-height:50px;padding:0 20px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:linear-gradient(90deg,rgba(255,126,66,.92),rgba(49,87,255,.9));color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 50px rgba(49,87,255,.28);backdrop-filter:blur(10px)}
.closing-section .footer-modern{position:relative;z-index:1;margin:0;padding:68px 6% 30px;border-radius:0;background:#0b0d12;color:#fff;box-shadow:none;text-align:left;backdrop-filter:none}
.footer-main{grid-template-columns:minmax(280px,.82fr) minmax(0,1.72fr);align-items:start;gap:clamp(64px,8vw,140px);min-height:300px;padding-bottom:44px}
.footer-brand{max-width:420px;margin:0;text-align:left}
.footer-logo{width:220px;margin:0 0 28px}
.footer-brand>p,.footer-brand>p span{color:#a5adbd}
.footer-brand>p strong{color:#fff}
.footer-brand>p small{color:#7f8798}
.footer-nav{grid-template-columns:repeat(3,minmax(120px,1fr));gap:clamp(34px,4vw,72px);padding-top:2px}
.footer-nav div{align-items:flex-start;text-align:left;gap:13px}
.footer-nav b{color:#7d8492;font-size:13px;font-weight:520}
.footer-nav a{color:#d6dae5;font-size:13px;line-height:1.55}
.footer-nav a:hover,.footer-nav .footer-more{color:#6f8cff}
.wechat-trigger{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff}
.wechat-trigger small{color:#8d95a6}
.qr-pair .wechat-qr{border-color:rgba(255,255,255,.12);background:#fff;box-shadow:0 16px 45px rgba(0,0,0,.34)}
.qr-primary em{background:#3157ff}
.qr-pair .qr-secondary{opacity:.82}
.footer-legal{justify-content:space-between;flex-wrap:wrap;border-top-color:rgba(255,255,255,.1);color:#7f8798;text-align:left}
.footer-legal a{color:#9aa3b4}.footer-legal a:hover{color:#fff}
@media(max-width:900px){.footer-main{grid-template-columns:1fr;gap:52px}}
@media(max-width:700px){.closing-section:after{left:16px;right:16px;top:18px;height:360px;border-radius:22px 22px 0 0}.closing-section .contact.contact-hero-echo{min-height:360px;padding:58px 24px 74px;border-radius:22px 22px 0 0}.closing-section .contact.contact-hero-echo h2{font-size:38px}.closing-section .contact.contact-hero-echo .contact-echo-copy>p{font-size:14px}.contact-echo-primary{width:auto;min-width:176px}.closing-section .footer-modern{margin:0;padding:42px 8px 24px}.footer-main{gap:42px;padding-bottom:34px}.footer-logo{width:190px}.footer-nav{grid-template-columns:1fr 1fr;gap:32px 24px}.wechat-follow.qr-pair{grid-template-columns:132px 100px;margin-left:0;margin-right:0}.footer-legal{align-items:flex-start;flex-direction:column;gap:16px}}

/* Remove stray closing frames and switch CTA button to white-to-blue */
.closing-section:after{display:none!important}
@media(max-width:700px){.closing-section{padding:18px 0 0!important}.closing-section .contact.contact-hero-echo{margin:0 16px}}

/* Footer background must span the full closing section */
.closing-section .footer-modern{box-sizing:border-box!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:10%!important;padding-right:10%!important}
@media(max-width:700px){.closing-section .footer-modern{padding-left:24px!important;padding-right:24px!important}}

/* Final footer polish: rounded CTA, white button, left QR alignment, white logo */
.contact-echo-primary{background:#fff!important;color:#3157ff!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 18px 48px rgba(255,255,255,.12),0 16px 42px rgba(49,87,255,.22)!important}
.contact-echo-primary b{color:#3157ff!important}
.footer-logo{filter:brightness(0) invert(1);opacity:.98}
.footer-brand,.wechat-follow.qr-pair{margin-left:0!important;margin-right:0!important;justify-self:start!important}
.wechat-follow.qr-pair{justify-content:start!important;align-items:start!important}
.qr-pair .wechat-qr,.qr-pair .qr-secondary{opacity:1!important;filter:none!important;background:#fff!important}
.qr-pair .wechat-qr img{opacity:1!important;filter:none!important}
@media(max-width:700px){.footer-logo{filter:brightness(0) invert(1)}}

/* CTA final fix: visible rounded card and glowing hover button */
.closing-section .contact.contact-hero-echo{
  border-radius:28px!important;
  overflow:hidden!important;
  background:radial-gradient(ellipse 54% 46% at 50% 100%,rgba(49,87,255,.30),transparent 68%),linear-gradient(180deg,rgba(11,17,34,.96),rgba(6,10,22,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 70px rgba(0,0,0,.22)!important;
}
.contact-echo-primary{
  min-width:190px!important;
  justify-content:center!important;
  gap:0!important;
  background:#fff!important;
  color:#3157ff!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 16px 44px rgba(49,87,255,.22)!important;
}
.contact-echo-primary:hover{
  background:#3157ff!important;
  color:#fff!important;
  border-color:#6f8cff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.20),0 0 28px rgba(49,87,255,.72),0 22px 62px rgba(49,87,255,.38)!important;
  transform:translateY(-2px)!important;
}
.contact-echo-primary b{display:none!important}

/* Remove warm bleed before footer; keep the closing background in Shulex dark blue */
.closing-section:before{background:radial-gradient(ellipse 58% 44% at 50% 58%,rgba(49,87,255,.32),transparent 68%),radial-gradient(ellipse 46% 34% at 72% 50%,rgba(91,125,255,.18),transparent 64%),linear-gradient(180deg,#05070d 0%,#060a15 52%,#0b0d12 100%)!important;filter:none!important}
.closing-section .footer-modern{background:#0b0d12!important}

/* Closing shell fix: the outer container owns the rounded top, no inset straight-corner layer */
.closing-section{
  width:auto!important;
  margin:36px 4% 0!important;
  padding:0!important;
  border-radius:28px 28px 0 0!important;
  overflow:hidden!important;
  background:#050816!important;
}
.closing-section .contact.contact-hero-echo{
  width:100%!important;
  margin:0!important;
  border-radius:28px 28px 0 0!important;
}
.closing-section .footer-modern{
  width:100%!important;
  margin:0!important;
}
@media(max-width:700px){
  .closing-section .contact.contact-hero-echo{border-radius:22px 22px 0 0!important}
}

/* Closing section full-bleed width with rounded top edge */
.closing-section{
  width:100%!important;
  margin:36px 0 0!important;
  padding:0!important;
  border-radius:28px 28px 0 0!important;
  overflow:hidden!important;
}
.closing-section .contact.contact-hero-echo,
.closing-section .footer-modern{
  width:100%!important;
  margin:0!important;
}
@media(max-width:700px){.closing-section{margin:24px 0 0!important;border-radius:22px 22px 0 0!important}}

.insights>.section-kicker{display:block;margin:0 0 18px;color:#3157ff;font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}

/* Center insights eyebrow with the section title */
.insights>.section-kicker{text-align:center!important}

/* Footer navigation mirrors the current global header information architecture */
.footer-nav{grid-template-columns:repeat(4,minmax(110px,1fr))!important;gap:clamp(28px,3.5vw,64px)!important}
@media(max-width:900px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-nav div:last-child{grid-column:auto!important}}

/* Integration ecosystem logo wall — direct multi-logo presentation */
.integration-orbit.integration-ecosystem{max-width:1160px;margin:0 auto;display:block}
.ecosystem-logo-wall{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px 8px 4px;mask-image:linear-gradient(180deg,rgba(0,0,0,.20) 0%,#000 12%,#000 86%,rgba(0,0,0,.16) 100%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.20) 0%,#000 12%,#000 86%,rgba(0,0,0,.16) 100%)}
.ecosystem-logo-wall span{min-width:0;height:88px;padding:18px 24px;display:grid;place-items:center;border:1px solid rgba(226,232,244,.78);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 12px 28px rgba(31,54,112,.07);transition:opacity .24s ease,transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.ecosystem-logo-wall span:hover{z-index:1;border-color:#c7d4fb;box-shadow:0 18px 38px rgba(31,54,112,.13);transform:translateY(-3px)}
.ecosystem-logo-wall img{width:100%;height:42px;max-width:128px;display:block;object-fit:contain}.ecosystem-logo-wall span:nth-child(-n+4),.ecosystem-logo-wall span:nth-last-child(-n+4){opacity:.28}.ecosystem-logo-wall span:nth-child(5),.ecosystem-logo-wall span:nth-child(8),.ecosystem-logo-wall span:nth-child(17),.ecosystem-logo-wall span:nth-child(20){opacity:.62}
@media(max-width:900px){.ecosystem-logo-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ecosystem-logo-wall span{height:78px;padding:14px 18px}.ecosystem-logo-wall img{height:36px;max-width:108px}}
@media(max-width:560px){.ecosystem-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecosystem-logo-wall span{height:70px;padding:12px 14px}.ecosystem-logo-wall img{height:30px;max-width:90px}}

/* Integration catalog — equal optical logo sizing */
.ecosystem-logo-wall{mask-image:none;-webkit-mask-image:none}
.ecosystem-logo-wall span,
.ecosystem-logo-wall span:nth-child(n){height:82px;padding:16px 18px;display:flex;align-items:center;justify-content:flex-start;gap:13px;opacity:1}
.ecosystem-logo-wall b{min-width:0;color:#172033;font-size:13px;font-weight:650;line-height:1.3;letter-spacing:-.01em}
.ecosystem-logo-wall .solvea-integration img{padding:8px;border-radius:10px;background:#edf1ff;filter:invert(35%) sepia(93%) saturate(3254%) hue-rotate(224deg) brightness(100%) contrast(102%)}
.ecosystem-logo-wall .wide-logo img{width:46px;max-width:46px;flex-basis:46px}
@media(max-width:900px){.ecosystem-logo-wall span,.ecosystem-logo-wall span:nth-child(n){height:74px;padding:13px 14px}.ecosystem-logo-wall b{font-size:12px}}
@media(max-width:560px){.ecosystem-logo-wall span,.ecosystem-logo-wall span:nth-child(n){height:68px;padding:11px}.ecosystem-logo-wall b{font-size:11px}}

/* Logo-only presentation with optical, not merely geometric, sizing */
.ecosystem-logo-wall span.logo-dense img{width:40px!important;height:40px!important;max-width:40px!important;flex-basis:40px!important}
.ecosystem-logo-wall span.solvea-integration img{width:48px!important;height:48px!important;max-width:48px!important;flex-basis:48px!important;padding:10px}
.ecosystem-logo-wall span.system-icon img{width:44px!important;height:44px!important;max-width:44px!important;flex-basis:44px!important;padding:5px}
.ecosystem-logo-wall span.order-center-logo img{width:48px!important;height:48px!important;max-width:48px!important;flex-basis:48px!important}
@media(max-width:560px){.ecosystem-logo-wall img,.ecosystem-logo-wall span:nth-child(n) img{width:44px;height:44px;max-width:44px;flex-basis:44px}.ecosystem-logo-wall span.logo-dense img{width:34px!important;height:34px!important;max-width:34px!important;flex-basis:34px!important}.ecosystem-logo-wall span.brand-wordmark img{width:98px!important;height:32px!important;max-width:98px!important;flex-basis:98px!important}}

/* Integration catalog cards — logo, name and business context */
.integration-orbit.integration-ecosystem{max-width:1280px}
.ecosystem-logo-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 0 4px}
.ecosystem-logo-wall span,
.ecosystem-logo-wall span:nth-child(n){height:88px;padding:18px 20px;justify-content:flex-start;gap:16px;text-align:left}
.ecosystem-logo-wall img,
.ecosystem-logo-wall span:nth-child(n) img{width:42px;height:42px;max-width:42px;flex:0 0 42px;object-fit:contain}
.ecosystem-logo-wall span.logo-dense img,
.ecosystem-logo-wall span.system-icon img,
.ecosystem-logo-wall span.order-center-logo img{width:38px!important;height:38px!important;max-width:38px!important;flex-basis:38px!important;padding:0}
.ecosystem-logo-wall span.brand-wordmark img{width:82px!important;height:32px!important;max-width:82px!important;flex-basis:82px!important}
.ecosystem-logo-wall i{min-width:0;display:block;font-style:normal}
.ecosystem-logo-wall b{display:block;color:#172033;font-size:15px;font-weight:680;line-height:1.25;letter-spacing:-.015em}
.ecosystem-logo-wall p{display:none}
@media(max-width:1080px){.ecosystem-logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.ecosystem-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecosystem-logo-wall span,.ecosystem-logo-wall span:nth-child(n){height:82px;padding:15px 16px;gap:13px}.ecosystem-logo-wall b{font-size:14px}}
@media(max-width:520px){.ecosystem-logo-wall{grid-template-columns:1fr}.ecosystem-logo-wall span,.ecosystem-logo-wall span:nth-child(n){height:78px;padding:14px 18px}.ecosystem-logo-wall span.brand-wordmark img{width:76px!important;height:30px!important;max-width:76px!important;flex-basis:76px!important}}

/* Homepage hero atmospheric dark field trial */
.home-page .homepage-hero-v2{
  background:
    radial-gradient(ellipse 70% 58% at 78% 54%,rgba(49,87,255,.46),transparent 64%),
    radial-gradient(ellipse 48% 38% at 38% 72%,rgba(96,127,255,.20),transparent 66%),
    radial-gradient(ellipse 96% 62% at 52% 108%,rgba(24,52,142,.32),transparent 70%),
    linear-gradient(180deg,#040711 0%,#071226 50%,#03060d 100%)!important;
}
.home-page .homepage-hero-v2:before{
  content:"";
  position:absolute;
  inset:0!important;
  height:auto!important;
  background:
    radial-gradient(ellipse 42% 32% at 72% 56%,rgba(92,128,255,.24),transparent 68%),
    radial-gradient(ellipse 36% 26% at 50% 92%,rgba(255,255,255,.10),transparent 72%)!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none;
}
.home-page .homepage-hero-v2:after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.13!important;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")!important;
  mix-blend-mode:overlay;
  pointer-events:none;
}
.home-page .homepage-hero-v2 .hero-eyebrow{
  color:rgba(225,232,255,.74)!important;
  border-color:rgba(210,222,255,.18);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-page .homepage-hero-v2 h1 span:first-child{color:rgba(220,229,255,.92)!important}
.home-page .homepage-hero-v2 h1 span:last-child{color:#fff!important;text-shadow:0 18px 70px rgba(49,87,255,.32)}
.home-page .homepage-hero-v2 .hero-copy>p{color:rgba(226,234,255,.72)!important}
.home-page .homepage-hero-v2 .hero-secondary{background:rgba(255,255,255,.07)!important;border-color:rgba(226,234,255,.24)!important;color:rgba(246,248,255,.92)!important}
.home-page .homepage-product-demo{filter:drop-shadow(0 28px 70px rgba(0,0,0,.32))}
.home-page .purchase-intent{background:rgba(9,21,52,.72)!important;border-color:rgba(190,207,255,.32)!important}

/* Homepage hero CTA trial — premium pill buttons */
.home-page .homepage-hero-v2 .hero-actions{gap:22px!important;align-items:center!important}
.home-page .homepage-hero-v2 .hero-actions a{height:66px!important;min-height:66px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;font-size:20px!important;font-weight:750!important;letter-spacing:-.02em!important;line-height:1!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important}
.home-page .homepage-hero-v2 .hero-primary{min-width:292px!important;padding:6px 6px 6px 30px!important;justify-content:space-between!important;gap:24px!important;background:linear-gradient(180deg,#fff,#f6f8ff)!important;color:#172744!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 20px 50px rgba(7,16,43,.28),0 0 0 1px rgba(201,212,255,.22)!important}
.home-page .homepage-hero-v2 .hero-primary b{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:50%;background:#3157ff;color:#fff;font-size:28px;font-weight:420;line-height:1;box-shadow:0 10px 26px rgba(49,87,255,.34);transition:transform .22s ease,background .22s ease}
.home-page .homepage-hero-v2 .hero-primary:hover{background:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 24px 58px rgba(7,16,43,.34),0 0 0 1px rgba(255,255,255,.52)!important;transform:translateY(-2px)!important}
.home-page .homepage-hero-v2 .hero-primary:hover b{transform:translateX(2px);background:#2549d8}
.home-page .homepage-hero-v2 .hero-secondary{min-width:260px!important;padding:6px 6px 6px 28px!important;justify-content:space-between!important;gap:20px!important;background:rgba(255,255,255,.12)!important;color:rgba(246,248,255,.94)!important;border:1px solid rgba(226,234,255,.44)!important;box-shadow:0 1px 0 rgba(255,255,255,.20) inset,0 16px 38px rgba(7,16,43,.20)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.home-page .homepage-hero-v2 .hero-secondary .play{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px;border-radius:50%;border:1px solid rgba(226,234,255,.52);background:rgba(255,255,255,.08);color:#fff;font-size:18px;box-shadow:0 8px 22px rgba(7,16,43,.18);transition:transform .22s ease,background .22s ease}
.home-page .homepage-hero-v2 .hero-secondary:hover{background:rgba(255,255,255,.18)!important;border-color:rgba(246,248,255,.62)!important;transform:translateY(-2px)!important}
.home-page .homepage-hero-v2 .hero-secondary:hover .play{transform:scale(1.04);background:rgba(255,255,255,.16)}
.home-page .purchase-intent{width:232px!important;padding:28px 30px 30px!important;border-radius:28px!important;background:rgba(7,18,48,.58)!important;border:1px solid rgba(190,207,255,.30)!important;box-shadow:0 24px 60px rgba(0,10,45,.34),inset 0 1px 0 rgba(255,255,255,.16)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}
.home-page .purchase-intent span{margin-bottom:22px!important;color:rgba(245,248,255,.92)!important;font-size:15px!important;line-height:1.25!important;letter-spacing:-.01em!important}
.home-page .purchase-intent strong{display:inline-block;color:#9eb6ff!important;font-size:48px!important;font-weight:750!important;letter-spacing:-.05em!important;line-height:1!important}
.home-page .purchase-intent small{margin-left:8px!important;color:rgba(226,234,255,.82)!important;font-size:14px!important;line-height:1!important}
@media(max-width:800px){.home-page .homepage-hero-v2 .hero-actions{gap:14px!important}.home-page .purchase-intent{width:190px!important;padding:22px 24px!important}}
@media(max-width:520px){.home-page .homepage-hero-v2 .hero-actions{flex-wrap:wrap!important}.home-page .homepage-hero-v2 .hero-actions a{font-size:13px!important}.home-page .homepage-hero-v2 .hero-primary{min-width:190px!important}.home-page .homepage-hero-v2 .hero-secondary{min-width:172px!important}.home-page .purchase-intent{transform:scale(.74)!important;transform-origin:right top!important}}

/* Hero CTA readability fix */
.home-page .homepage-hero-v2 .hero-primary span,
.home-page .homepage-hero-v2 .hero-secondary span{white-space:nowrap!important;display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;flex:0 0 auto!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font-size:inherit!important}
.home-page .homepage-hero-v2 .hero-primary b{margin-left:auto!important}
/* Hero CTA size tuning */
.home-page .homepage-hero-v2 .hero-actions{gap:16px!important}
.home-page .homepage-hero-v2 .hero-actions a{height:52px!important;min-height:52px!important;font-size:15px!important}
.home-page .homepage-hero-v2 .hero-primary{min-width:248px!important;padding:5px 5px 5px 22px!important}
.home-page .homepage-hero-v2 .hero-secondary{min-width:210px!important;padding:5px 5px 5px 21px!important}
.home-page .homepage-hero-v2 .hero-primary b,
.home-page .homepage-hero-v2 .hero-secondary .play{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:16px!important}
@media(max-width:800px){.home-page .homepage-hero-v2 .hero-actions a{height:46px!important;min-height:46px!important;font-size:13px!important}.home-page .homepage-hero-v2 .hero-primary{min-width:204px!important;padding-left:18px!important}.home-page .homepage-hero-v2 .hero-secondary{min-width:154px!important;padding-left:16px!important}.home-page .homepage-hero-v2 .hero-primary b,.home-page .homepage-hero-v2 .hero-secondary .play{width:36px!important;height:36px!important;flex-basis:36px!important;font-size:16px!important}}

/* Homepage positioning label — enterprise AI customer service */
.home-page .homepage-hero-v2 .hero-eyebrow{
  position:relative;
  isolation:isolate;
  width:max-content;
  margin-bottom:26px;
  padding:11px 18px 11px 42px;
  border:1px solid rgba(135,164,255,.64);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(49,87,255,.24),rgba(49,87,255,.12));
  color:#f4f7ff!important;
  font-size:14px!important;
  font-weight:700!important;
  letter-spacing:.055em!important;
  box-shadow:0 0 0 1px rgba(49,87,255,.10) inset,0 12px 34px rgba(16,43,134,.28),0 0 28px rgba(73,111,255,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.home-page .homepage-hero-v2 .hero-eyebrow::before{
  content:"";
  position:absolute;
  left:17px;
  top:50%;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#6f91ff;
  box-shadow:0 0 0 5px rgba(111,145,255,.15),0 0 18px rgba(111,145,255,.9);
  transform:translateY(-50%);
}
.home-page .homepage-hero-v2 h1{margin-bottom:0}
.home-page .homepage-hero-v2 .hero-actions{margin-top:42px}
@media(max-width:520px){
  .home-page .homepage-hero-v2 .hero-eyebrow{
    padding:9px 12px 9px 32px!important;
    font-size:10px!important;
    letter-spacing:.035em!important;
  }
  .home-page .homepage-hero-v2 .hero-eyebrow::before{left:13px;width:8px;height:8px;box-shadow:0 0 0 4px rgba(111,145,255,.15),0 0 14px rgba(111,145,255,.85)}
  .home-page .homepage-hero-v2 .hero-actions{margin-top:30px!important}
}
/* Purchase intent metric size restore */
.home-page .purchase-intent strong{font-size:26px!important;letter-spacing:-.03em!important}
.home-page .purchase-intent small{font-size:10px!important;margin-left:6px!important}
@media(max-width:800px){.home-page .purchase-intent strong{font-size:25px!important}}
@media(max-width:520px){.home-page .purchase-intent strong{font-size:24px!important}}

/* Prevent horizontal swipe navigation / rubber-band back gesture where browsers allow it */
html,
body{
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
  overscroll-behavior-inline:none;
}

body{
  touch-action:pan-y;
}
.channel-panel{height:100%;padding:30px;box-sizing:border-box;color:#14213d;background:linear-gradient(145deg,#f8fbff,#eef4ff);border-radius:18px;box-shadow:0 22px 52px rgba(0,0,0,.22);overflow:hidden}
.channel-panel-head{max-width:760px;margin:0 0 22px}.channel-panel-head small{display:block;color:#3157ff;font-size:11px;font-weight:800;letter-spacing:.14em}.channel-panel-head strong{display:block;margin:8px 0 10px;font-size:30px;line-height:1.14;letter-spacing:-.045em}.channel-panel-head p{max-width:680px;margin:0;color:#5b667a;font-size:13px;line-height:1.7}
.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.channel-grid article{min-height:188px;padding:20px 18px;border:1px solid rgba(76,102,170,.14);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 14px 32px rgba(30,50,100,.09)}.channel-grid b{display:flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:18px;border-radius:16px;background:#eef4ff}.channel-grid img{width:26px;height:26px;object-fit:contain}.channel-grid svg{width:30px;height:30px;fill:none;stroke:#3157ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.channel-grid strong{display:block;margin-bottom:9px;color:#17213a;font-size:17px}.channel-grid span{display:block;color:#667085;font-size:12px;line-height:1.55}
.channel-flow{display:flex;align-items:center;gap:16px;margin-top:24px;padding:18px 22px;border:1px solid rgba(93,119,190,.18);border-radius:18px;background:rgba(255,255,255,.64);color:#667085;font-size:13px;font-weight:700}.channel-flow i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#3157ff,transparent)}.channel-flow strong{color:#3157ff}
.capability-visual.layout-channel .capability-map{padding:34px 0 16px;grid-template-columns:1fr;grid-template-rows:1fr;align-items:start}.capability-visual.layout-channel .capability-inputs,.capability-visual.layout-channel .capability-flow,.capability-visual.layout-channel .capability-core{display:none}.capability-visual.layout-channel .capability-outcome{width:100%;padding:0;border:0;display:block}.capability-visual.layout-channel .capability-product-shot{height:520px;margin:0;border:0;border-radius:18px;background:transparent;box-shadow:none}.capability-visual.layout-channel .capability-outcome>small,.capability-visual.layout-channel .capability-outcome>strong,.capability-visual.layout-channel .capability-outcome>p{display:none}
@media(max-width:1050px){.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-visual.layout-channel .capability-outcome{display:block}.capability-visual.layout-channel .capability-product-shot{height:auto;min-height:520px;margin-bottom:18px}}
@media(max-width:700px){.channel-panel{padding:20px}.channel-grid{grid-template-columns:1fr}.channel-flow{display:grid;grid-template-columns:1fr;gap:10px}.channel-flow i{display:none}}



.capability-visual.layout-dashboard .capability-map{padding:34px 0 16px;grid-template-columns:1fr;grid-template-rows:1fr;align-items:start}.capability-visual.layout-dashboard .capability-inputs{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:10px}.capability-visual.layout-dashboard .capability-inputs span{padding:10px 14px;border-radius:999px;background:rgba(111,137,255,.13);font-size:12px}.capability-visual.layout-dashboard .capability-inputs small{display:inline;margin:0 0 0 8px;color:#9cacd0;font-size:9px}.capability-visual.layout-dashboard .capability-flow,.capability-visual.layout-dashboard .capability-core{display:none}.capability-visual.layout-dashboard .capability-outcome{width:100%;padding:0;border:0;display:block}.capability-visual.layout-dashboard .capability-product-shot{height:auto;aspect-ratio:920/520;margin:0;border:0;border-radius:22px;background:transparent;box-shadow:none}.capability-visual.layout-dashboard .capability-outcome>small,.capability-visual.layout-dashboard .capability-outcome>strong,.capability-visual.layout-dashboard .capability-outcome>p{display:none}.support-dashboard-panel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:22px;box-shadow:0 24px 56px rgba(0,0,0,.24);background:#f8fbff}.support-dashboard-svg{display:block;width:100%;height:100%}.support-dashboard-panel>span{position:absolute;right:22px;bottom:18px;padding:9px 14px;border-radius:10px;background:rgba(20,32,51,.86);color:#fff;font-size:12px;font-weight:750;backdrop-filter:blur(8px)}
@media(max-width:700px){.capability-visual.layout-dashboard .capability-product-shot{aspect-ratio:920/620}.support-dashboard-svg{width:120%;max-width:none;transform:translateX(-8%)}}

/* Show the real Quality Inspection product screen instead of a conceptual mockup. */
.capability-visual[data-active="quality"].layout-product .capability-outcome{position:relative;display:block;grid-column:1/-1}
.capability-visual[data-active="quality"].layout-product .capability-product-shot{width:100%;height:540px;margin:0;border:0;background:transparent;box-shadow:none}
.capability-visual[data-active="quality"].layout-product .capability-product-shot>img{object-fit:cover;object-position:top center;transform:none}
.capability-visual[data-active="quality"].layout-product .capability-product-shot:hover>img{transform:none}
.capability-visual[data-active="quality"].layout-product .capability-outcome>small,.capability-visual[data-active="quality"].layout-product .capability-outcome>strong,.capability-visual[data-active="quality"].layout-product .capability-outcome>p{display:none}
@media(max-width:700px){.capability-visual[data-active="quality"].layout-product .capability-product-shot{height:430px}.capability-visual[data-active="quality"].layout-product .capability-product-shot>img{object-position:top left}}

/* Compact omnichannel composition: one service story, not four oversized cards. */
.capability-visual.layout-channel .channel-panel{height:100%;padding:38px 40px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:center;gap:44px;border:1px solid rgba(94,122,205,.18);border-radius:22px;background:linear-gradient(135deg,#f8faff 0%,#eef3ff 100%);box-shadow:0 20px 48px rgba(9,28,70,.18)}
.capability-visual.layout-channel .channel-panel-head{margin:0}.capability-visual.layout-channel .channel-panel-head small{font-size:10px;letter-spacing:.16em}.capability-visual.layout-channel .channel-panel-head strong{max-width:350px;margin:12px 0 16px;font-size:31px;line-height:1.12}.capability-visual.layout-channel .channel-panel-head p{max-width:360px;font-size:12px;line-height:1.75}
.capability-visual.layout-channel .channel-grid article{min-height:145px;padding:18px;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 10px 26px rgba(30,50,100,.07)}.capability-visual.layout-channel .channel-grid svg{width:23px;height:23px}.capability-visual.layout-channel .channel-grid span{font-size:10px;line-height:1.5}
@media(max-width:1050px){.capability-visual.layout-channel .capability-product-shot{height:auto;min-height:0}.capability-visual.layout-channel .channel-panel{grid-template-columns:1fr;padding:28px;gap:24px}.capability-visual.layout-channel .channel-panel-head strong,.capability-visual.layout-channel .channel-panel-head p{max-width:none}}

/* Channels only: remove the redundant explanatory block. */
.capability-visual.layout-channel .channel-panel-head{display:none}
.capability-visual.layout-channel .channel-grid{width:100%;align-self:stretch}
@media(max-width:700px){.capability-visual.layout-channel .channel-grid article{min-height:126px}}

/* Real conversation on the left, compact channel coverage on the right. */
.capability-visual.layout-channel .channel-panel{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px}
.channel-conversation{height:100%;min-height:340px;margin:0;overflow:hidden;border:1px solid #dfe5f1;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(25,45,90,.1)}
.channel-conversation img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.capability-visual.layout-channel .channel-grid{grid-template-columns:1fr;gap:9px}
.capability-visual.layout-channel .channel-grid article{min-height:76px;padding:12px 14px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:11px;align-content:center}
.capability-visual.layout-channel .channel-grid b{grid-row:1/3;width:34px;height:34px;margin:0;border-radius:11px}.capability-visual.layout-channel .channel-grid strong{margin:0 0 3px;font-size:13px}.capability-visual.layout-channel .channel-grid span{font-size:9px}
@media(max-width:1050px){.capability-visual.layout-channel .channel-panel{grid-template-columns:1fr}.channel-conversation{height:360px}.capability-visual.layout-channel .channel-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.channel-conversation{height:300px;min-height:0}.capability-visual.layout-channel .channel-grid{grid-template-columns:1fr}}

/* Let the omnichannel stage follow the real screenshot instead of a fixed canvas. */
.product-visual.capability-visual.layout-channel{min-height:0}
.capability-visual.layout-channel .capability-map{min-height:0}
.capability-visual.layout-channel .capability-product-shot{height:auto}
.capability-visual.layout-channel .channel-panel{height:auto;align-items:center}
.capability-visual.layout-channel .channel-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.capability-visual.layout-channel .channel-conversation{height:auto;min-height:0;aspect-ratio:986/644}
.capability-visual.layout-channel .channel-conversation img{object-fit:contain}
@media(max-width:1050px){.capability-visual.layout-channel .channel-panel{padding:0}.capability-visual.layout-channel .channel-conversation{height:auto;aspect-ratio:986/644}}
@media(max-width:700px){.product-visual.capability-visual.layout-channel{min-height:0}.capability-visual.layout-channel .channel-panel{padding:0}.capability-visual.layout-channel .channel-conversation{height:auto;aspect-ratio:986/644}}

/* Generated performance dashboard PNG: preserve its native 3:2 composition. */
.capability-visual.layout-dashboard .capability-product-shot{aspect-ratio:3/2}
.support-dashboard-panel.support-dashboard-image{height:auto;aspect-ratio:3/2;background:#fff}
.support-dashboard-panel.support-dashboard-image>img{width:100%;height:100%;display:block;object-fit:contain}

/* Match the 200+ ecommerce Agent marketplace screenshot. */
.capability-visual[data-active="task"].layout-product .capability-product-shot{aspect-ratio:2920/1590}

/* Consistent downloaded Lucide icons across all mega menus. */
.mega-menu .mega-grid>a>span img{filter:none}
.solution-list>a::before{content:"";background-color:#edf1ff;background-image:var(--nav-icon);background-repeat:no-repeat;background-position:center;background-size:19px 19px}
.resource-mega-grid>a>small img,.support-mega-grid>a>small img{width:22px;height:22px;display:block;object-fit:contain}
@media(max-width:1100px) and (min-width:701px){.solution-list>a::before{background-size:17px 17px}.resource-mega-grid>a>small img,.support-mega-grid>a>small img{width:18px;height:18px}}

/* Homepage typography and vertical rhythm audit — SaaS hierarchy pass. */
@media(min-width:701px){
  .home-page main .logo-trust h2,
  .home-page main .results h2,
  .home-page main .industries h2,
  .home-page main .platform h2,
  .home-page main .integrations h2,
  .home-page main .model h2,
  .home-page main .insights h2{font-size:54px;line-height:1.1;font-weight:480;letter-spacing:-.035em}
  .home-page main .section-intro>p{font-size:17px;line-height:1.72}
  .home-page main .platform .section-intro>p{font-size:17px;line-height:1.72}
  .home-page main .model-grid h3{font-size:28px;line-height:1.2;font-weight:500}
  .home-page main .promotion-scene h3{font-size:29px;line-height:1.2;font-weight:520}
  .home-page main .insight-featured h3{font-size:34px;line-height:1.2;font-weight:500}
  .home-page main .insight-card h3{font-size:19px;line-height:1.45;font-weight:500}
  .home-page main .logo-trust{padding-top:104px;padding-bottom:104px}
  .home-page main .results,
  .home-page main .industries,
  .home-page main .integrations{padding-top:104px;padding-bottom:104px}
  .home-page main .platform{padding-top:112px;padding-bottom:104px}
  .home-page main .model,
  .home-page main .insights{padding-top:104px;padding-bottom:104px}
}

/* Persistent AI advisor consultation */
.global-advisor-qr{position:fixed;z-index:9998;right:24px;bottom:92px;display:flex;align-items:flex-end;flex-direction:column;gap:12px;font-family:inherit}
.global-advisor-trigger{display:flex;align-items:center;gap:0;width:58px;min-height:58px;overflow:visible;border:1px solid #dce2ec;border-radius:999px;padding:5px;background:rgba(255,255,255,.97);color:#172033;box-shadow:0 12px 32px rgba(18,32,61,.15);font-family:inherit;text-align:left;cursor:pointer;backdrop-filter:blur(12px);transition:width .28s cubic-bezier(.2,.75,.25,1),gap .28s ease,transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.global-advisor-trigger:hover{transform:translateY(-2px);border-color:#b9c8f5;box-shadow:0 14px 34px rgba(18,32,61,.19)}
.global-advisor-trigger:hover,.global-advisor-trigger:focus-visible{width:252px;gap:10px}
.global-advisor-avatar{width:46px;height:46px;border:2px solid #fff;border-radius:50%;object-fit:cover;box-shadow:0 3px 10px rgba(18,32,61,.16)}
.global-advisor-trigger>span{display:grid;gap:5px;width:0;min-width:0;overflow:hidden;opacity:0;transform:translateX(8px);transition:width .28s cubic-bezier(.2,.75,.25,1),opacity .18s ease,transform .28s ease}
.global-advisor-trigger:hover>span,.global-advisor-trigger:focus-visible>span{width:184px;opacity:1;transform:translateX(0)}
.global-advisor-trigger>span small{color:#758095;font-size:10px;font-weight:800;line-height:1;letter-spacing:.08em}
.global-advisor-trigger>span b{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#172033;font-size:13px;font-weight:760;line-height:1.15;white-space:nowrap}
.global-advisor-trigger>span i{color:#3157ff;font-size:16px;font-style:normal;transition:transform .2s ease}
.global-advisor-trigger:hover>span i{transform:translateX(3px)}
.global-advisor-card{position:absolute;right:0;bottom:58px;width:264px;border:1px solid #dfe5f1;border-radius:20px;padding:20px;background:#fff;color:#111b2d;box-shadow:0 24px 70px rgba(8,20,48,.2);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:right bottom;transition:opacity .22s ease,visibility .22s ease,transform .22s ease}
.global-advisor-qr.is-open .global-advisor-card{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.global-advisor-card small{display:block;margin:0 32px 8px 0;color:#3157ff;font-size:9px;font-weight:850;letter-spacing:.15em}
.global-advisor-card strong{display:block;margin-bottom:18px;color:#111b2d;font-size:20px;letter-spacing:-.03em}
.global-advisor-card img{display:block;width:100%;aspect-ratio:1;border:1px solid #e3e7ef;border-radius:13px;object-fit:cover}
.global-advisor-card p{margin:14px 0 0;color:#69758a;font-size:12px;line-height:1.55;text-align:center}
.global-advisor-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#f0f3f8;color:#526075;font-size:21px;line-height:1;cursor:pointer}
.global-advisor-close:hover{background:#e5eaf3;color:#111b2d}
@media(max-width:700px){.global-advisor-qr{right:20px;bottom:80px}.global-advisor-trigger,.global-advisor-trigger:hover,.global-advisor-trigger:focus-visible{width:52px;min-height:52px;padding:4px;gap:0;justify-content:center;border-radius:50%}.global-advisor-trigger>span,.global-advisor-trigger:hover>span,.global-advisor-trigger:focus-visible>span{display:none;width:0}.global-advisor-avatar{width:42px;height:42px;border-radius:50%}.global-advisor-card{right:0;width:min(264px,calc(100vw - 28px));padding:18px;border-radius:18px}.global-advisor-card strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.global-advisor-trigger,.global-advisor-card{transition:none}}


.home-page .homepage-hero-carousel{background-image:radial-gradient(ellipse at 61% 96%,rgba(46,93,255,.72) 0,rgba(31,74,230,.16) 26%,transparent 52%),radial-gradient(ellipse at 64% 34%,rgba(35,68,183,.26),transparent 40%),linear-gradient(118deg,#020b1c 0%,#06142f 54%,#071633 100%),url("../shulex-smoked-glass-v7.png");background-size:auto,auto,auto,cover;background-position:center center,center center,center center,right center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;overflow:hidden}
.home-page .homepage-hero-carousel .hero-copy{width:min(48%,700px);max-width:700px}
.home-page .homepage-hero-carousel .hero-copy>p{max-width:640px}
.home-page .homepage-hero-carousel .hero-trust{display:block;margin-top:34px;color:#8fa1d7;font-size:14px;letter-spacing:.01em}
.home-page .product-carousel-shell{position:absolute;z-index:4;top:52%;right:clamp(36px,6.3vw,112px);width:min(37vw,560px);transform:translateY(-43%)}
.home-page .product-carousel{position:relative;display:flex;align-items:center;gap:14px}
.home-page .product-carousel-track{position:relative;flex:1;min-height:360px}
.home-page .product-carousel-slide{position:absolute;inset:0;padding:30px 30px 28px;border:1px solid rgba(191,210,255,.72);border-radius:28px;color:#f8faff;background:linear-gradient(145deg,rgba(77,104,177,.58),rgba(14,33,77,.72));box-shadow:0 28px 80px rgba(0,10,46,.48),inset 0 1px 0 rgba(255,255,255,.2),0 0 28px rgba(66,105,255,.16);backdrop-filter:blur(22px) saturate(128%);-webkit-backdrop-filter:blur(22px) saturate(128%);opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:opacity .28s ease,transform .28s ease}
.home-page .product-carousel-slide.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.home-page .product-carousel-slide small{display:block;margin-bottom:14px;color:#c3ceee;font-size:11px;font-weight:700;letter-spacing:.16em}
.home-page .product-carousel-slide h3{margin:0 0 14px;font-size:30px;line-height:1.1;letter-spacing:-.04em}
.home-page .product-carousel-slide p{margin:0 0 20px;color:#e6ebfb;font-size:17px;line-height:1.7}
.home-page .product-carousel-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.home-page .product-carousel-tags span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(226,234,255,.2);font-size:12px;color:#f5f8ff}
.home-page .product-carousel-slide a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;background:#fff;color:#172744;font-size:14px;font-weight:700;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.home-page .product-carousel-slide a:hover{transform:translateY(-1px)}
.home-page .product-carousel-arrow{width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(226,234,255,.34);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:30px;line-height:1;box-shadow:0 14px 28px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home-page .product-carousel-arrow:hover{background:rgba(255,255,255,.18);border-color:rgba(246,248,255,.6)}
.home-page .product-carousel-dots{display:flex;gap:12px;justify-content:center;margin-top:18px}
.home-page .product-carousel-dots button{min-width:52px;height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(226,234,255,.28);background:rgba(255,255,255,.08);color:#f3f6ff;font-size:12px;font-weight:700;letter-spacing:.1em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home-page .product-carousel-dots button.active{background:#fff;color:#20315f;border-color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.home-page .product-rail{padding:78px clamp(44px,6vw,104px) 20px;background:#f5f7fc}
.home-page .product-rail header{display:flex;flex-direction:column;gap:12px;max-width:760px;margin:0 auto 28px}
.home-page .product-rail header span{color:#3157ff;font-size:12px;font-weight:800;letter-spacing:.18em}
.home-page .product-rail header h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.12;letter-spacing:-.04em;color:#111b2d}
.home-page .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1280px;margin:0 auto}
.home-page .product-grid article{padding:24px;border:1px solid #dde5f3;border-radius:22px;background:#fff;box-shadow:0 18px 42px rgba(8,20,48,.06)}
.home-page .product-grid small{display:block;margin-bottom:14px;color:#3157ff;font-size:11px;font-weight:800;letter-spacing:.18em}
.home-page .product-grid h3{margin:0 0 10px;font-size:22px;line-height:1.1;letter-spacing:-.03em}
.home-page .product-grid p{margin:0 0 18px;color:#627086;font-size:15px;line-height:1.65}
.home-page .product-grid a{color:#3157ff;font-size:14px;font-weight:700}
@media(max-width:1120px){.home-page .homepage-hero-carousel .hero-copy{width:52%}.home-page .product-carousel-shell{right:44px;width:42vw}.home-page .product-rail{padding-inline:42px}.home-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.home-page .homepage-hero-carousel{min-height:1220px;padding:132px 22px 64px}.home-page .homepage-hero-carousel .hero-copy{width:100%}.home-page .product-carousel-shell{position:absolute;left:22px;right:22px;top:auto;bottom:48px;width:auto;transform:none}.home-page .product-grid{grid-template-columns:1fr}.home-page .product-rail{padding:60px 22px 8px}}
@media(max-width:520px){.home-page .homepage-hero-carousel{min-height:1140px;padding-top:118px}.home-page .product-carousel-track{min-height:320px}.home-page .product-carousel-slide{padding:22px}.home-page .product-carousel-slide h3{font-size:24px}.home-page .product-carousel-slide p{font-size:15px}.home-page .product-carousel-arrow{width:42px;height:42px;flex-basis:42px;font-size:24px}.home-page .product-carousel-dots{gap:8px;flex-wrap:wrap}.home-page .product-carousel-dots button{min-width:46px;height:32px;font-size:11px}}


/* Final homepage override — white SaaS landing */
.home-page .nav-wrap{color:var(--ink)!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(16,24,40,.1)!important;box-shadow:0 10px 28px rgba(6,13,31,.08)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.home-page .nav-wrap .logo img{filter:none!important}
.home-page .nav-wrap nav .nav-dropdown,.home-page .nav-wrap nav>a,.home-page .nav-wrap .account-cta,.home-page .nav-wrap .nav-cta{color:var(--ink)!important}
.home-page .nav-wrap nav .nav-dropdown{background:transparent!important}
.home-page .nav-wrap .account-cta{background:#f5f6f7!important;border-color:#e6e7ea!important}
.home-page .nav-wrap .nav-cta{background:#171716!important;color:#fff!important}
.home-page .homepage-hero-carousel:after{opacity:.03!important}
.home-page .homepage-hero-carousel .hero-eyebrow{background:#fff!important;border-color:#dbe5ff!important;color:#3157ff!important}
.home-page .homepage-hero-carousel .hero-copy h1,.home-page .homepage-hero-carousel .hero-copy>p,.home-page .homepage-hero-carousel .hero-trust{color:#101828!important}

/* 2026-08-25 — FanRuan-inspired product stage, expressed in Shulex brand language */
.home-page .homepage-hero-carousel{min-height:760px!important;height:min(100vh,900px);padding:68px 0 0!important;display:block!important;background:#eef5ff!important;color:#101828!important;overflow:hidden}
.home-page .homepage-hero-carousel:before{content:"";position:absolute!important;inset:68px 0 auto!important;height:72%;background:radial-gradient(circle at 70% 35%,rgba(74,145,255,.2),transparent 34%),linear-gradient(105deg,#f4f8ff 0%,#e9f2ff 55%,#d9eaff 100%)!important;filter:none!important;transform:none!important;opacity:1!important}
.home-page .homepage-hero-carousel:after{display:none!important}
.home-page .nav-wrap:not(.nav-scrolled){color:#111827!important;border-bottom-color:rgba(24,46,84,.08)!important;background:rgba(255,255,255,.84)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.home-page .nav-wrap:not(.nav-scrolled) .logo img{filter:none!important}
.home-page .nav-wrap:not(.nav-scrolled) nav .nav-dropdown,.home-page .nav-wrap:not(.nav-scrolled) nav>a{color:#26334a!important}
.home-page .nav-wrap:not(.nav-scrolled) nav .nav-dropdown:hover,.home-page .nav-wrap:not(.nav-scrolled) nav>a:hover{color:#164fc9!important;background:#edf4ff!important}
.home-page .nav-wrap:not(.nav-scrolled) .account-cta{color:#26334a!important}
.home-page .nav-wrap:not(.nav-scrolled) .nav-cta{color:#fff!important;background:#1769e8!important;box-shadow:0 8px 24px rgba(23,105,232,.2)!important}
.hero-product-carousel{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:minmax(0,1fr) 132px}
.hero-product-stage{position:relative;min-height:0}
.hero-product-stage .product-carousel-slide{position:absolute;inset:0;padding:clamp(56px,6vw,88px) clamp(70px,10vw,190px) 36px;display:grid;grid-template-columns:minmax(420px,.78fr) minmax(520px,1.22fr);align-items:center;gap:clamp(36px,6vw,110px);color:#101828;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(26px);transition:opacity .55s ease,transform .65s cubic-bezier(.2,.7,.2,1),visibility .55s;background:linear-gradient(105deg,#f5f8ff 0%,#eaf3ff 52%,#dcecff 100%)}
.hero-product-stage .product-carousel-slide.active{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.hero-product-stage .theme-voice{background:linear-gradient(105deg,#f5f7ff,#e8effe 50%,#e5e9f4)}
.hero-product-stage .theme-desk{background:linear-gradient(105deg,#f8faff,#edf4ff 52%,#dceaff)}
.hero-product-stage .theme-voc{background:linear-gradient(105deg,#f7f9ff,#edf2ff 52%,#e2e9ff)}
.slide-copy{position:relative;z-index:3;align-self:center}.slide-copy>small{display:block;margin-bottom:20px;color:#1769e8;font-size:11px;font-weight:700;letter-spacing:.14em}.slide-copy h1{margin:0 0 22px;font-size:clamp(48px,4.35vw,72px);font-weight:650;line-height:1.05;letter-spacing:-.055em;color:#101828}.slide-copy h2{margin:0 0 14px;font-size:clamp(21px,1.8vw,28px);font-weight:650;line-height:1.3;letter-spacing:-.025em;color:#18243a}.slide-copy p{max-width:590px;margin:0;color:#4e5b70;font-size:16px;line-height:1.7}.slide-copy>a{width:max-content;min-width:178px;min-height:52px;margin-top:30px;padding:0 8px 0 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#1769e8,#23bcec);font-size:14px;font-weight:700;box-shadow:0 14px 32px rgba(23,105,232,.22);transition:transform .2s,box-shadow .2s}.slide-copy>a:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(23,105,232,.3)}.slide-copy>a b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#1769e8;background:#fff;font-size:18px}
.slide-visual{position:relative;min-width:0;height:min(48vh,500px);display:grid;place-items:center}.slide-visual>img{position:relative;z-index:2;display:block;max-width:100%;max-height:100%;object-fit:contain}.visual-ui>img{width:100%;border:1px solid rgba(68,111,191,.18);border-radius:24px;box-shadow:0 32px 70px rgba(40,79,145,.2);transform:perspective(1400px) rotateY(-4deg) rotateX(1deg)}.visual-glow{position:absolute;width:78%;height:66%;border-radius:50%;background:rgba(58,151,255,.26);filter:blur(60px)}.visual-photo{overflow:hidden;border-radius:34px;box-shadow:0 30px 70px rgba(38,61,105,.18)}.visual-photo>img{width:100%;height:100%;object-fit:cover}.voice-wave{position:absolute;z-index:3;left:7%;top:50%;display:flex;align-items:center;gap:8px;transform:translateY(-50%)}.voice-wave i{width:9px;height:50px;border-radius:9px;background:#fff;box-shadow:0 0 22px rgba(255,255,255,.6);animation:voicePulse 1.25s ease-in-out infinite}.voice-wave i:nth-child(2){height:96px;animation-delay:-.9s}.voice-wave i:nth-child(3){height:138px;animation-delay:-.6s}.voice-wave i:nth-child(4){height:78px;animation-delay:-.3s}.voice-wave i:nth-child(5){height:38px}@keyframes voicePulse{50%{transform:scaleY(.55);opacity:.62}}
.voc-dashboard{padding:22px}.voc-window{position:relative;width:min(100%,620px);padding:28px;border:1px solid #cbd9f4;border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 32px 70px rgba(44,73,135,.18);transform:perspective(1400px) rotateY(-4deg)}.voc-window header{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #e4eaf5;color:#68758d;font-size:12px}.voc-window header b{color:#3157ff}.voc-score{display:flex;align-items:center;gap:18px;margin:30px 0}.voc-score strong{font-size:64px;line-height:1;letter-spacing:-.06em}.voc-score span{color:#4f5c73;font-size:13px;line-height:1.55}.voc-score em{color:#8590a3;font-size:10px;font-style:normal}.voc-chart{height:150px;padding:18px 18px 0;display:flex;align-items:end;gap:18px;border-radius:16px;background:#f3f7ff}.voc-chart i{flex:1;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(#5c7fff,#28b7ea)}.voc-topics{margin-top:20px;display:grid;gap:9px}.voc-topics span{padding:11px 13px;display:flex;justify-content:space-between;border-radius:10px;color:#536078;background:#f4f6fa;font-size:11px}.voc-topics b{color:#3157ff}
.hero-product-stage .product-carousel-arrow{position:absolute;z-index:8;top:50%;width:46px;height:46px;border:1px solid rgba(23,105,232,.2);border-radius:50%;display:grid;place-items:center;color:#1769e8;background:rgba(255,255,255,.88);font-size:19px;cursor:pointer;box-shadow:0 10px 25px rgba(30,65,120,.12);transform:translateY(-50%)}.hero-product-stage .product-carousel-arrow:hover{background:#1769e8;color:#fff}
.product-carousel-tabs{position:relative;z-index:5;padding:0 clamp(70px,10vw,190px);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(237,244,255,.96);border-top:1px solid rgba(68,102,160,.1)}.product-carousel-tabs button{position:relative;padding:25px 26px 22px;border:0;text-align:left;color:#6c7990;background:transparent;cursor:pointer}.product-carousel-tabs button+button{border-left:1px solid rgba(68,102,160,.1)}.product-carousel-tabs span{display:block;margin-bottom:8px;font-size:9px;font-weight:700;letter-spacing:.12em}.product-carousel-tabs b{display:block;margin-bottom:5px;color:#253047;font-size:16px}.product-carousel-tabs small{font-size:11px}.product-carousel-tabs i{position:absolute;left:26px;right:26px;bottom:0;height:3px;overflow:hidden;background:#d5dfef}.product-carousel-tabs i:after{content:"";display:block;width:100%;height:100%;background:#1769e8;transform:scaleX(0);transform-origin:left}.product-carousel-tabs button.active{color:#1769e8;background:rgba(255,255,255,.44)}.product-carousel-tabs button.active b{color:#1769e8}.product-carousel-tabs button.active i:after{animation:heroTabProgress 4.2s linear forwards}@keyframes heroTabProgress{to{transform:scaleX(1)}}
@media(max-width:1100px){.hero-product-stage .product-carousel-slide{padding-inline:70px;grid-template-columns:.9fr 1.1fr;gap:40px}.product-carousel-tabs{padding-inline:70px}.slide-copy h1{font-size:49px}.slide-visual{height:420px}}
@media(max-width:800px){.home-page .homepage-hero-carousel{height:auto!important;min-height:960px!important;padding-top:60px!important}.hero-product-carousel{height:auto;min-height:900px;grid-template-rows:1fr 108px}.hero-product-stage{min-height:790px}.hero-product-stage .product-carousel-slide{padding:54px 22px 34px;grid-template-columns:1fr;grid-template-rows:auto 330px;gap:35px;align-content:center}.slide-copy h1{font-size:clamp(40px,10vw,54px)}.slide-copy h2{font-size:20px}.slide-copy p{font-size:14px}.slide-copy>a{min-height:48px;margin-top:24px}.slide-visual{height:330px}.visual-ui>img,.voc-window{transform:none}.hero-product-stage .product-carousel-arrow{top:auto;bottom:12px}.hero-product-stage .product-carousel-arrow.prev{left:22px}.hero-product-stage .product-carousel-arrow.next{right:22px}.product-carousel-tabs{padding:0;overflow-x:auto;grid-template-columns:repeat(4,minmax(150px,1fr))}.product-carousel-tabs button{padding:20px 18px 18px}.product-carousel-tabs i{left:18px;right:18px}}
@media(max-width:520px){.home-page .homepage-hero-carousel{min-height:900px!important}.hero-product-carousel{min-height:840px}.hero-product-stage{min-height:730px}.hero-product-stage .product-carousel-slide{grid-template-rows:auto 250px;padding-top:42px}.slide-copy>small{margin-bottom:14px;font-size:9px}.slide-copy h1{font-size:39px}.slide-copy h2{font-size:17px}.slide-copy p{line-height:1.6}.slide-visual{height:250px}.voc-window{padding:18px}.voc-score{margin:16px 0}.voc-score strong{font-size:46px}.voc-chart{height:90px}.voc-topics{display:none}.product-carousel-tabs{grid-template-columns:repeat(4,142px)}}
@media(prefers-reduced-motion:reduce){.hero-product-stage .product-carousel-slide{transition:none}.voice-wave i,.product-carousel-tabs button.active i:after{animation:none}.product-carousel-tabs button.active i:after{transform:scaleX(1)}}
.home-page .hero-product-stage .slide-copy p{margin:0;color:#4e5b70!important;font-size:16px;line-height:1.7}.home-page .hero-product-stage .slide-copy>a{width:max-content;min-width:178px;min-height:52px;margin-top:30px;padding:0 8px 0 23px;border-radius:999px;color:#fff;background:linear-gradient(90deg,#1769e8,#23bcec);font-size:14px;font-weight:700;box-shadow:0 14px 32px rgba(23,105,232,.22)}
.home-page .homepage-hero-carousel .hero-secondary{background:#fff!important;border:1px solid #dbe5ff!important;color:#3157ff!important}
.home-page .homepage-hero-carousel .hero-secondary .play{background:#eef3ff!important;color:#3157ff!important;border-color:#dbe5ff!important}
.home-page .product-carousel-slide{background:linear-gradient(180deg,#fff,#f7faff)!important;color:#101828!important;border-color:#dbe5ff!important;box-shadow:0 24px 64px rgba(17,27,45,.10),inset 0 1px 0 rgba(255,255,255,.92)!important}
.home-page .product-carousel-slide small,.home-page .product-carousel-slide h3,.home-page .product-carousel-slide p{color:#101828!important}
.home-page .product-carousel-tags span{background:#eef3ff!important;border-color:#dbe5ff!important;color:#3157ff!important}
.home-page .product-carousel-arrow{background:#fff!important;border-color:#dbe5ff!important;color:#3157ff!important}
.home-page .product-carousel-dots button{background:#fff!important;border-color:#dbe5ff!important;color:#3157ff!important}
.home-page .product-rail{background:#f7faff!important}
.home-page .product-grid article{background:#fff!important;border-color:#e2e9fb!important;box-shadow:0 12px 34px rgba(17,27,45,.06)!important}
.home-page .product-grid h3,.home-page .product-rail header h2{color:#111b2d!important}
.home-page .product-grid p{color:#4c5567!important}
.home-page .product-grid a{color:#3157ff!important}
@media(max-width:700px){.home-page .homepage-hero-carousel{background:linear-gradient(180deg,#f7faff 0%,#eef4ff 46%,#f8fbff 100%)!important}.home-page .homepage-hero-carousel .hero-copy h1{font-size:clamp(38px,11vw,56px)!important}.home-page .homepage-hero-carousel .hero-copy>p{font-size:16px!important}}

.home-page .homepage-hero-carousel .hero-copy h1 span{color:#101828!important;text-shadow:none!important}
.home-page .homepage-hero-carousel .hero-copy h1 span:first-child{color:#4a5872!important;font-weight:500!important}
.home-page .homepage-hero-carousel .hero-copy h1 span:last-child{color:#101828!important;font-weight:700!important}
.home-page .homepage-hero-carousel .hero-copy h1{opacity:1!important}
.home-page .homepage-hero-carousel .hero-copy h1 *{opacity:1!important}
.home-page .homepage-hero-carousel .hero-copy>p{color:#4c5567!important}
.home-page .homepage-hero-carousel .hero-trust{color:#5b6580!important}
.home-page .homepage-hero-carousel{border-radius:0!important}.hero-product-stage .product-carousel-arrow{top:auto;bottom:22px;transform:none}.hero-product-stage .product-carousel-arrow.prev{left:auto;right:82px}.hero-product-stage .product-carousel-arrow.next{right:25px}.slide-copy h1{font-size:clamp(46px,4vw,66px)}

/* Full-image carousel: one banner image + overlaid copy per product */
.home-page .hero-product-stage .product-carousel-slide{padding:0!important;display:block!important;border:0!important;border-radius:0!important;background:#eaf2ff!important;box-shadow:none!important;overflow:hidden}
.hero-product-stage .slide-bg{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.hero-product-stage .product-carousel-slide:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(244,249,255,.98) 0%,rgba(244,249,255,.92) 28%,rgba(244,249,255,.52) 46%,rgba(244,249,255,0) 67%);pointer-events:none}
.home-page .hero-product-stage .slide-copy{position:absolute;z-index:3;left:clamp(70px,10vw,190px);top:50%;width:min(42vw,620px);transform:translateY(-50%)}
.home-page .product-rail{display:none!important}
@media(max-width:800px){.hero-product-stage .slide-bg{object-position:66% center}.hero-product-stage .product-carousel-slide:after{background:linear-gradient(180deg,rgba(245,249,255,.98) 0%,rgba(245,249,255,.88) 48%,rgba(245,249,255,.18) 76%,rgba(245,249,255,0) 100%)}.home-page .hero-product-stage .slide-copy{left:22px;right:22px;top:54px;width:auto;transform:none}.home-page .hero-product-stage .slide-copy p{max-width:520px;font-size:14px}.hero-product-stage .product-carousel-arrow{bottom:14px}}
@media(max-width:520px){.hero-product-stage .slide-bg{object-position:70% bottom}.hero-product-stage .product-carousel-slide:after{background:linear-gradient(180deg,#f5f9ff 0%,rgba(245,249,255,.94) 52%,rgba(245,249,255,.32) 78%,transparent 100%)}.home-page .hero-product-stage .slide-copy{top:38px}}

/* Hard layout reset: viewport-responsive full-bleed carousel */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.home-page main#top{width:100%;max-width:none;margin:0;padding:0}
.home-page section.hero.homepage-hero-carousel{position:relative!important;width:100vw!important;max-width:none!important;height:clamp(700px,100svh,920px)!important;min-height:700px!important;margin:0!important;padding:68px 0 0!important;display:block!important;overflow:hidden!important}
.home-page .hero-product-carousel{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) clamp(108px,13vh,132px)!important}
.home-page .hero-product-stage{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}
.home-page .hero-product-stage article.product-carousel-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;border:0!important;border-radius:0!important;overflow:hidden!important}
.home-page .hero-product-stage article.product-carousel-slide>.slide-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;display:block!important;object-fit:cover!important;object-position:center center!important}
.home-page .hero-product-stage article.product-carousel-slide>.slide-copy{position:absolute!important;z-index:3!important;left:clamp(44px,8vw,156px)!important;top:50%!important;width:min(42vw,620px)!important;margin:0!important;transform:translateY(-50%)!important}
.home-page .product-carousel-tabs{width:100%!important;min-width:0!important}
.home-page section.product-rail{display:none!important}
@media(max-width:800px){.home-page section.hero.homepage-hero-carousel{height:clamp(820px,100svh,980px)!important;min-height:820px!important;padding-top:60px!important}.home-page .hero-product-carousel{grid-template-rows:minmax(0,1fr) 108px!important}.home-page .hero-product-stage article.product-carousel-slide>.slide-bg{object-position:67% bottom!important}}
.home-page .product-carousel-tabs button{cursor:pointer}.home-page .product-carousel-tabs button i{height:2px;background:#cbd6e8}.home-page .product-carousel-tabs button i:after{background:#1769e8}.home-page .product-carousel-tabs button.active i:after{animation:heroTabProgress 4.2s linear forwards}
.hero-product-stage .product-carousel-slide:after{background:linear-gradient(90deg,rgba(250,250,249,.98) 0%,rgba(250,250,249,.9) 30%,rgba(250,250,249,.25) 48%,transparent 62%)!important}.home-page section.hero.homepage-hero-carousel{background:#fafaf9!important}.home-page .product-carousel-tabs{background:#f7f8fa!important}.home-page .hero-product-stage article.product-carousel-slide>.slide-bg{object-position:center!important}.home-page .hero-product-stage .slide-copy>a{background:#171d2b!important;box-shadow:none!important}.home-page .hero-product-stage .slide-copy>a b{color:#171d2b!important}.home-page .hero-product-stage .slide-copy>small{margin-bottom:16px!important;display:flex!important;align-items:baseline!important;gap:12px!important;color:#17213a!important;font-size:clamp(24px,2vw,34px)!important;font-weight:700!important;line-height:1.1!important;letter-spacing:-.035em!important;text-transform:none!important}.home-page .hero-product-stage .slide-copy>small em{color:#5870a6;font-size:.45em;font-weight:600;font-style:normal;letter-spacing:.02em}.home-page .hero-product-stage .slide-copy>a{min-width:156px!important;justify-content:space-between!important}
@media(max-width:520px){.home-page .hero-product-stage .slide-copy>small{font-size:25px!important}.home-page .hero-product-stage .slide-copy>small em{font-size:.48em}}

/* 2026-08-25 — real product screens and explicit product-first type hierarchy */
.home-page .hero-product-stage article.product-carousel-slide:after{display:none!important}
.home-page .hero-product-stage article.product-carousel-slide>.slide-copy{left:clamp(44px,7vw,138px)!important;top:48%!important;width:min(38vw,600px)!important}
.home-page .hero-product-stage .slide-copy h1{margin:0 0 24px!important;color:#101828!important;font-size:clamp(58px,5.25vw,88px)!important;font-weight:680!important;line-height:.98!important;letter-spacing:-.065em!important}
.home-page .hero-product-stage .slide-copy h1 em{display:block;margin-top:15px;color:#3157ff;font-size:.25em;font-weight:700;font-style:normal;line-height:1.2;letter-spacing:.08em}
.home-page .hero-product-stage .slide-copy h2{max-width:600px;margin:0 0 20px!important;color:#172033!important;font-size:clamp(34px,3vw,50px)!important;font-weight:610!important;line-height:1.12!important;letter-spacing:-.045em!important}
.home-page .hero-product-stage .slide-copy p{max-width:540px!important;color:#5a6578!important;font-size:clamp(15px,1.05vw,17px)!important;line-height:1.75!important}
.home-page .hero-product-stage .slide-copy>a{margin-top:30px!important;background:#3157ff!important}
.slide-product-visual{position:absolute;z-index:2;right:clamp(32px,5vw,96px);top:50%;width:min(52vw,980px);height:min(58vh,580px);margin:0;display:grid;place-items:center;transform:translateY(-50%)}
.slide-product-visual>img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.visual-text>img,.visual-desk>img{width:100%;border:1px solid rgba(30,54,98,.12);border-radius:22px;background:#fff;box-shadow:0 30px 80px rgba(29,52,92,.18)}
.visual-desk>img{max-height:94%;object-fit:cover;object-position:top left}
.visual-voice{width:min(48vw,880px);height:min(61vh,610px);grid-template-columns:1fr 1fr;gap:14px;transform:translateY(-50%) rotate(-1deg)}
.visual-voice>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:top;border:1px solid rgba(30,54,98,.12);border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(29,52,92,.14)}
.visual-voc{padding:24px;display:block;border:1px solid #dce3ef;border-radius:24px;background:#fff;box-shadow:0 30px 80px rgba(29,52,92,.16);color:#172033;overflow:hidden}
.visual-voc header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 20px;border-bottom:1px solid #e8edf4;font-size:13px}.visual-voc header span{font-weight:700}.visual-voc header b{color:#6b7689;font-size:11px;font-weight:600}
.voc-real-summary{padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.voc-real-summary section{padding:16px;border:1px solid #e6ebf3;border-radius:14px;background:#fafbfe}.voc-real-summary small,.voc-real-summary em{display:block;color:#7b8598;font-size:10px;font-style:normal}.voc-real-summary strong{display:block;margin:8px 0 7px;font-size:34px;letter-spacing:-.05em}.voc-real-summary em{color:#3157ff}
.voc-real-body{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}.voc-real-body>section{padding:18px;border:1px solid #e6ebf3;border-radius:14px}.voc-real-body h3{margin:0 0 18px;font-size:14px}.voc-real-body p{margin:0 0 14px;display:grid;grid-template-columns:76px 1fr 34px;align-items:center;gap:10px;color:#687386;font-size:10px}.voc-real-body p i{height:6px;border-radius:999px;background:linear-gradient(90deg,#3157ff var(--score),#e8edf6 var(--score))}.voc-real-body p b{text-align:right;color:#172033}.voc-real-chart{height:126px;display:flex;align-items:end;gap:9px;border-bottom:1px solid #dce3ee}.voc-real-chart i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(#7890ff,#3157ff)}.voc-real-body>section>small{display:block;margin-top:10px;color:#7b8598;font-size:10px}
@media(max-width:1100px){.home-page .hero-product-stage article.product-carousel-slide>.slide-copy{width:min(40vw,500px)!important}.slide-product-visual{right:32px;width:52vw}.home-page .hero-product-stage .slide-copy h1{font-size:56px!important}.home-page .hero-product-stage .slide-copy h2{font-size:34px!important}.visual-voc{padding:18px}.voc-real-summary strong{font-size:28px}}
@media(max-width:800px){.home-page .hero-product-stage article.product-carousel-slide>.slide-copy{left:24px!important;right:24px!important;top:38px!important;width:auto!important;transform:none!important}.home-page .hero-product-stage .slide-copy h1{font-size:46px!important;margin-bottom:16px!important}.home-page .hero-product-stage .slide-copy h1 em{margin-top:10px}.home-page .hero-product-stage .slide-copy h2{font-size:30px!important;margin-bottom:13px!important}.home-page .hero-product-stage .slide-copy p{font-size:14px!important;line-height:1.6!important}.home-page .hero-product-stage .slide-copy>a{margin-top:20px!important}.slide-product-visual{right:22px;left:22px;top:auto;bottom:24px;width:auto;height:330px;transform:none}.visual-voice{width:auto;height:330px;grid-template-columns:1fr 1fr;transform:none}.visual-voc{height:300px;padding:15px}.voc-real-summary{padding:12px 0}.voc-real-summary section{padding:10px}.voc-real-summary strong{font-size:24px}.voc-real-body{gap:9px}.voc-real-body>section{padding:12px}.voc-real-chart{height:75px}}
@media(max-width:520px){.home-page .hero-product-stage .slide-copy h1{font-size:39px!important}.home-page .hero-product-stage .slide-copy h2{font-size:25px!important}.home-page .hero-product-stage .slide-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.slide-product-visual{height:250px}.visual-voice{height:250px;gap:8px}.visual-voice>img{border-radius:10px}.visual-voc{height:230px;padding:11px}.visual-voc header{padding-bottom:10px}.voc-real-summary{gap:5px;padding:8px 0}.voc-real-summary section{padding:7px}.voc-real-summary strong{margin:4px 0;font-size:19px}.voc-real-summary em{display:none}.voc-real-body{grid-template-columns:1fr}.voc-real-body>section{padding:8px}.voc-real-body>section:last-child{display:none}.voc-real-body h3{margin-bottom:8px}.voc-real-body p{margin-bottom:7px}}

/* Four-product ambient art direction: luminous space + real product content. */
.home-page .hero-product-stage .slide-art-bg{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;object-fit:cover!important;object-position:center!important}
.home-page .hero-product-stage article.product-carousel-slide>.slide-copy{z-index:4!important}
.home-page .hero-product-stage .slide-product-visual{z-index:3}
.home-page .hero-product-stage .visual-text>img,.home-page .hero-product-stage .visual-desk>img{border-radius:18px;box-shadow:0 28px 70px rgba(44,72,125,.19)}
.home-page .hero-product-stage .visual-voice{right:clamp(70px,7vw,136px);width:min(43vw,800px);height:min(52vh,520px);gap:11px}
.home-page .hero-product-stage .theme-voc .slide-copy{width:min(34vw,540px)!important}
.home-page .hero-product-stage .theme-voc .slide-copy h2{font-size:clamp(31px,2.65vw,45px)!important}
@media(max-width:800px){.home-page .hero-product-stage .product-carousel-slide:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(250,252,255,.98) 0%,rgba(250,252,255,.91) 48%,rgba(250,252,255,.15) 75%,transparent 100%)}.home-page .hero-product-stage .theme-voc .slide-copy{width:auto!important}}

/* Fit the product UI inside the stage instead of cropping and enlarging it. */
.home-page .hero-product-stage article.product-carousel-slide{background:#f4f7fc!important}
.home-page .hero-product-stage article.theme-voice{background:#f3f3ff!important}
.home-page .hero-product-stage article.theme-desk{background:#effafa!important}
.home-page .hero-product-stage article.theme-voc{background:#f1f2ff!important}
.home-page .hero-product-stage .slide-art-bg{object-fit:contain!important;object-position:right center!important}
.home-page .hero-product-stage .visual-text,.home-page .hero-product-stage .visual-desk{right:clamp(58px,6vw,116px);width:min(43vw,820px);height:min(46vh,460px)}
.home-page .hero-product-stage .visual-voice{right:clamp(66px,6.5vw,124px);width:min(39vw,740px);height:min(47vh,470px)}
@media(min-width:1500px){.home-page .hero-product-stage .theme-voc .slide-art-bg{right:2.5%!important;width:94%!important}}
@media(max-width:1100px){.home-page .hero-product-stage .visual-text,.home-page .hero-product-stage .visual-desk{right:28px;width:46vw;height:min(43vh,430px)}.home-page .hero-product-stage .visual-voice{right:30px;width:43vw;height:min(44vh,440px)}}
@media(max-width:800px){.home-page .hero-product-stage .slide-art-bg{object-fit:cover!important;object-position:68% center!important}.home-page .hero-product-stage .visual-text,.home-page .hero-product-stage .visual-desk,.home-page .hero-product-stage .visual-voice{right:28px;left:28px;width:auto;height:270px}.home-page .hero-product-stage .theme-voc .slide-art-bg{object-fit:contain!important;object-position:center bottom!important}.home-page .hero-product-stage .theme-voc:before{background:linear-gradient(180deg,rgba(250,252,255,.99) 0%,rgba(250,252,255,.94) 47%,rgba(250,252,255,.2) 68%,transparent 84%)}}

/* Stable 1/3 copy + 2/3 visual ratio across all four slides. */
@media(min-width:801px){
  .home-page .hero-product-stage .slide-art-bg{inset:0 0 0 auto!important;left:auto!important;right:0!important;width:67%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .home-page .hero-product-stage article.product-carousel-slide>.slide-copy{left:clamp(46px,7vw,136px)!important;width:min(31vw,530px)!important}
  .home-page .hero-product-stage .visual-text,.home-page .hero-product-stage .visual-desk{right:clamp(58px,6vw,116px);width:min(43vw,820px);height:min(46vh,460px)}
  .home-page .hero-product-stage .theme-voc .slide-copy{width:min(30vw,510px)!important}
}

/* Premium compact product navigation — four-product suite. */
@media(min-width:701px){
  .home-page .nav-wrap{overflow:visible}
  .product-mega-menu{top:76px!important;left:50%!important;right:auto!important;width:min(900px,calc(100vw - 48px));padding:10px!important;border:1px solid rgba(27,39,67,.11)!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 24px 70px rgba(25,37,66,.16),0 2px 8px rgba(25,37,66,.05)!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transform:translate(-50%,-10px)!important;overflow:hidden}
  .product-mega-menu.open{transform:translate(-50%,0)!important}
  .product-mega-menu:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0,rgba(64,100,255,.08),transparent 34%);pointer-events:none}
  .product-mega-menu>header{position:relative;min-height:74px!important;padding:17px 20px 16px!important;border:0!important;border-bottom:1px solid #e7eaf0!important;border-radius:12px 12px 0 0;background:transparent!important}
  .product-mega-menu>header small{margin:0 0 5px!important;color:#3157ff!important;font-size:9px!important;font-weight:750!important;letter-spacing:.16em!important}
  .product-mega-menu>header h3{margin:0!important;color:#141b2d!important;font-size:18px!important;font-weight:620!important;letter-spacing:-.025em!important}
  .product-mega-menu>header>a{display:flex;align-items:center;gap:7px;color:#556077!important;font-size:12px!important}.product-mega-menu>header>a b{font-size:14px;font-weight:500;transition:transform .2s}.product-mega-menu>header>a:hover b{transform:translate(2px,-2px)}
  .product-menu-grid{position:relative;padding:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0}
  .product-menu-grid>a{position:relative;min-height:122px;padding:20px;display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:start;gap:15px;border-radius:14px;transition:background .2s ease,transform .2s ease}
  .product-menu-grid>a:hover{background:#f7f9ff;transform:translateY(-1px)}
  .product-menu-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dfe5f4;border-radius:12px;background:linear-gradient(145deg,#fff,#eef3ff);color:#3157ff;box-shadow:0 7px 18px rgba(49,87,255,.08)}
  .product-menu-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .product-menu-grid small{display:block;margin:0 0 5px;color:#78839a;font-size:10px;font-weight:600;letter-spacing:.04em}.product-menu-grid h4{margin:0 0 7px;color:#151d31;font-size:17px;font-weight:650;letter-spacing:-.025em}.product-menu-grid p{max-width:300px;margin:0;color:#647087;font-size:12px;line-height:1.55}.product-menu-grid>a>b{margin-top:3px;color:#a0a8b8;font-size:14px;font-weight:500;transition:color .2s,transform .2s}.product-menu-grid>a:hover>b{color:#3157ff;transform:translate(2px,-2px)}
}
@media(max-width:700px){.product-mega-menu{padding:10px!important}.product-mega-menu>header{padding:17px!important}.product-mega-menu>header>a{display:none}.product-menu-grid{display:grid;grid-template-columns:1fr}.product-menu-grid>a{min-height:104px;padding:16px;display:grid;grid-template-columns:42px 1fr 18px;gap:13px;border-bottom:1px solid #e8ebf1}.product-menu-grid>a:nth-child(odd){border-right:0}.product-menu-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eef3ff;color:#3157ff}.product-menu-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.product-menu-grid small{font-size:9px;color:#78839a}.product-menu-grid h4{margin:3px 0 5px;font-size:16px}.product-menu-grid p{margin:0;color:#647087;font-size:11px;line-height:1.5}.product-menu-grid>a>b{color:#9aa4b8}}

/* Product-map homepage: hide legacy long-form sections, keep their destination pages intact. */
.home-page main>.product-rail,.home-page main>.logo-trust,.home-page main>.customer-testimonial,.home-page main>.results,.home-page main>.industries,.home-page main>.platform,.home-page main>.integrations,.home-page main>.model,.home-page main>.insights{display:none!important}
.home-page .matrix-hero-copy>small{display:block!important;margin:0 0 16px!important;color:#3157ff!important;font-size:10px!important;font-weight:750!important;letter-spacing:.16em!important}.home-page .matrix-hero-copy h1{margin:0 0 20px!important;font-size:clamp(44px,3.8vw,66px)!important;line-height:1.08!important;letter-spacing:-.055em!important}.home-page .matrix-hero-copy h2{margin:0 0 12px!important;font-size:clamp(19px,1.4vw,24px)!important;font-weight:620!important}.home-page .matrix-hero-copy p{max-width:440px!important}.home-page .matrix-hero-copy>a{background:#3157ff!important}
.matrix-products,.matrix-flow,.matrix-teams{padding:clamp(86px,9vw,136px) clamp(28px,7vw,132px);background:#fff;color:#111827}.matrix-section-head{max-width:820px;margin:0 auto 64px;text-align:center}.matrix-section-head small{display:block;margin-bottom:15px;color:#3157ff;font-size:10px;font-weight:750;letter-spacing:.17em}.matrix-section-head h2{margin:0;font-size:clamp(40px,4.1vw,64px);font-weight:530;line-height:1.08;letter-spacing:-.045em}.matrix-section-head p{max-width:660px;margin:20px auto 0;color:#667085;font-size:16px;line-height:1.7}
.matrix-product-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e2e6ed;border-radius:18px;overflow:hidden}.matrix-product-grid>a{min-height:360px;padding:30px;display:flex;flex-direction:column;background:#fff;transition:background .2s}.matrix-product-grid>a+a{border-left:1px solid #e2e6ed}.matrix-product-grid>a:hover{background:#f8f9fc}.matrix-product-grid small{color:#7d8798;font-size:10px;font-weight:650;letter-spacing:.05em}.matrix-product-grid h3{margin:24px 0 44px;font-size:clamp(26px,2vw,34px);font-weight:650;letter-spacing:-.04em}.matrix-product-grid strong{margin-bottom:12px;font-size:17px}.matrix-product-grid p{margin:0;color:#667085;font-size:14px;line-height:1.65}.matrix-product-grid span{margin-top:auto;padding-top:28px;color:#3157ff;font-size:12px;font-weight:650}
.matrix-flow{background:#111827;color:#fff}.matrix-flow .matrix-section-head small{color:#8ea3ff}.matrix-flow .matrix-section-head p{color:#aeb7c6}.matrix-flow-track{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch}.matrix-flow-track article{min-height:260px;padding:26px;border:1px solid #303a4e;border-radius:14px;display:flex;flex-direction:column}.matrix-flow-track>i{align-self:center;padding:0 15px;color:#667085;font-size:25px;font-style:normal}.matrix-flow-track span{color:#8ea3ff;font-size:10px;letter-spacing:.1em}.matrix-flow-track b{margin:30px 0 13px;font-size:23px}.matrix-flow-track p{margin:0;color:#b7bfcd;font-size:13px;line-height:1.65}.matrix-flow-track em{margin-top:auto;color:#8ea3ff;font-size:11px;font-style:normal;font-weight:650}
.matrix-teams{background:#f6f7f9}.matrix-team-grid{max-width:1260px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.matrix-team-grid article{min-height:290px;padding:32px;border:1px solid #e0e4eb;border-radius:16px;background:#fff}.matrix-team-grid small{color:#3157ff;font-size:11px;font-weight:650}.matrix-team-grid h3{margin:38px 0 16px;font-size:25px;font-weight:600;letter-spacing:-.035em}.matrix-team-grid p{color:#667085;font-size:14px;line-height:1.7}.matrix-team-grid span{display:inline-block;margin-top:25px;padding:7px 10px;border-radius:6px;background:#f0f3ff;color:#3157ff;font-size:10px;font-weight:700}.matrix-team-note{margin:40px auto 0;text-align:center;color:#667085;font-size:14px}
.home-page .closing-section .contact{min-height:520px}.home-page .contact-echo-copy h2{font-size:clamp(48px,5vw,76px)}
@media(max-width:900px){.matrix-product-grid{grid-template-columns:1fr 1fr}.matrix-product-grid>a:nth-child(3){border-left:0;border-top:1px solid #e2e6ed}.matrix-product-grid>a:nth-child(4){border-top:1px solid #e2e6ed}.matrix-flow-track{grid-template-columns:1fr 1fr;gap:12px}.matrix-flow-track>i{display:none}.matrix-team-grid{grid-template-columns:1fr}}
@media(max-width:600px){.matrix-products,.matrix-flow,.matrix-teams{padding:72px 18px}.matrix-section-head{margin-bottom:42px;text-align:left}.matrix-section-head h2{font-size:38px}.matrix-section-head p{font-size:14px}.matrix-product-grid{grid-template-columns:1fr}.matrix-product-grid>a{min-height:290px}.matrix-product-grid>a+a{border-left:0;border-top:1px solid #e2e6ed}.matrix-flow-track{grid-template-columns:1fr}.matrix-flow-track article{min-height:220px}.matrix-team-grid article{min-height:250px}.home-page .matrix-hero-copy>small{font-size:9px!important}.home-page .matrix-hero-copy h1{font-size:38px!important}}

/* Final product dropdown: compact, white, typographic, hover-first. */
@media(min-width:701px){
  .product-mega-menu{top:66px!important;width:620px!important;padding:8px!important;border:1px solid #e1e4e9!important;border-radius:14px!important;background:#fff!important;box-shadow:0 18px 45px rgba(17,24,39,.13)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .product-mega-menu:before,.product-mega-menu>header,.product-menu-icon{display:none!important}
  .product-menu-grid{padding:0!important;grid-template-columns:1fr 1fr!important;background:#fff!important}
  .product-menu-grid>a{min-height:104px!important;padding:20px 22px!important;grid-template-columns:minmax(0,1fr) 16px!important;gap:10px!important;border-radius:9px!important;background:#fff!important;transform:none!important}
  .product-menu-grid>a:nth-child(odd){border-right:1px solid #e8eaee!important}.product-menu-grid>a:nth-child(-n+2){border-bottom:1px solid #e8eaee!important}
  .product-menu-grid>a:hover{background:#f6f6f5!important}
  .product-menu-grid h4{margin:0 0 4px!important;color:#161a22!important;font-size:16px!important;font-weight:620!important}.product-menu-grid small{margin:0 0 8px!important;color:#6f7888!important;font-size:10px!important;letter-spacing:.02em!important}.product-menu-grid p{color:#727b8b!important;font-size:11px!important;line-height:1.4!important}.product-menu-grid>a>b{color:#9ca3af!important;font-size:12px!important}
}

/* Compact pass requested: visibly smaller UI and copy shifted inward. */

/* VOC uses a native 2.69:1 panorama, so it fills the stage without cropping. */

/* More breathing room: smaller raster UI reads sharper and keeps the stage calm. */
@media(min-width:801px){
  .home-page .hero-product-stage article.product-carousel-slide>.slide-copy{left:clamp(76px,8.2vw,158px)!important}
  .home-page .hero-product-stage .theme-text .slide-art-bg,
  .home-page .hero-product-stage .theme-voc .slide-art-bg{inset:4% 1.5% 4% auto!important;left:auto!important;right:1.5%!important;width:94%!important;height:92%!important;object-fit:contain!important;object-position:center right!important}
  .home-page .hero-product-stage .visual-desk{right:clamp(78px,7.2vw,138px);width:min(38vw,730px);height:min(41vh,410px)}
  .home-page .hero-product-stage .visual-voice{right:clamp(82px,7.5vw,144px);width:min(35vw,665px);height:min(41vh,410px)}
  .home-page .hero-product-stage .theme-voice .slide-art-bg,
  .home-page .hero-product-stage .theme-desk .slide-art-bg{right:2.5%!important;width:63%!important;height:92%!important;top:4%!important;bottom:4%!important;object-fit:contain!important}
}

/* Final hero typography override — stable brand message, no product-name scale inheritance. */
@media(min-width:801px){
  .home-page .hero-product-stage article.product-carousel-slide>.matrix-hero-copy{left:clamp(104px,9.4vw,182px)!important;width:min(36vw,650px)!important}
  .home-page .hero-product-stage article.product-carousel-slide>.matrix-hero-copy>small{display:block!important;margin:0 0 14px!important;color:#3157ff!important;font-size:10px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:.16em!important}
  .home-page .hero-product-stage article.product-carousel-slide>.matrix-hero-copy h1{margin:0 0 20px!important;font-size:clamp(44px,3vw,54px)!important;line-height:1.08!important;letter-spacing:-.05em!important}
  .home-page .hero-product-stage article.product-carousel-slide>.matrix-hero-copy h2{margin:0 0 12px!important;font-size:22px!important;line-height:1.3!important}
  .home-page .hero-product-stage article.product-carousel-slide>.matrix-hero-copy p{font-size:15px!important;line-height:1.65!important}
}