:root{
  --navy:#1B2A4A; --navy-deep:#0F1A30; --navy-card:#22365C; --white:#FFFFFF; --teal:#00B4D8;
  --teal-bright:#22D3EE; --gray:#F1F5F9; --slate:#334155; --slate-light:#64748B; --border:#E2E8F0;
  --green:#10B981; --amber:#F59E0B;
  --glow:0 0 80px rgba(0,180,216,.25);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--slate);background:var(--white);line-height:1.65;font-size:16.5px;-webkit-font-smoothing:antialiased}
.container{max-width:1140px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{color:var(--navy);line-height:1.15;font-weight:800;letter-spacing:-.022em}
section{padding:96px 0}
.dark{background:linear-gradient(180deg,var(--navy-deep) 0%,var(--navy) 100%);color:#C3CEE2;position:relative;overflow:hidden}
.dark::before{content:"";position:absolute;top:-200px;right:-150px;width:560px;height:560px;background:radial-gradient(circle,rgba(0,180,216,.14) 0%,transparent 65%);pointer-events:none}
.dark h1,.dark h2,.dark h3,.dark h4{color:var(--white)}
.light{background:var(--gray)}
.eyebrow{color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:12px;margin-bottom:16px;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:26px;height:2px;background:linear-gradient(90deg,var(--teal),transparent);display:inline-block}
.section-head{text-align:center;max-width:790px;margin:0 auto 58px}
.section-head .eyebrow::after{content:"";width:26px;height:2px;background:linear-gradient(270deg,var(--teal),transparent);display:inline-block}
.section-head .eyebrow::before{background:linear-gradient(270deg,transparent,var(--teal))}
.section-head h2{font-size:clamp(30px,4.2vw,44px)}
.section-head p{margin-top:18px;font-size:18.5px}

/* Buttons */
.btn{display:inline-block;padding:15px 32px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15.5px;transition:all .2s cubic-bezier(.2,.6,.3,1);cursor:pointer;border:none;position:relative}
.btn-teal{background:linear-gradient(135deg,var(--teal) 0%,#0096C7 100%);color:#fff;box-shadow:0 8px 24px rgba(0,180,216,.35)}
.btn-teal:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,180,216,.5)}
.btn-outline{border:1.5px solid rgba(255,255,255,.35);color:var(--white);background:rgba(255,255,255,.04);backdrop-filter:blur(4px)}
.btn-outline:hover{border-color:var(--teal);color:var(--teal-bright);transform:translateY(-2px)}
.btn-navy{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(27,42,74,.25)}
.btn-navy:hover{background:var(--navy-card);transform:translateY(-2px)}

/* Nav */
nav{position:sticky;top:0;z-index:50;background:rgba(15,26,48,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{color:var(--white);font-weight:800;font-size:19.5px;text-decoration:none;letter-spacing:.03em}
.logo span{color:var(--teal-bright)}
.nav-links{display:flex;gap:30px;align-items:center}
.nav-links a{color:#C3CEE2;text-decoration:none;font-size:14.5px;font-weight:500;transition:color .15s}
.nav-links a:hover,.nav-links a.active{color:var(--teal-bright)}
.nav-links .btn{padding:10px 20px;font-size:13.5px}
@media(max-width:860px){.nav-links a:not(.btn){display:none}}

/* Page hero */
.page-hero{background:radial-gradient(1100px 520px at 75% -10%,rgba(0,180,216,.18) 0%,transparent 60%),radial-gradient(800px 400px at 10% 110%,rgba(0,180,216,.08) 0%,transparent 60%),linear-gradient(165deg,var(--navy-deep) 0%,var(--navy) 60%,#1E3055 100%);padding:120px 0 96px;text-align:center;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 35%,#000 30%,transparent 75%);pointer-events:none}
.page-hero>.container{position:relative;z-index:1}
.page-hero h1{color:var(--white);font-size:clamp(38px,6vw,64px);animation:rise .7s cubic-bezier(.2,.6,.3,1) both}
.page-hero h1 em{font-style:normal;background:linear-gradient(95deg,var(--teal-bright) 0%,var(--teal) 55%,#7DE3F7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p{color:#B8C4D9;font-size:clamp(17px,2.2vw,21px);max-width:780px;margin:24px auto 0;animation:rise .7s .12s cubic-bezier(.2,.6,.3,1) both}
.page-hero .btn{margin-top:38px;animation:rise .7s .22s cubic-bezier(.2,.6,.3,1) both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .25s cubic-bezier(.2,.6,.3,1);position:relative}
.card:hover{transform:translateY(-5px);border-color:rgba(0,180,216,.55);box-shadow:0 22px 48px rgba(15,26,48,.10)}
.card h3{font-size:18.5px;margin-bottom:10px}
.card p{font-size:15.5px}
.dark .card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);backdrop-filter:blur(6px)}
.dark .card:hover{border-color:rgba(0,180,216,.6);box-shadow:0 22px 48px rgba(0,0,0,.35),inset 0 0 40px rgba(0,180,216,.04)}
.dark .card p{color:#B8C4D9}

/* Proof bar */
.proofbar{background:var(--navy-deep);border-top:1px solid rgba(0,180,216,.25);padding:34px 0;position:relative}
.proofbar::before{content:"";position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:420px;height:1px;background:linear-gradient(90deg,transparent,var(--teal-bright),transparent)}
.proof-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 56px;text-align:center}
.proof-item strong{display:block;color:var(--teal-bright);font-size:21px;font-weight:800;letter-spacing:-.01em}
.proof-item span{color:#8FA0BE;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em}

/* Mock UI */
.mock{background:linear-gradient(170deg,#13203A 0%,#0F1A30 100%);border:1px solid rgba(0,180,216,.22);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(8,15,30,.5),0 0 0 1px rgba(255,255,255,.03) inset,var(--glow);text-align:left}
.mock-bar{display:flex;gap:7px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);align-items:center}
.mock-bar i{width:11px;height:11px;border-radius:50%;background:#33476E;display:block}
.mock-bar i:first-child{background:rgba(0,180,216,.7);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,180,216,.5)}50%{box-shadow:0 0 0 7px rgba(0,180,216,0)}}
.mock-body{padding:22px 24px;font-size:14px;color:#C3CEE2}
.mock-title{color:#fff;font-weight:700;font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.mock-title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal-bright);box-shadow:0 0 10px var(--teal-bright)}
.mock-row{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:10px;margin-bottom:9px;align-items:center;transition:all .2s}
.mock-row:hover{background:rgba(0,180,216,.07);border-color:rgba(0,180,216,.3)}
.tag{font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:4px 11px;border-radius:99px;white-space:nowrap}
.tag-red{background:rgba(239,68,68,.16);color:#F87171;border:1px solid rgba(239,68,68,.3)}
.tag-amber{background:rgba(245,158,11,.14);color:#FBBF24;border:1px solid rgba(245,158,11,.3)}
.tag-teal{background:rgba(0,180,216,.14);color:var(--teal-bright);border:1px solid rgba(0,180,216,.35)}
.tag-green{background:rgba(16,185,129,.14);color:#34D399;border:1px solid rgba(16,185,129,.3)}

/* Teammate sections */
.member-block{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:58px 0;border-bottom:1px solid var(--border)}
.member-block:last-child{border-bottom:none}
.member-block .eyebrow{margin-bottom:8px}
.member-block h3{font-size:28px;margin-bottom:14px}
.member-block ul{list-style:none;margin-top:18px}
.member-block li{padding:7px 0 7px 30px;position:relative;font-size:15.5px}
.member-block li::before{content:"";position:absolute;left:0;top:12px;width:16px;height:16px;background:radial-gradient(circle at center,var(--teal) 0%,var(--teal) 28%,rgba(0,180,216,.15) 32%,rgba(0,180,216,.15) 100%);border-radius:50%}
@media(max-width:860px){.member-block{grid-template-columns:1fr;gap:32px}}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;counter-reset:step}
.step{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:30px;position:relative;transition:all .25s cubic-bezier(.2,.6,.3,1)}
.step:hover{transform:translateY(-4px);border-color:rgba(0,180,216,.5);box-shadow:0 18px 40px rgba(15,26,48,.09)}
.step::before{counter-increment:step;content:counter(step,decimal-leading-zero);background:linear-gradient(135deg,var(--teal-bright),var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;font-size:15px;letter-spacing:.12em;display:block;margin-bottom:12px}
.step h3{font-size:17px;margin-bottom:8px}
.step p{font-size:14.5px}

/* Pricing */
.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:26px;align-items:stretch}
.offer{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:40px;display:flex;flex-direction:column;position:relative;transition:all .25s cubic-bezier(.2,.6,.3,1)}
.offer:hover{transform:translateY(-5px);box-shadow:0 26px 56px rgba(15,26,48,.10)}
.offer .price{font-size:30px;font-weight:800;color:var(--navy);margin:8px 0 0;letter-spacing:-.02em}
.offer .price small{font-size:15px;font-weight:600;color:var(--slate-light)}
.offer .term{color:var(--slate-light);font-size:14px;margin:6px 0 20px}
.offer ul{list-style:none;margin:0 0 28px}
.offer li{padding:7px 0 7px 28px;position:relative;font-size:15px}
.offer li::before{content:"";position:absolute;left:0;top:13px;width:14px;height:14px;background:radial-gradient(circle at center,var(--teal) 0%,var(--teal) 30%,rgba(0,180,216,.15) 34%,rgba(0,180,216,.15) 100%);border-radius:50%}
.offer .btn{margin-top:auto;text-align:center}
.offer.flagship{border:2px solid var(--teal);box-shadow:0 18px 50px rgba(0,180,216,.16)}
.offer.flagship::after{content:"THE PRODUCT";position:absolute;top:-13px;right:24px;background:linear-gradient(135deg,var(--teal-bright),var(--teal));color:var(--navy-deep);font-size:10.5px;font-weight:800;letter-spacing:.12em;padding:5px 14px;border-radius:99px;box-shadow:0 6px 16px rgba(0,180,216,.4)}
.offer.expansion::after{content:"FOR EXISTING CUSTOMERS";position:absolute;top:-13px;right:24px;background:var(--navy);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.1em;padding:5px 14px;border-radius:99px}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
.faq details{border-bottom:1px solid var(--border);padding:22px 0;transition:background .2s}
.faq summary{font-weight:700;color:var(--navy);font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--teal);font-size:23px;font-weight:600;line-height:1;transition:transform .2s}
.faq details[open] summary::after{content:"–"}
.faq details p{margin-top:13px;font-size:15.5px}

/* Tables */
.cmp{width:100%;border-collapse:collapse;font-size:15px;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 12px 36px rgba(15,26,48,.07)}
.cmp th{background:linear-gradient(135deg,var(--navy-deep),var(--navy));color:#fff;text-align:left;padding:16px 18px;font-size:13.5px;letter-spacing:.02em}
.cmp th:last-child{background:linear-gradient(135deg,#06637a,#0096C7);color:#fff}
.cmp td{padding:14px 18px;border-top:1px solid var(--border);vertical-align:top;transition:background .15s}
.cmp tr:hover td{background:rgba(0,180,216,.045)}
.cmp td:first-child{font-weight:600;color:var(--navy)}
.cmp td:last-child{background:rgba(0,180,216,.05)}
.yes{color:var(--green);font-weight:700}
.no{color:#94A3B8}

/* Founder */
.founder{display:grid;grid-template-columns:310px 1fr;gap:54px;align-items:start}
.founder-photo{background:linear-gradient(160deg,var(--navy) 0%,#22365C 100%);border-radius:18px;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;color:#5C6E92;font-size:13px;text-align:center;padding:18px;box-shadow:0 26px 60px rgba(15,26,48,.22),0 0 0 1px rgba(0,180,216,.2);position:relative}
.founder .role{color:var(--teal);font-weight:700;margin:2px 0 18px;font-size:15.5px}
.founder p{margin-bottom:14px}
.founder .quote{font-size:22px;font-style:italic;color:var(--navy);font-weight:600;border-left:4px solid var(--teal);padding-left:22px;margin:26px 0;position:relative}
.creds{font-size:14px;color:var(--slate-light)}
@media(max-width:820px){.founder{grid-template-columns:1fr}.founder-photo{max-width:310px}}

/* CTA */
.cta{text-align:center;position:relative}
.cta h2{color:var(--white);font-size:clamp(32px,4.8vw,50px)}
.cta p{font-size:18.5px;max-width:660px;margin:18px auto 36px}
.contact-line{display:flex;flex-wrap:wrap;gap:14px 44px;justify-content:center;margin-top:30px}
.contact-line a{color:var(--teal-bright);text-decoration:none;font-weight:600}

/* Footer */
footer{background:var(--navy-deep);color:#7E8BA6;padding:52px 0 40px;font-size:14px;border-top:1px solid rgba(0,180,216,.15)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.foot-grid h4{color:#fff;font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}
.foot-grid a{display:block;color:#9FB0CC;text-decoration:none;padding:4px 0;font-size:14px;transition:color .15s}
.foot-grid a:hover{color:var(--teal-bright)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}

/* Hero dashboard */
.hero-dash{max-width:980px;margin:64px auto 0;animation:rise .8s .34s cubic-bezier(.2,.6,.3,1) both;position:relative}
.hero-dash::before{content:"";position:absolute;inset:-40px -60px;background:radial-gradient(ellipse at center,rgba(0,180,216,.16) 0%,transparent 65%);pointer-events:none}
.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 20px 6px}
.kpi{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;text-align:left}
.kpi b{display:block;color:#fff;font-size:21px;font-weight:800;letter-spacing:-.02em}
.kpi span{color:#8FA0BE;font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.kpi i{font-style:normal;font-size:11.5px;font-weight:700;color:#34D399}
.kpi i.down{color:#FBBF24}
.dash-body{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;padding:8px 20px 20px}
.panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px}
.panel h5{color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.04em;margin-bottom:12px;display:flex;justify-content:space-between}
.panel h5 em{color:#8FA0BE;font-style:normal;font-weight:500;font-size:11px}
.bars{display:flex;align-items:flex-end;gap:9px;height:110px}
.bars b{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,rgba(0,180,216,.9),rgba(0,180,216,.25));position:relative;animation:grow 1s cubic-bezier(.2,.6,.3,1) both}
.bars b:nth-child(odd){background:linear-gradient(180deg,rgba(125,227,247,.85),rgba(0,180,216,.2))}
@keyframes grow{from{height:0!important}}
.bars b span{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);color:#6B7DA0;font-size:9.5px;font-weight:600}
.feed-row{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:8px;margin-bottom:7px;align-items:center;font-size:12px;color:#C3CEE2}
@media(max-width:760px){.dash-grid{grid-template-columns:repeat(2,1fr)}.dash-body{grid-template-columns:1fr}}

/* Card icons */
.ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(0,180,216,.16),rgba(0,180,216,.05));border:1px solid rgba(0,180,216,.3)}
.ic svg{width:23px;height:23px;stroke:var(--teal);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dark .ic{background:linear-gradient(135deg,rgba(0,180,216,.22),rgba(0,180,216,.06));border-color:rgba(0,180,216,.4)}
.dark .ic svg{stroke:var(--teal-bright)}

/* Autonomy dial visual */
.dial-visual{max-width:680px;margin:0 auto 48px;background:rgba(255,255,255,.04);border:1px solid rgba(0,180,216,.25);border-radius:18px;padding:34px 38px;box-shadow:var(--glow)}
.dial-track{position:relative;height:10px;border-radius:99px;background:linear-gradient(90deg,rgba(0,180,216,.18) 0%,rgba(0,180,216,.5) 50%,var(--teal) 100%)}
.dial-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:#fff;border:5px solid var(--teal-bright);box-shadow:0 0 0 8px rgba(0,180,216,.18),0 0 26px rgba(0,180,216,.7);animation:knob 6s ease-in-out infinite}
@keyframes knob{0%,18%{left:12%}33%,55%{left:50%}70%,88%{left:88%}100%{left:12%}}
.dial-labels{display:flex;justify-content:space-between;margin-top:20px}
.dial-labels span{font-size:13px;font-weight:700;letter-spacing:.06em;color:#8FA0BE;text-transform:uppercase}
.dial-labels span:nth-child(2){color:#C3CEE2}
.dial-labels span:last-child{color:var(--teal-bright)}

/* Sparkline */
.spark{width:100%;height:84px}
.spark path.line{fill:none;stroke:var(--teal-bright);stroke-width:2.5;stroke-linecap:round}
.spark path.area{fill:url(#sparkfill);stroke:none}
.spark path.dash{fill:none;stroke:#8FA0BE;stroke-width:1.8;stroke-dasharray:5 5}

/* Scroll reveal (modern browsers; graceful no-op elsewhere) */
@supports (animation-timeline: view()) {
  .card,.step,.offer,.member-block,.mock{animation:reveal .8s cubic-bezier(.2,.6,.3,1) both;animation-timeline:view();animation-range:entry 0% entry 38%}
  @keyframes reveal{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}


/* ===== AESTHETIC PASS ===== */
h1,h2{font-family:'Space Grotesk','Inter',sans-serif;letter-spacing:-.025em}
.logo{font-family:'Space Grotesk',sans-serif;letter-spacing:.06em;font-size:17px}
.page-hero{background:#0B1426;position:relative}
.page-hero::before{content:"";position:absolute;inset:0;background:
 radial-gradient(900px 460px at 18% -8%, rgba(0,180,216,.22), transparent 60%),
 radial-gradient(800px 420px at 85% 8%, rgba(94,96,255,.16), transparent 60%),
 radial-gradient(700px 500px at 55% 115%, rgba(0,180,216,.12), transparent 60%),
 linear-gradient(165deg,#0B1426 0%,#13203A 55%,#1B2D52 100%);
 animation:aurora 14s ease-in-out infinite alternate}
@keyframes aurora{0%{filter:hue-rotate(0deg) saturate(1)}100%{filter:hue-rotate(-14deg) saturate(1.18)}}
.page-hero h1{font-size:clamp(42px,6.6vw,76px);line-height:1.06;text-shadow:0 2px 40px rgba(0,180,216,.18)}
.page-hero p{font-size:clamp(17px,2.3vw,21.5px)}
.dark .card,.dial-visual{background:rgba(255,255,255,.055);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.dark .card:hover{border-color:rgba(34,211,238,.65);box-shadow:0 24px 56px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.1), 0 0 44px rgba(0,180,216,.12)}
.card,.step,.offer{box-shadow:0 1px 2px rgba(15,26,48,.05)}
.cards .card:nth-child(1),.steps .step:nth-child(1){animation-delay:.02s}
.cards .card:nth-child(2),.steps .step:nth-child(2){animation-delay:.1s}
.cards .card:nth-child(3),.steps .step:nth-child(3){animation-delay:.18s}
.cards .card:nth-child(4),.steps .step:nth-child(4){animation-delay:.26s}
.cards .card:nth-child(5){animation-delay:.34s}
.cards .card:nth-child(6){animation-delay:.42s}
.btn-teal{background:linear-gradient(135deg,#22D3EE 0%,#00B4D8 55%,#0096C7 100%);background-size:160% 160%;transition:all .25s ease}
.btn-teal:hover{background-position:90% 90%;box-shadow:0 16px 40px rgba(0,180,216,.55)}
.proof-item strong{font-family:'Space Grotesk',sans-serif}
.eyebrow{font-family:'Space Grotesk',sans-serif}
.section-head h2{font-size:clamp(31px,4.4vw,46px)}
section{padding:104px 0}
.mock{border-radius:18px}
.mock-row{transition:all .25s ease}
.mock-row:hover{transform:translateX(4px)}
.kpi b{font-family:'Space Grotesk',sans-serif}
.founder-photo{box-shadow:0 30px 70px rgba(15,26,48,.28),0 0 0 1px rgba(0,180,216,.25),0 0 60px rgba(0,180,216,.08)}
.quote{font-family:'Space Grotesk',sans-serif;font-weight:600}
.cmp{box-shadow:0 18px 48px rgba(15,26,48,.09)}
.light{background:linear-gradient(180deg,#F4F7FB 0%,#EDF2F8 100%)}
footer{border-top:1px solid rgba(0,180,216,.2)}

/* ===== AGENTIC LAYER ===== */
.squad-bar{background:#0B1426;border-bottom:1px solid rgba(0,180,216,.18);padding:10px 0;overflow:hidden}
.squad-inner{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap}
.agent-chip{display:flex;gap:9px;align-items:center;font-size:12.5px;color:#9FB0CC;white-space:nowrap}
.agent-chip b{color:#E2EAF6;font-weight:700;font-family:'Space Grotesk',sans-serif;font-size:12.5px}
.agent-dot{width:8px;height:8px;border-radius:50%;background:#34D399;box-shadow:0 0 8px #34D399;animation:pulse 2.2s ease-in-out infinite}
.agent-status{color:#7E93B8;font-size:12px;max-width:230px;overflow:hidden;text-overflow:ellipsis;transition:opacity .4s}
@media(max-width:900px){.agent-status{display:none}.squad-inner{gap:16px}}
.convo{max-width:760px;margin:0 auto;background:linear-gradient(170deg,#13203A 0%,#0F1A30 100%);border:1px solid rgba(0,180,216,.25);border-radius:18px;padding:28px 30px;box-shadow:0 30px 70px rgba(8,15,30,.5),var(--glow);min-height:400px}
.convo-row{display:flex;gap:13px;margin-bottom:16px;opacity:0;transform:translateY(10px);transition:all .5s cubic-bezier(.2,.6,.3,1)}
.convo-row.show{opacity:1;transform:none}
.convo-av{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;color:#0B1426;background:linear-gradient(135deg,#22D3EE,#00B4D8);box-shadow:0 0 16px rgba(0,180,216,.45)}
.convo-av.sentinel{background:linear-gradient(135deg,#F87171,#EF4444);color:#fff}
.convo-av.coach{background:linear-gradient(135deg,#FBBF24,#F59E0B);color:#3A2A00}
.convo-av.hunter{background:linear-gradient(135deg,#34D399,#10B981);color:#06301F}
.convo-av.human{background:#fff;color:#1B2A4A}
.convo-body{flex:1}
.convo-name{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:#8FA0BE;text-transform:uppercase;margin-bottom:4px;font-family:'Space Grotesk',sans-serif}
.convo-msg{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:4px 14px 14px 14px;padding:11px 15px;color:#D7E1F2;font-size:14.5px;line-height:1.55}
.convo-msg .cursor{display:inline-block;width:8px;height:15px;background:#22D3EE;vertical-align:-2px;animation:blink .8s steps(1) infinite;margin-left:2px}
@keyframes blink{50%{opacity:0}}
.convo-approved{display:inline-flex;gap:8px;align-items:center;background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.4);color:#34D399;font-weight:700;font-size:13px;border-radius:99px;padding:7px 16px;margin-top:4px}