@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500;600&display=swap');
:root{--ink:#08090a;--paper:#f7f7f5;--purple:#3a2d3a;--green:#00634d;--blue:#a7c9fa;--pink:#f3a2ee;--yellow:#ffe487;--line:#d8d8d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif;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{width:50%}.hero h1{margin:0 0 34px;font-size:clamp(70px,7.2vw,122px);line-height:.93;letter-spacing:-.065em;font-weight:300}.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 .pink{--accent:var(--pink)}.metric-grid .blue{--accent:var(--blue)}.metric-grid .yellow{--accent:var(--yellow)}.metric-grid strong{font-size:72px;font-weight:400;letter-spacing:-.05em}.metric-grid p{font-size:23px;line-height:1.45}.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-tabs .active{background:#fff;color:#111}.industry-stage{position:relative;min-height:470px;border-radius:6px;background:linear-gradient(110deg,#231b1d77,#1113),url('../../../00_inbox/工单升级/公众号配图/00-一张工单背后的完整服务现场.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}.industry-proof a{margin-top:50px;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.green-case{--accent:var(--green)}.case.pink-case{--accent:var(--pink)}.case-image{display:grid;place-items:center;padding:30px;background:linear-gradient(145deg,#60293c,#df7652)}.green-case .case-image{background:linear-gradient(145deg,#629b4d,#b7d293)}.pink-case .case-image{background:linear-gradient(145deg,#8c8cc9,#e6b5ce)}.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{padding:130px 12% 100px;background:#fff}.platform>h2{max-width:940px}.platform-shell{display:grid;grid-template-columns:35% 65%;max-width:1100px;margin:auto;background:#f4f4f2}.accordion{padding:20px}.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('../../../00_inbox/ai客服销售ppt/Shulex品牌PPT项目交接包/01_成品/assets/website/case/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>p{margin-bottom:70px}.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}.featured .article-art{min-height:380px}.purple{background:linear-gradient(135deg,#231329,#573260)}.violet{background:linear-gradient(135deg,#231329,#8d74b7)}.blue{background:linear-gradient(135deg,#84aaf2,#294c90)}.photo{background:url('../../../00_inbox/ai客服销售ppt/Shulex品牌PPT项目交接包/01_成品/assets/website/case/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{margin:45px 4%;padding:45px;border-radius:22px;background:#fff;box-shadow:0 4px 20px #0001}.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-links b{color:var(--green);font-size:15px;font-weight:400}.footer-bottom{padding-top:35px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.footer-bottom img{width:300px}.footer-bottom p{max-width:300px}.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}.hero-copy{width:70%}.metric-grid{grid-template-columns:1fr 1fr}.model-grid{grid-template-columns:1fr}.model-grid article{min-height:430px}.industry-layout{grid-template-columns:150px 1fr}.industry-proof{grid-column:2}.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}.logo img{width:100px}.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}.hero-copy{width:100%}.hero h1{font-size:57px}.hero-copy p{font-size:17px}.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}.results h2,.model h2,.industries>h2,.customers>h2,.platform>h2,.trust>h2,.insights>h2{margin-bottom:48px;font-size:43px}.metric-grid{grid-template-columns:1fr}.metric-grid article{min-height:260px}.model header p{margin:-25px auto 45px}.model-grid{grid-template-columns:1fr}.industries{padding:85px 16px}.industry-layout{grid-template-columns:1fr}.industry-tabs{flex-direction:row;overflow:auto}.industry-tabs button{min-width:110px}.industry-stage{min-height:440px}.mock-message{left:20px;right:20px;width:auto}.industry-proof{grid-column:auto;min-height:300px}.case{grid-template-columns:1fr}.case-image{min-height:280px}.case-story{min-height:300px}.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)}.contact h2{font-size:43px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{grid-template-columns:1fr}.footer-bottom img{width:220px}}
@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:"Fraunces","Iowan Old Style","Palatino Linotype",Georgia,"Noto Serif SC","Noto Serif JP",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 "DM Sans",sans-serif;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}

