:root{
  --void:#06070d; --panel:#0c1020; --panel2:#131a30;
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.14);
  --ink:#eef2ff; --mut:#8b97bd; --dim:#5c6a92;
  --cyan:#2ce0d6; --blue:#4c8dff; --violet:#8f7bff; --good:#39d98a; --warn:#ff6b4a;
  --glow:0 0 40px rgba(44,224,214,.35);
  --maxw:1120px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--void);color:var(--ink);overflow-x:hidden;line-height:1.55;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:rgba(44,224,214,.28)}
.mono{font-family:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;font-weight:800}
h1{font-size:clamp(2.5rem,7vw,4.6rem);line-height:1.02}
h2{font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:1.05}
p.lead{font-size:clamp(1.05rem,2.2vw,1.28rem);color:#c3ccea;line-height:1.65}
.muted{color:var(--mut)}
.accent{background:linear-gradient(100deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font:600 12px/1 ui-monospace,monospace;letter-spacing:.26em;text-transform:uppercase;color:var(--cyan)}
.sec{padding:clamp(64px,10vw,120px) 0}
.center{text-align:center}
.kicker{display:inline-block;margin-bottom:16px}

.btn{display:inline-flex;align-items:center;gap:.55em;font-weight:700;font-size:1rem;padding:16px 30px;border-radius:100px;
  border:1px solid transparent;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .3s ease}
.btn:active{transform:scale(.97)}
.btn-primary{background:linear-gradient(100deg,var(--cyan),var(--blue));color:#04121a;box-shadow:0 8px 30px rgba(44,224,214,.32)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 46px rgba(44,224,214,.5)}
.btn-primary .sheen{position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%)}
.btn-primary:hover .sheen{transform:translateX(120%);transition:transform .7s ease}
.btn-ghost{background:rgba(255,255,255,.05);border-color:var(--line2);color:var(--ink);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}

/* nav — wordmark only, no logo mark */
nav.top{position:fixed;top:0;left:0;right:0;z-index:60;background:rgba(6,7,13,.62);backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}
nav.top .row{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800;letter-spacing:-.02em;font-size:1.12rem}
.brand b{color:var(--cyan);font-weight:800}
.navlinks{display:none;gap:6px;align-items:center}
@media(min-width:820px){.navlinks{display:flex}}
.navlinks a{padding:9px 16px;border-radius:100px;font-weight:600;font-size:.92rem;color:var(--mut);transition:.15s}
.navlinks a:hover{color:var(--ink)}
.navlinks a[aria-current="page"]{color:var(--ink);background:rgba(255,255,255,.06)}
nav.top .btn{padding:10px 20px;font-size:.9rem}

/* mobile bottom nav */
.mobnav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;justify-content:space-around;
  background:rgba(9,12,23,.9);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:820px){.mobnav{display:none}}
.mobnav a{flex:1;text-align:center;padding:11px 4px;font-size:11px;font-weight:600;color:var(--dim)}
.mobnav a[aria-current="page"]{color:var(--cyan)}
.mobnav a b{display:block;font-size:19px;line-height:1.1;font-weight:400}

main{padding-top:64px}
.pagepad{padding-bottom:76px}
@media(min-width:820px){.pagepad{padding-bottom:0}}

/* hero */
.hero{position:relative;min-height:88svh;display:flex;align-items:center;overflow:hidden;padding:60px 0}
#globe{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero .fade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 10%,transparent 42%,var(--void) 92%),linear-gradient(180deg,transparent 60%,var(--void))}
.hero .inner{position:relative;z-index:2;max-width:820px;margin:0 auto;text-align:center}
.hero .cta{margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero .trust{margin-top:24px;font:600 13px/1.5 ui-monospace,monospace;color:var(--mut);letter-spacing:.04em}
.hero .trust b{color:var(--cyan)}

/* cards / grids */
.grid{display:grid;gap:18px}
@media(min-width:760px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:22px;padding:26px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.card.lift:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.card.hi{border-color:rgba(44,224,214,.3);box-shadow:0 0 50px rgba(44,224,214,.08)}
.ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;
  background:linear-gradient(135deg,rgba(44,224,214,.18),rgba(76,141,255,.14));border:1px solid var(--line2)}
.ic svg{width:25px;height:25px;stroke:var(--cyan);fill:none;stroke-width:1.7}
.stat{font-size:clamp(2.4rem,6vw,3.4rem);font-weight:800;line-height:1;letter-spacing:-.03em}
.stat.good{color:var(--good)} .stat.warn{color:var(--warn)}

/* reveal — richer than a fade */
.reveal{opacity:0;transform:translateY(32px) scale(.985);filter:blur(6px);
  transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease}
.reveal.in{opacity:1;transform:none;filter:none}

/* interactive AI team */
.team{display:grid;gap:14px}
@media(min-width:760px){.team{grid-template-columns:320px 1fr;align-items:stretch}}
.team .list{display:grid;gap:10px}
.emp{display:flex;gap:14px;align-items:center;text-align:left;padding:15px 16px;border-radius:16px;cursor:pointer;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:#c3ccea;transition:.2s;width:100%}
.emp:hover{border-color:var(--line2)}
.emp[aria-selected="true"]{border-color:var(--cyan);background:rgba(44,224,214,.08);color:var(--ink)}
.emp .n{width:38px;height:38px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;font-weight:800;
  background:linear-gradient(135deg,rgba(44,224,214,.2),rgba(76,141,255,.16));border:1px solid var(--line2);color:var(--cyan)}
.emp .t{font-weight:700;font-size:.98rem}
.emp .s{font-size:.8rem;color:var(--mut)}
.empdetail{border:1px solid var(--line2);border-radius:22px;padding:clamp(22px,4vw,34px);min-height:280px;
  background:radial-gradient(120% 120% at 100% 0,rgba(44,224,214,.08),transparent 55%),linear-gradient(180deg,var(--panel2),var(--panel));position:relative;overflow:hidden}
.empdetail h3{font-size:clamp(1.4rem,3vw,1.9rem)}
.empdetail .role{font:600 12px/1 ui-monospace,monospace;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}
.empdetail ul{list-style:none;margin-top:18px;display:grid;gap:10px}
.empdetail li{display:flex;gap:10px;color:#c3ccea;font-size:.96rem}
.empdetail li svg{width:18px;height:18px;stroke:var(--good);fill:none;stroke-width:2.4;flex:0 0 auto;margin-top:2px}
.working{position:absolute;right:20px;bottom:18px;display:flex;gap:5px;align-items:flex-end;height:22px;opacity:.7}
.working i{width:4px;background:var(--cyan);border-radius:3px;animation:eq 1.1s ease-in-out infinite}
.working i:nth-child(2){animation-delay:.15s}.working i:nth-child(3){animation-delay:.3s}.working i:nth-child(4){animation-delay:.45s}
@keyframes eq{0%,100%{height:5px}50%{height:20px}}

/* how it thinks stepper */
.think{display:grid;gap:12px}
@media(min-width:760px){.think{grid-template-columns:repeat(4,1fr)}}
.tstep{border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.03);position:relative}
.tstep .num{font:700 12px/1 ui-monospace,monospace;color:var(--cyan);letter-spacing:.14em}
.tstep h4{margin-top:10px;font-size:1.05rem}
.tstep p{margin-top:6px;font-size:.9rem;color:var(--mut)}
.tstep.on{border-color:var(--cyan);box-shadow:0 0 30px rgba(44,224,214,.12)}

/* value stack + price */
.offer{max-width:760px;margin:0 auto}
.stack{list-style:none;display:grid;gap:12px;margin:24px 0}
.stack li{display:flex;gap:14px;align-items:center;padding:15px 18px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px}
.stack .ck{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:rgba(57,217,138,.14);border:1px solid rgba(57,217,138,.4);display:grid;place-items:center}
.stack .ck svg{width:13px;height:13px;stroke:var(--good);fill:none;stroke-width:2.6}
.price{text-align:center;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:24px;padding:38px 24px;position:relative;overflow:hidden}
.price .big{font-size:clamp(3rem,10vw,4.4rem);font-weight:800;line-height:1;letter-spacing:-.03em}
.price .big small{font-size:1.1rem;font-weight:600;color:var(--mut)}
.price .sub{color:var(--mut);margin-top:10px}
.price .tags{margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.price .tag{padding:6px 14px;border-radius:100px;background:rgba(143,123,255,.12);border:1px solid rgba(143,123,255,.35);color:#b9acff;font:600 12px/1 ui-monospace,monospace;letter-spacing:.06em}

/* guarantee */
.guarantee{display:flex;gap:22px;align-items:center;flex-wrap:wrap;justify-content:center;text-align:left}
.seal{flex:0 0 auto;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 30%,rgba(44,224,214,.25),transparent),var(--panel2);border:2px solid rgba(44,224,214,.5);box-shadow:var(--glow)}
.seal svg{width:42px;height:42px;stroke:var(--cyan);fill:none;stroke-width:1.6}

/* testimonials */
.tgrid{display:grid;gap:16px}
@media(min-width:760px){.tgrid{grid-template-columns:1fr 1fr}}
.quote{border:1px solid var(--line);border-radius:20px;padding:26px;background:linear-gradient(180deg,var(--panel2),var(--panel))}
.quote .stars{color:var(--cyan);letter-spacing:3px;font-size:.9rem}
.quote p{margin-top:12px;font-size:1.05rem;color:#dbe3ff;line-height:1.6}
.quote .who{margin-top:16px;display:flex;align-items:center;gap:12px}
.quote .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:#04121a;font-weight:800}
.quote .who b{display:block;font-size:.92rem}
.quote .who span{font-size:.8rem;color:var(--mut)}
.placeholder{border-style:dashed;border-color:var(--line2);background:rgba(255,255,255,.02);text-align:center;color:var(--mut)}

/* founder */
.founder{display:grid;gap:32px;align-items:center}
@media(min-width:820px){.founder{grid-template-columns:.8fr 1.2fr}}
.fphoto{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.fphoto img{width:100%;display:block;aspect-ratio:9/10;object-fit:cover}
.fphoto .grade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,7,13,.55)),linear-gradient(100deg,rgba(44,224,214,.12),transparent 60%)}
.fphoto .tag{position:absolute;left:16px;bottom:16px;font:600 12px/1.4 ui-monospace,monospace;color:#dbe3ff}
.fphoto .tag b{color:var(--cyan)}

/* faq */
.faq details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02);margin-bottom:12px;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:700;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .pm{color:var(--cyan);font-size:1.4rem;line-height:1;transition:transform .2s}
.faq details[open] summary .pm{transform:rotate(45deg)}
.faq .a{padding:0 22px 20px;color:var(--mut);line-height:1.7}

/* final cta */
.final{text-align:center;position:relative;overflow:hidden;border-radius:30px;padding:clamp(40px,7vw,72px) 24px;
  background:radial-gradient(120% 120% at 50% 0,rgba(44,224,214,.14),transparent 60%),linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2)}

footer{border-top:1px solid var(--line);padding:38px 0;margin-top:70px}
.frow{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer .wm{background:linear-gradient(100deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}

/* live try-it widget */
.trybox{max-width:560px;margin:0 auto;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.tryhead{display:flex;align-items:center;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line)}
.tryhead .live{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}
.tryhead b{font-size:.95rem}
.tryhead .tag{margin-left:auto;font:600 11px/1 ui-monospace,monospace;color:var(--mut);letter-spacing:.1em}
.trymsgs{padding:20px;display:flex;flex-direction:column;gap:12px;min-height:210px;max-height:360px;overflow-y:auto}
.bub{max-width:84%;padding:12px 15px;border-radius:16px;font-size:.95rem;line-height:1.5;animation:pop .3s ease}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bub.u{align-self:flex-end;background:linear-gradient(100deg,var(--cyan),var(--blue));color:#04121a;border-bottom-right-radius:5px;font-weight:600}
.bub.a{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#e6ecff;border-bottom-left-radius:5px}
.bub.typing{display:flex;gap:5px;align-items:center}
.bub.typing i{width:7px;height:7px;border-radius:50%;background:var(--mut);animation:blink 1.2s infinite}
.bub.typing i:nth-child(2){animation-delay:.2s}.bub.typing i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,100%{opacity:.3}50%{opacity:1}}
.trychips{display:flex;gap:8px;padding:0 20px 12px;flex-wrap:wrap}
.trychips button{font-size:.8rem;padding:8px 12px;border-radius:100px;border:1px solid var(--line2);background:rgba(255,255,255,.03);color:var(--mut);cursor:pointer;transition:.15s}
.trychips button:hover{color:var(--ink);border-color:var(--cyan)}
.tryinput{display:flex;gap:8px;padding:14px 16px;border-top:1px solid var(--line)}
.tryinput input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:100px;padding:12px 16px;color:var(--ink);font-size:15px;outline:none}
.tryinput input:focus{border-color:var(--cyan)}
.tryinput button{width:44px;height:44px;flex:0 0 auto;border:none;border-radius:50%;background:linear-gradient(100deg,var(--cyan),var(--blue));color:#04121a;cursor:pointer;display:grid;place-items:center;font-size:18px;font-weight:800}

/* vs-human comparison */
.vs{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1.25fr 1fr 1fr;border:1px solid var(--line2);border-radius:22px;overflow:hidden;font-size:.92rem}
.vs .cell{padding:15px 12px;border-bottom:1px solid var(--line)}
.vs .cell.h{font-weight:800;font-size:.98rem;background:rgba(255,255,255,.03)}
.vs .rowlabel{color:var(--mut)}
.vs .ai{background:rgba(44,224,214,.06);color:var(--ink);font-weight:600}
.vs .ai.h{background:rgba(44,224,214,.14);color:var(--cyan)}
.vs .cell:nth-last-child(-n+3){border-bottom:none}
@media(max-width:520px){.vs{font-size:.8rem}.vs .cell{padding:12px 8px}}

/* industry cards with imagery */
.indcard{padding:0;overflow:hidden}
.indvis{position:relative;aspect-ratio:16/10;overflow:hidden}
.indvis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.indcard:hover .indvis img{transform:scale(1.05)}
.indvis::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,16,32,0) 45%,rgba(12,16,32,.6))}
.indvis.noimg{display:grid;place-items:center;background:linear-gradient(135deg,rgba(44,224,214,.16),rgba(76,141,255,.12))}
.indvis.noimg::after{display:none}
.indvis.noimg svg{width:46px;height:46px;stroke:var(--cyan);fill:none;stroke-width:1.5;opacity:.85}
.indbody{padding:20px 22px}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none;filter:none}
}