/* TRUST AI public website — clean rebuild, September 2026.
   Visual references: TRUST AI cabinet + legacy main2 site. */
:root {
  --bg:#f2f6fb;
  --bg-2:#eaf2fa;
  --surface:#fff;
  --surface-soft:#f8fbfe;
  --ink:#0b1728;
  --ink-2:#19324d;
  --muted:#718096;
  --muted-2:#95a4b5;
  --line:#dce6ef;
  --line-strong:#cbd9e6;
  --blue:#0b83f6;
  --blue-deep:#0869d7;
  --blue-soft:#e9f5ff;
  --cyan:#65e4ff;
  --navy:#06111f;
  --navy-2:#0b1b2e;
  --green:#16a36a;
  --shadow-xs:0 1px 2px rgba(6,17,31,.04);
  --shadow-sm:0 8px 24px rgba(17,45,78,.07);
  --shadow:0 18px 50px rgba(17,45,78,.10);
  --shadow-lg:0 30px 80px rgba(6,17,31,.16);
  --r-sm:12px;
  --r:18px;
  --r-lg:26px;
  --container:1180px;
  --font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"TT Days Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font:var(--font-ui);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-ui);font-weight:400;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(11,131,246,.18);color:var(--ink)}
.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.section{padding:112px 0}
.section--white{background:#fff}
.section--soft{background:var(--bg)}
.section--navy{background:var(--navy);color:#fff}
.kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1;font-weight:780;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.kicker::before{content:"";width:18px;height:2px;border-radius:4px;background:currentColor}
.kicker--light{color:#77caff}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:60px;align-items:end;margin-bottom:52px}
.section-head h2{margin:14px 0 0;max-width:780px;font-size:clamp(38px,4.4vw,62px);line-height:.99;letter-spacing:-.055em;font-weight:760}
.section-head p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.section--navy .section-head p{color:#8fa0b4}
h1,h2{font-family:var(--font-display);font-weight:900;letter-spacing:-.035em;font-synthesis:none}
h3,h4{font-family:var(--font-ui);letter-spacing:-.025em}
p{color:var(--muted)}
button,input,select,textarea{font-family:var(--font-ui)}

/* typography — synced with TRUST AI unified cabinet */
@font-face{
  font-family:"TT Days Sans";
  src:local("TT Days Sans"),local("TT Days Sans Black"),local("TTDaysSans-Black"),url("assets/fonts/TTDaysSans-Black.ttf") format("truetype");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
.brand-copy strong,
.hero-core-card b,
.platform-hub b,
.infra-word,
.infra-num,
.number-item strong,
.visual-title,
.product-index,
.service-card .num,
.flow-step::before,
.integration-item small,
.scenario small{
  font-family:var(--font-display);
  font-weight:900;
  font-synthesis:none;
}
.brand-copy strong{letter-spacing:-.035em}
.hero-copy h1,.page-hero h1{font-family:var(--font-display);font-weight:900;letter-spacing:-.045em}
.section-head h2,.mission-copy h2,.statement h2,.pilot h2,.cta-panel h2{font-family:var(--font-display);font-weight:900;letter-spacing:-.035em}
.hero-copy>p,.page-hero-copy>p,.section-head p,.mission-copy p,.feature p,.flow-step p,.scenario p,.service-card p,.role-card p{font-weight:400}
.btn,.nav-link,.nav-button,.kicker,.role-index,.dropdown-menu b{font-family:var(--font-ui);font-weight:800}
.number-item strong,.infra-num,.product-index,.service-card .num,.flow-step::before{font-variant-numeric:tabular-nums lining-nums}

/* header */
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:82px;border-bottom:1px solid transparent;transition:.22s ease;background:rgba(247,250,252,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.site-header.is-home:not(.scrolled){background:transparent;backdrop-filter:none;border-bottom-color:rgba(255,255,255,.07)}
.site-header.scrolled{height:74px;background:rgba(247,250,252,.92);border-bottom-color:rgba(211,224,235,.8);box-shadow:0 8px 30px rgba(10,35,60,.05)}
.header-inner{height:100%;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:11px;min-width:190px}
.brand-mark{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:transparent;overflow:hidden}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font-size:13px;font-weight:820;letter-spacing:.02em}
.brand-copy small{margin-top:5px;color:var(--muted);font-size:9px;font-weight:620;letter-spacing:.02em}
.site-header.is-home:not(.scrolled) .brand-copy strong{color:#fff}
.site-header.is-home:not(.scrolled) .brand-copy small{color:#a5b7ca}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav-link,.nav-button{height:40px;padding:0 12px;border:0;border-radius:11px;background:transparent;color:#42576e;font-size:10px;font-weight:720;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.16s ease}
.nav-link:hover,.nav-link.active,.nav-button:hover{background:#fff;color:var(--blue);box-shadow:var(--shadow-xs)}
.site-header.is-home:not(.scrolled) .nav-link,.site-header.is-home:not(.scrolled) .nav-button{color:#b9c7d6}
.site-header.is-home:not(.scrolled) .nav-link:hover,.site-header.is-home:not(.scrolled) .nav-link.active,.site-header.is-home:not(.scrolled) .nav-button:hover{background:rgba(255,255,255,.07);color:#fff;box-shadow:none}
.header-actions{display:flex;align-items:center;gap:8px}
.btn{min-height:44px;padding:0 17px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:780;transition:.16s ease;cursor:pointer}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#0c8cf9,#0871da);color:#fff;box-shadow:0 9px 22px rgba(10,125,233,.20)}
.btn-primary:hover{box-shadow:0 13px 28px rgba(10,125,233,.28)}
.btn-secondary{background:#fff;border-color:var(--line);color:#385069;box-shadow:var(--shadow-xs)}
.btn-secondary:hover{border-color:#bcd9ed;background:#f4faff;color:#0876da}
.btn-ghost-dark{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.btn-ghost-dark:hover{background:rgba(255,255,255,.13)}
.site-header.is-home:not(.scrolled) .header-login{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);color:#fff}
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:50px;left:50%;transform:translate(-50%,8px);width:330px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:.16s ease}
.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dropdown-menu a{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px}
.dropdown-menu a:hover{background:#f2f7fb}
.dropdown-icon{width:36px;height:36px;border-radius:11px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:800}
.dropdown-menu b{display:block;font-size:10px}.dropdown-menu small{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35}.dropdown-menu i{font-style:normal;color:#7b8fa4}
.menu-toggle{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);cursor:pointer}
.site-header.is-home:not(.scrolled) .menu-toggle{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#fff}

/* home hero */
.home-hero{min-height:780px;padding:145px 0 70px;background:
 radial-gradient(circle at 72% 42%,rgba(11,131,246,.20),transparent 28%),
 radial-gradient(circle at 96% 12%,rgba(101,228,255,.08),transparent 23%),
 var(--navy);color:#fff;position:relative;overflow:hidden}
.home-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.08)}
.hero-grid{min-height:565px;display:grid;grid-template-columns:minmax(0,.96fr) minmax(440px,1.04fr);gap:62px;align-items:center}
.hero-copy{position:relative;z-index:2}
.hero-copy .kicker{color:#7ccfff}
.hero-copy h1{margin:22px 0 24px;max-width:720px;font-size:clamp(48px,5.7vw,78px);line-height:.97;letter-spacing:-.06em;font-weight:760}
.hero-copy h1 span{color:#63c7ff}
.hero-copy>p{max-width:600px;margin:0;color:#a9b8c9;font-size:19px;line-height:1.62}
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:34px}
.hero-note{display:flex;align-items:center;gap:10px;margin-top:30px;color:#8294a8;font-size:10px}
.hero-note .dot{width:8px;height:8px;border-radius:50%;background:#37d7a2;box-shadow:0 0 0 5px rgba(55,215,162,.10)}
.hero-visual{position:relative;min-height:530px;display:grid;place-items:center}
.hero-orbit{position:absolute;border:1px solid rgba(104,190,255,.12);border-radius:50%;pointer-events:none}
.hero-orbit.a{width:505px;height:505px}.hero-orbit.b{width:390px;height:390px}.hero-orbit.c{width:280px;height:280px;border-style:dashed}
.network-card{position:relative;z-index:2;width:min(510px,100%);padding:24px;border:1px solid rgba(137,198,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(20,39,63,.92),rgba(8,21,37,.96));box-shadow:0 32px 100px rgba(0,0,0,.35);backdrop-filter:blur(22px);transform:perspective(1300px) rotateY(-4deg) rotateX(2deg)}
.network-top{display:flex;justify-content:space-between;align-items:start;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.network-top img{width:115px;max-height:34px;object-fit:contain;object-position:left center}.network-top span{font-size:9px;color:#6f879f;letter-spacing:.12em;text-transform:uppercase}
.network-center{padding:27px 0 23px;display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center}
.role-stack{display:grid;gap:9px}.role-pill{min-height:55px;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.045);display:flex;align-items:center;gap:10px}.role-pill i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(11,131,246,.14);color:#70ceff;font-style:normal;font-size:9px;font-weight:800}.role-pill b{font-size:10px}.role-pill small{display:block;margin-top:3px;color:#6f8498;font-size:8px}
.network-core{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 45% 38%,#1698ff,#075eba 75%);box-shadow:0 0 0 12px rgba(11,131,246,.07),0 20px 45px rgba(4,89,163,.32);font-size:11px;font-weight:820;letter-spacing:.05em}
.network-core span{display:block;font-size:8px;font-weight:620;color:#b9e5ff;margin-top:3px;letter-spacing:0}
.network-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.network-metric{padding:13px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.network-metric small{display:block;color:#71869a;font-size:8px}.network-metric b{display:block;margin-top:5px;font-size:15px}.network-metric b.blue{color:#62c8ff}
.float-status{position:absolute;z-index:3;right:-18px;top:82px;padding:12px 14px;border-radius:15px;background:rgba(17,34,55,.95);border:1px solid rgba(137,198,255,.16);box-shadow:0 18px 45px rgba(0,0,0,.28);display:flex;align-items:center;gap:9px}.float-status i{width:28px;height:28px;border-radius:9px;background:rgba(22,163,106,.14);color:#45dda9;display:grid;place-items:center;font-style:normal}.float-status b{display:block;font-size:9px}.float-status small{display:block;margin-top:2px;color:#70869a;font-size:8px}

/* infrastructure */
.infra-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:78px;align-items:start}
.infra-brand{position:sticky;top:110px;min-height:360px;padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(145deg,#fff,#f5faff);box-shadow:var(--shadow-sm);overflow:hidden}
.infra-brand::after{content:"";position:absolute;width:240px;height:240px;border:1px solid #dfeaf3;border-radius:50%;right:-100px;bottom:-100px}
.infra-brand small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.infra-word{position:absolute;left:28px;bottom:30px}.infra-word strong{display:block;font-size:62px;line-height:.76;letter-spacing:-.08em}.infra-word span{display:block;margin-top:18px;color:var(--blue);font-size:50px;line-height:.8;font-weight:780;letter-spacing:-.07em}
.infra-list{border-top:1px solid var(--line-strong)}
.infra-item{display:grid;grid-template-columns:100px 1fr;gap:26px;padding:33px 0;border-bottom:1px solid var(--line);align-items:start}.infra-num{font-size:40px;line-height:1;font-weight:760;letter-spacing:-.05em;color:var(--blue)}.infra-item h3{margin:0;max-width:720px;font-size:20px;line-height:1.4;font-weight:690;letter-spacing:-.025em}.infra-item p{margin:8px 0 0;font-size:12px;line-height:1.6}

/* mission */
.mission-shell{padding:46px;border-radius:30px;background:linear-gradient(135deg,#071522,#0b2136);box-shadow:0 28px 70px rgba(5,32,56,.14);display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;overflow:hidden;position:relative}
.mission-shell::after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-135px;top:-150px;border:1px solid rgba(101,228,255,.12)}
.mission-copy h2{margin:14px 0 18px;color:#fff;font-size:clamp(38px,4vw,57px);line-height:1;letter-spacing:-.055em}.mission-copy p{max-width:670px;margin:0;color:#91a4b8;line-height:1.72;font-size:14px}.mission-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.mission-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.04);color:#9db3c8;font-size:9px;font-weight:650}
.video-tile{position:relative;z-index:1;min-height:310px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:23px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;justify-content:space-between}.video-tile-top{display:flex;justify-content:space-between;color:#6f89a1;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.play{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--navy);font-size:17px;box-shadow:0 15px 34px rgba(0,0,0,.2)}.video-tile h3{max-width:330px;margin:0;color:#fff;font-size:24px;line-height:1.15}.video-tile p{margin:7px 0 0;color:#7e94a9;font-size:11px;line-height:1.5}

/* roles */
.role-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.role-card{min-height:280px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.18s ease}.role-card:hover{background:#f9fcff}.role-meta{display:flex;justify-content:space-between;align-items:center}.role-index{font-size:11px;font-weight:750;color:var(--blue)}.role-icon{width:38px;height:38px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:800}.role-card h3{margin:38px 0 10px;font-size:25px;line-height:1.08}.role-card p{margin:0;max-width:460px;line-height:1.65;font-size:12px}.role-arrow{margin-top:auto;padding-top:26px;color:var(--blue);font-size:18px}

/* numbers */
.number-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11)}.number-item{min-height:245px;padding:30px 24px 30px 0;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column}.number-item:not(:first-child){padding-left:26px}.number-item:last-child{border-right:0}.number-item small{color:#5f7489;font-size:9px;font-weight:700;letter-spacing:.1em}.number-item strong{margin-top:auto;color:#fff;font-size:64px;line-height:.9;letter-spacing:-.07em}.number-item span{margin-top:14px;color:#8194a7;font-size:11px;line-height:1.5;max-width:210px}

/* products */
.product-list{border-top:1px solid var(--line-strong)}.product-row{display:grid;grid-template-columns:100px 185px minmax(0,1fr) 44px;gap:20px;align-items:start;padding:31px 0;border-bottom:1px solid var(--line);transition:.16s ease}.product-row:hover{padding-left:10px;padding-right:10px;background:#f8fbfe}.product-index{font-size:25px;line-height:1;font-weight:760;color:var(--blue)}.product-type{font-size:9px;font-weight:780;color:#8a9aac;letter-spacing:.1em;text-transform:uppercase;padding-top:5px}.product-main h3{margin:0 0 9px;font-size:23px}.product-main p{margin:0;max-width:720px;font-size:12px;line-height:1.65}.product-go{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:var(--blue);background:#fff}

/* common CTA/footer */
.final-cta{padding:72px 0;background:#fff}.cta-panel{padding:45px 48px;border-radius:30px;background:linear-gradient(135deg,#071522,#0a2034);display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;box-shadow:0 26px 65px rgba(5,36,65,.14)}.cta-panel h2{max-width:770px;margin:0;color:#fff;font-size:clamp(34px,4vw,54px);line-height:1;letter-spacing:-.05em}.cta-panel p{margin:14px 0 0;color:#8da1b6;line-height:1.6}.cta-actions{display:flex;gap:8px}
.site-footer{padding:62px 0 28px;background:#07111d;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:45px;padding-bottom:46px}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#71859a}.footer-brand p{max-width:340px;color:#71859a;font-size:11px;line-height:1.6;margin:20px 0 0}.footer-col b{display:block;margin-bottom:16px;color:#dce8f2;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer-col a{display:block;margin-top:11px;color:#758ba0;font-size:10px}.footer-col a:hover{color:#fff}.footer-bottom{padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:30px;color:#52687d;font-size:9px}

/* internal page */
.page-hero{padding:150px 0 88px;background:linear-gradient(180deg,#f8fbfe,var(--bg));border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:75px;align-items:center}.page-hero h1{margin:18px 0 20px;max-width:800px;font-size:clamp(47px,5.2vw,72px);line-height:.98;letter-spacing:-.06em}.page-hero-copy>p{max-width:680px;margin:0;font-size:17px;line-height:1.68}.page-hero-actions{display:flex;gap:9px;margin-top:30px}.page-visual{min-height:390px;padding:27px;border-radius:28px;background:linear-gradient(145deg,#071522,#0b2136);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column}.page-visual::before,.page-visual::after{content:"";position:absolute;border:1px solid rgba(101,228,255,.11);border-radius:50%}.page-visual::before{width:320px;height:320px;right:-80px;top:-90px}.page-visual::after{width:180px;height:180px;left:-80px;bottom:-80px}.visual-label{position:relative;z-index:1;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#66839c}.visual-title{position:relative;z-index:1;margin:auto 0 22px;font-size:42px;line-height:.92;font-weight:760;letter-spacing:-.06em}.visual-title span{display:block;color:#58c7ff}.visual-list{position:relative;z-index:1;display:grid;gap:8px}.visual-list div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.04)}.visual-list b{font-size:9px}.visual-list small{color:#6f879c;font-size:8px}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature{min-height:250px;padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.feature small{display:block;color:var(--blue);font-size:9px;font-weight:780}.feature h3{margin:40px 0 9px;font-size:23px}.feature p{margin:0;font-size:12px;line-height:1.65}
.flow{counter-reset:step;border-top:1px solid var(--line)}.flow-step{display:grid;grid-template-columns:80px 1fr 1.1fr;gap:24px;padding:29px 0;border-bottom:1px solid var(--line);align-items:start}.flow-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);color:var(--blue);font-size:22px;font-weight:760;letter-spacing:-.04em}.flow-step h3{margin:0;font-size:19px}.flow-step p{margin:0;font-size:12px;line-height:1.65}
.service-list{display:grid;gap:12px}.service-card{padding:25px 27px;border:1px solid var(--line);border-radius:var(--r);background:#fff;display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;box-shadow:var(--shadow-xs);transition:.16s ease}.service-card:hover{border-color:#bfdaed;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.service-card .num{font-size:24px;font-weight:760;color:var(--blue)}.service-card h3{margin:0 0 6px;font-size:18px}.service-card p{margin:0;font-size:11px;line-height:1.55}.service-card .go{color:var(--blue);font-size:18px}
.statement{padding:45px;border-radius:28px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.statement h2{margin:0;font-size:clamp(35px,4vw,54px);line-height:1}.statement p{margin:0;font-size:14px;line-height:1.75}
.statement--dark{background:linear-gradient(135deg,#071522,#0b2136);border:0}.statement--dark h2{color:#fff}.statement--dark p{color:#8ca0b3}
.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.scenario{min-height:230px;padding:27px;border:1px solid var(--line);border-radius:18px;background:#fff}.scenario small{font-size:9px;color:var(--blue);font-weight:780}.scenario h3{margin:38px 0 10px;font-size:20px}.scenario p{margin:0;font-size:11px;line-height:1.65}
.pilot{display:grid;grid-template-columns:1fr 380px;gap:60px;align-items:start}.pilot h2{margin:12px 0 18px;font-size:clamp(38px,4vw,56px);line-height:1}.pilot p{margin:0;line-height:1.7}.pilot-list{padding:8px 0;border-top:1px solid var(--line)}.pilot-list li{list-style:none;padding:16px 0;border-bottom:1px solid var(--line);color:#40566c;font-size:11px;display:flex;gap:12px}.pilot-list li::before{content:"✓";color:var(--blue);font-weight:800}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1020px){
 .main-nav,.header-actions{display:none}.menu-toggle{display:grid;place-items:center}
 .main-nav.mobile-open{display:flex;position:fixed;left:16px;right:16px;top:78px;margin:0;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch}.main-nav.mobile-open .nav-link,.main-nav.mobile-open .nav-button{color:#3d5368;justify-content:flex-start}.main-nav.mobile-open .dropdown{width:100%}.main-nav.mobile-open .dropdown-menu{position:static;transform:none;width:100%;box-shadow:none;margin-top:4px;display:none}.main-nav.mobile-open .dropdown.open .dropdown-menu{display:block;opacity:1;visibility:visible}
 .hero-grid,.page-hero-grid{grid-template-columns:1fr}.home-hero{padding-top:125px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p{margin-inline:auto}.hero-actions,.hero-note{justify-content:center}.hero-visual{min-height:510px}.network-card{transform:none}
 .section-head{grid-template-columns:1fr;gap:18px}.infra-layout{grid-template-columns:280px 1fr;gap:45px}.mission-shell{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr 1fr}.number-grid{grid-template-columns:1fr 1fr}.number-item:nth-child(2){border-right:0}.number-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}
 .product-row{grid-template-columns:70px 145px 1fr 40px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid .footer-col:last-child{grid-column:2/4}.page-hero-copy{text-align:center}.page-hero h1,.page-hero-copy>p{margin-inline:auto}.page-hero-actions{justify-content:center}.page-visual{max-width:620px;width:100%;margin-inline:auto}.pilot{grid-template-columns:1fr}
}
@media(max-width:720px){
 .container{width:min(calc(100% - 30px),var(--container))}.section{padding:76px 0}.site-header{height:68px}.site-header.scrolled{height:64px}.brand-mark{width:33px;height:33px}.brand-copy small{display:none}
 .home-hero{min-height:auto;padding:112px 0 55px}.hero-grid{min-height:auto;gap:30px}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-note{font-size:9px}.hero-visual{min-height:410px}.hero-orbit.a{width:380px;height:380px}.hero-orbit.b{width:300px;height:300px}.hero-orbit.c{width:220px;height:220px}.network-card{padding:18px;border-radius:22px}.network-center{grid-template-columns:1fr;gap:8px}.role-stack{grid-template-columns:1fr 1fr}.network-core{display:none}.network-bottom{grid-template-columns:1fr 1fr}.network-metric:last-child{display:none}.float-status{right:-4px;top:70px}.network-top img{width:95px}
 .section-head h2{font-size:39px}.infra-layout{grid-template-columns:1fr;gap:22px}.infra-brand{position:relative;top:auto;min-height:205px}.infra-word strong{font-size:50px}.infra-word span{font-size:41px}.infra-item{grid-template-columns:62px 1fr;padding:25px 0}.infra-num{font-size:31px}.infra-item h3{font-size:17px}
 .mission-shell{padding:28px;border-radius:23px}.mission-copy h2{font-size:38px}.video-tile{min-height:245px}.role-grid{grid-template-columns:1fr}.role-card{min-height:230px;padding:25px}.number-grid{grid-template-columns:1fr}.number-item,.number-item:not(:first-child){min-height:180px;padding:24px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}.number-item:last-child{border-bottom:0}.number-item strong{font-size:50px}
 .product-row{grid-template-columns:52px 1fr 38px;gap:13px}.product-type{display:none}.product-index{font-size:20px}.product-main h3{font-size:19px}.product-main p{font-size:11px}.cta-panel{padding:30px;border-radius:23px;grid-template-columns:1fr}.cta-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid .footer-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column}
 .page-hero{padding:112px 0 58px}.page-hero-grid{gap:32px}.page-hero h1{font-size:43px}.page-hero-copy>p{font-size:14px}.page-hero-actions{flex-direction:column}.page-visual{min-height:315px}.visual-title{font-size:34px}.feature-grid{grid-template-columns:1fr}.feature{min-height:210px}.flow-step{grid-template-columns:52px 1fr;gap:12px}.flow-step p{grid-column:2}.service-card{grid-template-columns:46px 1fr 25px;padding:20px}.statement{padding:28px;grid-template-columns:1fr;gap:18px}.statement h2{font-size:37px}.scenario-grid{grid-template-columns:1fr}.pilot{gap:30px}.pilot h2{font-size:39px}
}
@media(max-width:420px){.hero-copy h1,.page-hero h1{font-size:38px}.hero-visual{min-height:380px}.role-stack{grid-template-columns:1fr}.role-pill:nth-child(even){display:none}.float-status{display:none}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.role-card,.product-row,.service-card{transition:none}}

/* =========================================================
   CABINET ALIGNMENT PASS — public site v2
   Brings the landing pages much closer to TRUST AI Cabinet UI 2.0.
   ========================================================= */
:root{
  --container:1240px;
  --r-sm:12px;
  --r:18px;
  --r-lg:28px;
}
body{
  font-size:14px;
  line-height:1.5;
  background:
    radial-gradient(circle at 78% 0%,rgba(69,193,255,.12),transparent 27%),
    radial-gradient(circle at 15% 85%,rgba(11,131,246,.07),transparent 28%),
    linear-gradient(180deg,#f7fafc 0%,#eef4f9 100%);
}
.container{width:min(calc(100% - 56px),var(--container))}
.section{padding:76px 0}
.section--white,.section--soft{background:transparent}
.section-head{grid-template-columns:minmax(0,1fr) 350px;gap:42px;margin-bottom:28px;align-items:end}
.section-head h2{margin-top:10px;font-size:clamp(31px,3.4vw,46px);line-height:1.04;letter-spacing:-.045em;font-weight:760}
.section-head p{font-size:13px;line-height:1.65}
.kicker{font-size:9px;letter-spacing:.13em}.kicker::before{width:14px}

/* cabinet-like topbar */
.site-header,
.site-header.is-home:not(.scrolled),
.site-header.scrolled{
  height:76px;
  background:rgba(247,250,252,.84);
  border-bottom:1px solid rgba(205,218,229,.78);
  box-shadow:none;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.header-inner{gap:26px}
.brand{min-width:180px}
.brand-mark{width:38px;height:38px;border-radius:12px}
.brand-copy strong,.site-header.is-home:not(.scrolled) .brand-copy strong{color:var(--ink);font-size:13px}
.brand-copy small,.site-header.is-home:not(.scrolled) .brand-copy small{color:var(--muted);font-size:9px}
.nav-link,.nav-button,.site-header.is-home:not(.scrolled) .nav-link,.site-header.is-home:not(.scrolled) .nav-button{
  min-height:42px;padding:0 12px;color:#60768a;font-size:11px;font-weight:680;border-radius:11px;
}
.nav-link:hover,.nav-link.active,.nav-button:hover,
.site-header.is-home:not(.scrolled) .nav-link:hover,.site-header.is-home:not(.scrolled) .nav-link.active,.site-header.is-home:not(.scrolled) .nav-button:hover{
  color:var(--blue);background:#fff;box-shadow:var(--shadow-xs);
}
.site-header.is-home:not(.scrolled) .header-login{background:#fff;border-color:var(--line);color:#385069}
.btn{min-height:42px;padding:0 16px;border-radius:11px;font-size:11px;font-weight:760}
.btn-primary{background:linear-gradient(145deg,#0e91fa,#075fc7);box-shadow:0 8px 18px rgba(11,131,246,.20)}
.btn-secondary{background:#fff}
.menu-toggle,.site-header.is-home:not(.scrolled) .menu-toggle{background:#fff;border-color:var(--line);color:var(--ink)}

/* home dashboard hero */
.home-hero{
  min-height:auto;padding:108px 0 28px;background:transparent;color:#fff;overflow:visible;
}
.home-hero::after{display:none}
.home-hero .hero-grid{
  position:relative;overflow:hidden;min-height:585px;
  grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:54px;
  padding:58px 58px 52px;border-radius:30px;
  background:
    linear-gradient(105deg,rgba(5,23,40,.98) 0%,rgba(7,60,103,.96) 57%,rgba(11,132,246,.76) 100%);
  box-shadow:0 26px 65px rgba(5,36,65,.18);
}
.home-hero .hero-grid::before{content:"";position:absolute;inset:auto -85px -170px auto;width:430px;height:430px;border-radius:50%;border:1px solid rgba(125,227,255,.18)}
.home-hero .hero-grid::after{content:"";position:absolute;width:230px;height:230px;right:260px;top:-165px;border-radius:50%;border:1px solid rgba(125,227,255,.12)}
.hero-copy h1{font-size:clamp(46px,5vw,69px);line-height:.98;margin:18px 0 20px;max-width:690px}
.hero-copy>p{font-size:15px;line-height:1.7;max-width:560px;color:#b1c3d2}
.hero-actions{margin-top:28px}.hero-note{margin-top:26px;color:#819cb1;font-size:10px}
.hero-copy .kicker{color:#73d9ff}
.hero-visual{min-height:455px}
.hero-orbit.a{width:430px;height:430px}.hero-orbit.b{width:330px;height:330px}.hero-orbit.c{width:240px;height:240px}
.network-card{
  width:min(465px,100%);padding:21px;border-radius:23px;
  background:rgba(8,25,39,.72);border:1px solid rgba(148,218,255,.16);
  box-shadow:0 22px 55px rgba(0,0,0,.18);transform:none;backdrop-filter:blur(16px)
}
.role-pill{min-height:51px;border-radius:12px;background:rgba(255,255,255,.055)}
.network-core{width:94px;height:94px;box-shadow:0 0 0 10px rgba(11,131,246,.07),0 15px 35px rgba(4,89,163,.25)}
.float-status{right:-8px;top:76px;border-radius:13px;box-shadow:0 15px 36px rgba(0,0,0,.20)}

/* infrastructure as a cabinet workspace panel */
.infra-layout{grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:stretch}
.infra-brand{
  position:relative;top:auto;min-height:410px;padding:24px;border-radius:22px;
  border:1px solid #173d59;background:linear-gradient(145deg,#0c2131,#10324a);box-shadow:0 13px 35px rgba(20,52,74,.07);color:#fff;
}
.infra-brand::after{border-color:rgba(120,216,255,.16)}
.infra-brand small{color:#75bce5;font-size:9px}.infra-word strong{color:#fff;font-size:54px}.infra-word span{font-size:44px;color:#62cfff}
.infra-list{padding:7px 26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 13px 35px rgba(20,52,74,.05)}
.infra-item{grid-template-columns:74px 1fr;gap:20px;padding:26px 0}
.infra-num{font-size:28px;color:#5ba8d3}
.infra-item h3{font-size:16px;line-height:1.45;color:#183b55}.infra-item p{font-size:11px;color:#718798}

/* mission resembles cabinet panel rather than marketing banner */
.mission-shell{
  padding:34px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 13px 35px rgba(20,52,74,.05);
  grid-template-columns:1.08fr .92fr;gap:28px;
}
.mission-shell::after{display:none}.mission-copy .kicker{color:#5a9fc9}
.mission-copy h2{color:#12334c;font-size:clamp(31px,3.5vw,46px);line-height:1.06;margin:10px 0 14px}
.mission-copy p{color:#718798;font-size:13px;line-height:1.7}.mission-tags{margin-top:22px}.mission-tags span{background:#f1f8fc;border:1px solid #dceaf2;color:#50748b;font-size:10px;border-radius:9px}
.video-tile{border-radius:18px;background:linear-gradient(145deg,#0c2131,#10324a);box-shadow:none}

/* cabinet card grids */
.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}
.role-card{
  min-height:245px;padding:25px;border:1px solid #dde7ee;border-radius:22px;background:#fff;
  box-shadow:0 13px 35px rgba(20,52,74,.05)
}
.role-card:hover{transform:translateY(-2px);border-color:#bcdced;background:#fbfdff;box-shadow:0 16px 36px rgba(20,67,97,.08)}
.role-index{font-size:9px;color:#7ba9c4}.role-icon{width:34px;height:34px;border-radius:10px;background:#f0f7fb;color:#5295bc;font-size:10px}
.role-card h3{margin:34px 0 9px;font-size:21px;color:#14344d}.role-card p{font-size:11px;color:#718798}.role-arrow{font-size:16px}

.section--navy{background:transparent;color:inherit;padding:60px 0}
.section--navy>.container{
  padding:34px;border-radius:28px;color:#fff;
  background:linear-gradient(105deg,#081c2c 0%,#0c3049 60%,#0c5790 100%);
  box-shadow:0 20px 55px rgba(5,36,65,.13);overflow:hidden;position:relative
}
.section--navy>.container::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-110px;top:-120px;border:1px solid rgba(125,227,255,.14);pointer-events:none}
.section--navy .section-head{position:relative;z-index:1;margin-bottom:22px}.section--navy .section-head h2{color:#fff}.section--navy .section-head p{color:#a9c0cf}
.number-grid{position:relative;z-index:1;margin-top:26px;gap:10px;border:0}
.number-item,.number-item:not(:first-child){min-height:175px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.045)}
.number-item small{color:#76aaca;font-size:9px}.number-item strong{font-size:48px;margin-top:auto}.number-item span{color:#a9c0cf;font-size:10px}

.product-list{padding:0 24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 13px 35px rgba(20,52,74,.05)}
.product-row{grid-template-columns:62px 150px minmax(0,1fr) 40px;gap:18px;padding:23px 0}
.product-row:hover{padding-left:0;padding-right:0;background:transparent}.product-index{font-size:19px;color:#5295bc}.product-type{font-size:8px}.product-main h3{font-size:18px;color:#14344d}.product-main p{font-size:11px;color:#718798}.product-go{width:36px;height:36px;border-radius:10px;background:#f0f7fb;border-color:#dbe9f1}

/* CTA = cabinet referral / action card */
.final-cta{padding:28px 0 70px;background:transparent}.cta-panel{
  padding:31px 34px;border:1px solid #dce8f0;border-radius:24px;background:linear-gradient(145deg,#fff,#f6fbfe);
  box-shadow:0 13px 35px rgba(20,52,74,.05);grid-template-columns:1fr auto
}
.cta-panel h2{color:#163850;font-size:clamp(28px,3.2vw,40px);line-height:1.08}.cta-panel p{color:#72899a;font-size:12px}.cta-panel .btn-ghost-dark{background:#fff;border-color:var(--line);color:#385069}

.site-footer{padding:48px 0 25px;background:#081421}.footer-grid{padding-bottom:34px}.footer-col a{font-size:11px}.footer-brand p{font-size:11px}

/* internal pages: hero becomes a cabinet dashboard header */
.page-hero{padding:108px 0 28px;background:transparent;border:0}
.page-hero-grid{
  position:relative;overflow:hidden;grid-template-columns:minmax(0,1.13fr) minmax(350px,.87fr);gap:42px;align-items:center;
  padding:45px;border-radius:28px;color:#fff;
  background:linear-gradient(105deg,rgba(5,23,40,.98) 0%,rgba(7,60,103,.95) 57%,rgba(11,132,246,.72) 100%);
  box-shadow:0 26px 65px rgba(5,36,65,.16)
}
.page-hero-grid::before{content:"";position:absolute;inset:auto -80px -150px auto;width:350px;height:350px;border-radius:50%;border:1px solid rgba(125,227,255,.17)}
.page-hero-copy{position:relative;z-index:1}.page-hero .kicker{color:#72c9ed}.page-hero h1{color:#fff;font-size:clamp(39px,4.4vw,58px);line-height:1.01;margin:14px 0 17px;max-width:760px}
.page-hero-copy>p{color:#b1c3d2;font-size:14px;line-height:1.7}.page-hero-actions{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;align-items:start;max-width:820px}.page-hero-actions>.action-stack,.page-hero-actions>.btn,.page-hero-actions>.action-stack .btn{width:100%}.page-hero .btn-secondary{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.12);color:#fff}
.page-visual{min-height:330px;padding:21px;border-radius:21px;background:rgba(7,27,43,.60);border:1px solid rgba(148,218,255,.14);box-shadow:none;backdrop-filter:blur(12px)}
.page-visual::before,.page-visual::after{opacity:.7}.visual-title{font-size:34px}.visual-list div{border-radius:10px}.visual-list b{font-size:10px}.visual-list small{font-size:9px}

.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}.feature{min-height:215px;padding:24px;border:1px solid #dde7ee;border-radius:20px;background:#fff;box-shadow:0 13px 35px rgba(20,52,74,.045)}
.feature small{font-size:9px;color:#5a9fc9}.feature h3{margin:33px 0 8px;font-size:19px;color:#14344d}.feature p{font-size:11px;color:#718798}
.flow{padding:7px 25px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 13px 35px rgba(20,52,74,.045)}
.flow-step{grid-template-columns:64px 1fr 1.15fr;padding:23px 0}.flow-step::before{font-size:18px;color:#5a9fc9}.flow-step h3{font-size:16px;color:#183b55}.flow-step p{font-size:11px;color:#718798}
.service-list{gap:10px}.service-card{padding:21px 22px;border-radius:18px;box-shadow:0 8px 24px rgba(17,45,78,.045)}.service-card:hover{transform:translateY(-1px)}.service-card .num{font-size:19px;color:#5295bc}.service-card h3{font-size:16px;color:#183b55}.service-card p{font-size:11px}
.statement{padding:31px;border-radius:22px;gap:38px;box-shadow:0 13px 35px rgba(20,52,74,.04)}.statement h2{font-size:clamp(28px,3.2vw,42px);color:#163850}.statement p{font-size:12px;color:#718798}
.statement--dark{background:linear-gradient(145deg,#0c2131,#10324a);box-shadow:0 13px 35px rgba(20,52,74,.07)}.statement--dark h2{color:#fff}.statement--dark p{color:#a9c0cf}
.scenario-grid{gap:14px}.scenario{min-height:205px;padding:23px;border-radius:18px;box-shadow:0 13px 35px rgba(20,52,74,.04)}.scenario h3{margin:31px 0 9px;font-size:18px;color:#183b55}.scenario p{font-size:11px}
.pilot{grid-template-columns:1fr 350px;gap:28px;padding:31px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 13px 35px rgba(20,52,74,.045)}.pilot h2{font-size:clamp(30px,3.4vw,44px);color:#163850}.pilot p{font-size:12px}.pilot-list li{font-size:11px}

@media(max-width:1020px){
  .home-hero .hero-grid,.page-hero-grid{grid-template-columns:1fr;padding:42px}.hero-copy{text-align:left}.hero-copy h1,.hero-copy>p{margin-left:0}.hero-actions,.hero-note{justify-content:flex-start}.hero-visual{min-height:455px}
  .infra-layout{grid-template-columns:250px 1fr}.section--navy>.container{padding:30px}.page-hero-copy{text-align:left}.page-hero h1,.page-hero-copy>p{margin-left:0}.page-hero-actions{justify-content:flex-start;grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:58px 0}.section-head{margin-bottom:22px}.section-head h2{font-size:34px}.site-header,.site-header.is-home:not(.scrolled),.site-header.scrolled{height:68px}
  .home-hero{padding:88px 0 20px}.home-hero .hero-grid{padding:27px 20px 22px;border-radius:23px;gap:22px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:13px}.hero-visual{min-height:380px}.network-card{padding:16px;border-radius:18px}.hero-orbit.a{width:340px;height:340px}.hero-orbit.b{width:270px;height:270px}.hero-orbit.c{width:205px;height:205px}
  .infra-layout{grid-template-columns:1fr}.infra-brand{min-height:200px;border-radius:19px}.infra-word strong{font-size:43px}.infra-word span{font-size:36px}.infra-list{padding:5px 18px;border-radius:19px}.infra-item{grid-template-columns:55px 1fr;padding:21px 0}.infra-num{font-size:23px}.infra-item h3{font-size:15px}
  .mission-shell{padding:23px;border-radius:20px;gap:22px}.mission-copy h2{font-size:33px}.role-grid{grid-template-columns:1fr}.role-card{min-height:210px;border-radius:18px}.section--navy{padding:45px 0}.section--navy>.container{padding:23px 18px;border-radius:22px}.number-grid{grid-template-columns:1fr 1fr;gap:8px}.number-item,.number-item:not(:first-child){min-height:145px;padding:15px;border:1px solid rgba(255,255,255,.08)}.number-item strong{font-size:40px}
  .product-list{padding:0 17px;border-radius:19px}.product-row{grid-template-columns:45px 1fr 34px;padding:20px 0}.product-type{display:none}.product-main h3{font-size:16px}.cta-panel{padding:24px;border-radius:20px}.cta-panel h2{font-size:30px}
  .page-hero{padding:88px 0 20px}.page-hero-grid{padding:27px 20px;border-radius:23px;gap:25px}.page-hero h1{font-size:37px}.page-hero-copy>p{font-size:13px}.page-visual{min-height:285px;border-radius:18px}.visual-title{font-size:30px}.feature-grid{grid-template-columns:1fr}.feature{min-height:185px;border-radius:18px}.flow{padding:5px 18px;border-radius:19px}.flow-step{grid-template-columns:46px 1fr}.flow-step p{grid-column:2}.statement{padding:24px;grid-template-columns:1fr;gap:14px;border-radius:19px}.pilot{grid-template-columns:1fr;padding:24px;border-radius:19px}
}
@media(max-width:420px){.hero-copy h1,.page-hero h1{font-size:34px}.home-hero .hero-grid,.page-hero-grid{padding-left:17px;padding-right:17px}.number-grid{grid-template-columns:1fr}}

/* ========================================================================
   V3 — tighter rhythm, legacy blue logo, animated role-specific hero scenes
   ======================================================================== */

/* compact vertical rhythm */
.section{padding:66px 0}
.section-head{margin-bottom:30px;gap:42px}
.section-head h2{font-size:clamp(34px,3.65vw,50px)}
.section-head p{font-size:13px;line-height:1.62}
.final-cta{padding:14px 0 46px}
.site-footer{padding-top:40px}
.feature-grid,.scenario-grid{gap:12px}
.feature{min-height:192px;padding:21px}
.feature h3{margin-top:25px}
.role-card{min-height:220px;padding:22px}.role-card h3{margin-top:28px}
.mission-shell{padding:28px}.product-row{padding:20px 0}
.section--navy{padding:48px 0}.section--navy>.container{padding:30px}
.statement{padding:27px}.pilot{padding:27px}.flow-step{padding:20px 0}

/* legacy blue square logo */
.brand-mark{width:39px;height:39px;border-radius:12px;box-shadow:0 7px 18px rgba(9,125,246,.16)}
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.site-footer .brand-mark{box-shadow:none}

/* shared hero stage */
.hero-stage{position:relative;isolation:isolate;overflow:hidden}
.hero-stage .hero-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero-stage .hero-ambient i{position:absolute;border-radius:50%;filter:blur(1px);opacity:.46;will-change:transform}
.hero-stage .hero-ambient i:nth-child(1){width:540px;height:540px;right:-170px;top:-210px;background:radial-gradient(circle,rgba(28,145,255,.28),rgba(28,145,255,0) 68%);animation:ambientFloat 12s ease-in-out infinite alternate}
.hero-stage .hero-ambient i:nth-child(2){width:420px;height:420px;left:36%;bottom:-290px;background:radial-gradient(circle,rgba(79,217,255,.20),rgba(79,217,255,0) 70%);animation:ambientFloat 15s ease-in-out -4s infinite alternate-reverse}
.hero-stage .hero-ambient i:nth-child(3){width:260px;height:260px;left:-90px;top:10%;background:radial-gradient(circle,rgba(44,105,255,.18),rgba(44,105,255,0) 70%);animation:ambientFloat 10s ease-in-out -2s infinite alternate}
.hero-gridlines{position:absolute;inset:0;z-index:0;opacity:.32;background-image:linear-gradient(rgba(145,204,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(145,204,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,transparent 0,#000 33%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 33%,#000 100%);animation:gridSlide 18s linear infinite}
.hero-parallax{--mx:0px;--my:0px;transform:translate3d(var(--mx),var(--my),0);transition:transform .2s ease-out}
.hero-stage .btn{min-height:45px;padding-inline:18px}

/* home hero */
.home-hero{min-height:700px;padding:122px 0 52px;background:radial-gradient(circle at 72% 42%,rgba(11,131,246,.19),transparent 29%),linear-gradient(126deg,#06111f 0%,#071a2d 54%,#08243c 100%)}
.home-hero .hero-grid{position:relative;z-index:1;min-height:515px;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:48px;padding:0;background:none;border:0;box-shadow:none}
.home-hero .hero-grid::before,.home-hero .hero-grid::after{display:none}
.hero-copy h1{font-size:clamp(47px,5.25vw,71px);margin:18px 0 19px}
.hero-copy>p{font-size:16px;max-width:540px}
.hero-actions{margin-top:27px}.hero-note{margin-top:22px}
.hero-visual{min-height:500px;position:relative;perspective:1200px}
.ecosystem-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(99,199,255,.17);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.orbit-1{width:490px;height:490px;animation:orbitSpin 28s linear infinite}
.orbit-1::before,.orbit-1::after,.orbit-2::before,.orbit-2::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#52c8ff;box-shadow:0 0 18px rgba(82,200,255,.95)}
.orbit-1::before{left:44px;top:96px}.orbit-1::after{right:52px;bottom:84px}
.orbit-2{width:370px;height:370px;border-style:dashed;animation:orbitSpinReverse 19s linear infinite}
.orbit-2::before{left:25px;bottom:90px;background:#76f1ff}.orbit-2::after{right:28px;top:85px;background:#297dff}
.orbit-3{width:250px;height:250px;border-color:rgba(91,181,255,.11);animation:orbitPulse 4.2s ease-in-out infinite}
.ecosystem-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ecosystem-lines .line{fill:none;stroke:#48b9ff;stroke-width:1.15;stroke-dasharray:7 9;opacity:.26;animation:dashFlow 9s linear infinite}
.ecosystem-lines .line-b{animation-direction:reverse;animation-duration:12s;stroke:#64e1ff}.ecosystem-lines .line-c{opacity:.13;animation-duration:15s}
.hero-core-card{position:absolute;left:50%;top:50%;width:178px;height:196px;transform:translate(-50%,-50%) rotateX(3deg);padding:17px;border-radius:24px;border:1px solid rgba(131,208,255,.18);background:linear-gradient(150deg,rgba(20,51,79,.94),rgba(6,20,35,.97));box-shadow:0 28px 70px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.055);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:4;animation:coreHover 5.2s ease-in-out infinite}
.hero-logo-old{width:62px;height:62px;border-radius:17px;overflow:hidden;box-shadow:0 12px 34px rgba(13,132,255,.35);margin-bottom:13px}.hero-logo-old img{width:100%;height:100%;object-fit:cover}
.hero-core-card>span{font-size:8px;letter-spacing:.16em;color:#6e9cbf}.hero-core-card>b{font-size:20px;margin-top:5px;color:#fff;letter-spacing:-.04em}.hero-core-card>small{font-size:8px;color:#7791a7;margin-top:5px}
.core-pulse{position:absolute;inset:-12px;border:1px solid rgba(56,185,255,.32);border-radius:32px;animation:corePulse 2.8s ease-out infinite}
.ecosystem-node{position:absolute;z-index:5;min-width:150px;padding:11px 13px;border:1px solid rgba(145,209,255,.13);border-radius:15px;background:rgba(11,31,49,.84);box-shadow:0 13px 34px rgba(0,0,0,.22);backdrop-filter:blur(14px);display:flex;align-items:center;gap:10px;animation:nodeFloat 5.5s ease-in-out infinite}
.ecosystem-node i{font-style:normal;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(30,143,240,.14);color:#67caff;font-size:9px;font-weight:820}.ecosystem-node b{display:block;color:#fff;font-size:10px}.ecosystem-node small{display:block;color:#7893a9;font-size:7px;margin-top:3px}
.node-investor{left:0;top:72px;animation-delay:-1s}.node-agent{left:3px;bottom:80px;animation-delay:-3.6s}.node-community{right:0;top:85px;animation-delay:-2.2s}.node-platform{right:3px;bottom:72px;animation-delay:-4.4s}
.hero-float-card{position:absolute;z-index:7;padding:10px 12px;border:1px solid rgba(151,211,255,.13);border-radius:13px;background:rgba(7,24,39,.83);box-shadow:0 14px 35px rgba(0,0,0,.22);backdrop-filter:blur(12px);animation:nodeFloat 6s ease-in-out infinite}.hero-float-card small{display:block;font-size:7px;color:#6b8aa3;letter-spacing:.11em}.hero-float-card b{display:block;color:#fff;font-size:10px;margin-top:5px}.hero-float-card>span{display:block;color:#66859e;font-size:7px;margin-top:3px}.float-card-a{top:8px;right:86px;animation-delay:-2s}.float-card-b{bottom:8px;left:82px;animation-delay:-4s}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#37df9f;box-shadow:0 0 0 4px rgba(55,223,159,.1),0 0 12px rgba(55,223,159,.45);margin-right:7px;animation:livePulse 1.8s ease-in-out infinite}
.hero-ticker{position:absolute;bottom:0;left:0;right:0;height:29px;border-top:1px solid rgba(255,255,255,.06);overflow:hidden;color:rgba(138,180,214,.35);font-size:8px;letter-spacing:.16em;line-height:29px;white-space:nowrap}.hero-ticker div{width:max-content;animation:tickerMove 22s linear infinite}

/* internal animated hero cards */
.page-hero{padding:94px 0 22px;background:transparent}
.page-hero-grid{position:relative;z-index:1;min-height:500px;grid-template-columns:minmax(0,1fr) minmax(405px,.92fr);gap:42px;padding:40px 42px;border-radius:28px;background:linear-gradient(118deg,#061522 0%,#0a2740 60%,#0b5186 100%);box-shadow:0 23px 60px rgba(8,39,65,.15);overflow:hidden}
.page-hero-grid::before{width:460px;height:460px;right:-165px;top:-230px;border-color:rgba(97,207,255,.16);animation:orbitSpin 28s linear infinite}
.page-hero h1{font-size:clamp(38px,4vw,54px);margin:12px 0 15px}.page-hero-copy>p{font-size:13px;max-width:660px}.page-hero-actions{margin-top:23px}
.page-visual--animated{position:relative;min-height:380px;padding:17px;border-radius:21px;background:linear-gradient(145deg,rgba(9,31,49,.92),rgba(6,19,32,.88));border:1px solid rgba(143,211,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.19);overflow:hidden;isolation:isolate}
.page-visual--animated::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(115,195,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(115,195,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent 95%);-webkit-mask-image:linear-gradient(#000,transparent 95%);animation:gridSlide 16s linear infinite;z-index:-1}
.visual-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 2px 11px;border-bottom:1px solid rgba(255,255,255,.07);color:#89a8bf;font-size:7px;letter-spacing:.1em}.visual-bar span{display:flex;align-items:center}.visual-bar small{font-size:7px;color:#52748e}

/* investors scene */
.investor-workspace{padding:17px 19px 19px}.investor-balance{position:relative;margin-top:17px}.investor-balance span{display:block;color:#6e91aa;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.investor-balance strong{display:inline-block;color:#fff;font-size:27px;margin-top:5px;letter-spacing:-.05em}.investor-balance em{display:inline-flex;margin-left:9px;padding:4px 7px;border-radius:8px;background:rgba(54,213,154,.1);color:#55dfa7;font-style:normal;font-size:8px;vertical-align:4px}
.chart-wrap{position:relative;height:145px;margin:4px -4px 0}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-area{fill:url(#chartFill);opacity:.9}.chart-line{fill:none;stroke:#37adff;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;filter:drop-shadow(0 0 7px rgba(55,173,255,.38));animation:chartDraw 2.3s cubic-bezier(.2,.7,.2,1) .35s forwards}
.chart-dot{position:absolute;width:10px;height:10px;border-radius:50%;right:-1px;top:18px;background:#79e8ff;border:2px solid #0b2c48;box-shadow:0 0 0 5px rgba(81,200,255,.12),0 0 16px rgba(81,200,255,.7);animation:livePulse 1.8s ease-in-out infinite}
.workspace-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}.workspace-cards>div{padding:11px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.035);animation:cardBreathe 5s ease-in-out infinite}.workspace-cards>div:nth-child(2){animation-delay:-1.6s}.workspace-cards>div:nth-child(3){animation-delay:-3.2s}.workspace-cards small{display:block;color:#6d8aa1;font-size:7px}.workspace-cards b{display:block;color:#fff;font-size:16px;margin-top:5px}.workspace-cards span{display:block;color:#678298;font-size:7px;margin-top:3px}.workspace-float{position:absolute;right:18px;top:56px;width:78px;padding:10px;border:1px solid rgba(105,203,255,.15);border-radius:14px;background:rgba(15,45,69,.85);backdrop-filter:blur(12px);box-shadow:0 15px 30px rgba(0,0,0,.18);animation:nodeFloat 5s ease-in-out infinite}.workspace-float span{display:block;color:#78a0bb;font-size:7px}.workspace-float b{font-size:22px;color:#70dbff}.workspace-float small{font-size:7px;color:#5f7e94}

/* partners scene */
.partner-network{min-height:380px}.partner-lines{position:absolute;inset:43px 12px 0;width:calc(100% - 24px);height:calc(100% - 55px);overflow:visible}.partner-lines path{fill:none;stroke:#48baff;stroke-width:1.1;opacity:.31;stroke-dasharray:5 8;animation:dashFlow 7s linear infinite}.partner-lines path:nth-child(even){stroke:#67e4ff;animation-direction:reverse;animation-duration:10s}
.partner-core{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;border:1px solid rgba(109,210,255,.20);background:radial-gradient(circle,rgba(18,70,105,.93),rgba(7,28,45,.98));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;box-shadow:0 0 0 14px rgba(36,143,207,.035),0 20px 45px rgba(0,0,0,.26);animation:coreHover 5s ease-in-out infinite}.partner-core::before,.partner-core::after{content:"";position:absolute;border:1px solid rgba(87,197,255,.13);border-radius:50%;inset:-28px;animation:orbitSpin 13s linear infinite}.partner-core::after{inset:-53px;border-style:dashed;animation:orbitSpinReverse 18s linear infinite}.partner-core img{width:39px;height:39px;border-radius:10px;box-shadow:0 9px 20px rgba(9,130,255,.28);z-index:1}.partner-core b{font-size:10px;color:#fff;margin-top:7px;z-index:1}.partner-core span{font-size:6px;color:#6f95ad;margin-top:2px;z-index:1}
.partner-node{position:absolute;z-index:5;width:108px;padding:9px 10px;border:1px solid rgba(139,212,255,.13);border-radius:13px;background:rgba(8,29,47,.87);box-shadow:0 12px 28px rgba(0,0,0,.18);animation:nodeFloat 5s ease-in-out infinite}.partner-node i{float:left;width:27px;height:27px;margin-right:8px;border-radius:8px;display:grid;place-items:center;background:rgba(35,150,229,.12);color:#6ad4ff;font-style:normal;font-size:7px;font-weight:800}.partner-node b{display:block;color:#fff;font-size:8px;margin-top:1px}.partner-node small{display:block;color:#6e8da4;font-size:6px;margin-top:3px}.pn-a{left:22px;top:67px;animation-delay:-1s}.pn-b{right:22px;top:72px;animation-delay:-2.8s}.pn-c{left:24px;bottom:28px;animation-delay:-4s}.pn-d{right:22px;bottom:25px;animation-delay:-1.8s}
.flow-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:#76e6ff;box-shadow:0 0 14px #49c8ff;z-index:6;offset-rotate:0deg}.p1{offset-path:path('M 125 115 C 190 95 225 130 280 190');animation:particleRun 3.6s linear infinite}.p2{offset-path:path('M 430 120 C 370 100 335 130 280 190');animation:particleRun 4.2s linear .8s infinite}.p3{offset-path:path('M 125 300 C 190 285 228 240 280 190');animation:particleRun 4.7s linear 1.4s infinite}.p4{offset-path:path('M 430 298 C 365 280 332 238 280 190');animation:particleRun 3.9s linear 2s infinite}

/* platforms scene */
.platform-connect{min-height:380px}.platform-lines{position:absolute;inset:43px 0 0;width:100%;height:calc(100% - 48px);z-index:1}.platform-lines path{fill:none;stroke:#4ebfff;stroke-width:1.25;stroke-dasharray:4 8;opacity:.30;animation:dashFlow 7s linear infinite}.platform-lines path:nth-child(even){animation-direction:reverse;stroke:#77e6ff}
.platform-hub{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:112px;height:124px;border-radius:22px;border:1px solid rgba(117,214,255,.18);background:linear-gradient(145deg,rgba(15,56,84,.95),rgba(7,27,44,.98));box-shadow:0 20px 45px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:4;animation:coreHover 5s ease-in-out infinite}.platform-hub img{width:42px;height:42px;border-radius:11px;box-shadow:0 10px 24px rgba(13,135,255,.30)}.platform-hub span{color:#6f9ab5;font-size:6px;margin-top:8px}.platform-hub b{color:#fff;font-size:10px;margin-top:3px}.platform-hub i{position:absolute;inset:-13px;border:1px solid rgba(92,200,255,.12);border-radius:29px;animation:corePulse 3s ease-out infinite}
.platform-stack{position:absolute;top:62px;width:118px;display:grid;gap:12px;z-index:3}.stack-left{left:18px}.stack-right{right:18px}.platform-stack>div{padding:10px 11px;border:1px solid rgba(132,207,255,.12);border-radius:12px;background:rgba(9,31,49,.78);box-shadow:0 11px 25px rgba(0,0,0,.14);animation:nodeFloat 6s ease-in-out infinite}.platform-stack>div:nth-child(2){animation-delay:-2s}.platform-stack>div:nth-child(3){animation-delay:-4s}.platform-stack small{display:block;color:#60839a;font-size:6px}.platform-stack b{display:block;color:#d8edfa;font-size:8px;margin-top:3px}.data-packet{position:absolute;z-index:7;padding:4px 6px;border-radius:7px;background:#0c79c9;border:1px solid rgba(111,219,255,.28);color:#dff7ff;font-size:6px;box-shadow:0 0 16px rgba(49,174,255,.32);animation:dataFly 4.5s linear infinite}.dp1{left:30%;top:31%;animation-delay:0s}.dp2{right:29%;top:50%;animation-delay:-1.5s}.dp3{left:30%;bottom:24%;animation-delay:-3s}

/* hero-specific tones */
.hero-stage--investor .page-hero-grid{background:linear-gradient(118deg,#061522 0%,#0a2c46 62%,#0d5e8a 100%)}
.hero-stage--partners .page-hero-grid{background:linear-gradient(118deg,#071523 0%,#0b2843 55%,#0b6794 100%)}
.hero-stage--platform .page-hero-grid{background:linear-gradient(118deg,#07131f 0%,#0c2540 55%,#0a4b84 100%)}

/* animation keyframes */
@keyframes ambientFloat{0%{transform:translate3d(-12px,-8px,0) scale(.94)}100%{transform:translate3d(24px,20px,0) scale(1.08)}}
@keyframes gridSlide{to{background-position:54px 54px}}
@keyframes orbitSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitSpinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}
@keyframes orbitPulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.95)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes dashFlow{to{stroke-dashoffset:-160}}
@keyframes coreHover{0%,100%{transform:translate(-50%,-50%) translateY(-4px) rotateX(3deg)}50%{transform:translate(-50%,-50%) translateY(7px) rotateX(-2deg)}}
@keyframes corePulse{0%{opacity:.7;transform:scale(.94)}75%,100%{opacity:0;transform:scale(1.12)}}
@keyframes nodeFloat{0%,100%{transform:translateY(-3px)}50%{transform:translateY(5px)}}
@keyframes livePulse{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@keyframes tickerMove{to{transform:translateX(-50%)}}
@keyframes chartDraw{to{stroke-dashoffset:0}}
@keyframes cardBreathe{0%,100%{border-color:rgba(255,255,255,.075);background:rgba(255,255,255,.035)}50%{border-color:rgba(83,192,255,.16);background:rgba(25,105,158,.07)}}
@keyframes particleRun{from{offset-distance:0%;opacity:0}10%,88%{opacity:1}to{offset-distance:100%;opacity:0}}
@keyframes dataFly{0%{transform:translateX(-22px);opacity:0}18%{opacity:1}50%{transform:translateX(26px);opacity:1}100%{transform:translateX(72px);opacity:0}}

/* responsive */
@media(max-width:1020px){
  .section{padding:58px 0}.home-hero{min-height:auto;padding:108px 0 45px}.home-hero .hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{text-align:left}.hero-copy h1,.hero-copy>p{margin-left:0}.hero-actions,.hero-note{justify-content:flex-start}.hero-visual{width:min(620px,100%);margin-inline:auto;min-height:480px}
  .page-hero{padding-top:88px}.page-hero-grid{grid-template-columns:1fr;padding:34px;gap:28px}.page-visual--animated{width:min(610px,100%);margin-inline:auto}
}
@media(max-width:720px){
  .section{padding:44px 0}.section-head{margin-bottom:20px;gap:14px}.section-head h2{font-size:32px}.section-head p{font-size:12px}.final-cta{padding:6px 0 34px}
  .home-hero{padding:86px 0 38px}.home-hero .hero-grid{padding:0;gap:14px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:13px}.hero-actions{margin-top:21px}.hero-note{margin-top:16px}.hero-visual{min-height:390px;transform:none!important}.orbit-1{width:350px;height:350px}.orbit-2{width:280px;height:280px}.orbit-3{width:205px;height:205px}.hero-core-card{width:142px;height:158px;padding:13px}.hero-logo-old{width:50px;height:50px}.hero-core-card>b{font-size:16px}.ecosystem-node{min-width:112px;padding:8px 9px}.ecosystem-node i{width:25px;height:25px}.ecosystem-node b{font-size:8px}.node-investor{left:0;top:54px}.node-agent{left:0;bottom:55px}.node-community{right:0;top:62px}.node-platform{right:0;bottom:52px}.hero-float-card{display:none}.hero-ticker{display:none}
  .page-hero{padding:82px 0 10px}.page-hero-grid{min-height:auto;padding:25px 18px;border-radius:22px;gap:22px}.page-hero h1{font-size:35px}.page-hero-copy>p{font-size:12px}.page-visual--animated{min-height:330px;padding:14px;transform:none!important}.investor-workspace{padding:14px}.workspace-cards{gap:5px}.workspace-cards>div{padding:8px}.workspace-cards span{display:none}.workspace-float{right:12px;top:49px}.chart-wrap{height:126px}
  .partner-network,.platform-connect{min-height:330px}.partner-core{width:96px;height:96px}.partner-core::before{inset:-21px}.partner-core::after{inset:-39px}.partner-node{width:91px;padding:7px}.pn-a,.pn-c{left:5px}.pn-b,.pn-d{right:5px}.partner-node i{width:23px;height:23px;margin-right:5px}.partner-node small{display:none}
  .platform-stack{width:92px;top:58px}.stack-left{left:3px}.stack-right{right:3px}.platform-stack>div{padding:8px}.platform-hub{width:92px;height:106px}.platform-hub img{width:37px;height:37px}.data-packet{display:none}
  .feature{min-height:170px;padding:18px}.role-card{min-height:195px;padding:19px}.mission-shell,.statement,.pilot{padding:20px}.section--navy{padding:36px 0}.section--navy>.container{padding:20px 16px}.product-row{padding:17px 0}
}
@media(max-width:430px){
  .hero-copy h1{font-size:34px}.page-hero h1{font-size:32px}.hero-visual{min-height:350px}.orbit-1{width:310px;height:310px}.orbit-2{width:245px;height:245px}.orbit-3{width:178px;height:178px}.ecosystem-node{min-width:94px}.ecosystem-node span small{display:none}.ecosystem-node i{width:22px;height:22px}.node-investor{top:45px}.node-community{top:52px}.node-agent{bottom:45px}.node-platform{bottom:43px}
  .page-visual--animated{min-height:300px}.workspace-cards>div:nth-child(3){display:none}.workspace-cards{grid-template-columns:1fr 1fr}.partner-lines,.platform-lines{opacity:.75}.platform-stack{width:80px}.platform-stack b{font-size:7px}.platform-hub{width:84px;height:98px}
}
@media(prefers-reduced-motion:reduce){
  .hero-stage *, .hero-stage *::before,.hero-stage *::after{animation:none!important;scroll-behavior:auto!important}
  .hero-parallax{transform:none!important;transition:none!important}.chart-line{stroke-dashoffset:0!important}
}

/* ========================================================================
   V4 — mobile-first polish, September 2026
   ======================================================================== */
.mobile-menu-actions{display:none}
html,body{max-width:100%;overflow-x:clip}

@media(max-width:1020px){
  body.menu-open::before{
    content:"";position:fixed;inset:0;z-index:89;background:rgba(4,15,27,.42);
    backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)
  }
  .site-header{z-index:100}
  .main-nav.mobile-open{
    z-index:101;top:76px;left:14px;right:14px;max-height:calc(100dvh - 90px);overflow:auto;
    padding:10px;border-radius:20px;background:rgba(255,255,255,.98);
    box-shadow:0 24px 70px rgba(4,20,36,.22);overscroll-behavior:contain
  }
  .main-nav.mobile-open .nav-link,.main-nav.mobile-open .nav-button{
    width:100%;min-height:48px;padding:0 13px;border-radius:12px;font-size:12px;font-weight:760
  }
  .main-nav.mobile-open .dropdown-menu{padding:6px;border-radius:14px;background:#f5f9fc}
  .main-nav.mobile-open .dropdown-menu a{min-height:58px;padding:9px}
  .mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;margin-top:6px;border-top:1px solid var(--line)}
  .mobile-menu-actions .btn{min-height:48px;font-size:11px}
}

@media(max-width:720px){
  :root{--r-sm:11px;--r:16px;--r-lg:21px}
  body{background:#f3f7fb}
  .container{width:calc(100% - 24px);max-width:none}
  .section{padding:38px 0}
  .section-head{display:block;margin-bottom:18px}
  .section-head .kicker{margin-bottom:8px}
  .section-head h2{font-size:clamp(28px,8vw,34px);line-height:1.03;letter-spacing:-.045em;margin-top:8px}
  .section-head p{margin-top:12px;font-size:13px;line-height:1.58;max-width:620px}
  .kicker{font-size:9px;letter-spacing:.1em}

  /* compact, touch-friendly header */
  .site-header,.site-header.is-home:not(.scrolled),.site-header.scrolled{
    height:64px;background:rgba(248,251,253,.94);border-bottom:1px solid rgba(211,224,235,.86);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .header-inner{gap:10px}
  .brand{min-width:0;gap:9px}
  .brand-mark{width:34px;height:34px;border-radius:10px}
  .brand-copy strong,.site-header.is-home:not(.scrolled) .brand-copy strong{color:#102b41;font-size:12px}
  .brand-copy small{display:block!important;margin-top:3px;font-size:7px;white-space:nowrap;color:#7a91a5!important}
  .menu-toggle,.site-header.is-home:not(.scrolled) .menu-toggle{
    display:grid;width:42px;height:42px;margin-left:auto;border-radius:12px;background:#fff;border:1px solid #dbe7ef;
    color:#183a52;font-size:20px;line-height:1;box-shadow:0 5px 15px rgba(20,52,74,.06)
  }
  .main-nav.mobile-open{top:72px}

  /* home hero */
  .home-hero{padding:88px 0 26px;min-height:auto;background:
    radial-gradient(circle at 80% 30%,rgba(20,145,238,.20),transparent 30%),
    linear-gradient(145deg,#06111f 0%,#071b2e 56%,#09253d 100%)}
  .home-hero .hero-grid{display:grid;grid-template-columns:1fr;min-height:auto;padding:0;gap:20px}
  .hero-copy{text-align:left}
  .hero-copy h1{font-size:clamp(34px,10.5vw,43px);line-height:.98;margin:15px 0 15px;max-width:560px}
  .hero-copy h1 span{display:block;margin-top:2px}
  .hero-copy>p{font-size:14px;line-height:1.58;max-width:520px;color:#afc0d0}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-top:20px;gap:8px}
  .hero-actions .btn{width:100%;min-height:49px;border-radius:13px;font-size:11px}
  .hero-note{justify-content:flex-start;margin-top:14px;font-size:9px;line-height:1.4}
  .hero-visual{width:100%;min-height:330px;margin-top:0;overflow:hidden;transform:none!important}
  .hero-gridlines{opacity:.2;background-size:38px 38px}
  .orbit-1{width:300px;height:300px}.orbit-2{width:232px;height:232px}.orbit-3{width:168px;height:168px}
  .hero-core-card{width:126px;height:140px;padding:11px;border-radius:19px}
  .hero-logo-old{width:45px;height:45px;border-radius:11px}
  .hero-core-card>b{font-size:14px}.hero-core-card>small{font-size:6px}
  .ecosystem-node{min-width:92px;max-width:106px;padding:7px 8px;border-radius:11px}
  .ecosystem-node i{width:22px;height:22px;border-radius:7px;font-size:6px}
  .ecosystem-node b{font-size:7px}.ecosystem-node span small{display:none}
  .node-investor{left:2px;top:42px}.node-community{right:2px;top:48px}.node-agent{left:2px;bottom:42px}.node-platform{right:2px;bottom:40px}
  .hero-float-card,.hero-ticker{display:none}

  /* internal hero cards */
  .page-hero{padding:78px 0 12px}
  .page-hero-grid{display:grid;grid-template-columns:1fr;padding:20px 16px 16px;border-radius:22px;gap:18px;box-shadow:0 16px 42px rgba(5,36,65,.16)}
  .page-hero-copy{text-align:left}
  .page-hero h1{font-size:clamp(31px,9vw,38px);line-height:1.01;margin:11px 0 13px}
  .page-hero-copy>p{font-size:13px;line-height:1.58;color:#b8c8d6}
  .page-hero-actions{display:grid;grid-template-columns:1fr;margin-top:18px;gap:8px}
  .page-hero-actions{grid-template-columns:1fr}.page-hero-actions .btn{width:100%;min-height:48px;border-radius:12px;font-size:10px}
  .page-visual--animated{width:100%;min-height:280px;padding:12px;border-radius:17px;overflow:hidden;transform:none!important}
  .visual-bar{padding-bottom:9px}.visual-bar span,.visual-bar small{font-size:7px}

  /* investor hero visual */
  .investor-workspace{padding:12px}
  .investor-balance small{font-size:7px}.investor-balance strong{font-size:24px}
  .chart-wrap{height:108px;margin-top:8px}
  .workspace-cards{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
  .workspace-cards>div{padding:8px;border-radius:10px}.workspace-cards>div:nth-child(3){display:none}
  .workspace-cards b{font-size:9px}.workspace-cards span{display:none}
  .workspace-float{right:8px;top:45px;padding:7px 9px;border-radius:10px;font-size:7px}

  /* partner hero visual */
  .partner-network{min-height:285px}
  .partner-core{width:88px;height:88px}.partner-core::before{inset:-18px}.partner-core::after{inset:-34px}
  .partner-core img{width:34px;height:34px}.partner-core b{font-size:8px}.partner-core span{font-size:5px}
  .partner-node{width:82px;padding:6px;border-radius:10px}
  .partner-node i{width:20px;height:20px;margin-right:4px;border-radius:6px;font-size:5px}.partner-node b{font-size:7px}.partner-node small{display:none}
  .pn-a{left:1px;top:50px}.pn-b{right:1px;top:54px}.pn-c{left:1px;bottom:21px}.pn-d{right:1px;bottom:19px}
  .flow-particle{width:5px;height:5px}

  /* platform hero visual */
  .platform-connect{min-height:285px}
  .platform-stack{width:76px;top:48px;gap:7px}.stack-left{left:0}.stack-right{right:0}
  .platform-stack>div{padding:7px;border-radius:9px}.platform-stack small{font-size:5px}.platform-stack b{font-size:6px}
  .platform-hub{width:80px;height:94px;border-radius:17px}.platform-hub img{width:34px;height:34px}.platform-hub b{font-size:8px}.platform-hub span{font-size:5px}
  .data-packet{display:none}

  /* content blocks */
  .infra-layout{gap:10px}
  .infra-brand{min-height:150px;padding:18px;border-radius:18px}
  .infra-word strong{font-size:40px}.infra-word span{font-size:33px}
  .infra-list{padding:2px 15px;border-radius:18px}
  .infra-item{grid-template-columns:48px 1fr;gap:12px;padding:18px 0}
  .infra-num{font-size:22px}.infra-item h3{font-size:15px;line-height:1.32}.infra-item p{font-size:11px;line-height:1.55}
  .mission-shell{padding:18px;border-radius:18px;gap:16px}
  .mission-copy h2{font-size:29px}.mission-copy p{font-size:12px}
  .mission-tags{gap:6px;margin-top:15px}.mission-tags span{padding:7px 9px;font-size:8px}
  .video-tile{min-height:210px;border-radius:15px}
  .role-grid{gap:9px}.role-card{min-height:178px;padding:17px;border-radius:16px}.role-card h3{margin:22px 0 7px;font-size:18px}.role-card p{font-size:11px}.role-icon{width:31px;height:31px}
  .section--navy{padding:30px 0}.section--navy>.container{padding:18px 14px;border-radius:19px}
  .number-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}
  .number-item,.number-item:not(:first-child){min-height:126px;padding:13px;border-radius:13px}
  .number-item strong{font-size:36px}.number-item span{font-size:9px;line-height:1.4}
  .product-list{padding:0 13px;border-radius:17px}
  .product-row{grid-template-columns:38px minmax(0,1fr) 32px;gap:9px;padding:15px 0}
  .product-index{font-size:17px}.product-main h3{font-size:15px;margin-bottom:5px}.product-main p{font-size:10px;line-height:1.5}.product-go{width:31px;height:31px;border-radius:9px}

  .feature-grid,.scenario-grid{grid-template-columns:1fr;gap:9px}
  .feature{min-height:150px;padding:17px;border-radius:16px}.feature h3{margin:20px 0 7px;font-size:17px}.feature p{font-size:11px}
  .service-list{gap:8px}.service-card{grid-template-columns:42px 1fr 24px;gap:9px;padding:15px;border-radius:15px}.service-card .num{font-size:17px}.service-card h3{font-size:15px}.service-card p{font-size:10px}
  .flow{padding:2px 14px;border-radius:16px}.flow-step{grid-template-columns:38px 1fr;gap:10px;padding:16px 0}.flow-step::before{font-size:15px}.flow-step h3{font-size:14px}.flow-step p{grid-column:2;font-size:10px}
  .statement,.pilot{padding:18px;border-radius:17px}.statement{grid-template-columns:1fr;gap:10px}.statement h2,.pilot h2{font-size:28px}.statement p,.pilot p{font-size:11px;line-height:1.6}
  .scenario{min-height:160px;padding:17px;border-radius:15px}.scenario h3{margin:22px 0 7px;font-size:16px}.scenario p{font-size:10px}
  .pilot{grid-template-columns:1fr;gap:18px}.pilot-list{margin:0;padding-top:2px}.pilot-list li{padding:12px 0;font-size:10px}

  /* CTA / footer */
  .final-cta{padding:8px 0 30px}
  .cta-panel{display:block;padding:19px;border-radius:18px}
  .cta-panel h2{font-size:27px}.cta-panel p{font-size:11px;line-height:1.55}
  .cta-actions{display:grid;grid-template-columns:1fr;margin-top:16px;gap:8px}.cta-actions .btn{width:100%;min-height:47px}
  .site-footer{padding:30px 0 calc(18px + env(safe-area-inset-bottom))}
  .footer-grid{grid-template-columns:1fr 1fr;gap:26px 18px;padding-bottom:25px}
  .footer-brand{grid-column:1/-1}.footer-brand p{max-width:100%;margin-top:13px}
  .footer-col:last-child{grid-column:auto!important}
  .footer-bottom{display:grid;gap:8px;padding-top:17px;font-size:8px;line-height:1.45}

  /* touch / iOS niceties */
  a,button{-webkit-tap-highlight-color:transparent}
  .btn,.nav-link,.nav-button,.product-row,.role-card,.service-card{touch-action:manipulation}
  .reveal{transform:translateY(10px)}
}

@media(max-width:390px){
  .container{width:calc(100% - 20px)}
  .brand-copy small{display:none!important}
  .hero-copy h1{font-size:33px}.hero-copy>p{font-size:13px}
  .hero-visual{min-height:308px}.orbit-1{width:278px;height:278px}.orbit-2{width:215px;height:215px}.orbit-3{width:155px;height:155px}
  .hero-core-card{width:116px;height:130px}.ecosystem-node{min-width:84px;max-width:92px;padding:6px}.node-investor,.node-agent{left:0}.node-community,.node-platform{right:0}
  .page-hero h1{font-size:30px}.page-visual--animated{min-height:265px}
  .number-grid{grid-template-columns:1fr 1fr}.number-item,.number-item:not(:first-child){min-height:120px}
  .footer-grid{grid-template-columns:1fr 1fr}
}


/* TZ content sync — helper layout */
.action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.action-stack>small{max-width:260px;color:#7890a4;font-size:9px;line-height:1.35;letter-spacing:.01em}.page-hero .action-stack>small{color:#8fa9bc}.cta-actions .action-stack>small{color:#718798}.service-copy>strong{display:block;margin:1px 0 6px;color:#3c6079;font-size:11px;font-weight:700}.service-copy>small{display:block;margin-top:8px;color:#3f95c7;font-size:9px;font-weight:750}.scenario-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.role-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-column{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 13px 35px rgba(20,52,74,.04)}.role-column--trust{border-color:#c9e5f6;background:linear-gradient(145deg,#fff,#f4faff)}.role-column>span{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.role-column h3{margin:22px 0 14px;color:#183b55;font-size:22px}.role-column ul{margin:0;padding:0;display:grid;gap:0}.role-column li{list-style:none;padding:11px 0;border-top:1px solid var(--line);color:#5f7489;font-size:12px}.scenario--primary{border-color:#b9dcef;background:linear-gradient(145deg,#fff,#f5fbff)}.integration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;position:relative;z-index:1}.integration-item{min-height:178px;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035)}.integration-item small{color:#55c9ff;font-size:10px;font-weight:800}.integration-item h3{margin:35px 0 9px;color:#fff;font-size:18px}.integration-item p{margin:0;color:#9db3c4;font-size:11px;line-height:1.55}.pilot--single{grid-template-columns:1fr;max-width:none}.pilot--single>div{max-width:880px}@media(max-width:900px){.scenario-grid--three{grid-template-columns:1fr}.role-compare{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.action-stack{width:100%;align-items:stretch}.action-stack>small{text-align:left;padding:0 2px}.page-hero-actions .action-stack .btn,.cta-actions .action-stack .btn{width:100%}.integration-grid{grid-template-columns:1fr}.integration-item{min-height:145px}.role-column{padding:20px;border-radius:17px}.service-copy>strong{font-size:10px}.service-copy>small{font-size:8px}}

/* =========================================================
   FINAL TYPOGRAPHY LOCK — mirrors Unified Cabinet hierarchy
   UI: Inter. Display: TT Days Sans 900 with Inter Black fallback.
   ========================================================= */
html,body{font-family:var(--font-ui)}
body,.nav-link,.nav-button,.btn,.dropdown-menu,.role-card,.feature,.scenario,.service-card,.flow-step,.role-column,.integration-item{font-family:var(--font-ui)}

.brand-copy strong,
.hero-copy h1,
.page-hero h1,
.section-head h2,
.mission-copy h2,
.statement h2,
.pilot h2,
.cta-panel h2,
.infra-word,
.infra-num,
.number-item strong,
.visual-title,
.hero-core-card b,
.platform-hub b,
.product-index,
.service-card .num,
.flow-step::before{
  font-family:var(--font-display);
  font-weight:900;
  font-synthesis:none;
}
.hero-copy h1,.page-hero h1{letter-spacing:-.045em}
.section-head h2,.mission-copy h2,.statement h2,.pilot h2,.cta-panel h2{letter-spacing:-.035em}
.brand-copy strong{font-weight:900;letter-spacing:-.035em}
.kicker,.btn,.nav-link,.nav-button,.dropdown-menu b,.role-index{font-family:var(--font-ui);font-weight:800}
.feature h3,.role-card h3,.scenario h3,.service-card h3,.role-column h3,.integration-item h3{font-family:var(--font-ui);font-weight:750}
.hero-copy>p,.page-hero-copy>p,.section-head p,.mission-copy p,.feature p,.flow-step p,.scenario p,.service-card p,.role-card p,.role-column li,.integration-item p{font-family:var(--font-ui);font-weight:400}
.number-item strong,.infra-num,.product-index,.service-card .num,.flow-step::before{font-variant-numeric:tabular-nums lining-nums}

/* =========================================================
   COMPACT MINIMAL PASS — structure/content untouched
   ========================================================= */
:root{
  --r-lg:20px;
  --r:16px;
  --shadow-xs:0 4px 14px rgba(17,45,78,.028);
  --shadow-sm:0 8px 24px rgba(17,45,78,.045);
  --shadow-lg:0 16px 40px rgba(8,39,65,.10);
}

/* tighter global rhythm */
.section{padding:48px 0}
.section-head{gap:30px;margin-bottom:22px}
.section-head h2{margin-top:8px;font-size:clamp(31px,3.25vw,44px);line-height:1.03}
.section-head p{font-size:12px;line-height:1.55}
.kicker{font-size:9px}

/* heroes: same content / animations, less empty vertical space */
.home-hero{min-height:620px;padding:102px 0 34px}
.home-hero .hero-grid{min-height:455px;gap:34px}
.hero-copy h1{font-size:clamp(44px,5vw,66px);line-height:.98}
.hero-copy>p{font-size:14px;line-height:1.58}
.hero-actions{margin-top:20px}
.hero-note{margin-top:12px}
.hero-visual{min-height:430px}

.page-hero{padding:80px 0 14px}
.page-hero-grid{min-height:430px;gap:30px;padding:30px 32px;border-radius:22px;box-shadow:0 14px 38px rgba(8,39,65,.11)}
.page-hero h1{font-size:clamp(36px,3.8vw,50px);margin:10px 0 12px}
.page-hero-copy>p{font-size:12px;line-height:1.58}
.page-hero-actions{margin-top:18px}
.page-visual--animated{min-height:330px}

/* infrastructure */
.infra-layout{grid-template-columns:270px minmax(0,1fr);gap:12px}
.infra-brand{min-height:300px;padding:22px;border-radius:18px;box-shadow:none}
.infra-word{left:22px;bottom:23px}
.infra-word strong{font-size:48px}.infra-word span{font-size:39px;margin-top:14px}
.infra-list{padding:3px 22px;border-radius:18px;box-shadow:none}
.infra-item{grid-template-columns:62px 1fr;gap:16px;padding:20px 0}
.infra-num{font-size:24px}.infra-item h3{font-size:15px}.infra-item p{margin-top:6px;font-size:10.5px;line-height:1.5}

/* mission */
.mission-shell{padding:24px;border-radius:20px;gap:30px;box-shadow:none}
.mission-copy h2{font-size:clamp(29px,3.1vw,41px);margin:8px 0 11px}
.mission-copy p{font-size:12px;line-height:1.55}
.mission-tags{margin-top:16px;gap:6px}.mission-tags span{padding:6px 8px;font-size:8.5px}
.video-tile{min-height:240px}

/* cards and grids */
.role-grid,.feature-grid,.scenario-grid{gap:9px}
.role-card{min-height:184px;padding:18px;border-radius:15px;box-shadow:none}
.role-card:hover{transform:none;box-shadow:none}
.role-icon{width:33px;height:33px;border-radius:10px}
.role-card h3{margin:22px 0 7px;font-size:18px}.role-card p{font-size:10.5px;line-height:1.5}.role-arrow{padding-top:16px}

.feature{min-height:166px;padding:18px;border-radius:15px;box-shadow:none}
.feature h3{margin:22px 0 7px;font-size:17px}.feature p{font-size:10.5px;line-height:1.5}

.scenario{min-height:166px;padding:18px;border-radius:15px;box-shadow:none}
.scenario h3{margin:22px 0 7px;font-size:16.5px}.scenario p{font-size:10.5px;line-height:1.5}

/* metrics */
.section--navy{padding:36px 0}
.section--navy>.container{padding:23px;border-radius:20px;box-shadow:none}
.section--navy .section-head{margin-bottom:16px}
.number-grid{margin-top:18px;gap:7px}
.number-item,.number-item:not(:first-child){min-height:138px;padding:14px;border-radius:13px}
.number-item strong{font-size:40px}.number-item span{margin-top:9px;font-size:9px}

/* products / services */
.product-list{padding:0 18px;border-radius:18px;box-shadow:none}
.product-row{grid-template-columns:52px 130px minmax(0,1fr) 34px;gap:14px;padding:17px 0}
.product-index{font-size:17px}.product-main h3{font-size:16px;margin-bottom:6px}.product-main p{font-size:10.5px;line-height:1.5}.product-go{width:32px;height:32px;border-radius:9px}

.service-list{gap:7px}
.service-card{padding:16px 18px;grid-template-columns:52px 1fr auto;gap:15px;border-radius:14px;box-shadow:none}
.service-card:hover{transform:none;box-shadow:none}
.service-card .num{font-size:17px}.service-card h3{font-size:15px}.service-card p{font-size:10.5px}
.service-copy>strong{font-size:10px}.service-copy>small{margin-top:6px;font-size:8px}

/* steps and comparison */
.flow{padding:3px 20px;border-radius:18px;box-shadow:none}
.flow-step{grid-template-columns:52px 1fr 1.1fr;gap:18px;padding:16px 0}
.flow-step::before{font-size:16px}.flow-step h3{font-size:15px}.flow-step p{font-size:10.5px;line-height:1.5}

.statement{padding:23px;border-radius:18px;gap:28px;box-shadow:none}
.statement h2{font-size:clamp(27px,3vw,38px)}.statement p{font-size:11px;line-height:1.58}

.role-compare{gap:9px}.role-column{padding:20px;border-radius:16px;box-shadow:none}
.role-column h3{margin:16px 0 10px;font-size:18px}.role-column li{padding:8px 0;font-size:10.5px}

.integration-grid{gap:8px}.integration-item{min-height:145px;padding:18px;border-radius:14px}
.integration-item h3{margin:25px 0 7px;font-size:16px}.integration-item p{font-size:10px;line-height:1.5}

/* pilot and CTA */
.pilot{gap:22px;padding:23px;border-radius:18px;box-shadow:none}
.pilot h2{font-size:clamp(28px,3vw,40px);margin:8px 0 12px}.pilot p{font-size:11px;line-height:1.55}.pilot-list li{padding:11px 0;font-size:10px}

.final-cta{padding:8px 0 36px}
.cta-panel{padding:26px 28px;border-radius:20px;gap:28px;box-shadow:none}
.cta-panel h2{font-size:clamp(27px,3vw,38px)}.cta-panel p{margin-top:9px;font-size:11px}

.site-footer{padding:34px 0 22px}.footer-grid{gap:30px;padding-bottom:26px}.footer-brand p{margin-top:14px}.footer-bottom{padding-top:17px}

/* calm decoration */
.home-hero::before,.page-hero::before{opacity:.75}
.page-hero-grid::before{opacity:.55}
.infra-brand::after,.section--navy>.container::after{opacity:.55}

@media(max-width:1020px){
  .section{padding:42px 0}
  .home-hero{padding:92px 0 28px}.home-hero .hero-grid{gap:20px;min-height:auto}.hero-visual{min-height:400px}
  .page-hero{padding:78px 0 10px}.page-hero-grid{padding:26px;gap:20px}.page-visual--animated{min-height:310px}
  .infra-layout{grid-template-columns:240px minmax(0,1fr)}
}

@media(max-width:720px){
  .section{padding:32px 0}
  .section-head{margin-bottom:16px;gap:9px}.section-head h2{font-size:29px}.section-head p{font-size:11px}
  .home-hero{padding:78px 0 24px}.home-hero .hero-grid{gap:8px}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:12px}.hero-visual{min-height:340px}
  .page-hero{padding:74px 0 8px}.page-hero-grid{padding:20px 15px;border-radius:18px;gap:14px}.page-hero h1{font-size:31px}.page-visual--animated{min-height:270px;padding:10px}
  .infra-layout{gap:8px}.infra-brand{min-height:135px;padding:15px}.infra-word{left:16px;bottom:17px}.infra-word strong{font-size:35px}.infra-word span{font-size:29px;margin-top:10px}
  .infra-list{padding:1px 13px}.infra-item{grid-template-columns:43px 1fr;gap:9px;padding:14px 0}.infra-num{font-size:19px}.infra-item h3{font-size:14px}.infra-item p{font-size:10px}
  .mission-shell{padding:16px;gap:13px}.mission-copy h2{font-size:27px}.mission-copy p{font-size:11px}.video-tile{min-height:190px}
  .role-grid,.feature-grid,.scenario-grid{gap:7px}.role-card,.feature,.scenario{min-height:145px;padding:15px}.role-card h3,.feature h3,.scenario h3{margin-top:17px}
  .section--navy{padding:26px 0}.section--navy>.container{padding:15px 12px}.number-grid{margin-top:12px}.number-item,.number-item:not(:first-child){min-height:112px;padding:11px}.number-item strong{font-size:32px}
  .product-list{padding:0 11px}.product-row{grid-template-columns:32px minmax(0,1fr) 29px;gap:8px;padding:12px 0}.product-type{display:none}.product-main h3{font-size:14px}.product-main p{font-size:9.5px}.product-go{width:28px;height:28px}
  .service-card{padding:13px;grid-template-columns:36px 1fr 20px;gap:8px}
  .flow{padding:1px 12px}.flow-step{grid-template-columns:34px 1fr;gap:8px;padding:12px 0}.flow-step p{grid-column:2}
  .statement,.pilot{padding:16px;gap:12px}.statement h2,.pilot h2{font-size:26px}
  .role-column{padding:15px}.integration-item{min-height:125px;padding:14px}
  .final-cta{padding:5px 0 24px}.cta-panel{padding:17px;border-radius:16px}.cta-panel h2{font-size:25px}
  .site-footer{padding:27px 0 18px}
}

/* =========================================================
   MOBILE LAYOUT LOCK — September 2026
   Final overrides intentionally live last so earlier design passes cannot
   re-introduce desktop grids on phones.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
.container,
.header-inner,
.hero-grid,
.page-hero-grid,
.section-head,
.infra-layout,
.mission-shell,
.role-grid,
.number-grid,
.product-list,
.product-row,
.feature-grid,
.flow,
.flow-step,
.service-list,
.service-card,
.statement,
.scenario-grid,
.pilot,
.role-compare,
.integration-grid,
.cta-panel,
.footer-grid{min-width:0}
.hero-copy,.page-hero-copy,.product-main,.service-copy,.mission-copy,.infra-item>div,
.role-card,.feature,.scenario,.number-item,.role-column,.integration-item,.footer-col{min-width:0}
h1,h2,h3,h4,p,span,strong,small,a{overflow-wrap:break-word}
.footer-col a{overflow-wrap:anywhere}

@media(max-width:720px){
  /* Every major content grid becomes one safe column on phones. */
  .section-head,
  .home-hero .hero-grid,
  .page-hero-grid,
  .infra-layout,
  .mission-shell,
  .role-grid,
  .feature-grid,
  .scenario-grid,
  .scenario-grid--three,
  .statement,
  .pilot,
  .role-compare,
  .integration-grid,
  .cta-panel{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .container{width:calc(100% - 24px);max-width:100%}
  .section-head{display:grid!important}
  .infra-layout,.mission-shell,.role-grid,.feature-grid,.scenario-grid,.pilot,.role-compare,.integration-grid{width:100%}

  /* Prevent fixed/visual blocks from pushing the document wider than viewport. */
  .home-hero,.page-hero,.hero-visual,.page-visual,.page-visual--animated,
  .infra-brand,.infra-list,.mission-shell,.video-tile,.section--navy>.container,
  .product-list,.flow,.statement,.pilot,.role-column,.integration-item,.cta-panel{
    max-width:100%;
  }
  .hero-visual,.page-visual,.page-visual--animated,.partner-network,.platform-connect{overflow:hidden}

  /* Content cards: avoid desktop min-heights and accidental overlap. */
  .infra-brand{position:relative;top:auto;width:100%;min-height:150px}
  .infra-list{width:100%}
  .mission-shell{align-items:stretch}
  .video-tile{width:100%}
  .role-card,.feature,.scenario,.service-card,.role-column,.integration-item{width:100%;height:auto}

  /* Rows with text must be able to shrink. */
  .product-row{width:100%;align-items:center}
  .product-main{min-width:0}
  .product-main h3,.product-main p,.service-card h3,.service-card p{max-width:100%}
  .service-card{align-items:start}
  .flow-step{width:100%}
  .flow-step h3,.flow-step p{min-width:0}

  /* Keep the metrics compact but non-overlapping. */
  .number-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .number-item,.number-item:not(:first-child){width:100%;min-width:0}

  /* Header/mobile menu must stay inside screen bounds. */
  .header-inner{width:100%}
  .brand{max-width:calc(100% - 54px)}
  .brand-copy{min-width:0}
  .brand-copy strong,.brand-copy small{max-width:100%;overflow:hidden;text-overflow:ellipsis}
  .main-nav.mobile-open{width:auto;max-width:calc(100vw - 28px)}
  .main-nav.mobile-open .dropdown-menu{max-width:100%}

  /* Buttons never escape their parent and remain easy to tap. */
  .hero-actions,.page-hero-actions,.cta-actions,.action-stack{width:100%}
  .hero-actions .btn,.page-hero-actions .btn,.cta-actions .btn,.action-stack .btn{max-width:100%}

  /* Footer switches to a clean one-column flow on phone widths. */
  .footer-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px}
  .footer-brand,.footer-grid .footer-col:last-child{grid-column:auto!important}
  .footer-bottom{max-width:100%}
}

@media(max-width:480px){
  .container{width:calc(100% - 20px)}
  .section{padding-left:0;padding-right:0}
  .section-head h2{font-size:clamp(27px,8.8vw,32px)}
  .hero-copy h1{font-size:clamp(32px,10.3vw,38px)}
  .page-hero h1{font-size:clamp(29px,9.5vw,34px)}

  /* On very narrow screens one metric per row is more stable/readable. */
  .number-grid{grid-template-columns:minmax(0,1fr)!important}
  .number-item,.number-item:not(:first-child){min-height:108px}

  /* Product/service rows retain icons but give all remaining width to text. */
  .product-row{grid-template-columns:30px minmax(0,1fr) 28px!important;gap:8px}
  .product-index{font-size:15px}
  .product-go{width:28px;height:28px}
  .service-card{grid-template-columns:32px minmax(0,1fr) 18px!important;gap:8px}

  /* Avoid crowded labels in compact animated diagrams. */
  .workspace-float{display:none}
  .partner-node{width:76px}
  .platform-stack{width:70px}
}

@media(max-width:350px){
  .container{width:calc(100% - 16px)}
  .brand-copy small{display:none!important}
  .hero-note{align-items:flex-start}
  .hero-visual{min-height:292px}
  .page-visual--animated{min-height:250px}
  .partner-node{width:70px;padding:5px}
  .platform-stack{width:64px}
  .platform-stack>div{padding:6px}
}


/* Investor start CTA: equal-height actions, no redundant registration caption */
.cta-actions--equal{align-items:stretch}
.cta-actions--equal .btn{height:46px;min-height:46px;white-space:nowrap}
@media(max-width:680px){
  .cta-actions--equal .btn{height:48px;min-height:48px}
}

/* Center the products dropdown chevron relative to the label. */
.nav-button>.nav-chevron{
  width:7px;
  height:7px;
  margin-left:1px;
  flex:0 0 auto;
  align-self:center;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  transform-origin:center;
}