.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) .logo img{filter:brightness(0) invert(1)}
.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) nav .nav-dropdown:hover,.home-page .nav-wrap:not(.nav-scrolled) nav>a:hover{color:#fff;background:rgba(255,255,255,.1)}
.home-page .nav-wrap:not(.nav-scrolled) .account-cta{color:#fff;background:transparent;border-color:transparent;box-shadow:none}
.home-page .nav-wrap:not(.nav-scrolled) .nav-cta{color:#071329;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.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)}.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)}.homepage-product-demo{right:54px;width:40vw}.purchase-intent{right:-34px}.advisor-product>img{height:118px}}
@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}.homepage-product-demo{position:absolute;left:22px;right:22px;top:auto;bottom:58px;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){.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}.homepage-product-demo{left:14px;right:14px;bottom:36px}.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}}
.announcement{background:var(--navy-950)}
.announcement a{background:var(--navy-700);box-shadow:inset 0 0 0 1px #ffffff14}
.nav-wrap{box-shadow:0 14px 38px #17274424}
.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)}
.industry-stage em{background:var(--cobalt);color:#fff}
.mock-message span{background:#eaf0ff;color:#172744;border-left:3px solid var(--cobalt)}
.industry-proof{border-left-color: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}
.accordion button.open{color:var(--cobalt)}
.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)}
.contact{background-color:#f8faff;background-image:linear-gradient(90deg,#3b5bfc0b 50%,transparent 50%),linear-gradient(#3b5bfc0b 50%,transparent 50%)}
footer{box-shadow:0 14px 42px #17274414}
.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)}
.nav-wrap nav .nav-dropdown[aria-expanded="true"] i{transform:rotate(180deg)}
.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 h3{font-size:20px}.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{height:48px;font-size:12px}.announcement strong{font-size:14px}.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 h1{margin-bottom:25px;font-size:clamp(58px,5.4vw,82px);line-height:.98}.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}.results h2,.model h2,.industries>h2,.customers>h2,.platform>h2,.trust>h2,.insights>h2{max-width:850px;margin-bottom:58px;font-size:clamp(38px,3.8vw,56px);line-height:1.1;letter-spacing:-.04em}
.metric-grid article{min-height:270px;padding:36px 28px 30px 48px}.metric-grid article:before{width:14px}.metric-grid strong{font-size:52px}.metric-grid p{font-size:17px}
.model,.customers,.platform,.insights{padding-top:95px;padding-bottom:105px}.model header p{margin-top:-35px;margin-bottom:48px;font-size:15px}.model-grid article{min-height:420px}.model-grid h3{font-size:27px}.model-grid p{font-size:14px}
.industries{padding-top:90px;padding-bottom:55px}.industry-layout{grid-template-columns:150px 1fr 240px}.industry-tabs button{padding:8px 13px;font-size:13px}.industry-stage{min-height:410px}.industry-proof b{font-size:30px}
.case{min-height:315px}.case-story h3{font-size:29px;line-height:1.08}.case-story p{font-size:15px}.case-story a,.dark-pill{padding:9px 16px;font-size:12px}.avatar{width:72px;height:72px;font-size:30px}
.platform-shell{max-width:1040px}.accordion button{padding:15px 0;font-size:14px}.product-visual{min-height:420px}.builder{font-size:13px}
.trust{padding-top:90px;padding-bottom:90px}.trust>p{margin-bottom:50px;font-size:14px}.trust-grid h3{font-size:15px}.trust-grid p{font-size:12px}
.featured h3{font-size:28px}.featured p{font-size:14px}.article-art{font-size:23px}.featured .article-art{min-height:330px}.article-grid h3{font-size:17px}
.contact{min-height:290px;padding:65px 20px}.contact h2{font-size:44px}
.mega-menu{top:80px;border-radius:22px}.mega-feature{min-height:118px;padding:25px 42px;gap:22px}.mega-icon{width:56px;height:56px;flex-basis:56px;border-width:5px;border-radius:16px;font-size:25px}.mega-feature h3{font-size:22px}.mega-feature p{font-size:15px}
.mega-grid{padding:28px 42px 34px;column-gap:60px;row-gap:20px}.mega-grid>a{grid-template-columns:44px 1fr;gap:15px}.mega-grid>a>span{width:44px;height:44px;border-radius:12px;font-size:19px}.mega-grid h4{font-size:17px}.mega-grid p{font-size:14px}
@media(max-width:700px){.nav-wrap{top:58px;height:58px}.logo img{width:92px}.hero{min-height:690px;padding-top:155px}.hero h1{font-size:46px}.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 article{min-height:220px}.metric-grid strong{font-size:45px}.contact h2{font-size:34px}.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}
.chevron{display:block;width:8px;height:8px;flex:0 0 8px;border-right:1.75px solid currentColor;border-bottom:1.75px solid currentColor;transform:rotate(45deg) translateY(-2px);transform-origin:center;transition:transform .22s ease}
.nav-wrap nav .nav-dropdown[aria-expanded="true"] .chevron{transform:rotate(225deg) translate(-1px,-1px)}
.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}.chevron{margin-left:auto}}

