:root {
  --ink:#0b111c;
  --ink2:#101827;
  --paper:#f4f2ec;
  --white:#fff;
  --muted:#657083;
  --line:#dfe3e9;
  --blue:#0a6cff;
  --blue2:#4a95ff;
  --soft:#eaf2ff;
  --dark:#07111f;
  --radius:22px;
  --shadow:0 24px 70px rgba(11,17,28,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:900;color:var(--blue)}
.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(244,242,236,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(11,17,28,.08)
}
.nav-inner{height:78px;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;flex:0 0 auto}
.logo img{display:block;height:42px;width:auto;max-width:240px}
.nav-links{display:flex;gap:4px;margin-left:auto;align-items:center;font-size:14px;font-weight:750}
.nav-links a{padding:10px 12px;border-radius:10px}
.nav-links a:hover{background:rgba(10,108,255,.07)}
.nav-cta,.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border-radius:999px;border:0;cursor:pointer;font-weight:850;
  transition:.2s ease
}
.nav-cta{background:var(--ink);color:white;padding:13px 18px;font-size:14px}
.nav-cta:hover,.btn.primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(10,108,255,.22)}
.menu{display:none;background:transparent;border:0;font-size:26px;cursor:pointer}
.hero{padding:92px 0 46px;background:linear-gradient(180deg,var(--paper),#fff)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
h1{font-size:clamp(54px,6.4vw,94px);line-height:.94;letter-spacing:-.065em;margin:20px 0 26px;max-width:900px}
h1 .accent{color:var(--blue)}
.lede{font-size:20px;line-height:1.55;color:#3e4a5d;max-width:690px;margin:0 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.btn{padding:19px 30px;font-size:16px}

.btn-hero{padding:21px 34px;font-size:17px;font-weight:900;letter-spacing:-.01em}

.btn-hero:before{content:"";width:8px;height:8px;border-radius:50%;background:#c3d8ff;flex:0 0 auto}
.btn.primary{background:linear-gradient(180deg,#1f6ad4 0%,#134a94 100%);color:white;box-shadow:0 12px 28px rgba(19,74,148,.20),inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.30)}

.btn.primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(19,74,148,.26),inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.42)}
.btn.secondary{background:white;border:1px solid #cdd4df;color:var(--ink)}
.proof-line{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#526075;font-weight:750}
.proof-line span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:8px}
.system-panel{
  background:var(--dark);color:white;border-radius:32px;padding:28px;box-shadow:var(--shadow);
  position:relative;overflow:hidden
}
.system-panel:before{content:"";position:absolute;inset:-40% -20% auto auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(10,108,255,.28),rgba(10,108,255,0) 67%)}
.panel-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#9cb2cd}
.live{display:flex;align-items:center;gap:8px}
.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#53d6ff;box-shadow:0 0 0 6px rgba(83,214,255,.12)}
.system-title{font-size:30px;line-height:1.05;letter-spacing:-.04em;margin:26px 0 20px;max-width:360px}
.flow{display:grid;gap:9px;position:relative}
.flow-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.05)}
.step-num{font-size:11px;color:#7cb5ff;font-weight:900;letter-spacing:.1em}
.flow-row b{font-size:14px}
.flow-row small{color:#9caec5;text-align:right}
.system-caption{font-size:13px;line-height:1.55;color:#9caec5;margin:16px 4px 0}
.ticker{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.ticker:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--blue2),var(--blue))}

.ticker-frame{max-width:840px;margin:0 auto;padding:26px 24px 0;text-align:center;font-size:13px;line-height:1.6;color:#6c7687}
.ticker-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.stat{padding:28px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:27px;letter-spacing:-.04em}
.stat small{color:#6c7687;line-height:1.4}
.stat .source{display:block;margin-top:6px;color:#9aa3b2;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.section{padding:112px 0}
.section.white{background:#fff}
.section.dark{background:var(--dark);color:white}
.section-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;margin-bottom:58px}
.section h2{font-size:clamp(40px,5vw,72px);line-height:.99;letter-spacing:-.055em;margin:12px 0 0}
.section-copy{font-size:18px;line-height:1.65;color:#59667a;margin:0}
.dark .section-copy{color:#a7b4c7}
.fragmented{display:grid;grid-template-columns:1fr 110px 1fr;gap:26px;align-items:center}
.fragment-col{border-top:1px solid var(--ink);padding-top:16px}
.fragment-col h3{font-size:24px;margin:0 0 22px;letter-spacing:-.03em}
.fragment-list{display:grid;gap:10px}
.fragment-item{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #d8dde5;font-size:14px}
.fragment-item span:last-child{color:#8a95a7}
.center-arrow{font-size:52px;text-align:center;color:var(--blue);font-weight:200}
.connected{background:var(--ink);color:#fff;border-radius:24px;padding:24px}
.connected .fragment-item{border-color:rgba(255,255,255,.11)}
.connected .fragment-item span:last-child{color:#9aabc2}
.system-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:38px}
.sys-node{padding:18px 10px;border-top:3px solid var(--blue);background:#f7f9fc;min-height:118px}
.sys-node b{display:block;font-size:12px;line-height:1.2;margin-bottom:8px}
.sys-node small{font-size:11px;line-height:1.4;color:#6b7789}
.architecture{display:grid;gap:0;border-top:1px solid #28384e}
.arch-row{display:grid;grid-template-columns:210px 1fr;gap:40px;padding:30px 0;border-bottom:1px solid #28384e}
.arch-row .index{font-size:12px;color:#6ea8ff;font-weight:900;letter-spacing:.1em}
.arch-row h3{font-size:30px;margin:0 0 10px;letter-spacing:-.035em}
.arch-row p{color:#a7b4c7;margin:0;line-height:1.55}.proof-points{display:grid;gap:10px}.proof-points p{margin:0;padding-top:10px;border-top:1px solid rgba(101,112,131,.18)}.proof-points p:first-child{padding-top:0;border-top:0}
.artifacts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.artifact{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 15px 40px rgba(11,17,28,.05)}
.artifact-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#7b8798;font-weight:900}
.artifact h3{font-size:21px;margin:9px 0 16px}
.score{display:flex;align-items:end;gap:8px;margin:18px 0}
.score b{font-size:54px;line-height:.9;color:var(--blue)}
.score span{font-size:13px;color:#718096}
.data-list{display:grid;gap:0}
.data-row{padding:11px 0;border-top:1px solid #edf0f4;display:flex;justify-content:space-between;gap:18px;font-size:12px}
.data-row span:first-child{color:#788598}
.tag{display:inline-flex;padding:6px 9px;background:var(--soft);color:#075acb;border-radius:999px;font-size:11px;font-weight:850}
.build-loop{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:40px}
.loop-step{position:relative;padding:22px 16px 26px;background:rgba(255,255,255,.05);border:1px solid #28384e;border-radius:16px}
.loop-step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:#6ea8ff;z-index:3}
.loop-step b{display:block;font-size:15px;margin-top:16px}
.loop-step small{display:block;color:#9daac0;margin-top:7px;line-height:1.45}
.loop-n{color:#6ea8ff;font-weight:900;font-size:11px}
.method-note{margin-top:18px;color:#9faec4;font-size:13px}
.team-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.person{border-top:4px solid var(--ink);padding-top:18px;min-height:260px}
.person.ai{border-top-color:var(--blue)}
.person .mono{height:86px;width:86px;border-radius:50%;display:grid;place-items:center;background:#0f1a2c;color:white;font-size:24px;font-weight:900;margin-bottom:18px}
.person.ai .mono{background:var(--blue)}
.person h3{font-size:20px;margin:0 0 4px}
.person .role{font-size:13px;color:var(--blue);font-weight:850;line-height:1.35}
.person p{font-size:13px;line-height:1.55;color:#657083}
.person .ai-label{display:inline-flex;margin-top:5px;padding:4px 7px;border-radius:999px;background:#eaf2ff;color:#075acb;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.quote-band{background:#fff;padding:80px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote{font-size:clamp(28px,3vw,44px);line-height:1.08;letter-spacing:-.04em;max-width:none;margin:0;white-space:nowrap}
.quote span{color:var(--blue)}
.tier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}

.tier{border:1px solid var(--line);border-radius:16px;padding:32px;background:white;display:flex;flex-direction:column}
.tier-tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--blue);margin-bottom:12px}

.tier .tier-price{color:var(--blue)}

.tier h3{font-size:26px;letter-spacing:-.03em;margin:0 0 14px}

.tier-price{font-size:40px;font-weight:900;letter-spacing:-.045em;line-height:1;margin-bottom:14px}

.tier-price small{font-size:14px;font-weight:700;color:#6c7687;letter-spacing:0}
.tier-commit{display:inline-flex;align-items:center;margin:0 0 14px;padding:6px 11px;border:1px solid #cfd7e3;border-radius:999px;background:#f7f9fc;font-size:12px;font-weight:850;color:#39404e}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line)}
.who-item{display:flex;gap:14px;padding:15px 0}
.who-item b{display:block;font-size:15px;letter-spacing:-.02em;margin-bottom:4px}
.who-item small{display:block;font-size:13px;line-height:1.5;color:#6c7687}
.who-tick{flex:0 0 auto;width:9px;height:9px;margin-top:6px;border-radius:2px;background:var(--blue)}

.tier-scope{color:#4d5666;line-height:1.6;margin:0 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}

.tier-list{list-style:none;padding:0;margin:0 0 18px;flex:1}

.tier-list li{position:relative;padding:9px 0 9px 26px;font-size:14px;line-height:1.5;color:#39404e;border-bottom:1px solid #eef1f5}

.tier-list li:last-child{border-bottom:0}

.tier-list li::before{content:"";position:absolute;left:0;top:15px;width:9px;height:9px;border-radius:2px;background:var(--blue)}

.tier-foot{font-size:12px;line-height:1.5;color:#7c8798}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin-top:8px}
.faq-item{border-top:1px solid var(--line);padding:20px 0}
.faq-item:nth-child(-n+2){border-top:0;padding-top:0}
.faq-item h3{font-size:17px;letter-spacing:-.02em;margin:0 0 9px;line-height:1.3}
.faq-item p{font-size:14px;line-height:1.6;color:#59667a;margin:9px 0 0}

.domain-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.domain-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d7dfea;border-radius:999px;background:#f7f9fc;font-size:12.5px;font-weight:750;color:#39404e}
.domain-chip i{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.08em;color:#075acb}
.bench{margin-top:30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start;padding:28px;border-radius:20px;background:#f7f9fc;border:1px solid var(--line)}
.bench-lead{margin:0;font-size:15px;line-height:1.6;color:#4d5666}
.bench-lead strong{display:block;font-size:20px;letter-spacing:-.025em;line-height:1.25;color:var(--ink);margin-bottom:8px}
.bench-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#7c8798;margin-bottom:12px}
.bench .domain-chips{margin-top:0}
.bench .domain-chip{background:#fff}
.bench-foot{margin:14px 0 0;font-size:13.5px;line-height:1.55;color:#59667a}
.bench-legal{margin:14px 0 0;font-size:12px;color:#7c8798}
.tier-list li b{display:block;font-weight:850;color:var(--ink)}
.tier-list li span{display:block;font-size:13px;color:#6c7687;margin-top:2px}
@media(max-width:980px){.bench{grid-template-columns:1fr;gap:20px;padding:22px}}
/* ---- polish layer: restrained depth, texture and motion ---- */
.system-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}
.system-panel>*{position:relative;z-index:1}
.section.dark{background-image:radial-gradient(circle at 82% 12%,rgba(10,108,255,.12),transparent 28%),radial-gradient(circle at 10% 78%,rgba(74,149,255,.07),transparent 24%)}
.artifact,.journey-card,.tier,.cvc-item,.bench{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.artifact:hover,.journey-card:hover,.tier:hover{transform:translateY(-3px);box-shadow:0 22px 54px rgba(11,17,28,.08);border-color:#ccd7e5}
.artifact,.tier,.journey-card{box-shadow:0 18px 44px rgba(11,17,28,.06)}
.xf-card:before{height:2px}
.pv{border-color:#d7e0ec;border-radius:24px;box-shadow:0 28px 72px rgba(11,17,28,.10)}
.discover .pv-head{background:linear-gradient(135deg,#07111f,#0d1b2e);border-bottom-color:rgba(255,255,255,.09)}
.discover .pv-head-label{color:#b9d5ff}
.discover .pv-chip{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#d7e7ff}
.pv-gauge-col{border-right-color:#20314a;background:radial-gradient(circle at 50% 38%,rgba(10,108,255,.26),rgba(7,17,31,0) 55%),linear-gradient(180deg,#0b1728,#07111f);color:#fff}
.pv-gauge-state{font-size:13.5px;font-weight:900;letter-spacing:-.02em;color:#fff}
.pv-gauge-label{color:#8fa7c5}
.pv-bar.is-weak .pv-bar-fill{background:#b4c1d4}
.pv-bar.is-weak .pv-bar-val{color:#5d6879}
.pv-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:16px;padding-top:14px;border-top:1px solid #eef1f5}
.pv-legend span{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;color:#7c8798;text-transform:uppercase;letter-spacing:.06em}
.pv-legend i{width:14px;height:5px;border-radius:999px;display:inline-block}
@media (prefers-reduced-motion:reduce){.xf-card,.artifact,.journey-card,.tier{transition:none}.xf-card:hover,.artifact:hover,.journey-card:hover,.tier:hover{transform:none}}
.final{padding:96px 0;background:var(--ink);color:white}
.final-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.final h2{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:0 0 18px}
.final p{color:#aab5c6;max-width:700px;line-height:1.6;font-size:17px}
.footer{background:#050b13;color:#7f8ca1;padding:28px 0}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}
.modal{position:fixed;inset:0;background:rgba(4,9,17,.72);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modal-card{background:white;border-radius:24px;padding:28px;width:min(560px,100%);box-shadow:0 40px 100px rgba(0,0,0,.35)}
.modal-top{display:flex;justify-content:space-between;align-items:center;gap:15px}
.modal h3{font-size:30px;margin:0;letter-spacing:-.04em}
.close{border:0;background:#eef1f5;border-radius:50%;width:38px;height:38px;cursor:pointer}
.modal p{color:#667287;line-height:1.55}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:grid;gap:6px}
.field.full{grid-column:1 / -1}
label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#6b7586}
input,textarea,select{width:100%;border:1px solid #d8dde6;border-radius:12px;padding:12px;font:inherit;background:#fff;color:var(--ink)}
textarea{min-height:100px;resize:vertical}
.form-note{font-size:11px;color:#8b95a5;margin-top:8px}
/* ---- scroll motion (progressive enhancement; hidden only when JS is on) ---- */
.js .reveal{opacity:0;transform:translateY(18px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--d,0ms);will-change:opacity,transform}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none}
  .loop-step:not(:last-child):after{animation:none!important}
}
@media print{.js .reveal{opacity:1;transform:none;transition:none}}

/* ---- what the assessment can uncover (illustrative) ----
   All rules scoped to .discover so no existing section can shift. */
.discover{margin-top:66px;padding-top:52px;border-top:1px solid var(--line)}
.discover-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:end;margin-bottom:16px}
.discover-head h3{font-size:clamp(30px,3.4vw,46px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 0}
.discover-head .section-copy{font-size:17px;line-height:1.6;color:#59667a;margin:0}
.xf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:xf}
.xf-card{position:relative;overflow:hidden;counter-increment:xf;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid var(--line);border-radius:20px;padding:22px 22px 22px;box-shadow:inset 0 1px 0 #fff,0 18px 44px rgba(11,17,28,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.xf-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,rgba(10,108,255,0),#0a6cff 50%,rgba(10,108,255,0));opacity:.5}
.xf-card:after{content:counter(xf,decimal-leading-zero);position:absolute;top:22px;right:22px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#b7c3d4}
.xf-card:hover{transform:translateY(-2px);border-color:#c9d8ee;box-shadow:0 26px 56px rgba(11,17,28,.09)}
.xf-icon{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#8cc8ff;margin-bottom:20px;
  background:radial-gradient(circle at 28% 22%,rgba(83,214,255,.30),rgba(83,214,255,0) 62%),linear-gradient(160deg,#152843 0%,#07111f 100%);
  box-shadow:0 10px 22px rgba(7,17,31,.22),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(255,255,255,.06)}
.xf-icon:before{content:"";position:absolute;inset:0;border-radius:inherit;
  background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:8px 8px;
  -webkit-mask-image:radial-gradient(circle,#000 25%,transparent 75%);mask-image:radial-gradient(circle,#000 25%,transparent 75%)}
.xf-icon svg{position:relative;width:27px;height:27px;display:block}
.xf-from{display:flex;align-items:center;gap:10px;margin:0;font-size:13.5px;line-height:1.4;color:#7c8798;font-weight:650}
.xf-from:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;border:1.5px solid #b3bfd0;box-sizing:border-box}
.xf-arrow{position:relative;display:block;height:20px;margin:3px 0;font-size:0}
.xf-arrow:before{content:"";position:absolute;left:3.25px;top:0;bottom:0;width:1.5px;border-radius:2px;background:linear-gradient(180deg,#d3dcea,#0a6cff)}
.xf-to{display:flex;align-items:center;gap:10px;margin:0;font-size:15.5px;line-height:1.35;font-weight:800;letter-spacing:-.018em;color:var(--ink)}
.xf-to:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#0a6cff;box-shadow:0 0 0 4px rgba(10,108,255,.14)}
.sub-label{margin:52px 0 20px;font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#075acb}
.cvc{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;max-width:860px}
.cvc-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:0 12px 32px rgba(11,17,28,.045)}
.cvc-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:linear-gradient(160deg,#152843,#07111f);color:#8cc8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.cvc-icon svg{width:20px;height:20px;display:block}
.cvc-item b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#075acb;margin-bottom:3px}
.cvc-item p{margin:0;font-size:15px;line-height:1.35;color:var(--ink);font-weight:750;letter-spacing:-.01em}
.cvc-join{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--soft);color:#075acb;font-weight:900;font-size:16px}
.discover-quiet{margin:15px 0 0;font-size:12.5px;line-height:1.6;color:#8a95a7;max-width:640px;font-weight:450}
.pv{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 54px rgba(11,17,28,.06);overflow:hidden}
.pv-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:16px 26px;border-bottom:1px solid var(--line);background:#fbfcfe}
.pv-head-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:#075acb}
.pv-chip{white-space:nowrap;padding:4px 11px;border-radius:999px;background:var(--soft);color:#5d6879;font-size:10.5px;font-weight:850;letter-spacing:.05em}
.pv-body{display:grid;grid-template-columns:190px 1fr 260px;gap:0}
.pv-gauge-col{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 22px;border-right:1px solid var(--line);position:relative}
.pv-gauge{width:132px;height:132px;display:block}
.pv-gauge-wrap{position:relative;width:132px;height:132px}
.pv-gauge-read{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1}
.pv-gauge-label{margin-top:14px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#7c8798}
.pv-bars-col{padding:24px 26px;border-right:1px solid var(--line)}
.pv-col-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#8a95a7;margin-bottom:14px}
.pv-bar{display:grid;grid-template-columns:150px 1fr 90px;align-items:center;gap:12px;margin-bottom:10px}
.pv-bar:last-child{margin-bottom:0}
.pv-bar-name{font-size:12.5px;color:#39404e;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv-bar-track{height:7px;border-radius:999px;background:#eef2f8;overflow:hidden}
.pv-bar-fill{display:block;height:100%;border-radius:999px;background:#9dbfe8}
.pv-bar.is-strong .pv-bar-fill{background:#0a6cff}
.pv-bar.is-low .pv-bar-fill{background:#7e8ba3}
.pv-bar-val{white-space:nowrap;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#7c8798;text-align:right}
.pv-bar.is-strong .pv-bar-val{color:#075acb}
.pv-bar.is-low .pv-bar-val{color:#4d5768}
.pv-side{padding:24px 22px;display:flex;flex-direction:column;gap:12px;background:#fbfcfe}
.pv-flag{padding:13px 15px;border-radius:13px;background:#fff;border:1px solid var(--line)}
.pv-flag.is-strong{border-left:3px solid #0a6cff}
.pv-flag.is-low{border-left:3px solid #7e8ba3}
.pv-flag-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#8a95a7;margin-bottom:5px}
.pv-flag b{font-size:13.5px;font-weight:800;letter-spacing:-.012em;color:#25324a;line-height:1.25}
.pv-priorities ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pv-priorities li{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.35;color:#39404e;font-weight:650}
.pv-rank{flex:0 0 auto;width:8px;height:8px;border-radius:2px;background:#0a6cff;margin-top:5px}
.pv-maturity{padding:20px 26px 18px;border-top:1px solid var(--line)}
.pv-track{position:relative;height:4px;border-radius:999px;background:#eef2f8;margin:34px 0 9px}
.pv-track-fill{position:absolute;left:0;top:0;bottom:0;width:25%;border-radius:999px;background:#0a6cff}
.pv-dot{position:absolute;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#fff;border:2px solid #cfd9e8}
.pv-dot.is-here{background:#0a6cff;border-color:#0a6cff}
.pv-dot b{position:absolute;left:50%;transform:translateX(-50%);top:-24px;font-size:11px;font-weight:900;color:#075acb;white-space:nowrap;letter-spacing:.01em}
.pv-track-ends{display:flex;justify-content:space-between;font-size:10.5px;color:#8a95a7;font-weight:700;letter-spacing:.03em}
.discover-legal{margin:12px 2px 0;font-size:11.5px;line-height:1.5;color:#9aa3b2}
.discover-cta{margin-top:28px}
@media(max-width:1080px){
  .xf-grid{grid-template-columns:1fr 1fr}
  .pv-body{grid-template-columns:1fr}
  .pv-gauge-col{border-right:0;border-bottom:1px solid var(--line)}
  .pv-bars-col{border-right:0;border-bottom:1px solid var(--line)}
  .pv-side{flex-direction:row;flex-wrap:wrap}
  .pv-side>*{flex:1 1 240px}
}
@media(max-width:980px){
  .discover-head{grid-template-columns:1fr;gap:20px}
  .cvc{grid-template-columns:1fr}
  .cvc-join{margin:-4px auto}
}
@media(max-width:640px){
  .xf-grid{grid-template-columns:1fr}
  .pv-bar{grid-template-columns:1fr auto;row-gap:6px;margin-bottom:13px}
  .pv-bar-name{white-space:normal}
  .pv-bar-track{grid-column:1 / -1;order:3}
  .pv-head{padding:14px 18px}
  .pv-gauge-col,.pv-bars-col,.pv-side,.pv-maturity{padding-left:18px;padding-right:18px}
  }

/* ---- record timeline: chronological, not comparative ---- */
.timeline{position:relative;padding-left:34px;margin-top:34px}
.timeline:before{content:"";position:absolute;left:5px;top:16px;bottom:16px;width:2px;
  background:linear-gradient(180deg,var(--blue2),var(--blue) 55%,rgba(10,108,255,.12))}
.tl-row{position:relative;padding:26px 0;border-bottom:1px solid var(--line)}
.tl-row:last-child{border-bottom:0}
.tl-row:after{content:"";position:absolute;left:-34px;top:31px;width:12px;height:12px;
  border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px rgba(10,108,255,.12)}
.tl-row:first-child:after{width:14px;height:14px;left:-35px;top:30px;
  box-shadow:0 0 0 6px rgba(10,108,255,.16)}
.tl-row .index{font-size:12px;color:#075acb;font-weight:900;letter-spacing:.1em;padding-top:5px}
.tl-row h3{font-size:28px;margin:0 0 10px;letter-spacing:-.035em}
.tl-row p{color:#657083;margin:0;line-height:1.55;font-size:16px}
.tl-row .proof-points{margin-top:16px}
.tl-row .proof-points p{font-size:15px;color:#4d5666}
.tl-metric{display:inline-flex;align-items:center;margin-top:14px;padding:7px 12px;
  border:1px solid #cfd7e3;border-radius:999px;background:#f7f9fc;
  font-size:12px;font-weight:900;color:#39404e;letter-spacing:.01em}
.tl-metric b{color:#075acb;font-weight:900;margin-right:6px}
@media(max-width:980px){
  .timeline{padding-left:26px}
  .tl-row:after{left:-26px}
  .tl-row:first-child:after{left:-27px}
  .tl-row h3{font-size:24px}
}

/* ---- team photo slot: monogram shows until a real photo exists ---- */
.person .mono{position:relative;overflow:hidden}
.person .mono img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.person .mono.photo img{display:block}
.person .mono.photo{font-size:0}

/* ---- engagement journey diagram ----
   Base (below 1100px): vertical stack, every element in normal document flow.
   1100px+: five columns, cards in 1/3/5, arrows in 2/4, row 2 for note + loop. */
.journey{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:1fr;gap:0}
.journey-item{min-width:0;display:flex;flex-direction:column}
.journey-item + .journey-item{margin-top:12px}
.journey-card{width:100%;background:#fff;border:1px solid var(--line);
  border-radius:20px;padding:24px 22px 22px;box-shadow:0 15px 40px rgba(11,17,28,.05)}
.journey-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;
  background:var(--soft);color:#075acb;margin-bottom:16px}
.journey-icon svg{width:23px;height:23px;display:block}
.journey-n{margin:0 0 7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:900;color:#075acb}
.journey-title{margin:0 0 8px;font-size:21px;letter-spacing:-.025em;line-height:1.2}
.journey-meta{margin:0 0 11px;font-size:13px;font-weight:800;color:#39404e;line-height:1.45}
.journey-body{margin:0;font-size:14px;line-height:1.55;color:#59667a}
.journey-decision{margin:12px 0 0;font-size:13px;line-height:1.5;color:#5d6879;
  font-style:italic;max-width:36ch}
.journey-arrow{display:grid;place-items:center;padding:2px 0;color:#9cc0f0}
.journey-arrow svg{width:20px;height:20px;display:block;transform:rotate(90deg)}
.journey-loop{margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:9px 12px;border:1px dashed #cfd7e3;border-radius:999px;text-align:center}
.journey-loop-icon{color:#7fb0f5;display:block;flex:0 0 auto}
.journey-loop-icon svg{width:17px;height:17px;display:block}
.journey-loop-text{font-size:11.5px;font-weight:800;color:#4d5666;letter-spacing:.01em}
.journey-note{margin:22px 0 0;font-size:12px;line-height:1.55;color:#7c8798;max-width:860px}

@media(min-width:1100px){
  .journey{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr);
    grid-template-rows:auto auto;gap:12px;align-items:stretch}
  .journey-item + .journey-item{margin-top:0}
  .journey-item:nth-child(1){grid-column:1;grid-row:1}
  .journey-item:nth-child(2){grid-column:2;grid-row:1;justify-content:center}
  .journey-item:nth-child(3){grid-column:3;grid-row:1 / span 2}
  .journey-item:nth-child(4){grid-column:4;grid-row:1;justify-content:center}
  .journey-item:nth-child(5){grid-column:5;grid-row:1 / span 2}
  .journey-arrow{padding:0}
  .journey-arrow svg{transform:none}
}

@media(max-width:980px){
  .nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:18px 20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}
  .nav-links.open{display:flex}
  .nav-cta{margin-left:auto}
  .menu{display:block}
  .hero-grid,.section-head,.team-intro,.final-grid{grid-template-columns:1fr}
  .hero{padding-top:62px}
  .fragmented{grid-template-columns:1fr}
  .center-arrow{transform:rotate(90deg)}
  .system-strip{grid-template-columns:repeat(4,1fr)}
  .artifacts{grid-template-columns:1fr}
  .tier-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr}
  .faq-item:nth-child(2){border-top:1px solid var(--line);padding-top:20px}
  .who-grid{grid-template-columns:1fr;gap:0}
  .who-item{padding:13px 0}
  .build-loop{grid-template-columns:1fr}
  .loop-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-17px;transform:translateX(-50%)}
  .team-grid{grid-template-columns:1fr 1fr}
  .ticker-inner{grid-template-columns:1fr 1fr}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:760px){.quote{white-space:normal;font-size:clamp(30px,8vw,42px)}}
@media(max-width:640px){
  .container{width:min(100% - 28px,1180px)}
  .logo img{height:34px;max-width:190px}
  .nav-cta{display:none}
  h1{font-size:54px}
  .hero-grid{gap:38px}
  .section{padding:78px 0}
  .section-head{gap:24px}
  .system-strip{grid-template-columns:1fr 1fr}
  .arch-row{grid-template-columns:1fr;gap:8px}
  .team-grid{grid-template-columns:1fr}
  .ticker-inner{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .final-grid{gap:20px}
  .form-grid{grid-template-columns:1fr}
}

.booking-step{border-top:1px solid rgba(190,220,255,.45);margin-top:22px;padding-top:18px;min-width:0}
.booking-step h4{font-size:20px;margin:0 0 10px}
.booking-step .btn{width:100%;justify-content:center;white-space:normal}
.booking-step .btn:disabled{opacity:.6;cursor:not-allowed}
.booking-step iframe{display:block;max-width:100%;margin:16px 0}
.booking-step a{text-decoration:underline}
.booking-step [hidden]{display:none}


:root { --gw-cyan: #9df3ff; --gw-navy: #101f58; }
body { background: rgb(248, 246, 251); }
button, .btn, .nav-cta, .nav-links a { border-radius: 999px; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: rgb(0, 115, 232) solid 3px; outline-offset: 4px; }
.nav { background: rgba(255, 255, 255, 0.95); }
.nav-inner { min-height: 78px; height: auto; padding-block: 14px; gap: 18px; flex-wrap: wrap; }
.logo { width: 205px; height: 42px; overflow: hidden; }
.logo img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center center; }
.nav-links { gap: 0px; font-size: 12px; }
.nav-links a { padding: 10px 8px; }
.gw-app-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 22px; min-height: 44px; font-weight: 850; border: 0px; border-radius: 999px; background: var(--gw-cyan); color: rgb(8, 28, 63); box-shadow: rgba(10, 37, 74, 0.15) 0px 7px 24px; text-decoration: none; cursor: pointer; }
.hero { position: relative; isolation: isolate; overflow: hidden; padding: 80px 0px 50px; color: rgb(255, 255, 255); background: radial-gradient(at 87% 23%, rgb(232, 185, 233) 0%, transparent 37%), radial-gradient(at 73% 61%, rgb(157, 185, 255) 0%, transparent 45%), linear-gradient(128deg, rgb(16, 31, 88) 5%, rgb(35, 63, 144) 35%, rgb(97, 125, 211) 70%, rgb(185, 200, 239) 100%); }
.hero::before { content: ""; position: absolute; z-index: -1; inset: 8% -12% -12% 35%; background: radial-gradient(at 60% 21%, rgba(255, 245, 233, 0.79) 0%, rgba(242, 208, 231, 0.4) 13%, transparent 32%), radial-gradient(at 95% 48%, rgba(234, 219, 255, 0.79) 0%, rgba(198, 187, 236, 0.4) 23%, transparent 45%), radial-gradient(at 38% 80%, rgba(172, 216, 255, 0.7) 0%, transparent 43%); filter: blur(22px); }
.hero::after { content: ""; position: absolute; z-index: 1; pointer-events: none; left: 45%; right: -15%; bottom: -75px; height: 235px; background: radial-gradient(at 28% 75%, rgb(230, 237, 255) 0%, rgba(202, 213, 239, 0.8) 22%, transparent 49%), radial-gradient(at 68% 59%, rgb(255, 240, 239) 0%, rgba(212, 214, 245, 0.8) 26%, transparent 55%), radial-gradient(at 95% 78%, rgb(242, 219, 245) 0%, rgb(196, 202, 240) 28%, transparent 59%); filter: blur(12px); }
.hero-grid { grid-template-columns: 1.15fr 1fr; gap: 48px; }
.hero-grid > :first-child { position: relative; z-index: 3; }
.hero .eyebrow { color: rgb(201, 247, 255); font-size: 11px; }
.hero h1 { font-size: clamp(48px, 5.8vw, 80px); line-height: 1.03; font-weight: 900; letter-spacing: -0.055em; }
.hero h1 .accent { color: rgb(169, 245, 255); }
.hero .lede { color: rgb(240, 237, 255); font-size: 18px; }
.hero .proof-line { color: rgb(229, 238, 255); gap: 14px; }
.hero .proof-line span::before { background: rgb(169, 245, 255); }
.hero .btn.primary { background: var(--gw-cyan); color: rgb(8, 28, 63); }
.hero .btn.primary::before { background: rgb(16, 106, 162); }
.hero .btn.secondary { background: rgba(255, 255, 255, 0.094); border-color: rgba(222, 237, 255, 0.467); color: rgb(255, 255, 255); backdrop-filter: blur(10px); }
.gw-scene-wrap { position: relative; z-index: 2; min-width: 0px; }
.gw-scene { position: relative; height: 470px; perspective: 1000px; }
.gw-scene::before { content: ""; position: absolute; inset: -5% -15% -10% -5%; background: radial-gradient(at 66% 18%, rgba(255, 242, 231, 0.79) 0%, transparent 32%), radial-gradient(at 24% 67%, rgba(181, 230, 255, 0.6) 0%, transparent 37%); filter: blur(17px); }
.gw-orbit { position: absolute; inset: 10% 9%; border: 1px solid rgba(215, 237, 255, 0.533); border-radius: 50%; transform: rotateX(60deg) rotateZ(-30deg); box-shadow: rgba(215, 200, 255, 0.333) 0px 0px 50px, rgba(204, 239, 255, 0.2) 0px 0px 35px inset; }
.gw-orbit.gw-two { inset: 0px; transform: rotateX(60deg) rotateZ(40deg); }
.gw-glass { position: absolute; left: 22%; top: 20%; width: 54%; height: 53%; border-radius: 26px; transform: rotateX(54deg) rotateZ(-35deg); border: 1px solid rgba(178, 250, 255, 0.7); background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(173, 207, 255, 0.333) 30%, rgba(90, 139, 250, 0.533) 70%, rgba(41, 59, 146, 0.467)); box-shadow: rgba(40, 54, 133, 0.667) 12px 18px 0px, rgba(200, 236, 255, 0.467) 16px 23px 0px, rgba(23, 32, 80, 0.6) 28px 42px 60px, rgba(255, 255, 255, 0.6) 0px 1px 20px inset; backdrop-filter: blur(6px); animation: 7s ease-in-out 0s infinite normal none running gw-drift; }
.gw-glass.gw-back { top: 36%; opacity: 0.85; animation-delay: -2s; background: linear-gradient(135deg, rgba(182, 187, 239, 0.467), rgba(100, 109, 228, 0.667), rgba(21, 56, 122, 0.6)); }
.gw-glass.gw-front { top: 6%; animation-delay: -4s; background: linear-gradient(135deg, rgba(255, 246, 232, 0.79), rgba(216, 199, 243, 0.6) 35%, rgba(133, 204, 255, 0.467)); border-color: rgb(255, 240, 233); display: flex; align-items: center; justify-content: center; }
.gw-glass-core { font-size: 85px; font-weight: 900; color: rgb(255, 255, 255); text-shadow: rgb(214, 250, 255) 0px 0px 30px; }
.gw-scene-label { position: absolute; padding: 10px 14px; border: 1px solid rgba(210, 230, 255, 0.6); background: rgba(26, 42, 90, 0.79); backdrop-filter: blur(12px); color: rgb(255, 255, 255); border-radius: 14px; font-size: 10px; letter-spacing: 0.05em; box-shadow: rgba(20, 32, 68, 0.333) 0px 12px 30px; }
.gw-label-a { left: 0px; top: 45%; }
.gw-label-b { right: 0px; top: 19%; }
.gw-label-c { right: 8%; bottom: 12%; }
.gw-motion { position: relative; z-index: 3; padding: 9px 14px; min-height: 44px; border: 1px solid rgba(224, 237, 255, 0.467); color: rgb(255, 255, 255); background: rgba(23, 44, 95, 0.4); cursor: pointer; }
.gw-paused .gw-glass { animation-play-state: paused; }
@keyframes gw-drift { 
  0%, 100% { translate: 0px -7px; }
  50% { translate: 0px 9px; }
}
.gw-system-detail { padding: 24px 0px; background: rgb(243, 243, 251); }
.gw-system-detail summary { padding: 16px 0px; font-weight: 800; cursor: pointer; }
.gw-system-detail .system-panel { max-width: 740px; margin: 12px auto 0px; }
.section.white { background: linear-gradient(150deg, rgb(255, 249, 246), rgb(255, 255, 255) 60%, rgb(241, 250, 255)); }
.section.dark { background: radial-gradient(at 100% 0px, rgb(65, 72, 128) 0px, transparent 65%), rgb(16, 27, 55); }
.gw-app-notice { background: rgb(233, 247, 255); color: rgb(20, 51, 87); border-left: 4px solid rgb(22, 113, 220); padding: 18px 22px; line-height: 1.6; border-radius: 14px; margin: 18px 0px 0px; }
.gw-app-notice[hidden] { display: none; }
@media (max-width: 1100px) {
  .nav-links { order: 3; width: 100%; justify-content: center; margin-left: 0px; flex-wrap: wrap; }
  .gw-nav-app { margin-left: auto; }
}
@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; gap: 24px; }
  .hero { padding-top: 55px; }
  .gw-scene-wrap { width: min(100%, 470px); margin: auto; }
  .hero::after { left: 0px; }
}
@media (max-width: 720px) {
  .nav-inner { gap: 12px; }
  .logo { width: 175px; height: 37px; }
  .logo img { height: 100%; max-width: none; }
  .nav .nav-cta { display: none; }
  .gw-nav-app { padding: 12px 15px; font-size: 13px; }
  .hero h1 { font-size: clamp(43px, 9vw, 65px); }
  .hero .lede { font-size: 17px; }
  .gw-scene { height: 355px; }
  .gw-scene-label { font-size: 9px; padding: 8px 10px; }
  .hero .hero-actions { gap: 10px; }
  .hero .btn { padding: 16px 22px; }
  .hero::before { inset: 35% -25% -5% 0px; }
}
@media (max-width: 400px) {
  .gw-nav-app { width: 100%; margin: 0px; }
  .gw-scene { height: 315px; }
  .gw-glass-core { font-size: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .gw-glass { animation: auto ease 0s 1 normal none running none; }
  .btn, .nav-cta { transition: none; }
}
body { isolation: isolate; background: rgb(35, 63, 144); }
body::before { content: ""; position: fixed; inset: 0px; z-index: -1; pointer-events: none; background: radial-gradient(at 87% 16%, rgba(232, 185, 233, 0.733) 0%, transparent 40%), radial-gradient(at 76% 56%, rgba(255, 242, 231, 0.6) 0%, rgba(217, 206, 242, 0.333) 22%, transparent 46%), radial-gradient(at 17% 78%, rgba(172, 216, 255, 0.533) 0%, transparent 42%), radial-gradient(at 89% 100%, rgba(241, 216, 239, 0.733) 0%, rgba(184, 202, 239, 0.467) 26%, transparent 51%), linear-gradient(128deg, rgb(16, 31, 88) 5%, rgb(35, 63, 144) 35%, rgb(97, 125, 211) 70%, rgb(185, 200, 239) 100%); }
.hero { background: transparent; }
.section, .section.white, .section.dark, .ticker, .quote-band, .gw-system-detail, .final, .footer { position: relative; background: transparent; }
.section { padding: 44px 0px; }
.section > .container, .quote-band > .container { padding: clamp(24px, 4vw, 54px); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 30px; background: linear-gradient(145deg, rgba(255, 250, 244, 0.93), rgba(242, 239, 255, 0.93) 57%, rgba(233, 247, 255, 0.92)); box-shadow: rgba(18, 35, 91, 0.15) 0px 20px 65px, rgba(255, 255, 255, 0.7) 0px 1px 0px inset; }
.section.dark > .container, .final > .container { background: linear-gradient(140deg, rgba(20, 38, 92, 0.91), rgba(39, 59, 115, 0.86) 65%, rgba(72, 86, 142, 0.86)); border: 1px solid rgba(213, 232, 255, 0.333); border-radius: 30px; padding: clamp(24px, 4vw, 54px); box-shadow: rgba(16, 30, 75, 0.267) 0px 20px 65px, rgba(255, 255, 255, 0.133) 0px 1px 0px inset; }
.ticker { border-color: rgba(231, 238, 255, 0.333); background: rgba(242, 244, 255, 0.93); }
.gw-system-detail { background: rgba(230, 237, 255, 0.92); }
.quote-band { padding: 44px 0px; border: 0px; }
.final { padding: 44px 0px 64px; }
.footer { color: rgb(226, 234, 255); background: rgba(20, 38, 92, 0.67); border-top: 1px solid rgba(231, 238, 255, 0.267); }
.footer a { color: rgb(238, 245, 255); }
@media (max-width: 720px) {
  .section, .quote-band { padding: 24px 0px; }
  .section > .container, .quote-band > .container, .final > .container { width: calc(100% - 24px); border-radius: 22px; padding: 28px 20px; }
}
.gw-orbit-title { margin: 0px 0px 8px; color: white; font-size: clamp(26px, 2.8vw, 37px); line-height: 1.1; letter-spacing: -0.035em; max-width: 440px; }
.gw-orbit-title span { color: rgb(184, 245, 255); }
.gw-orbit-process { height: 450px; }
.gw-orbit-labels { list-style: none; margin: 0px; padding: 0px; }
.gw-stage-label { z-index: 4; font-size: 11px; font-weight: 750; letter-spacing: 0.015em; text-transform: none; padding: 10px 13px; background: rgba(26, 42, 90, 0.75); animation: 8s ease-in-out 0s infinite normal none running gw-label-drift; }
.gw-stage-1 { top: 8%; left: 1%; }
.gw-stage-2 { top: 7%; right: 0px; animation-delay: -1s; }
.gw-stage-3 { top: 30%; left: -2%; animation-delay: -2s; }
.gw-stage-4 { top: 31%; right: -2%; animation-delay: -3s; }
.gw-stage-5 { top: 57%; left: 0px; animation-delay: -4s; }
.gw-stage-6 { top: 58%; right: 0px; animation-delay: -5s; }
.gw-stage-7 { bottom: 5%; left: 6%; animation-delay: -6s; }
.gw-stage-8 { bottom: 5%; right: 5%; animation-delay: -7s; }
.gw-paused .gw-stage-label { animation-play-state: paused; }
@keyframes gw-label-drift { 
  0%, 100% { translate: 0px -4px; }
  50% { translate: 3px 5px; }
}
@media (max-width: 980px) {
  .gw-scene-wrap { width: min(100%, 500px); }
  .gw-orbit-title { max-width: 440px; }
}
@media (max-width: 720px) {
  .gw-orbit-process { height: 390px; }
  .gw-stage-label { font-size: 10px; padding: 9px 11px; }
}
@media (max-width: 400px) {
  .gw-orbit-process { height: 350px; }
  .gw-stage-label { font-size: 9px; padding: 8px 9px; }
  .gw-stage-3 { left: 0px; }
  .gw-stage-4 { right: 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .gw-stage-label { animation: auto ease 0s 1 normal none running none; }
}
.gw-stage-1 { --gw-orbit-start: 0%; --gw-orbit-delay: 0s; }
.gw-stage-2 { --gw-orbit-start: 12.5%; --gw-orbit-delay: -9s; }
.gw-stage-3 { --gw-orbit-start: 25%; --gw-orbit-delay: -18s; }
.gw-stage-4 { --gw-orbit-start: 37.5%; --gw-orbit-delay: -27s; }
.gw-stage-5 { --gw-orbit-start: 50%; --gw-orbit-delay: -36s; }
.gw-stage-6 { --gw-orbit-start: 62.5%; --gw-orbit-delay: -45s; }
.gw-stage-7 { --gw-orbit-start: 75%; --gw-orbit-delay: -54s; }
.gw-stage-8 { --gw-orbit-start: 87.5%; --gw-orbit-delay: -63s; }
@supports (offset-path:ellipse(40% 40% at 50% 50%)) {
  .gw-orbit-labels { position: absolute; inset: 0px; }
  .gw-stage-label { inset: 0px auto auto 0px; width: max-content; offset-path: ellipse(36% 40% at 50% 50%); offset-anchor: center center; offset-rotate: 0deg; animation-duration: 72s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: gw-label-orbit; animation-timeline: auto; animation-range: normal; animation-delay: var(--gw-orbit-delay); }
  .gw-orbit-labels:hover .gw-stage-label, .gw-paused .gw-stage-label { animation-play-state: paused; }
  @keyframes gw-label-orbit { 
  0% { offset-distance: 0%; }
  100% { offset-distance: 100%; }
}
  @media (prefers-reduced-motion: reduce) {
  .gw-stage-label { animation: auto ease 0s 1 normal none running none; offset-distance: var(--gw-orbit-start); }
}
}
.ticker { padding: 44px 0px 22px; color: rgb(255, 255, 255); background: linear-gradient(125deg, rgba(16, 34, 81, 0.95), rgba(36, 74, 133, 0.92) 62%, rgba(77, 82, 151, 0.91)); border-top: 2px solid rgba(177, 236, 255, 0.7); border-bottom: 2px solid rgba(177, 236, 255, 0.7); box-shadow: rgba(18, 32, 80, 0.25) 0px 20px 60px, rgba(255, 255, 255, 0.2) 0px 1px 0px inset; }
.ticker::before { height: 4px; background: linear-gradient(90deg, rgb(133, 231, 255), rgb(214, 197, 255), rgb(188, 255, 236)); position: absolute; inset: 0px 0px auto; }
.gw-proof-heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.gw-proof-kicker { margin: 0px 0px 12px; color: rgb(196, 245, 255); font-size: 11px; font-weight: 850; letter-spacing: 0.14em; text-transform: uppercase; }
.gw-proof-heading h2 { margin: 0px; font-size: clamp(30px, 3.5vw, 48px); line-height: 1.08; letter-spacing: -0.04em; }
.gw-proof-heading h2 span { color: rgb(180, 239, 255); }
.gw-growth-mark { display: block; width: 230px; height: auto; flex: 0 0 auto; filter: drop-shadow(rgba(9, 28, 70, 0.333) 0px 10px 20px); }
.ticker-frame { color: rgb(225, 234, 255); max-width: 880px; padding-top: 24px; margin-bottom: 26px; }
.ticker-inner { border-top: 2px solid rgba(185, 217, 255, 0.5); border-bottom: 2px solid rgba(185, 217, 255, 0.5); }
.stat { padding: 28px 22px; border-right: 2px solid rgba(185, 217, 255, 0.5); }
.stat b { color: rgb(194, 247, 255); font-size: clamp(32px, 3vw, 46px); font-weight: 900; text-shadow: rgba(167, 244, 255, 0.133) 0px 4px 20px; }
.stat small { display: block; color: rgb(242, 245, 255); font-size: 13px; margin-top: 10px; }
.stat .source { color: rgb(182, 220, 255); font-size: 10px; font-weight: 850; margin-top: 14px; }
@media (max-width: 720px) {
  .gw-proof-heading { gap: 16px; }
  .gw-growth-mark { width: 125px; }
  .ticker-inner { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .stat { padding: 24px 16px; border-bottom: 2px solid rgba(185, 217, 255, 0.5); }
  .stat:nth-child(2n) { border-right: 0px; }
  .stat:last-child { grid-column: 1 / -1; border-bottom: 0px; }
}
@media (max-width: 400px) {
  .gw-growth-mark { width: 90px; }
  .gw-proof-heading h2 { font-size: 28px; }
}
.ticker { padding-top: 20px; }
.nav .logo { background: transparent; border: 0px; border-radius: 0px; box-shadow: none; }
.nav .logo img { mix-blend-mode: multiply; border: 0px; border-radius: 0px; box-shadow: none; }
.nav .logo img { object-fit: contain; mix-blend-mode: normal; width: 100%; height: 100%; }

/* Full blue presentation theme, 14 October 2026. Preserve source content and motion. */
:root{--ink:#f4f8ff;--paper:#142e70;--soft:#244c8a;--blue:#a8edff;--blue2:#77dcff;--line:rgba(190,220,255,.26)}
html{background:#142e70;scroll-padding-top:140px}
body{color:#f4f8ff;background:#142e70;overflow-x:clip}
body::before{background:radial-gradient(ellipse at 90% 15%,rgba(151,145,220,.34),transparent 42%),radial-gradient(ellipse at 10% 80%,rgba(83,170,236,.3),transparent 45%),linear-gradient(135deg,#101f58,#214789 58%,#385b9b)}
.nav{background:rgba(18,43,99,.97);color:#fff;border-bottom:1px solid rgba(180,221,255,.25);backdrop-filter:blur(16px)}
.nav-links a,.menu{color:#f4f8ff}
.nav-links a:hover{background:rgba(157,243,255,.13)}
.nav .logo img{filter:brightness(0) invert(1)}
.nav-cta{background:#9df3ff;color:#081c3f}
.hero::after{opacity:.32}
.section,.section.white,.section.dark,.quote-band,.gw-system-detail,.ticker,.final,.footer{color:#f4f8ff;background:transparent}
.section>.container,.section.dark>.container,.quote-band>.container,.final>.container{background:linear-gradient(140deg,rgba(19,44,101,.94),rgba(36,68,128,.88));border-color:rgba(190,220,255,.3);box-shadow:0 20px 65px rgba(6,19,53,.2),inset 0 1px rgba(211,239,255,.1)}
.ticker{background:rgba(15,39,92,.6)}
.gw-system-detail{background:rgba(20,47,108,.64);border-block:1px solid rgba(190,220,255,.22)}
.section-copy,.dark .section-copy,.person p,.tier-scope,.tier-list li,.tier-foot,.tier-price small,.faq-item p,.who-item small,.bench-lead,.bench-foot,.bench-legal,.bench-label,.artifact-kicker,.score span,.data-row span:first-child,.sys-node small,.fragment-item span:last-child,.method-note,.loop-step small,.arch-row p{color:#d5e5fc}
.artifact,.tier,.journey-card,.sys-node,.bench,.pv,.pv-head,.pv-side,.pv-flag,.xf-card,.cvc-item,.domain-chip,.bench .domain-chip,.tier-commit,.tag,.person .ai-label,.pv-chip{background:#1b3c7b;color:#f4f8ff;border-color:rgba(190,220,255,.28);box-shadow:none}
.xf-card{background:linear-gradient(145deg,#234986,#17356f)}
.tag,.person .role,.person .ai-label,.tier-tag,.tier .tier-price,.domain-chip i,.quote span,.eyebrow,.arch-row .index,.loop-n,.score b{color:#a8edff}
.tier-list li b,.bench-lead strong,.journey-card h3,.pv-title{color:#fff}
.person{border-top-color:#9df3ff}
.fragment-col,.fragment-item,.data-row,.tier-list li,.tier-scope,.who-grid,.faq-item,.architecture,.arch-row{border-color:rgba(190,220,255,.25)}
.btn.primary{background:#9df3ff;color:#081c3f}
.btn.secondary{background:rgba(157,243,255,.08);border-color:rgba(190,220,255,.5);color:#fff}
.gw-app-notice{background:#183e78;color:#eef7ff;border-color:#9df3ff}
.modal-card{background:#183c79;color:#fff}
.modal-card p,.modal-card label,.modal-card .form-note{color:#dceaff}
.modal-card input:focus-visible,.modal-card textarea:focus-visible,.modal-card select:focus-visible{outline:3px solid #9df3ff;outline-offset:3px}
.modal-card input,.modal-card textarea,.modal-card select{background:#102c60;color:#fff;border-color:#86afe1}
.modal-card input::placeholder,.modal-card textarea::placeholder{color:#c0d2ef}
.close{background:#28528d;color:#fff}
.pv-track,.pv-bar-track{background:#33578e}
.pv-gauge-col{background:#163774;color:#fff}
.quote{white-space:normal}
button,a,input,textarea,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#9df3ff}
@media(max-width:1100px){.nav-links{background:#142f6c}}
@media(max-width:720px){
.nav-inner{gap:10px}.nav-links{background:#142f6c;color:#fff}
.hero h1{font-size:clamp(38px,10vw,62px);overflow-wrap:normal}
.hero-actions{display:flex;flex-wrap:wrap}.hero-actions>.btn,.hero-actions>.gw-app-button{width:100%;justify-content:center;min-height:48px}
.section-head,.team-intro{gap:24px}.section h2{font-size:clamp(30px,8vw,46px);line-height:1.08}
.fragmented{grid-template-columns:1fr;gap:20px}.center-arrow{transform:rotate(90deg)}
.artifacts,.tier-grid,.faq-grid,.bench,.who-grid{grid-template-columns:1fr}
.arch-row{grid-template-columns:1fr;gap:14px}
.system-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.build-loop{grid-template-columns:1fr}.loop-step:not(:last-child):after{display:none}
.tier{padding:24px 20px}.tier-price{font-size:34px}
.modal-card{max-height:calc(100dvh - 32px);overflow-y:auto}
}
@media(max-width:400px){.team-grid{grid-template-columns:1fr}.logo{width:165px}.hero h1{font-size:38px}.gw-stage-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Text and surfaces across retained content blocks. */
.section p,.section li,.section small,.quote-band p,.section [style*="color:#657083"],.section [style*="color:#8b95a5"]{color:#dceaff!important}
.section h2,.section h3,.section h4,.section strong,.section b,.quote-band .quote{color:#fff}
.journey-card,.journey-icon,.cvc-join,.pv-head,.pv-side,.pv-flag{background:#1b3c7b;color:#eef7ff}
.section a:not(.btn){color:#a8edff}
.preview-badge{font-size:10px;letter-spacing:.08em;padding:4px 7px;border:1px solid currentColor;border-radius:999px}
.section [class*="chip"],.section .pv-state{color:#ddf3ff}
@media(max-width:720px){.gw-nav-app{gap:8px;font-size:12px;padding:12px}.gw-app-button{flex-wrap:wrap}.nav-inner{position:relative}.nav .menu{min-width:44px;min-height:44px}.hero-grid>*{min-width:0}.section-head>*{min-width:0}.section p{overflow-wrap:anywhere}.journey-card{min-width:0}.quote-band .quote{white-space:normal}.pv-side{min-width:0}}



/* One continuous blue background; neither comparison column is a card. */
.section.white:has(.fragmented) > .container {
  background: linear-gradient(110deg, #132c65 0%, #214789 50%, #3978b8 100%);
}
.fragmented .fragment-col,
.fragmented .fragment-col.connected {
  background: transparent;
  color: #ffffff;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 16px 0 0;
}
.fragmented .fragment-col h3,
.fragmented .fragment-item span {
  color: #ffffff;
}
.fragmented .fragment-item {
  border-color: rgba(255,255,255,.25);
}
@media (max-width:720px) {
  .section.white:has(.fragmented) > .container {
    background: linear-gradient(180deg, #132c65 0%, #214789 50%, #3978b8 100%);
  }
}


.gw-back-to-top{position:fixed;right:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:90;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:12px 18px;background:#214789;color:#fff;font:inherit;font-weight:600;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.22);min-height:44px}
.gw-back-to-top[hidden]{display:none}
.gw-back-to-top:hover{background:#326aac}
.gw-back-to-top:focus-visible{outline:3px solid #9df3ff;outline-offset:4px}
@media(max-width:720px){.gw-back-to-top{right:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:14px;padding:10px 14px}.footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


/* Reflow content; do not conceal overflow to obtain a passing viewport. */
body { overflow-x:visible; }
/* Decorative clipping must not create an inner scroll container for focus. */
.hero { overflow:clip; }
.nav { position:sticky; top:0; }
html { scroll-padding-top:calc(var(--gw-header-height, 78px) + 12px); }
.container, .nav-inner, .hero-grid > *, .section-head > *, .ticker-inner > *,
.flow-row > *, .panel-top > *, .pv-body > *, .pv-bar > *, .data-row > *,
.team-grid > *, .who-grid > *, .bench > *, .form-grid > * { min-width:0; max-width:100%; }
body { overflow-wrap:anywhere; }
.hero h1 { overflow-wrap:anywhere; }
.pv-maturity-state { margin:0.5rem 0; font-weight:900; color:#075acb; }
.nav-links { flex-wrap:wrap; }
.nav-links a, button, .btn, .nav-cta, .gw-app-button, .preview-badge { max-width:100%; white-space:normal; overflow-wrap:anywhere; height:auto; }
button, .btn, .nav-cta, .gw-app-button { min-height:44px; flex-wrap:wrap; text-align:center; }
.ticker-inner { grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); }
.stat { min-width:0; }
.panel-top, .live { flex-wrap:wrap; }
.live::before { flex-shrink:0; }
.flow-row { grid-template-columns:minmax(0,1.8rem) minmax(0,1fr) minmax(0,0.75fr); }
.flow-row small { text-align:left; white-space:normal; }
.pv-chip, .pv-bar-name, .pv-bar-val, .pv-dot b { white-space:normal; overflow:visible; text-overflow:clip; }
.pv-bar { grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,0.8fr); }
.pv-body { grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr); }
.data-row { flex-wrap:wrap; }
/* Keep the approved orbit, glass imagery and motion-path stages. Only unusually
   enlarged text uses a flowing list; its normal floating motion is retained. */
.gw-stage-label { max-width:100%; white-space:normal; }
.gw-orbit-process.gw-label-reflow { height:auto; min-height:22rem; }
.gw-label-reflow .gw-orbit-labels { position:relative; inset:auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr)); gap:0.75rem; padding:1.25rem; min-height:22rem; align-content:center; }
.gw-label-reflow .gw-stage-label { position:relative; inset:auto; width:auto; offset-path:none; animation-name:gw-label-drift; animation-duration:8s; animation-timing-function:ease-in-out; }
.modal { overflow-y:auto; padding:16px; }
.modal-card { width:min(100%,720px); max-height:calc(100dvh - 32px); overflow:auto; min-width:0; }
.modal-top { flex-wrap:wrap; }
.modal-card .close { flex:none; margin-left:auto; }
.form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.form-grid input, .form-grid select, .form-grid textarea { min-width:0; max-width:100%; }
.gw-back-to-top { max-width:calc(100vw - 32px); }
.field-error { color:#fff3cc; font-weight:650; margin:0.5rem 0; }
.website-skip { position:absolute; left:16px; top:0; transform:translateY(-120%); z-index:100; padding:12px; background:#fff; color:#101f58; }
.website-skip:focus { transform:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media(max-width:1100px) {
 .nav-inner { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; gap:8px 12px; padding-block:10px; }
 .nav .logo { grid-column:1 / 3; grid-row:1; max-width:calc(100% - 4px); }
 .nav .menu { display:block; grid-column:3; grid-row:1; min-width:44px; min-height:44px; }
 .nav .gw-nav-app { grid-column:1; grid-row:2; width:auto; margin:0; }
 .nav .nav-cta { display:inline-flex; grid-column:2 / 4; grid-row:2; padding:10px 12px; }
 .nav .nav-links { display:none; grid-column:1 / -1; grid-row:3; position:static; width:100%; margin:0; padding:8px; max-height:35dvh; overflow-y:auto; }
 .nav .nav-links.open { display:flex; flex-wrap:wrap; justify-content:flex-start; }
 .nav .nav-links a { flex:1 1 10rem; }
}
@media(max-width:980px) { .pv-body { grid-template-columns:minmax(0,1fr); } }
@media(max-width:720px) {
 .nav-links { position:static; width:100%; }
 .flow-row { grid-template-columns:minmax(0,1.8rem) minmax(0,1fr); }
 .flow-row small { grid-column:2; }
 .panel-top { align-items:flex-start; }
 .pv-bar { grid-template-columns:minmax(0,1fr); }
 .pv-bar-val { text-align:left; }
 .form-grid { grid-template-columns:minmax(0,1fr); }
 .form-grid .full { grid-column:auto; }
}
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { animation:none!important; transition:none!important; } }


@media(max-width:600px){
 .modal{padding:0}
 .modal-card{padding:16px 12px;width:100%;max-height:100dvh;border-radius:0}
 .booking-step iframe{height:680px;width:calc(100% + 24px);max-width:none;margin-left:-12px;margin-right:-12px}
}


#team .team-grid{align-items:start}
#team .team-bio{margin-top:16px;border-top:1px solid rgba(190,220,255,.3)}
#team .team-bio>summary{cursor:pointer;min-height:44px;padding:12px 0;color:var(--blue);font-size:13px;font-weight:800}
#team .team-bio>summary:focus-visible{outline:3px solid #9df3ff;outline-offset:4px;border-radius:3px}
#team .bio-copy{overflow-wrap:anywhere}


#engagement .section-head{align-items:start;gap:32px;margin-bottom:28px}
#engagement .section-head h2{font-size:clamp(32px,3.5vw,48px);line-height:1.08}
#engagement .journey{margin-top:18px}
#engagement .journey-card{padding:20px}
#engagement .journey-icon{width:32px;height:32px;margin-bottom:10px}
#engagement .journey-icon svg{width:20px;height:20px}
#engagement .tier-grid{align-items:start;gap:18px;scroll-margin-top:150px}
#engagement .tier{min-width:0;padding:24px}
#engagement .tier h3{font-size:25px;line-height:1.12;margin-bottom:12px}
#engagement .tier-price{font-size:34px;line-height:1.12;overflow-wrap:anywhere}
#engagement .tier-price-scope{font-size:28px;letter-spacing:-.035em}
#engagement .tier-intro{margin:0 0 14px;font-size:14px;line-height:1.5}
#engagement .offer-cta{margin:4px 0 16px}
#engagement .offer-cta:last-child{margin-bottom:0}
#engagement .offer-cta .btn{padding:14px 18px;font-size:14px;min-height:48px;max-width:100%;white-space:normal;text-align:center}
#engagement .tier-details{border-top:1px solid var(--line);padding-top:14px}
#engagement .tier-details summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:750;line-height:1.5;color:#a8edff}
#engagement .tier-details h4{font-size:14px;margin:16px 0 6px}
#engagement .tier-list{flex:none;margin-bottom:12px}
#engagement .tier-list li{padding-block:7px;font-size:13px}
#engagement .tier-list li::before{top:13px}
#engagement .tier-details .tier-foot{margin:12px 0 0}
@media(max-width:720px){#engagement .section-head{gap:16px}#engagement .tier{padding:22px 18px}#engagement .tier-grid{scroll-margin-top:160px}}


/* Add interaction depth without changing control geometry or native behavior. */
.btn.primary, .hero .btn.primary, .nav .nav-cta, .gw-app-button {
  background:linear-gradient(165deg,#c7faff 0%,#9df3ff 48%,#77deef 100%);
  color:#081c3f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(12,106,132,.24),0 4px 0 #287c98,0 9px 18px rgba(3,15,44,.28);
}
.btn, .nav-cta, .gw-app-button, .nav-links a, .menu, .close,
.gw-motion, .gw-back-to-top, .team-bio>summary, .tier-details>summary,
.gw-system-detail summary {
  transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease;
}
/* Smaller controls retain their existing colour, spacing and shape. */
.nav-links a, .menu, .close, .gw-motion, .gw-back-to-top,
.btn:not(.primary), #team .team-bio>summary, #engagement .tier-details>summary,
.gw-system-detail summary {
  background-image:linear-gradient(165deg,rgba(157,243,255,.10),rgba(157,243,255,.02));
  box-shadow:inset 0 1px 0 rgba(211,249,255,.25),0 2px 0 rgba(3,15,44,.32),0 4px 9px rgba(3,15,44,.13);
}
.team-bio>summary, .tier-details>summary, .gw-system-detail summary {
  border-radius:10px;
}
.gw-motion {
  font-size:12px;
  padding:6px 10px;
  min-height:44px;
  background-color:rgba(23,44,95,.2);
  border-color:rgba(224,237,255,.28);
  box-shadow:inset 0 1px 0 rgba(211,249,255,.16),0 1px 0 rgba(3,15,44,.18);
}
@media(hover:hover) and (pointer:fine) {
  .btn.primary:not(:disabled):hover, .hero .btn.primary:not(:disabled):hover,
  .nav .nav-cta:not(:disabled):hover, .gw-app-button:hover {
    transform:translateY(-2px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -2px 0 rgba(12,106,132,.24),0 6px 0 #287c98,0 12px 22px rgba(3,15,44,.32);
  }
  .nav-links a:hover, .menu:hover, .close:hover, .gw-motion:hover,
  .gw-back-to-top:hover, .btn:not(.primary):not(:disabled):hover,
  #team .team-bio>summary:hover, #engagement .tier-details>summary:hover,
  .gw-system-detail summary:hover {
    transform:translateY(-1px);
    box-shadow:inset 0 1px 0 rgba(211,249,255,.4),0 3px 0 rgba(3,15,44,.36),0 7px 12px rgba(3,15,44,.20);
  }
  .logo:hover { filter:drop-shadow(0 2px 4px rgba(157,243,255,.3)); }
  .gw-motion:hover {
    box-shadow:inset 0 1px 0 rgba(211,249,255,.25),0 2px 0 rgba(3,15,44,.2);
  }
}
/* Press feedback works with a pointer or a keyboard; no persistent animation. */
.btn:not(:disabled):active, .nav-cta:not(:disabled):active, .gw-app-button:active,
.nav-links a:active, .menu:active, .close:active, .gw-motion:active,
.gw-back-to-top:active, #team .team-bio>summary:active,
#engagement .tier-details>summary:active, .gw-system-detail summary:active {
  transform:translateY(2px);
  box-shadow:inset 0 2px 4px rgba(3,15,44,.18),0 1px 0 rgba(3,15,44,.4);
}
button:focus-visible, a:focus-visible, summary:focus-visible {
  outline:3px solid #9df3ff;
  outline-offset:4px;
}
a[href^="mailto:"], .booking-step a {
  text-decoration:underline;
  text-underline-offset:.18em;
  text-decoration-thickness:1px;
}
a[href^="mailto:"]:hover, .booking-step a:hover { text-decoration-thickness:2px; }
.btn:disabled, button:disabled {
  transform:none;
  box-shadow:inset 0 1px 0 rgba(211,249,255,.18);
}
@media(prefers-reduced-motion:reduce) {
  .btn, .nav-cta, .gw-app-button, .nav-links a, .menu, .close,
  .gw-motion, .gw-back-to-top, .team-bio>summary, .tier-details>summary,
  .gw-system-detail summary { transition:none; }
  .btn:hover, .btn:active, .hero .btn.primary:hover, .nav .nav-cta:hover,
  .nav-cta:active, .gw-app-button:hover, .gw-app-button:active,
  .nav-links a:hover, .nav-links a:active, .menu:hover, .menu:active,
  .close:hover, .close:active, .gw-motion:hover, .gw-motion:active,
  .gw-back-to-top:hover, .gw-back-to-top:active,
  #team .team-bio>summary:hover, #team .team-bio>summary:active,
  #engagement .tier-details>summary:hover, #engagement .tier-details>summary:active,
  .gw-system-detail summary:hover, .gw-system-detail summary:active { transform:none; }
}
/* Share only the disclosure row; each header keeps its original natural flow. */
#team .person-header { display:contents; }
@supports (grid-template-rows:subgrid) {
  @media(min-width:981px) {
    #team .team-grid>.person { display:grid; grid-template-rows:subgrid; grid-row:span 2; align-self:stretch; }
    #team .person-header { display:block; min-width:0; }
    #team .team-bio { margin-top:2px; }
  }
}


/* Both entry points refer to the same native disclosure and paragraph. */
.gw-orbit-labels .gw-stage-label { padding:0; }
.gw-stage-link { display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:10px 13px;border-radius:inherit;color:inherit;text-decoration:none;font:inherit;line-height:1.25;box-shadow:inset 0 1px 0 rgba(231,249,255,.4),inset 0 -2px 0 rgba(3,15,44,.3),0 3px 0 rgba(3,15,44,.35),0 7px 13px rgba(3,15,44,.22);transition:transform .15s ease,box-shadow .15s ease; }
.gw-orbit-labels:focus-within .gw-stage-label { animation-play-state:paused; }
#gw-system-stages .gw-stage-detail { min-width:0; }
#gw-system-stages .gw-stage-detail>summary { display:grid;grid-template-columns:minmax(0,1.8rem) minmax(0,1fr) minmax(0,.85fr);gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(210,230,255,.35);border-radius:15px;background:rgba(255,255,255,.065);list-style:none;min-height:48px; }
#gw-system-stages .gw-stage-detail>summary::-webkit-details-marker { display:none; }
#gw-system-stages .gw-stage-detail>summary::marker { content:''; }
#gw-system-stages .gw-stage-detail>summary small { display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d2e6ff; }
.gw-stage-more { flex:0 0 auto;color:#baf5ff;font-size:20px;line-height:1; }
.gw-stage-more::after { content:'+'; }
.gw-stage-detail[open] .gw-stage-more::after { content:'−'; }
#gw-system-stages .gw-stage-detail[open]>summary { border-bottom-left-radius:0;border-bottom-right-radius:0; }
#gw-system-stages .gw-stage-description { margin:0;padding:16px 18px 20px;border:1px solid rgba(210,230,255,.3);border-top:0;border-radius:0 0 15px 15px;color:#e3edfa;background:rgba(10,25,51,.42);font-size:15px;line-height:1.7;overflow-wrap:anywhere; }
.gw-stage-detail { scroll-margin-top:190px; }
@media(hover:hover) and (pointer:fine) { .gw-stage-link:hover { transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(231,249,255,.6),inset 0 -2px 0 rgba(3,15,44,.3),0 4px 0 rgba(3,15,44,.4),0 9px 15px rgba(3,15,44,.3); } }
.gw-stage-link:active { transform:translateY(2px);box-shadow:inset 0 2px 3px rgba(3,15,44,.3),0 1px 0 rgba(3,15,44,.4); }
@media(max-width:400px) { .gw-stage-link { padding:8px 10px; } #gw-system-stages .gw-stage-detail>summary { grid-template-columns:minmax(0,1.8rem) minmax(0,1fr); } #gw-system-stages .gw-stage-detail>summary small { grid-column:2; } }
@media(prefers-reduced-motion:reduce) { .gw-stage-link { transition:none; } .gw-stage-link:hover,.gw-stage-link:active { transform:none; } }


#method .gw-method-button{cursor:pointer;min-width:0;min-height:44px;text-align:left;font:inherit;color:inherit;background-image:linear-gradient(165deg,rgba(157,243,255,.1),rgba(157,243,255,.02));box-shadow:inset 0 1px 0 rgba(211,249,255,.25),0 2px 0 rgba(3,15,44,.32),0 4px 9px rgba(3,15,44,.13);transition:transform 160ms ease,box-shadow 160ms ease}
.gw-method-more{position:absolute;right:14px;top:18px;color:#baf5ff;font-size:20px;line-height:1}
.gw-method-more::after{content:'+'}
.gw-method-button[aria-expanded="true"] .gw-method-more::after{content:'−'}
#method .gw-method-copy{position:relative;margin-top:20px;padding:24px;border:1px solid rgba(210,230,255,.3);border-radius:16px;background:rgba(10,25,51,.55);overflow-wrap:anywhere;scroll-margin-top:180px}
#method .gw-method-copy[hidden]{display:none}
#method .gw-method-copy h3{color:#fff;font-size:22px;padding-right:80px;margin:0}
#method .gw-method-copy p{color:#e3edfa;font-size:15px;line-height:1.7;margin:16px 0 0;max-width:78ch}
#method .gw-method-copy strong{color:#baf5ff}
.gw-method-close{position:absolute;right:16px;top:16px;padding:8px 12px;min-height:44px;border-radius:10px;border:1px solid rgba(210,230,255,.3);color:#e3edfa;background:#19355d;box-shadow:inset 0 1px 0 rgba(211,249,255,.25),0 2px 0 rgba(3,15,44,.32),0 4px 9px rgba(3,15,44,.13);cursor:pointer}
@media(hover:hover) and (pointer:fine){#method .gw-method-button:hover,.gw-method-close:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(211,249,255,.35),0 4px 0 rgba(3,15,44,.32),0 8px 16px rgba(3,15,44,.2)}}
#method .gw-method-button:active,.gw-method-close:active{transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(3,15,44,.3),0 1px 0 rgba(3,15,44,.3)}
@media(prefers-reduced-motion:reduce){#method .gw-method-button{transition:none}#method .gw-method-button:hover,#method .gw-method-button:active,.gw-method-close:hover,.gw-method-close:active{transform:none}}


#uncover .gw-discovery-button{font:inherit;color:inherit;text-align:left;cursor:pointer;min-width:0;width:100%;min-height:44px;box-shadow:inset 0 1px 0 rgba(211,249,255,.4),inset 0 -2px 0 rgba(3,15,44,.25),0 3px 0 rgba(3,15,44,.3),0 7px 14px rgba(3,15,44,.18);transition:transform 160ms ease,box-shadow 160ms ease}
#uncover .gw-discovery-button .xf-from{font-weight:800;color:#fff}
#uncover .gw-discovery-button .xf-to{margin-top:14px;color:#c8fcff;font-size:14px}
#uncover .gw-discovery-button b,#uncover .gw-discovery-button p{color:#fff}
#uncover .gw-discovery-button.cvc-item{flex-wrap:wrap}
.gw-capacity-more{display:block;width:100%;color:#c8fcff;font-size:12px;font-weight:750;margin-top:5px}
.gw-discovery-panel{position:relative;margin:20px 0 26px;padding:24px;border:1px solid rgba(210,230,255,.35);border-radius:16px;background:#102d60;scroll-margin-top:180px}
.gw-discovery-panel[hidden]{display:none}
#uncover .gw-discovery-panel h4{color:#fff;font-size:22px;margin:0;padding-right:76px;overflow-wrap:anywhere}
#uncover .gw-discovery-panel p{color:#e3edfa;line-height:1.7;font-size:15px;margin:16px 0 0;max-width:85ch;overflow-wrap:anywhere}
#uncover .gw-discovery-panel strong{color:#c8fcff}
#uncover .gw-discovery-panel .gw-discovery-scope{font-size:12px;border-top:1px solid rgba(210,230,255,.25);padding-top:12px}
.gw-discovery-close{position:absolute;right:16px;top:16px;padding:8px 12px;min-height:44px;border:1px solid rgba(210,230,255,.35);border-radius:10px;color:#fff;background:#193e78;cursor:pointer;box-shadow:inset 0 1px 0 rgba(211,249,255,.3),0 2px 0 rgba(3,15,44,.32),0 5px 10px rgba(3,15,44,.2)}
@media(hover:hover) and (pointer:fine){#uncover .gw-discovery-button:hover,.gw-discovery-close:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(211,249,255,.5),0 5px 0 rgba(3,15,44,.3),0 10px 18px rgba(3,15,44,.23)}}
#uncover .gw-discovery-button:active,.gw-discovery-close:active{transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(3,15,44,.3),0 1px 0 rgba(3,15,44,.3)}
#uncover .pv-bar-name,#uncover .pv-bar-val,#uncover .pv-bar.is-strong .pv-bar-val,#uncover .pv-bar.is-low .pv-bar-val,#uncover .pv-col-label,#uncover .pv-flag-label,#uncover .pv-track-ends{color:#fff}
#uncover .gw-report-meter{max-width:18rem;width:100%;margin:0 auto}
#uncover .gw-report-evidence{font-size:12px;line-height:1.5;color:#fff;margin:12px 0 0}
#uncover .pv-bar{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:10px}
@media(prefers-reduced-motion:reduce){#uncover .gw-discovery-button{transition:none}#uncover .gw-discovery-button:hover,#uncover .gw-discovery-button:active,.gw-discovery-close:hover,.gw-discovery-close:active{transform:none}}

#uncover .rpm-instrument { position:relative; width:100%; max-width:18rem; margin:0 auto; }
#uncover .rpm-dial { display:block; width:100%; height:auto; overflow:visible; }
#uncover .rpm-score { position:absolute; top:76.5%; left:0; width:100%; text-align:center; margin:0; color:#c8fcff; font-size:26px; font-weight:800; line-height:1.1; letter-spacing:-.5px; text-shadow:0 0 13px #7cdfee35; font-variant-numeric:tabular-nums; }
#uncover .rpm-score span { font-size:.34em; font-weight:550; letter-spacing:.1px; color:#b3cbd5; margin-left:5px; }
#uncover .rpm-ticks { stroke:#d9eaf1; stroke-width:2; }
#uncover .rpm-major-ticks { stroke:#f2fbff; stroke-width:3; }
#uncover .rpm-scale-labels { fill:#e4f2fa; font-size:17px; font-weight:700; text-anchor:middle; }
#uncover .rpm-face-label { fill:#a8c4d2; font-size:10px; letter-spacing:2px; text-anchor:middle; }
#uncover .rpm-target-label { fill:#ffb6a7; font-size:10px; text-anchor:middle; font-weight:650; letter-spacing:.6px; }


/* Original architectural background; existing hero content and controls retained. */
.hero { background:#142e70; }
.nav { background:linear-gradient(180deg,#1b3767,#24497b); border-bottom-color:#24497b; box-shadow:none; }
.hero::before { content:""; position:absolute; inset:0; z-index:2; height:auto; filter:none; pointer-events:none; background:linear-gradient(180deg,#24497b,transparent 72px); }
.hero::after { inset:0; height:auto; z-index:1; opacity:1; filter:none;
 background:linear-gradient(90deg,rgba(13,35,83,.9),rgba(18,47,103,.86) 55%,rgba(18,47,103,.4) 100%),linear-gradient(180deg,rgba(15,37,87,.55),transparent 34%),linear-gradient(0deg,#142e70 0%,rgba(20,46,112,.3) 8%,transparent 25%); }
.hero > .hero-grid { position:relative; z-index:3; }
.gw-atmosphere { position:absolute; z-index:0; inset:0; overflow:hidden; pointer-events:none; }
.gw-atmosphere-image { width:100%; height:100%; object-fit:cover; object-position:70% 54%; transform:scale(1.04); animation:gw-atmosphere-drift 44s ease-in-out infinite alternate; }
.gw-atmosphere-water { position:absolute; inset:71% -10% -6%; opacity:.17;
 background:repeating-linear-gradient(177deg,transparent 0 17px,rgba(211,249,255,.28) 18px,transparent 20px 37px),radial-gradient(ellipse at 75% 58%,rgba(202,245,255,.55),transparent 56%);
 mask-image:linear-gradient(transparent,#000 38%,transparent); animation:gw-atmosphere-reflection 15s ease-in-out infinite alternate; }
@keyframes gw-atmosphere-drift { from { transform:scale(1.04) translate3d(.35%,.1%,0); } to { transform:scale(1.075) translate3d(-.35%,-.35%,0); } }
@keyframes gw-atmosphere-reflection { from { transform:translate3d(-1.2%,0,0) scaleX(1); opacity:.11; } to { transform:translate3d(1.2%,.8%,0) scaleX(1.025); opacity:.2; } }
.hero.gw-paused .gw-atmosphere *, .gw-atmosphere.gw-atmosphere-idle * { animation-play-state:paused; }
@media(max-width:920px) {
 .gw-atmosphere-image { object-position:74% 50%; }
 .hero::after { background:linear-gradient(180deg,rgba(13,35,83,.88),rgba(18,47,103,.84) 46%,rgba(18,47,103,.64) 80%,#142e70); }
 .gw-atmosphere-water { inset:75% -10% -6%; }
}
@media(prefers-reduced-motion:reduce) { .gw-atmosphere * { animation:none!important; } .gw-atmosphere-image { transform:scale(1.04); } .gw-atmosphere-water { opacity:.1; } }


/* Requested visual refinement only; retain the existing structure and behaviours. */
.gw-app-button { font-size:15px; padding:12px 18px; min-height:44px; }
.nav .gw-nav-app { font-size:15px; padding:12px 18px; min-height:44px; }
.nav .nav-cta { font-size:13px; padding:11px 16px; min-height:44px; }
/* Metric badges retain white copy across the full blue gradient. */
#record .tl-metric { color:#f4f8ff; }
#record .tl-row .index, .journey-n { color:#baf5ff; }
.journey-loop-text { color:#dceaff; }
#record .tl-metric b { color:#baf5ff; }
#record .tl-row p, #record .tl-row .proof-points p { color:#dceaff!important; }
/* The accepted dark palette fades consistently from left to right. */
.section > .container, .section.dark > .container, .section.white:has(.fragmented) > .container,
.quote-band > .container, .final > .container {
 background:linear-gradient(90deg,#132c65 0%,#214789 55%,#2e5d97 100%);
}
.artifact, .tier, .journey-card, .sys-node, .bench, .xf-card, .cvc-item,
.domain-chip, .bench .domain-chip, .tier-commit, .tag, .person .ai-label,
.journey-loop, .tl-metric, .pv, .pv-head, .pv-side, .pv-flag, .pv-chip, .pv-gauge-col,
.modal-card, .gw-app-notice {
 background:linear-gradient(90deg,#17376f 0%,#28558f 100%);
}
#method .gw-method-button,
#method .gw-method-copy, #uncover .gw-discovery-panel,
#gw-system-stages .gw-stage-detail > summary, #gw-system-stages .gw-stage-description,
#team .team-bio > summary, #engagement .tier-details > summary,
.gw-system-detail summary {
 background-image:linear-gradient(90deg,rgba(14,35,82,.78),rgba(45,89,146,.68));
}
.gw-stage-label { background-image:linear-gradient(90deg,#1a2d5b,#344c7b); }
@media(max-width:1100px) { .nav .nav-cta { padding:10px 12px; } }
@media(max-width:720px) {
 .nav .gw-nav-app { font-size:12px; padding:10px; }
 .nav .nav-cta { font-size:13px; padding:10px; }
 .hero-actions > .gw-app-button { min-height:44px; }
}


.gw-masonry-action{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0}
.gw-masonry{position:relative;width:360px;max-width:100%}
.gw-masonry-art{position:relative;animation:gw-masonry-arrive 4.5s cubic-bezier(.2,.6,.2,1) both;transform-origin:50% 85%}
.gw-masonry p{font-size:14px;line-height:1.4;font-weight:750;color:#baf5ff;text-align:center;margin:10px 0 0;max-width:none}
.gw-masonry-paused .gw-masonry-art{animation-play-state:paused!important}
@keyframes gw-masonry-arrive{0%{transform:translateY(7px) scale(.985);opacity:.65}55%{transform:translateY(2px) scale(.996);opacity:1}100%{transform:none;opacity:1}}
@media(max-width:720px){.gw-masonry{width:320px;align-self:center}.gw-masonry-action{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.gw-masonry-art{animation:none!important;transform:none!important;opacity:1}}


.gw-masonry-art img{display:block;width:100%;height:auto}.gw-wall-lettering{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gw-wall-preview{display:block;position:relative;width:100%;border:0;padding:0;background:transparent;color:inherit;cursor:zoom-in;border-radius:12px}
.gw-wall-open-label{position:absolute;right:0;bottom:0;padding:4px 8px;border-radius:99px;background:#132c65dd;color:#dffaff;font-size:10px}
.gw-wall-preview:focus-visible,.gw-wall-close:focus-visible{outline:3px solid #9df3ff;outline-offset:4px}
.gw-wall-dialog{width:min(1180px,calc(100vw - 20px));padding:0;max-height:calc(100dvh - 20px);border:1px solid #83abd0;border-radius:16px;background:#193967;color:#f4f8ff}.gw-wall-dialog::backdrop{background:#07152ee8}
.gw-wall-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;background:linear-gradient(90deg,#132c65,#28558f)}.gw-wall-detail-head h2{font-size:17px;margin:0}.gw-wall-close{min-height:44px;padding:8px 14px;border:1px solid #9df3ff;border-radius:99px;background:#17376f;color:#fff;font:inherit;cursor:pointer}
.gw-wall-detail-hint{margin:0;padding:8px 16px;color:#dcecff;font-size:13px;line-height:1.4}.gw-wall-detail-scroll{max-height:calc(100dvh - 170px);overflow:auto;overscroll-behavior:contain}.gw-wall-detail-scroll .gw-masonry-art{width:100%;min-width:980px;animation:none;opacity:1;transform:none}

/* Requested smaller booking action under the builder only. */
.gw-masonry-action > .btn.open-session{font-size:14px;padding:12px 18px;min-height:48px;max-width:300px;width:auto;align-self:center;line-height:1.25}


#gw-system-stages .gw-stage-detail[open] { opacity:1; transform:none; transition:none; }
@media(max-width:1100px) {
 .nav .nav-links.open { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; align-items:stretch; align-content:start; flex-direction:row; overflow-x:visible; }
 .nav .nav-links a { flex:none; display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; height:auto; padding:8px 10px; font-size:13px; line-height:1.25; white-space:normal; overflow-wrap:normal; }
}


.gw-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;max-width:100%;flex:0 0 auto}
.gw-login-nav{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border:0;border-radius:999px;background-color:transparent;background-image:linear-gradient(165deg,rgba(157,243,255,.10),rgba(157,243,255,.02));box-shadow:inset 0 1px 0 rgba(211,249,255,.25),0 2px 0 rgba(3,15,44,.32),0 4px 9px rgba(3,15,44,.13);color:#f4f8ff;font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}
.gw-login-nav:hover{background-color:rgba(157,243,255,.13)}
.gw-login-nav:focus-visible{outline:3px solid #9df3ff;outline-offset:3px}
.nav .gw-header-actions .gw-nav-app{margin-left:0;white-space:nowrap;flex-wrap:nowrap;font-size:13px;font-weight:750;padding:9px 12px;gap:6px;min-height:44px}
@media(max-width:720px){.nav .gw-header-actions .gw-nav-app{font-size:12px;padding:8px 10px;gap:5px}}
@media(max-width:1100px){.nav .gw-header-actions{grid-column:1 / -1;grid-row:2;justify-self:end;width:max-content;margin-left:0}.nav .gw-header-actions .gw-nav-app{width:auto;flex:0 0 auto}}

.gw-client-signin{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 8px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#d5e5fc;font:inherit;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;cursor:pointer;text-decoration:none}
.gw-client-signin:hover{background:transparent;box-shadow:none;transform:none;text-decoration:underline;text-underline-offset:4px}
.gw-client-signin:focus-visible{outline:3px solid #9df3ff;outline-offset:3px}
.nav .gw-client-signin{flex:0 0 auto}
@media(max-width:720px){.nav .gw-client-signin{margin-left:auto}}
@media(max-width:360px){.nav .gw-client-signin{font-size:12px;padding-inline:4px}}

/* Narrow ordinary navigation; longest label wraps while primary CTA stays larger. */
.nav .nav-inner{gap:8px}
.nav .nav-links{margin-left:auto;margin-right:0;gap:2px}
.nav .gw-header-actions{margin-left:0;gap:6px}
.nav .nav-links a,.nav .gw-login-nav{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:90px;min-width:90px;max-width:90px;height:36px;min-height:36px;padding:4px 6px;border-radius:999px;font-size:11px;font-weight:750;line-height:1.15;white-space:normal;text-align:center;flex:0 0 90px}
@media(max-width:1280px){
 .nav .nav-links a,.nav .gw-login-nav{width:128px;min-width:128px;max-width:128px;height:44px;min-height:44px;padding:10px 8px;font-size:12px;flex-basis:128px}
 .nav .nav-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:116px;height:auto;padding-top:10px;padding-bottom:10px;gap:8px}
 .nav .logo{grid-column:1;grid-row:1}
 .nav .menu{display:inline-flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;min-width:44px;min-height:44px}
 .nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:18px 20px;flex-direction:column;align-items:flex-end;gap:8px;background:#142f6c}
 .nav .nav-links.open{display:flex}
 .nav .nav-links a{flex-basis:auto}
 .nav .gw-header-actions{grid-column:1 / -1;grid-row:2;justify-self:end;width:max-content;margin-left:0}
 .nav .gw-header-actions .gw-nav-app{width:auto;flex:0 0 auto}
}
@media(max-width:360px){.nav .nav-links a,.nav .gw-login-nav{width:110px;min-width:110px;max-width:110px;flex-basis:110px;padding:6px 8px;white-space:normal}}


.hero .hero-brand{font-size:12px;letter-spacing:.08em;text-transform:none}
.hero .hero-path{max-width:690px;margin:0 0 24px;color:#e5eeff;font-size:16px;font-weight:650;line-height:1.55}


.service-page{background:#112957;color:#f4f8ff}
.service-page .service-main{min-height:65vh}
.service-page .service-hero{padding:44px 0 42px;background:linear-gradient(125deg,#132c61,#244c85)}
.service-page .breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#d5e6ff;margin:0 0 24px;padding:0;list-style:none}
.service-page .breadcrumbs a,.service-page .text-link{text-decoration:underline;text-underline-offset:4px;color:#c3f5ff}
.service-page .service-menu{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.service-page .service-menu a{display:inline-flex;align-items:center;min-height:44px;padding:9px 14px;border:1px solid #7fa6d8;border-radius:99px;color:#eef7ff;font-size:13px;font-weight:700}
.service-page .service-menu a[aria-current=page]{background:#c1f6ff;color:#102d55;border-color:#c1f6ff}
.service-page .service-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:46px;align-items:start}
.service-page .service-kicker{color:#baf4ff;font-size:12px;font-weight:850;letter-spacing:.08em;margin:0 0 12px}
.service-page h1{font-size:clamp(38px,4.4vw,64px);line-height:1.06;letter-spacing:-.045em;margin:0 0 24px;max-width:850px;color:white}
.service-page .service-intro{font-size:19px;line-height:1.6;margin:0 0 24px;color:#e1ecff;max-width:72ch}
.service-page .service-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0}
.service-page .service-actions .btn{max-width:100%;min-height:48px;padding:16px 24px;font-size:16px}
.service-page .service-note{color:#d3e2f9;font-size:14px;line-height:1.6}
.service-page .service-summary{border:1px solid #7299cf;background:#15356a;border-radius:22px;padding:26px;box-shadow:0 16px 35px #071c423b}
.service-page .service-summary h2{font-size:22px;line-height:1.2;margin:0 0 16px}
.service-page .service-price{font-size:30px;line-height:1.2;color:#9df3ff;font-weight:850;margin:0 0 18px}
.service-page .service-section{padding:42px 0;border-bottom:1px solid #6583b24d}
.service-page .service-section h2{font-size:clamp(27px,3vw,38px);line-height:1.15;letter-spacing:-.025em;margin:0 0 20px;color:#fff}
.service-page .service-section h3{font-size:21px;line-height:1.25;margin:0 0 12px;color:#c9f5ff}
.service-page .service-section p{max-width:82ch;color:#e0eaff;margin:0 0 16px;line-height:1.65}
.service-page .service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.service-page .service-card{min-width:0;border:1px solid #6189bc;border-radius:18px;background:#173768;padding:24px}
.service-page .service-list{margin:0;padding-left:21px;color:#e0eaff}
.service-page .service-list li{margin:0 0 12px;line-height:1.6;padding-left:3px}
.service-page .service-list li:last-child{margin-bottom:0}
.service-page .service-credit{border-left:4px solid #9df3ff;padding:20px 24px;background:#1a4278;border-radius:0 14px 14px 0;margin-top:24px}
.service-page .service-credit p:last-child{margin-bottom:0}
.service-page .journey-list{counter-reset:journey;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.service-page .journey-list li{counter-increment:journey;padding:20px;border:1px solid #6189bc;border-radius:15px;background:#173768;line-height:1.6;color:#e0eaff}
.service-page .journey-list li:before{content:counter(journey,decimal-leading-zero);display:block;color:#9df3ff;font-size:13px;font-weight:850;margin-bottom:9px}
.service-page .domain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0;margin:0;list-style:none}
.service-page .domain-list li{padding:18px;border:1px solid #6189bc;border-radius:13px;background:#173768;font-weight:700;line-height:1.5}
.service-page .domain-list span{display:block;color:#9df3ff;font-size:12px;margin-bottom:6px}
.service-page .example-contents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0;padding-left:24px}
.service-page .example-contents a{display:inline-block;min-height:44px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}
.service-page .work-steps{list-style:none;counter-reset:work;padding:0;margin:0;display:grid;gap:22px}
.service-page .work-steps>li{counter-increment:work;border:1px solid #6189bc;border-radius:18px;background:#173768;padding:28px;scroll-margin-top:12px}
.service-page .work-steps h3:before{content:counter(work,decimal-leading-zero)' / ';color:#9df3ff}
.service-page .work-steps .deliverable{margin:20px 0 0;padding:14px 18px;border-left:3px solid #9df3ff;background:#204980;border-radius:0 10px 10px 0}
.service-page .work-steps .deliverable strong{color:#d6fbff}
.service-page .service-related{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.service-page .service-related a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #749aca;border-radius:10px;text-decoration:underline;text-underline-offset:4px}
.service-page .service-main a:focus-visible,.service-page .service-main button:focus-visible{outline:3px solid #9df3ff;outline-offset:4px}
@media(max-width:760px){.service-page .service-hero{padding:28px 0 30px}.service-page .service-hero-grid,.service-page .service-grid,.service-page .domain-list,.service-page .journey-list,.service-page .example-contents{grid-template-columns:1fr}.service-page .service-hero-grid{gap:26px}.service-page h1{font-size:38px}.service-page .service-intro{font-size:17px}.service-page .service-summary,.service-page .service-card,.service-page .work-steps>li{padding:21px}.service-page .service-section{padding:30px 0}.service-page .service-actions{align-items:stretch;flex-direction:column}.service-page .service-actions .btn{width:100%;font-size:15px}.service-page .service-menu{gap:6px}.service-page .service-menu a{padding:9px 11px;font-size:12px}.service-page .service-credit{padding:18px}}

.service-page .company-profile{text-align:center;margin:0;padding:0 20px 20px}.service-page .company-profile a{display:inline-flex;align-items:center;min-height:44px;color:#c9f5ff;font-size:13px;text-decoration:underline;text-underline-offset:4px}

/* Compact return navigation: quiet text, with an independent 44px hit area. */
.service-page .service-return{display:flex;align-items:center;margin:4px 0 0}
.service-page .service-back-button{display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;min-height:44px;padding:10px 4px;background:none;border:0;box-shadow:none;color:#c3d8f4;font-size:13px;font-weight:600;line-height:20px;text-decoration:underline;text-decoration-color:rgba(195,216,244,.6);text-underline-offset:3px}
.service-page .service-back-button:hover{color:#fff;text-decoration-color:currentColor}
.service-page .service-main .service-back-button:focus-visible{outline:2px solid #9df3ff;outline-offset:2px;border-radius:3px}