/* 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-primary span{font-size:17px}
.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}
.nav-wrap.nav-scrolled nav .nav-dropdown{background:#f2f4f7;color:var(--ink)}
.nav-wrap.nav-scrolled nav .nav-dropdown[aria-expanded="true"]{background:#eaf0ff;color:var(--cobalt)}
@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){.hero-copy{transform:translateY(-32px)}.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{margin-top:24px}
.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}.hero h1 span{white-space:nowrap}.hero-actions{margin-top:20px}}

/* 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}
.compact-menu .mega-grid{padding-top:25px}
.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){.compact-menu>header{padding:20px}.compact-menu>header h3{font-size:19px}.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 */
.hero h1{margin-bottom:34px;line-height:1.14;letter-spacing:-.028em}
.hero-copy>p{max-width:610px;line-height:1.72}
.hero-actions{margin-top:30px}
@media(max-width:700px){.hero h1{margin-bottom:24px;line-height:1.16;letter-spacing:-.025em}.hero-copy>p{line-height:1.65}.hero-actions{margin-top:24px}}

/* 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-trust>header{margin-bottom:48px}
.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 .nav-wrap {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 68px;
  padding: 0 clamp(24px, 5.5vw, 96px);
  color: var(--ink);
  background: rgba(255, 255, 255, .96);
  border: 0;
  border-bottom: 1px solid rgba(16, 24, 40, .1);
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: blur(16px);
}
.home-page.banner-closed .nav-wrap { top: 0; }
.home-page .nav-wrap .logo img { filter: none; }
.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 .nav-wrap:not(.nav-scrolled) nav .nav-dropdown:hover,
.home-page .nav-wrap:not(.nav-scrolled) nav > a:hover { color: var(--cobalt); background: transparent; }
.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 article div{padding:var(--space-5)}
.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-layout{gap:var(--space-4)}
.industry-tabs{gap:var(--space-2)}
.industry-tabs button{padding:10px 14px;font-size:var(--text-sm);line-height:1.35}
.mock-message{padding:var(--space-4)}
.mock-message p{line-height:1.55}
.industry-proof{padding:var(--space-5)}
.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{padding:var(--space-4)}
.accordion button{padding:var(--space-3) 0;font-size:var(--text-base);line-height:1.45}
.accordion p{margin:0 0 var(--space-4);font-size:var(--text-sm);line-height:1.65}
.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{margin:var(--space-6) clamp(20px,4vw,64px);padding:clamp(28px,4vw,56px)}
.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)}
  .industry-layout{grid-template-columns:1fr}
  .industry-proof{grid-column:auto}
  .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{margin:var(--space-4) 16px;padding:var(--space-4)}
  .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-card{min-height:350px}
  .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}
  .inbox-intro{min-height:350px}.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}
.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{position:relative;overflow:hidden;margin:45px 4%;border-radius:28px;background:#eef4ff url('./closing-cta-footer-background-v3.png') center top/cover no-repeat;box-shadow:0 14px 42px rgba(32,73,130,.08)}
.closing-section:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse 92% 58% at 0 0,rgba(21,70,124,.58) 0%,rgba(31,91,151,.26) 42%,rgba(62,130,190,.07) 66%,transparent 82%)}
.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 */
.closing-section .footer-modern{margin:0 4% 45px;padding:68px 7% 26px;border-radius:22px;background:#0e0f0f;color:#fff;box-shadow:0 18px 44px rgba(5,15,28,.18);backdrop-filter:none}
.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-brand>p strong{color:#fff;font-size:18px;font-weight:600}
.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 b{margin-bottom:8px;color:#76797d;font-size:13px;font-weight:500}
.footer-nav a{color:#b9bbbe;font-size:14px;line-height:1.4;transition:color .2s ease}
.footer-nav a:hover{color:#fff}
.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-trigger:hover,.wechat-follow:focus .wechat-trigger{border-color:#5b7cff;background:#17191b}
.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}
.footer-legal a:hover{color:#fff}
@media(max-width:900px){.footer-main{grid-template-columns:1fr;gap:60px}.footer-brand{max-width:none}.footer-nav{max-width:620px}.closing-section .footer-modern{padding:55px 7% 26px}}
@media(max-width:700px){.closing-section .footer-modern{margin:0 16px 24px;padding:42px 24px 22px;border-radius:20px;background:#0e0f0f;box-shadow:0 14px 34px rgba(5,15,28,.20);backdrop-filter:none}.footer-main{min-height:0;gap:46px}.footer-logo{width:160px}.footer-nav{grid-template-columns:1fr 1fr;gap:28px}.footer-nav a{font-size:12px}.footer-legal{align-items:flex-start;flex-direction:column}.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 */
.closing-section .footer-modern{background:rgba(255,255,255,.92);color:#101828;box-shadow:0 12px 36px rgba(20,45,90,.10);backdrop-filter:blur(12px)}
.footer-brand>p{color:#667085}
.footer-brand>p strong{color:#101828}
.footer-nav b{color:#3b5bfc}
.footer-nav a{color:#344054}
.footer-nav a:hover{color:#3b5bfc}
.wechat-trigger{border-color:#d7def0;color:#101828;background:rgba(255,255,255,.68)}
.wechat-trigger:hover,.wechat-follow:focus .wechat-trigger{border-color:#3b5bfc;background:#f4f7ff}
.wechat-trigger small{color:#7a8499}
.footer-legal{border-top-color:#d9e1f0;color:#7a8499}
.footer-legal a:hover{color:#3b5bfc}
@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 */
.footer-main{grid-template-columns:minmax(250px,.8fr) minmax(0,2.2fr);gap:clamp(48px,6vw,96px)}
.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,46px)}
.footer-nav a{font-size:12px}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr;gap:56px}.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}.footer-nav a{font-size:12px}}

.footer-logo{width:280px;margin-bottom:34px}
@media(max-width:700px){.footer-logo{width:220px}}

/* Match footer navigation typography to the rest of the site */
.footer-main{grid-template-columns:minmax(280px,.72fr) minmax(0,2.28fr)}
.footer-nav{gap:clamp(24px,2.5vw,42px)}
.footer-nav b{font-size:15px;line-height:1.4}
.footer-nav a{font-size:14px;line-height:1.55}
@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 */
.closing-section{width:100%;margin:45px 0 0;border-radius:28px 28px 0 0}
.closing-section .footer-modern{margin:0 4% 45px}
.footer-brand{min-width:0}
.wechat-follow{grid-template-columns:1fr;align-items:start}
.wechat-qr{width:128px}
@media(max-width:700px){.closing-section{margin:24px 0 0;border-radius:22px 22px 0 0}.closing-section .footer-modern{margin:0 16px 24px}}

.wechat-follow.qr-pair{display:grid;grid-template-columns:repeat(2,128px);gap:14px;width:max-content}
.qr-pair .wechat-qr{position:static;width:128px;opacity:1;visibility:visible;transform:none;box-shadow:0 8px 24px rgba(34,65,110,.12)}
.qr-pair .wechat-qr span{color:#344054}
@media(max-width:700px){.wechat-follow.qr-pair{grid-template-columns:repeat(2,minmax(0,118px));gap:10px}.qr-pair .wechat-qr{width:118px}}

/* Professional ecommerce customer-service background, v4 */
.closing-section{background-image:url('./closing-cta-footer-background-v4.png')}
.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{background-image:url('./closing-cta-footer-background-v5.png')}
.closing-section:before{display:none}
.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 */
.closing-section{background-image:url('./closing-cta-footer-background-v6-4k.png')}
.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 */
.closing-section .footer-modern{padding:50px 6% 24px}
.footer-main{min-height:0;grid-template-columns:minmax(330px,.9fr) minmax(0,1.65fr);gap:clamp(54px,7vw,110px);padding-bottom:42px}
.footer-brand{max-width:390px}
.footer-logo{width:220px;margin-bottom:22px}
.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 div{gap:12px}
.footer-nav b{margin-bottom:6px}
.footer-nav a{font-size:13px}
.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-pair .qr-primary{padding-top:26px;border-color:#c9d5ff}
.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%)}
.qr-pair .qr-secondary{opacity:.72;box-shadow:none}
.qr-pair .wechat-qr span{padding-top:6px;font-size:10px;white-space:nowrap}
.footer-legal{padding-top:20px}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr;gap:46px}.footer-brand{max-width:none}.footer-nav{padding-top:0}}
@media(max-width:700px){.closing-section .footer-modern{padding:38px 24px 22px}.footer-main{gap:40px;padding-bottom:34px}.footer-logo{width:190px}.footer-nav{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-nav div:last-child{grid-column:1/-1}.wechat-follow.qr-pair{grid-template-columns:132px 100px}.footer-legal{gap:16px}}
body,button,input,textarea,select{font-family:"Inter","Noto Sans SC",Arial,sans-serif}

/* 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 */
.nav-wrap nav .nav-dropdown{border-radius:14px}
.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:#101010;background:#f0f0ef}
.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>a>span img{filter:invert(35%) sepia(93%) saturate(3254%) hue-rotate(224deg) brightness(100%) contrast(102%)}
.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))}
  #industry-menu{width:min(1080px,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}}

/* Channels and business integrations */
.integrations{padding:120px clamp(24px,8vw,120px);overflow:hidden;background:#fbfcff;color:#101828}
.integrations>header{max-width:930px;margin:0 auto 64px;text-align:center}
.integrations>header small{display:block;margin-bottom:18px;color:#3157ff;font-size:11px;font-weight:600;letter-spacing:.14em}
.integrations>header h2{margin:0;font-size:clamp(42px,4.8vw,72px);font-weight:450;line-height:1.08;letter-spacing:-.05em}
.integrations>header p{max-width:680px;margin:24px auto 0;color:#667085;font-size:16px;line-height:1.7}
.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}
.integration-governance{max-width:1180px;margin:72px auto 0;padding-top:58px;border-top:1px solid #cfd9fa}
.integration-governance>header{display:grid;grid-template-columns:1fr 1.25fr;grid-template-areas:"label title" "label copy";column-gap:56px;align-items:start}
.integration-governance>header small{grid-area:label;color:#3157ff;font-size:11px;font-weight:600;letter-spacing:.14em}
.integration-governance>header h3{grid-area:title;margin:0;color:#101828;font-size:clamp(30px,3vw,46px);font-weight:450;line-height:1.12;letter-spacing:-.04em}
.integration-governance>header p{grid-area:copy;margin:16px 0 0;color:#667085;font-size:14px;line-height:1.65}
.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{margin-top:54px;padding-top:42px}.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:#98a2b3;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:Inter,"Noto Sans SC",sans-serif}
.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 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{max-width:1080px;height:70px;margin:24px auto 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}
@media(max-width:1000px){.model-grid article{min-height:440px}.model-grid p{min-height:auto}.journey-rail{max-width:680px}}
@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 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)}}

/* 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:42px;
    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: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)}
.home-page .homepage-hero-v2:after{opacity:.1}
.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) .logo img{filter:brightness(0) invert(1)}
.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) nav .nav-dropdown:hover,.home-page .nav-wrap:not(.nav-scrolled) nav>a:hover{color:#fff;background:rgba(255,255,255,.1)}
.home-page .nav-wrap:not(.nav-scrolled) .account-cta{color:#fff;background:transparent;border-color:transparent;box-shadow:none}
.home-page .nav-wrap:not(.nav-scrolled) .nav-cta{color:#071329;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.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-primary{min-width:158px}.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}
.closing-section .contact.contact-hero-echo .contact-echo-copy>p{max-width:650px;margin:26px 0 0;color:#d4daea;font-size:17px;line-height:1.75;text-shadow:none}
.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-primary:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(0,0,0,.3)}
.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){.closing-section .contact.contact-hero-echo{margin:0 16px 24px;padding:58px 24px;gap:48px;border-radius:22px}.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-actions{align-items:flex-start;flex-direction:column;gap:18px}.contact-echo-primary{width:100%}.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}
.closing-section{margin-top:0;padding-top:45px;background:#fff!important}
.closing-section .contact.contact-hero-echo{min-height:540px;grid-template-columns:1fr}
.contact-echo-copy{max-width:820px}
.closing-section .footer-modern{width:100%;margin:0;padding:62px clamp(42px,8vw,130px) 28px;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}
.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{margin-top:0;padding-top:24px}.closing-section .contact.contact-hero-echo{margin:0 16px 24px}.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-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.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{padding-top:48px}
.closing-section .contact.contact-hero-echo{width:100%;min-height:520px;margin:0;padding:76px clamp(42px,7.5vw,132px) 106px;display:grid;grid-template-columns:minmax(420px,.86fr) minmax(440px,1.14fr);align-items:center;gap:clamp(48px,6vw,108px);border:0;border-radius:0;background:radial-gradient(ellipse at 86% 66%,rgba(36,84,240,.22),transparent 34%),linear-gradient(118deg,#020b1c 0%,#06142f 58%,#071735 100%);box-shadow:none}
.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}
.closing-section .contact-echo-copy{max-width:690px}
.contact-echo-copy>small{margin-bottom:24px;color:#7295ff;font-size:10px;letter-spacing:.17em}
.closing-section .contact.contact-hero-echo h2{font-size:clamp(44px,4vw,64px);line-height:1.09;letter-spacing:-.042em}
.closing-section .contact.contact-hero-echo .contact-echo-copy>p{max-width:610px;margin-top:23px;color:#b8c4dc;font-size:15px;line-height:1.75}
.contact-echo-actions{margin-top:30px;gap:30px}.contact-echo-actions a{min-height:52px}.contact-echo-primary{min-width:174px;border-radius:8px}.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{padding-top:24px}.closing-section .contact.contact-hero-echo{min-height:auto;margin:0;padding:58px 24px 154px;gap:34px;border-radius:0}.closing-section .contact.contact-hero-echo h2{font-size:38px}.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)}
.closing-section .contact-echo-copy{max-width:760px}
.closing-section .contact.contact-hero-echo h2{max-width:740px;font-size:clamp(44px,3.8vw,60px);line-height:1.08}
.closing-section .contact.contact-hero-echo .contact-echo-copy>p{margin-top:20px;font-size:14px}
.contact-echo-actions{margin-top:27px}
.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){.closing-section .contact.contact-hero-echo{padding:52px 24px}.closing-section .contact.contact-hero-echo h2{font-size:38px}.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-actions{gap:0}
.contact-echo-primary{min-width:228px;padding:0 22px 0 25px;justify-content:space-between;gap:24px}
.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 */
.closing-section{margin:0;padding:0!important;border-radius:0}
.closing-section .contact.contact-hero-echo{width:100%;margin:0;border-radius:0}
.contact-echo-secondary{display:none!important}
@media(max-width:700px){.closing-section{margin:0;padding:0!important}}

/* Inset CTA card + centered footer */
.closing-section{padding:36px 4% 0!important;background:#fff!important}
.closing-section .contact.contact-hero-echo{width:100%;min-height:430px;margin:0;padding:72px clamp(30px,7vw,110px);display:flex;align-items:center;justify-content:center;border-radius:28px;text-align:center}
.closing-section .contact-echo-copy{max-width:900px;margin:auto;text-align:center}
.closing-section .contact.contact-hero-echo h2{max-width:none;text-align:center}
.closing-section .contact.contact-hero-echo .contact-echo-copy>p{max-width:760px;margin:22px auto 0}
.contact-echo-actions{justify-content:center}
.closing-section .footer-modern{padding-top:66px;text-align:center}
.footer-main{grid-template-columns:minmax(300px,.9fr) minmax(0,1.65fr);align-items:start}
.footer-brand{max-width:430px;margin-inline:auto;text-align:center}
.footer-logo{margin-left:auto;margin-right:auto}
.wechat-follow.qr-pair{margin-left:auto;margin-right:auto}
.footer-nav div{align-items:center;text-align:center}
.footer-legal{justify-content:center;flex-wrap:wrap;text-align:center}
.footer-legal>span,.footer-legal>div{flex:1;justify-content:center;min-width:240px}
@media(max-width:1100px){.footer-main{grid-template-columns:1fr}.footer-nav{width:100%;max-width:760px;margin-inline:auto}}
@media(max-width:700px){.closing-section{padding:18px 16px 0!important}.closing-section .contact.contact-hero-echo{padding:56px 22px;border-radius:22px}.closing-section .footer-modern{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px)}.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 */
.closing-section .footer-modern{width:calc(100% + 8vw);margin-left:-4vw;margin-right:-4vw;padding:64px 4vw 28px}
.footer-main{width:100%;grid-template-columns:minmax(300px,.8fr) minmax(0,2.2fr);gap:clamp(56px,7vw,130px)}
.footer-brand{max-width:none;margin:0}
.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}.footer-nav{grid-template-columns:1fr 1fr;gap:36px 24px}.footer-nav div:last-child{grid-column:1/-1}}

/* 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}.certification-wall article+article{border-left:1px solid rgba(141,165,231,.2)}
.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}.certification-wall article:nth-child(n+3){border-top:1px solid rgba(141,165,231,.2)}}
@media(max-width:700px){.integration-governance{margin-top:64px;padding:48px 22px 0;border-radius:20px}.integration-governance>header{grid-template-columns:1fr;grid-template-areas:"label" "title" "copy" "link"}.integration-governance>header small{margin:0 0 18px}.integration-governance>header h3{font-size:38px}.certification-wall{margin-top:40px;grid-template-columns:1fr}.certification-wall article{min-height:132px;padding:22px 8px}.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}}

.integration-governance{padding-bottom:64px}
@media(max-width:700px){.integration-governance{padding-bottom:34px}}

/* 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))}
.cert-image-asib{width:72px;height:86px;flex-basis:82px}
@media(max-width:700px){.cert-image{width:72px;height:72px;flex-basis:72px}.cert-image-asib{width:64px;height:76px;flex-basis:72px}}

/* Homepage CTA uses square corners */
.closing-section .contact.contact-hero-echo{border-radius:0}
@media(max-width:700px){.closing-section .contact.contact-hero-echo{border-radius:0}}

/* 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}.integration-logo-group+.integration-logo-group{border-top:1px solid #cbd7ef}}
@media(max-width:700px){.integration-logo-group>header{min-height:88px;padding:22px 18px}.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{overflow:hidden;border:1px solid #cbd7ef;border-radius:20px;box-shadow:0 18px 44px rgba(31,54,112,.08)}
.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}
.integration-logo-grid{background:#d7e0f3}
@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{max-width:1280px;margin:26px auto 0;padding:48px clamp(32px,4vw,58px) 42px;border-radius:22px;box-shadow:0 22px 54px rgba(10,30,70,.14)}
.integration-governance>header{grid-template-columns:minmax(160px,.42fr) minmax(0,1.58fr);column-gap:52px}
.integration-governance>header h3{font-size:clamp(34px,3.25vw,48px)}
.integration-governance>header p{margin-top:16px}
.integration-governance>header a{margin-top:16px}
.certification-wall{margin-top:38px}
.certification-wall article{min-height:142px;padding:24px 22px}
.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{margin-top:18px;padding:40px 22px 30px}.integration-governance>header{grid-template-columns:1fr}.integration-governance>header h3{font-size:34px}.certification-wall{margin-top:32px}.certification-wall article{min-height:116px}.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 small{color:#3157ff}
.integration-governance>header h3{color:#101828}
.integration-governance>header p{color:#667085}
.integration-governance>header a{color:#344054}.integration-governance>header a span{color:#3157ff}
.certification-wall{overflow:hidden;border:1px solid #cbd7ef;border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(31,54,112,.08)}
.certification-wall article{background:#fff}.certification-wall article+article{border-left-color:#d7e0f3}
.certification-wall strong{color:#101828}.certification-wall small{color:#667085}
@media(max-width:1050px){.certification-wall article:nth-child(n+3){border-top-color:#d7e0f3}}
@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 .cert-image-asib{width:68px;height:80px;flex-basis: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{grid-template-columns:1fr}
  .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{margin-top:20px;border-radius:16px}
  .integration-governance>header{padding:28px 22px}
  .integration-governance>header h3{font-size:27px}
  .certification-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .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)}
.contact-echo-primary:hover{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 22px 58px rgba(49,87,255,.36);transform:translateY(-2px)}
.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}.footer-nav{grid-template-columns:repeat(3,minmax(110px,1fr))}}
@media(max-width:700px){.closing-section{padding:18px 16px 0!important}.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}.footer-nav div:last-child{grid-column:1/-1}.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{padding:36px 0 0!important}
.closing-section:after{display:none!important}
.closing-section .contact.contact-hero-echo{width:auto;margin:0 4%;background:transparent!important;box-shadow:none}
.contact-echo-primary{border-color:rgba(255,255,255,.32);background:linear-gradient(90deg,#ffffff 0%,#edf2ff 38%,#3157ff 100%);color:#071329;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 18px 50px rgba(49,87,255,.3)}
.contact-echo-primary b{color:#fff}
.contact-echo-primary:hover{background:linear-gradient(90deg,#ffffff 0%,#e9efff 34%,#2549d8 100%);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 22px 58px rgba(49,87,255,.38)}
.closing-section .footer-modern{width:100%;margin:0;padding-left:10%;padding-right:10%}
@media(max-width:700px){.closing-section{padding:18px 0 0!important}.closing-section .contact.contact-hero-echo{margin:0 16px}.closing-section .footer-modern{padding-left:24px;padding-right:24px}}

/* 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 */
.closing-section .contact.contact-hero-echo{border-radius:28px!important;overflow:hidden}
.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}
.contact-echo-primary:hover{background:#fff!important;box-shadow:0 22px 54px rgba(255,255,255,.16),0 20px 48px rgba(49,87,255,.3)!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){.closing-section .contact.contact-hero-echo{border-radius:22px!important}.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}
@media(max-width:700px){.closing-section .contact.contact-hero-echo{border-radius:22px!important}}

/* Remove warm bleed before footer; keep the closing background in Shulex dark blue */
.closing-section{background:#050816!important}
.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{margin:24px 16px 0!important;border-radius:22px 22px 0 0!important}
  .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}

/* 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}}

/* 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-primary{background:#fff!important;color:#3157ff!important;box-shadow:0 20px 52px rgba(49,87,255,.26),0 1px 0 rgba(255,255,255,.8) inset!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 .homepage-hero-v2 .hero-actions a{height:54px!important;min-height:54px!important;font-size:15px!important}.home-page .homepage-hero-v2 .hero-primary{min-width:216px!important;padding-left:22px!important}.home-page .homepage-hero-v2 .hero-secondary{min-width:190px!important;padding-left:20px!important}.home-page .homepage-hero-v2 .hero-primary b,.home-page .homepage-hero-v2 .hero-secondary .play{width:44px;height:44px;flex-basis:44px;font-size:20px}.home-page .purchase-intent{width:190px!important;padding:22px 24px!important}.home-page .purchase-intent strong{font-size:40px!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{min-width:318px!important}
.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}
.home-page .purchase-intent strong{font-size:40px!important}
.home-page .purchase-intent small{font-size:13px!important}
@media(max-width:800px){.home-page .homepage-hero-v2 .hero-primary{min-width:252px!important}.home-page .purchase-intent strong{font-size:34px!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:42px!important;height:42px!important;flex-basis:42px!important;font-size:19px!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}}
/* 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%)}}