/* 9X GTM v5 */
@font-face{font-family:"Geist";src:url(assets/fonts/geist.woff) format("woff");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(assets/fonts/geist-mono.woff) format("woff");font-weight:100 900;font-display:swap}
:root{
  --black:#0A0A0A; --ink:#111111; --ink2:#161616; --off:#F4F2EC; --paper:#FBFAF6; --white:#FFFFFF;
  --lime:#A9FA1B; --lime-h:#BEFF4A; --lime-d:#3F6B00;
  --line:rgba(255,255,255,.08); --line2:rgba(255,255,255,.14); --line-d:rgba(10,10,10,.09); --line-d2:rgba(10,10,10,.16);
  --muted:#9C9C94; --muted-d:#5E5E57; --soft:#D9D9D2;
  --mono:"Geist Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:12px; --r-sm:8px;
  --sh-1:0 1px 2px rgba(10,10,10,.04),0 4px 16px -8px rgba(10,10,10,.10);
  --sh-2:0 2px 4px rgba(10,10,10,.05),0 16px 40px -16px rgba(10,10,10,.22);
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:var(--sans);color:var(--black);background:var(--black);line-height:1.55;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0 0 16px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:16px;height:16px;flex:none;display:inline-block;vertical-align:middle}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}
.narrow{max-width:720px}
.mono{font-family:var(--mono);letter-spacing:0}
.small{font-size:13px}
.muted{color:var(--muted)}
.light .muted{color:var(--muted-d)}
.skip{position:absolute;left:-999px;top:0;background:var(--lime);color:var(--black);padding:8px 16px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:4px}
.light :focus-visible{outline-color:var(--black)}
::selection{background:var(--lime);color:var(--black)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid transparent;color:var(--off);transition:border-color .3s,background .3s}
.nav.scrolled{border-bottom-color:var(--line);background:rgba(10,10,10,.86)}
.nav-in{display:flex;align-items:center;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.02em}
.brand img{border-radius:6px;image-rendering:pixelated}
.nav nav{margin:0 auto}
.nav-links{display:none;list-style:none;margin:0;padding:0;gap:4px}
.nav-links a{text-decoration:none;color:#BDBDB5;font-size:14px;padding:8px 12px;border-radius:8px;transition:color .2s,background .2s}
.nav-links a:hover{color:var(--white);background:rgba(255,255,255,.06)}
.nav .btn{margin-left:auto}
@media(min-width:880px){.nav-links{display:flex}.nav .btn{margin-left:0}}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:10px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;font-size:15px;font-family:var(--sans);letter-spacing:-.005em;transition:transform .2s var(--ease),background .2s,box-shadow .2s,border-color .2s;white-space:nowrap}
.btn-sm{min-height:36px;padding:0 14px;font-size:14px;border-radius:8px}
.btn-lg{min-height:52px;padding:0 24px;font-size:16px}
.btn-lime{background:var(--lime);color:var(--black);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(169,250,27,.4),0 8px 24px -10px rgba(169,250,27,.55)}
.btn-lime:hover{background:var(--lime-h);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(169,250,27,.5),0 12px 32px -10px rgba(169,250,27,.7)}
.btn-lime:active{transform:translateY(0)}
.btn .ic{transition:transform .2s var(--ease)}
.btn:hover .ic,.link-arrow:hover .ic{transform:translateX(3px)}
.btn-ghost{background:transparent;color:inherit;border-color:var(--line-d2)}
.btn-ghost:hover{border-color:currentColor}
.btn-block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 8px;font-weight:500;font-size:15px;text-decoration:none;color:var(--soft)}
.link-arrow:hover{color:var(--white)}
.link-arrow .ic{transition:transform .2s var(--ease)}

/* sections */
section{padding:80px 0;position:relative;overflow:hidden;overflow:clip}
@media(min-width:900px){section{padding:128px 0}}
.dark{background:var(--black);color:var(--off)}
.light{background:var(--off)}
.grid-bg::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 20%,transparent 75%);opacity:.7}
.dark::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

h1,h2,h3{margin:0 0 16px;font-weight:600;text-wrap:balance}
h1{font-size:clamp(44px,6.2vw,84px);line-height:.98;letter-spacing:-.045em;max-width:12ch}
h2{font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.04em;max-width:18ch}
h3{font-size:19px;line-height:1.3;letter-spacing:-.015em}
.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.55;max-width:56ch;color:var(--muted-d);margin:0}
.dark .lead{color:#B5B5AD}
.sh{margin-bottom:56px}
.sh.center{text-align:center}
.sh.center h2,.sh.center .lead{margin-left:auto;margin-right:auto}
.sh h2{margin-bottom:24px}
.label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-d);margin:0 0 24px}
.label::before{content:"";width:6px;height:6px;background:var(--black)}
.dark .label{color:var(--muted)}
.dark .label::before{background:var(--lime)}

/* hero */
.hero{padding:72px 0 0}
@media(min-width:900px){.hero{padding:104px 0 0}}
.hero::before{-webkit-mask-image:radial-gradient(ellipse 70% 70% at 70% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 70% 70% at 70% 30%,#000 10%,transparent 70%)}
.hero .glowb{display:none}
.hero-in{display:grid;gap:56px;align-items:center}
@media(min-width:1040px){.hero-in{grid-template-columns:1.12fr 1fr;gap:56px}}
.hero h1{font-size:clamp(44px,5.4vw,76px);max-width:none}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--soft);margin:0 0 32px;padding:6px 12px 6px 10px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.03)}
.sq{width:6px;height:6px;background:var(--lime);box-shadow:0 0 12px var(--lime)}
.hero h1{margin-bottom:24px}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:40px 0 32px}
.proof-line{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:#C9C9C1;margin:0;max-width:560px;padding-top:24px;border-top:1px solid var(--line)}
.proof-line b{color:var(--white);font-weight:600}
.dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-top:6px;box-shadow:0 0 0 4px rgba(169,250,27,.15)}

/* machine panel */
.machine{margin:0;position:relative;border-radius:16px;background:linear-gradient(180deg,#151515,#0E0E0E);border:1px solid var(--line2);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 40px 80px -24px rgba(0,0,0,.8),0 0 120px -40px rgba(169,250,27,.25);overflow:hidden}
.machine::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.m-top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.m-dots{display:flex;gap:6px}
.m-dots i{width:10px;height:10px;border-radius:50%;background:#2A2A2A}
.m-title{font-size:12px;color:var(--muted)}
.m-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--black);background:var(--lime);padding:3px 8px;border-radius:4px;font-weight:600}
.pulse{width:6px;height:6px;border-radius:50%;background:var(--black);animation:blink 1.4s steps(2,start) infinite}
@keyframes blink{to{visibility:hidden}}
.m-stages{list-style:none;margin:0;padding:12px 16px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line)}
.m-stages li{position:relative;text-align:center;padding:6px 0 10px;color:#6E6E68;transition:color .4s}
.m-stages li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#262626;transition:background .4s}
.m-stages li.done{color:#BDBDB5}
.m-stages li.done::after{background:#5A5A55}
.m-stages li.on{color:var(--lime)}
.m-stages li.on::after{background:var(--lime);box-shadow:0 0 12px rgba(169,250,27,.6)}
.m-log{list-style:none;margin:0;padding:8px;min-height:384px;display:flex;flex-direction:column;justify-content:flex-start}
.m-log li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:10px 8px;border-radius:8px;font-size:14px;line-height:1.35;color:#D4D4CC}
.m-log li+li{border-top:1px solid rgba(255,255,255,.04)}
.m-log li.new{background:rgba(169,250,27,.06);animation:rowin .5s var(--ease)}
@keyframes rowin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.js .m-log.live li{display:none}
.js .m-log.live li.show{display:grid}
.m-log .t em{display:block;font-style:normal;font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:2px}
.who{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px}
.who svg{width:12px;height:12px}
.who.sw{background:rgba(169,250,27,.1);color:var(--lime);border:1px solid rgba(169,250,27,.25)}
.who.hu{background:#F4F2EC;color:var(--black)}
.s{font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:4px;color:var(--muted);border:1px solid var(--line2)}
.s.ok{color:#CFF79A;border-color:rgba(169,250,27,.25)}
.s.wait{color:#F2D27A;border-color:rgba(242,210,122,.3)}
.s.wait::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px;vertical-align:1px;animation:blink 1s steps(2,start) infinite}
.s.ap{color:var(--black);background:var(--lime);border-color:var(--lime)}
.m-foot{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;margin:0;padding:12px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.m-legend{display:inline-flex;align-items:center;gap:6px}
.m-legend .who{width:18px;height:18px;border-radius:4px}
.m-legend .who svg{width:9px;height:9px}
.m-legend .who.hu{margin-left:8px}

/* proof strip */
.strip{margin-top:80px;border-top:1px solid var(--line);padding:32px 0 40px;display:grid;gap:24px;align-items:center}
@media(min-width:900px){.strip{grid-template-columns:200px 1fr;margin-top:64px}}
.strip-l{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.strip ul{list-style:none;margin:0;padding:0;display:grid;gap:24px}
@media(min-width:720px){.strip ul{grid-template-columns:repeat(3,1fr);gap:0}.strip li+li{border-left:1px solid var(--line);padding-left:32px}}
.strip li{display:flex;flex-direction:column;gap:4px}
.strip li span{font-size:12px;color:var(--muted)}
.strip li b{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--white)}
.strip li small{font-size:14px;color:#A8A8A0}

/* cards (shared) */
.card{background:var(--paper);border:1px solid var(--line-d);border-radius:var(--r);box-shadow:var(--sh-1)}

/* problem */
.split{display:grid;gap:24px}
@media(min-width:900px){.split{grid-template-columns:1.4fr 1fr;align-items:stretch}}
.pain{list-style:none;margin:0;padding:8px 24px}
.pain li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line-d)}
.pain li:last-child{border-bottom:0}
.pain .ic{width:20px;height:20px;padding:3px;border-radius:6px;background:rgba(179,38,30,.08);color:#B3261E;margin-top:2px}
.ignored{background:var(--black);color:var(--off);border-radius:var(--r);padding:40px;display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;position:relative;overflow:hidden;box-shadow:var(--sh-2)}
.ignored::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.ignored>*{position:relative}
.ignored .small{color:var(--muted);margin:0 0 16px}
.ignored .big{font-size:clamp(36px,4.4vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1.02;margin:0}
.ignored .big span{display:block}
.ignored .big span:nth-child(2){color:#77776F}
.ignored .big span:nth-child(3){color:#3E3E3A;position:relative;width:max-content}
.ignored .big span:nth-child(3)::after{content:"";position:absolute;left:0;top:54%;height:4px;width:100%;background:#B3261E;transform-origin:left;transition:transform .8s .4s var(--ease)}
.js .ignored:not(.in) .big span:nth-child(3)::after{transform:scaleX(0)}
.closer{font-size:clamp(24px,2.8vw,34px);font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:64px 0 0;max-width:30ch;text-wrap:balance}
.closer .u{background:linear-gradient(transparent 62%,rgba(169,250,27,.7) 62%,rgba(169,250,27,.7) 92%,transparent 92%)}

/* system diagram */
.diagram{margin:0 0 72px}
.flow{list-style:none;margin:0;padding:0;display:grid;gap:12px;position:relative}
.node{position:relative;z-index:1;border:1px solid var(--line2);background:linear-gradient(180deg,#171717,#101010);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:4px;transition:border-color .3s,transform .3s var(--ease)}
.node:hover{border-color:rgba(255,255,255,.28);transform:translateY(-2px)}
.node .n{font-size:12px;color:var(--muted);margin-bottom:24px}
.node b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.node small{font-size:14px;color:#9E9E96;line-height:1.4}
.node.own{border-color:rgba(169,250,27,.55);background:linear-gradient(180deg,#1C2610,#101208);box-shadow:0 0 48px -16px rgba(169,250,27,.45)}
.node.own .n{color:var(--lime)}
@media(min-width:900px){
  .flow{grid-template-columns:repeat(5,1fr);gap:16px}
  .flow::before{content:"";position:absolute;left:24px;right:24px;top:50%;height:1px;background:linear-gradient(90deg,var(--line2),rgba(169,250,27,.6))}
  .flow::after{content:"";position:absolute;z-index:0;top:calc(50% - 2px);left:24px;width:48px;height:5px;border-radius:4px;background:radial-gradient(closest-side,var(--lime),transparent);animation:travel 4.5s linear infinite}
}
@keyframes travel{from{left:24px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 72px);opacity:0}}
.diagram figcaption{margin-top:24px;color:var(--muted);text-align:center}
.split-line{font-size:clamp(28px,3.6vw,46px);font-weight:600;letter-spacing:-.035em;line-height:1.1;max-width:22ch;margin:0 auto 72px;text-align:center;text-wrap:balance}
.hl{color:var(--lime)}
.sys-grid{display:grid;gap:24px}
@media(min-width:900px){.sys-grid{grid-template-columns:1.5fr 1fr}}
.nos{list-style:none;margin:0;padding:8px 24px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.02)}
.nos li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);color:#D9D9D2}
.nos li:last-child{border-bottom:0}
.nos .ic,.offer .ic{color:var(--lime);margin-top:4px}
.own-box{border-radius:var(--r);padding:32px;background:linear-gradient(160deg,rgba(169,250,27,.10),rgba(169,250,27,.02) 60%);border:1px solid rgba(169,250,27,.3);display:flex;flex-direction:column;justify-content:center}
.own-box p{color:#D9D9D2}
.own-box p:last-child{margin:0}
.own-box strong{color:var(--white)}
.own-k{text-transform:uppercase;letter-spacing:.08em;color:var(--lime)!important;font-size:12px}

/* flow / timeline */
.flow-in{display:grid;gap:48px}
@media(min-width:1000px){.flow-in{grid-template-columns:400px 1fr;gap:80px;align-items:start}.flow-head{position:sticky;top:112px}}
.flow-head .sh{margin-bottom:32px}
.legend{font-size:14px;color:var(--muted-d);line-height:2.4;margin:0 0 32px}
.legend span:not(.badge){margin:0 8px 0 4px}
.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;line-height:1;padding:5px 8px;border-radius:6px;white-space:nowrap}
.badge svg{width:10px;height:10px;flex:none}
.badge.sw{background:var(--black);color:var(--lime);border:1px solid var(--black)}
.badge.hu{background:var(--white);color:var(--black);border:1px solid var(--line-d2)}
.gate{display:flex;gap:16px;align-items:flex-start;margin:0;padding:24px;border-radius:var(--r);background:var(--black);color:var(--off);font-weight:500;font-size:16px;line-height:1.5;box-shadow:var(--sh-2)}
.gate .ic{color:var(--lime);width:20px;height:20px;margin-top:2px}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:19px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,var(--black) 0%,var(--black) 62%,var(--line-d2) 62%);border-radius:2px}
.tl li{display:grid;grid-template-columns:40px 1fr;gap:20px;position:relative;padding-bottom:12px}
.tl li:last-child{padding-bottom:0}
.tl .n{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--black);color:var(--lime);position:relative;z-index:1;margin-top:16px;box-shadow:0 0 0 6px var(--off)}
.tl-card{background:var(--paper);border:1px solid var(--line-d);border-radius:var(--r);padding:20px 24px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:12px;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.tl-card:hover{transform:translateY(-2px);box-shadow:var(--sh-2);border-color:var(--line-d2)}
@media(min-width:640px){.tl-card{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}}
.tl-card h3{margin:0 0 4px;font-size:18px}
.tl-card .d{margin:0;color:var(--muted-d);font-size:15px;line-height:1.5}
.tl-card .ph{margin-top:12px}
.tl .badges{display:flex;flex-wrap:wrap;gap:6px;margin:0;flex:none}
.tl .gate-step .tl-card{border-color:var(--black);box-shadow:0 0 0 1px var(--black),var(--sh-2)}
.tl .pilot .n{background:var(--off);color:var(--muted-d);border:1px dashed var(--line-d2);box-shadow:0 0 0 6px var(--off)}
.tl .pilot .tl-card{background:transparent;border-style:dashed;border-color:var(--line-d2);box-shadow:none}
.tl .pilot h3{color:#3a3a36}

/* different */
.parts{list-style:none;margin:0 0 96px;padding:0;display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media(min-width:640px){.parts{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.parts{grid-template-columns:repeat(4,1fr)}}
.parts li{background:#0D0D0D;padding:32px 24px;transition:background .3s}
.parts li:hover{background:#131313}
.pi{width:32px;height:32px;padding:8px;border-radius:8px;color:var(--lime);background:rgba(169,250,27,.08);border:1px solid rgba(169,250,27,.2);margin-bottom:32px;display:block}
.parts .n{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--white);margin-bottom:8px}
.parts p{margin:0;color:#A8A8A0;font-size:15px;line-height:1.5}
.sub-head{margin-bottom:32px}
.sub{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.03em;margin-bottom:8px}
.sub-head .muted{margin:0}
.xcards{display:grid;gap:24px;align-items:start}
@media(min-width:900px){.xcards{grid-template-columns:1fr 1fr}}
.xcard{background:var(--paper);color:var(--black);border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 32px 64px -24px rgba(0,0,0,.8);transition:transform .3s var(--ease)}
.xcard:hover{transform:translateY(-4px)}
.xhead{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--line-d);background:#F1EFE8}
.xhead .muted{color:var(--muted-d)}
.xtag{background:#FFF1B8;color:#4A3B00;border:1px dashed #B38F00;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:4px}
.xbody{padding:24px}
.xco{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}
.xbody .muted{color:var(--muted-d);margin:0 0 8px}
.xl{text-transform:uppercase;letter-spacing:.08em;color:var(--muted-d);margin:24px 0 8px;font-size:11px}
.sig{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sig li{display:flex;align-items:center;gap:10px;font-size:15px}
.sig li::before{content:"";width:6px;height:6px;background:var(--black)}
.why{font-weight:600;margin:0}
.xmeta{margin:0 0 6px;color:var(--black)}
.mail{background:var(--white);border:1px solid var(--line-d);border-radius:10px;padding:16px 20px;margin:16px 0 0;font-size:15px;line-height:1.55}
.mail p{margin:0 0 10px}.mail p:last-child{margin:0}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid var(--line-d2);border-radius:999px;padding:4px 10px;font-size:12px;background:var(--white)}
.xfoot{display:flex;gap:8px;padding:12px 20px;border-top:1px solid var(--line-d);background:#F1EFE8}
.st{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:6px}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st.ok{background:rgba(63,107,0,.1);color:var(--lime-d)}
.st.ap{background:var(--black);color:var(--lime)}

/* fit */
.cols2{display:grid;gap:24px}
@media(min-width:900px){.cols2{grid-template-columns:1fr 1fr}}
.fit{padding:32px;transition:transform .3s var(--ease),box-shadow .3s}
.fit.yes{background:var(--white);box-shadow:var(--sh-2)}
.fit.no{background:transparent;box-shadow:none;border-style:dashed;border-color:var(--line-d2)}
.tag{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border-radius:6px;margin:0 0 24px}
.tag-yes{background:var(--black);color:var(--lime)}
.tag-no{border:1px solid var(--line-d2);color:var(--muted-d)}
.checks,.crosses{list-style:none;margin:0;padding:0}
.checks li,.crosses li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;line-height:1.5}
.checks li+li,.crosses li+li{border-top:1px solid var(--line-d)}
.fit .checks .ic{width:20px;height:20px;padding:3px;border-radius:6px;background:var(--black);color:var(--lime);margin-top:2px}
.crosses .ic{width:20px;height:20px;padding:4px;border-radius:6px;background:rgba(10,10,10,.06);color:var(--muted-d);margin-top:2px}
.crosses li{color:var(--muted-d)}

/* proof */
.cases{display:grid;gap:16px}
@media(min-width:900px){.cases{grid-template-columns:repeat(3,1fr)}}
.case{position:relative;border:1px solid var(--line2);border-radius:var(--r);padding:32px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));overflow:hidden;transition:transform .3s var(--ease),border-color .3s}
.case:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.26)}
.case::before{content:"";position:absolute;left:32px;right:32px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent)}
.client{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 48px}
.metric{font-size:clamp(28px,2.8vw,36px);font-weight:600;letter-spacing:-.035em;line-height:1.08;margin:0 0 12px;color:var(--white)}
.detail{color:#A8A8A0;margin:0;font-size:15px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:16px 0 0}
@media(min-width:900px){.stats{grid-template-columns:repeat(4,1fr)}}
.stats div{background:#0D0D0D;padding:24px}
.stats dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.stats dd{margin:8px 0 0;font-size:36px;font-weight:600;letter-spacing:-.03em;line-height:1.1}
.stats dd .ph{font-size:11px;font-weight:500;letter-spacing:0}
.quotes{margin-top:16px}
.quote{margin:0;border:1px solid var(--line);border-radius:var(--r);padding:32px;background:rgba(255,255,255,.02);display:flex;flex-direction:column}
.qk{color:var(--muted);margin:0 0 24px;text-transform:uppercase;letter-spacing:.06em;font-size:11px}
.quote blockquote{margin:0 0 24px;font-size:18px;line-height:1.55;letter-spacing:-.01em;color:#E6E6DF;flex:1}
.quote figcaption{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#C9C9C1;line-height:1.45}
.quote figcaption b{color:var(--white)}
.av{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#222;color:var(--soft);border:1px solid var(--line2)}

/* how */
.steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;position:relative}
@media(min-width:900px){.steps{grid-template-columns:repeat(4,1fr);gap:24px}.steps::before{content:"";position:absolute;left:32px;right:32px;top:52px;height:1px;background:repeating-linear-gradient(90deg,var(--line-d2) 0 6px,transparent 6px 12px)}}
.steps li{position:relative;background:var(--paper);border:1px solid var(--line-d);border-radius:var(--r);padding:32px 24px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s}
.steps li:hover{transform:translateY(-3px);box-shadow:var(--sh-2)}
.steps .n{font-size:12px;background:var(--black);color:var(--lime);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin-bottom:32px;box-shadow:0 0 0 6px var(--paper)}
.steps h3{margin-bottom:8px}
.steps p{margin:0 0 16px;color:var(--muted-d);font-size:15px}
.steps .ph{margin-top:auto}

/* offer */
.offer{position:relative;display:grid;gap:32px;border-radius:20px;padding:40px;max-width:1000px;margin:0 auto;background:linear-gradient(#0F0F0F,#0F0F0F) padding-box,linear-gradient(160deg,rgba(169,250,27,.7),rgba(255,255,255,.08) 40%,rgba(255,255,255,.05) 70%,rgba(169,250,27,.35)) border-box;border:1px solid transparent;box-shadow:0 40px 100px -40px rgba(169,250,27,.25)}
@media(min-width:900px){.offer{grid-template-columns:1.4fr 1fr;padding:48px;align-items:center}}
.offer .checks li{border-color:var(--line);color:#DADAD3}
.price{border:1px solid var(--line2);border-radius:var(--r);padding:32px;background:rgba(255,255,255,.03)}
.price .small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px;margin:0 0 12px}
.price-v{margin:0 0 24px;font-size:32px;font-weight:600}

/* faq */
.faq-in{display:grid;gap:48px}
@media(min-width:1000px){.faq-in{grid-template-columns:400px 1fr;gap:80px;align-items:start}.faq-head{position:sticky;top:112px}}
.faq-head{margin-bottom:0}
.faq-mail{margin:24px 0 0}
.faq-mail a{color:var(--black);font-weight:500;text-underline-offset:4px}
.faq{border-top:1px solid var(--line-d2)}
.faq details{border-bottom:1px solid var(--line-d2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:20px 0;font-weight:500;font-size:18px;letter-spacing:-.015em;transition:color .2s}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:#3a3a36}
.pm{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--line-d2);transition:background .25s,border-color .25s,transform .3s var(--ease)}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s var(--ease)}
.faq details[open] .pm{background:var(--black);border-color:var(--black);color:var(--lime);transform:rotate(180deg)}
.faq details[open] .pm::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq details p{margin:0;padding:0 56px 24px 0;color:var(--muted-d);max-width:62ch}
.faq details[open] p{animation:fadein .35s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* apply */
.glow::before{-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 60%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 60% 60% at 50% 60%,#000 10%,transparent 70%)}
.apply{position:relative;background:var(--paper);color:var(--black);border-radius:20px;padding:32px;box-shadow:0 0 0 1px rgba(169,250,27,.35),0 40px 100px -30px rgba(169,250,27,.3),0 30px 60px -30px rgba(0,0,0,.8)}
@media(min-width:640px){.apply{padding:40px}}
.apply-steps{list-style:none;display:flex;gap:8px;margin:0 0 24px;padding:4px;background:#ECEAE3;border-radius:10px;width:max-content;max-width:100%;flex-wrap:wrap}
.apply-steps li{padding:6px 12px;border-radius:7px;color:var(--muted-d);font-size:12px}
.apply-steps li.on{background:var(--white);color:var(--black);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.step label{display:block;font-weight:500;font-size:14px;margin:16px 0 8px}
.step input{width:100%;min-height:52px;border:1px solid var(--line-d2);border-radius:10px;padding:0 16px;font-size:16px;font-family:var(--sans);background:var(--white);color:var(--black);transition:border-color .2s,box-shadow .2s}
.step input:hover{border-color:rgba(10,10,10,.3)}
.step input:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 4px rgba(169,250,27,.45)}
.step .btn{margin-top:24px}
.step .muted{color:var(--muted-d);margin:16px 0 0;text-align:center}
.err{color:#B3261E;font-size:14px;margin:12px 0 0}
.hi{font-size:20px;font-weight:600;letter-spacing:-.02em}
.cal-mock{border:1px dashed var(--line-d2);border-radius:var(--r);padding:20px;margin:0 0 20px}
.slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.slot{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--line-d2);background:var(--white);cursor:pointer;font:inherit;transition:border-color .2s,background .2s}
.slot:hover{border-color:var(--black);background:#F0FFD6}

/* placeholders: visible, quieter */
.ph{display:inline-block;font-family:var(--mono);font-size:11px;line-height:1.4;font-weight:500;letter-spacing:0;padding:2px 7px;border-radius:5px;background:#FFF4C7;color:#5A4600;border:1px dashed #C9A21A;vertical-align:middle}
.ph::before{content:"[ "}.ph::after{content:" ]"}
.ph.draft{background:#ECE9FF;color:#2E2470;border-color:#7B6CD9}
.dark .ph{background:rgba(255,226,120,.12);color:#F5DE8A;border-color:rgba(245,222,138,.45)}
.dark .ph.draft{background:rgba(160,145,255,.14);color:#CFC7FF;border-color:rgba(190,180,255,.45)}
.apply .ph{background:#FFF4C7;color:#5A4600;border-color:#C9A21A}

/* footer */
.footer{background:var(--black);color:var(--off);padding:56px 0;border-top:1px solid var(--line)}
.foot-in{display:grid;gap:32px;align-items:center}
@media(min-width:900px){.foot-in{grid-template-columns:1fr auto auto;gap:48px}}
.foot-brand .muted{margin:12px 0 0}
.foot-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
.foot-links a{text-decoration:none;color:#BDBDB5}
.foot-links a:hover{color:var(--lime)}
.footer p.mono{margin:0}

/* reveal */
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
  .js .ignored:not(.in) .big span:nth-child(3)::after{transform:none}
}

/* mobile */
@media(max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 20px}
  .sh{margin-bottom:40px}
  .brand span{font-size:14px}
  .eyebrow{font-size:11px;margin-bottom:24px}
  .hero-cta{margin:32px 0 24px}
  .hero-cta .btn{width:100%}
  .m-log{min-height:0;padding:4px}
  .m-log li{font-size:13px;gap:10px;grid-template-columns:24px 1fr auto;padding:8px 6px}
  .who{width:24px;height:24px}
  .m-stages{font-size:10px;padding:10px 12px;gap:4px}
  .m-title{font-size:11px}
  .strip{margin-top:56px}
  .pain{padding:4px 20px}
  .ignored{padding:28px;min-height:220px}
  .closer{margin-top:48px}
  .diagram{margin-bottom:48px}
  .split-line{margin-bottom:48px}
  .tl li{grid-template-columns:32px 1fr;gap:12px}
  .tl::before{left:15px}
  .tl .n{width:32px;height:32px;font-size:11px;margin-top:18px}
  .tl-card{padding:18px}
  .parts{margin-bottom:64px}
  .parts li{padding:24px 20px}
  .pi{margin-bottom:20px}
  .fit,.case,.quote,.price{padding:24px}
  .client{margin-bottom:24px}
  .offer{padding:24px}
  .faq summary{font-size:16px;min-height:64px}
  .faq details p{padding-right:0}
  .apply{padding:24px}
  .eyebrow{font-size:10.5px;letter-spacing:.04em;padding:6px 10px}
  .node{padding:16px 16px 16px 56px}
  .node .n{position:absolute;left:16px;top:17px;margin:0}
  .steps li{padding:24px 20px}
  .steps .n{width:32px;height:32px;font-size:11px;margin-bottom:20px}
  .stats dd{font-size:28px}
}

/* ===== v6 ===== */
.brand img{border-radius:7px;image-rendering:auto;width:32px;height:32px}
@media(min-width:641px){.m-log{min-height:300px}}
.tl::before{background:var(--black)}
@media(min-width:720px){.strip ul{grid-template-columns:repeat(4,1fr)}}
@media(max-width:719px){.strip ul{grid-template-columns:1fr 1fr;gap:20px 16px}}
.strip li b{font-size:28px}
.price-v{font-size:28px!important;line-height:1.2;margin:0!important}
.price-n{margin:4px 0 20px;color:#A8A8A0;font-size:15px}
.gallery{margin:40px 0 0}
.gallery-k{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 16px}
.gallery-grid{display:grid;gap:16px}
@media(min-width:900px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
.shot{margin:0;border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;background:#0D0D0D}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{padding:12px 16px;color:var(--muted)}
.quotes{margin-top:40px}
@media(max-width:640px){
  section{padding:56px 0}
  .hero{padding:48px 0 0}
  .sh{margin-bottom:28px}
  .sh h2{margin-bottom:16px}
  .hero-in{gap:40px}
  .strip{margin-top:40px;padding:24px 0 32px}
  .strip li b{font-size:24px}
  .ignored{min-height:160px;padding:24px}
  .diagram{margin-bottom:32px}
  .flow{gap:8px}
  .node{padding:14px 16px 14px 52px}
  .node .n{top:15px}
  .split-line{margin-bottom:32px}
  .flow-in{gap:24px}
  .flow-head .sh{margin-bottom:20px}
  .tl li{padding-bottom:8px}
  .tl-card{padding:14px 16px;gap:8px}
  .tl .n{margin-top:14px}
  .parts{grid-template-columns:1fr 1fr;margin-bottom:40px}
  .parts li{padding:18px 16px}
  .pi{margin-bottom:12px}
  .parts p{font-size:14px}
  .fit,.case,.quote,.price,.offer,.apply{padding:20px}
  .cases{gap:12px}
  .client{margin-bottom:12px}
  .quotes{margin-top:24px;gap:12px}
  .steps{grid-template-columns:1fr 1fr;gap:12px}
  .steps li{padding:18px 16px}
  .steps .n{margin-bottom:14px}
  .steps h3{font-size:16px}
  .steps p{font-size:14px;margin:0}
  .footer{padding:40px 0}
}
@media(max-width:640px){
  .flow{grid-template-columns:1fr 1fr}
  .flow .node.own{grid-column:1/-1}
  .node{padding:14px}
  .node .n{position:static;margin:0 0 8px}
  .node b{font-size:15px}
  .quote blockquote{font-size:16px;margin-bottom:16px}
  .pain li{padding:12px 0}
  .checks li,.crosses li{padding:9px 0}
  .hero h1{margin-bottom:16px}
  .hero-cta{margin:24px 0 0}
}
@media(max-width:640px){
  .tl-card h3{font-size:16px;margin-bottom:2px}
  .tl-card .d{font-size:14px;line-height:1.45}
  .gate{margin-bottom:0}
  .sub-head{margin-bottom:20px}
  .xbody{padding-top:12px;padding-bottom:12px}
}

.xreason{margin:0;font-weight:500;color:var(--black)}

.xhead{justify-content:flex-start;gap:12px}.xhead .m-dots i{background:#D6D2C6}

/* 02 Agents and people: pixel high five */
.hf{border-bottom:1px solid var(--line)}
.hf .sh{margin-bottom:40px}
.hf .lead{max-width:62ch}
.hf-stage{margin:0 auto 56px;max-width:880px;position:relative}
.hf-stage::before{content:"";position:absolute;left:50%;top:10%;width:46%;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(169,250,27,.14),transparent);pointer-events:none}
.hf-svg{display:block;width:100%;height:auto;overflow:visible;position:relative}
.hf-svg g{transform-box:view-box}
.hf-spark{transform-box:fill-box!important;transform-origin:center}
/* final pose by default (no JS, static, reduced motion) */
.hf .arm-down,.hf .legB{opacity:0}
.hf .arm-up{opacity:1}
.hf-spark{opacity:1}
/* armed = start pose, waiting to scroll into view */
.hf.armed .hf-bot{transform:translateX(-36px)}
.hf.armed .hf-hum{transform:translateX(36px)}
.hf.armed .arm-down{opacity:1}
.hf.armed .arm-up{opacity:0}
.hf.armed .hf-spark{opacity:0}
.hf.play .hf-bot{animation:hfInL 1.8s steps(14,end) forwards}
.hf.play .hf-hum{animation:hfInR 1.8s steps(14,end) forwards}
@keyframes hfInL{from{transform:translateX(-36px)}to{transform:translateX(0)}}
@keyframes hfInR{from{transform:translateX(36px)}to{transform:translateX(0)}}
.hf.play .legA{animation:hfLegA .3s steps(1) 6}
.hf.play .legB{animation:hfLegB .3s steps(1) 6}
@keyframes hfLegA{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
@keyframes hfLegB{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.hf.play .arm-down{animation:hfOff .01s 1.85s forwards}
.hf.play .arm-up{animation:hfOn .01s 1.85s forwards}
@keyframes hfOn{to{opacity:1}}
@keyframes hfOff{to{opacity:0}}
.hf.play .hf-spark{animation:hfSpark .9s steps(6,end) 2s forwards}
@keyframes hfSpark{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.35)}100%{opacity:1;transform:scale(1)}}
.hf.play .hf-bob{animation:hfBob 1.6s steps(1) 3s infinite}
@keyframes hfBob{0%{transform:translateY(0)}50%{transform:translateY(-1px)}100%{transform:translateY(0)}}
.hf.play .hf-eyes{animation:hfBlink 4.2s steps(1) 3.4s infinite}
@keyframes hfBlink{0%{opacity:1}92%{opacity:0}96%{opacity:1}}
.hf-cols{list-style:none;margin:0 auto;padding:0;display:grid;gap:16px;max-width:1000px}
@media(min-width:800px){.hf-cols{grid-template-columns:repeat(3,1fr);gap:20px}}
.hf-cols li{border:1px solid var(--line2);border-radius:14px;padding:24px;background:rgba(255,255,255,.02);display:grid;grid-template-columns:40px 1fr;column-gap:16px;align-items:start}
.hf-cols .hf-ico{width:32px;height:48px;grid-row:span 2}
.hf-cols h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--lime);margin:4px 0 8px;font-weight:600}
.hf-cols p{margin:0;color:#C9C9C1;font-size:16px;line-height:1.55}
@media(max-width:600px){.hf-stage{margin-bottom:40px}.hf .sh{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.hf *{animation:none!important}}
.hf-chip{display:inline-flex;align-items:center;gap:10px;margin:28px 0 0;padding:8px 14px;border:1px solid rgba(169,250,27,.35);background:rgba(169,250,27,.08);border-radius:999px;font-size:13px;color:var(--off);letter-spacing:.01em;max-width:100%;text-align:left}
.hf-chip b{color:var(--lime);font-weight:600}
.hf-chip{display:inline-block;line-height:1.5}
.hf-chip .sq{display:inline-block;vertical-align:middle;margin-right:10px}
@media(max-width:600px){.hf-chip{border-radius:12px;font-size:12px;padding:10px 14px}.hf-svg{width:160%;margin-left:-30%}}

/* 01 Problem: real X posts strip */
.xproof{margin-top:64px}
.xproof-k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-d);margin:0 0 20px;display:flex;align-items:center;gap:8px}
.xproof-k::before{content:"";width:6px;height:6px;background:var(--black)}
.xp-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px;align-items:start}
@media(min-width:700px){.xp-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.xp-grid{grid-template-columns:repeat(4,1fr)}}
.xp article{background:#fff;border:1px solid #CFD9DE;border-radius:16px;padding:14px 16px 6px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0F1419;transition:background .2s}
.xp article:hover{background:#F7F9F9}
.xp-h{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.xp-av{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#E7ECEE}
.xp-who{display:flex;flex-direction:column;line-height:1.3;min-width:0;padding-top:1px}
.xp-who b{display:inline-flex;align-items:center;gap:2px;font-size:15px;font-weight:700;color:#0F1419;white-space:nowrap}
.xp-v{width:18px;height:18px;flex:none}
.xp-who>span{font-size:15px;color:#536471;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xp-x{width:20px;height:20px;margin-left:auto;color:#0F1419;flex:none}
.xp-b p{margin:0 0 12px;font-size:15px;line-height:1.4;color:#0F1419;white-space:pre-line;overflow-wrap:anywhere}
.xp-b p:last-child{margin:0}
.xp-d{margin:12px 0 0;padding-bottom:10px;border-bottom:1px solid #EFF3F4;font-size:15px;color:#536471}
.xp-f{display:flex;align-items:center;gap:18px;padding:8px 0 4px;font-size:13px;color:#536471}
.xp-m{display:inline-flex;align-items:center;gap:4px;min-width:18px}
.xp-m svg{width:18px;height:18px}
.xp-f a{margin-left:auto;color:#1D9BF0;font-weight:700;font-size:13px;text-decoration:none}
.xp-f a:hover{text-decoration:underline}
.xp-note{margin:14px 0 0;font-size:11px;color:var(--muted-d);letter-spacing:.02em}

/* 04 Your week: before / after calendar */
.wk .lead{max-width:52ch}
.wk .sh{margin-bottom:48px}
.wk-stage{margin:0 auto 64px;max-width:980px;display:flex;align-items:center;gap:28px}
.wk-side{flex:none;width:96px;height:96px;border-radius:20px;background:var(--black);display:grid;place-items:center;box-shadow:0 20px 40px -24px rgba(10,10,10,.6)}
.wk-clock{width:64px;height:64px;display:block}
.wk-hh,.wk-mh{transform-box:view-box;transform-origin:8.5px 8.5px}
.wk-hh{transform:rotate(120deg)}
.wk-mh{transform:rotate(0deg)}
.wk-win{flex:1;min-width:0;background:linear-gradient(180deg,#151515,#0E0E0E);color:var(--off);border-radius:16px;overflow:hidden;border:1px solid rgba(10,10,10,.6);box-shadow:0 40px 80px -32px rgba(10,10,10,.55),0 0 100px -50px rgba(169,250,27,.5)}
.wk-top{border-bottom:1px solid var(--line)}
.wk-tog{margin-left:auto;position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:#1E1E1E;border:1px solid var(--line2);border-radius:999px;padding:3px;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.wk-tog .t{position:relative;z-index:1;padding:4px 12px;text-align:center;white-space:nowrap;color:var(--muted);transition:color .3s}
.wk-tog .a{color:var(--black);font-weight:600}
.wk-knob{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:999px;background:var(--lime);transform:translateX(100%);transition:transform .45s var(--ease)}
.wk-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:16px}
.wk-day{display:flex;flex-direction:column;gap:8px;min-width:0}
.wk-dn{margin:0 0 2px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.blk{position:relative;height:58px;perspective:500px}
.blk .f,.blk .k{position:absolute;inset:0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:0 10px;backface-visibility:hidden;font-size:13px;line-height:1.2}
.blk .f{background:#2A2A28;color:#B5B5AD;border:1px solid rgba(255,255,255,.06);opacity:0;transform:rotateX(-90deg)}
.blk .k{opacity:1;transform:none}
.blk .call{background:var(--lime);color:var(--black);box-shadow:0 0 24px -8px rgba(169,250,27,.7)}
.blk .call b{font-weight:600}
.blk .call i{font-style:normal;font-size:11px;opacity:.7;margin-top:2px}
.blk .free{border:1px dashed rgba(244,242,236,.16);color:var(--off);font-size:11px;text-transform:uppercase;letter-spacing:.08em;align-items:flex-start}
/* armed = before state, play = flip to after */
.wk.armed .blk .f{opacity:1;transform:none}
.wk.armed .blk .k{opacity:0;transform:rotateX(90deg)}
.wk.armed .wk-knob{transform:none}
.wk.armed .wk-tog .b{color:var(--black);font-weight:600}
.wk.armed .wk-tog .a{color:var(--muted);font-weight:400}
.wk.armed .wk-mh{transform:rotate(-1800deg)}
.wk.armed .wk-hh{transform:rotate(-30deg)}
.wk.play .blk .f{opacity:0;transform:rotateX(-90deg);transition:transform .32s ease-in var(--d),opacity .01s linear calc(var(--d) + .31s)}
.wk.play .blk .k{opacity:1;transform:none;transition:transform .36s var(--ease) calc(var(--d) + .3s),opacity .01s linear calc(var(--d) + .3s)}
.wk.play .wk-knob{transform:translateX(100%);transition-delay:.15s}
.wk.play .wk-tog .t{transition-delay:.15s}
.wk.play .wk-tog .b{color:var(--muted);font-weight:400}
.wk.play .wk-tog .a{color:var(--black);font-weight:600}
.wk.play .wk-mh{transform:rotate(0deg);transition:transform 2.4s cubic-bezier(.3,.1,.3,1) .1s}
.wk.play .wk-hh{transform:rotate(120deg);transition:transform 2.4s cubic-bezier(.3,.1,.3,1) .1s}
.wk-tiles{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media(min-width:700px){.wk-tiles{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.wk-tiles{grid-template-columns:repeat(4,1fr)}}
.wk-tiles li{background:var(--white);border:1px solid var(--line-d);border-radius:14px;padding:22px 20px}
.wk-ico{width:32px;height:auto;display:block;margin-bottom:16px}
.wk-tiles h3{font-size:17px;margin:0 0 8px}
.wk-tiles p{margin:0;font-size:15px;line-height:1.5;color:var(--muted-d)}
@media(max-width:760px){
  .wk-stage{flex-direction:column;gap:16px;margin-bottom:40px}
  .wk-side{width:72px;height:72px;border-radius:16px}
  .wk-clock{width:48px;height:48px}
  .wk-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
  .wk-day:nth-child(n+4){display:none}
  .wk-top .m-title{display:none}
  .blk{height:54px}
  .blk .f,.blk .k{font-size:12px;padding:0 8px}
}
@media(prefers-reduced-motion:reduce){.wk .blk .f,.wk .blk .k,.wk-knob,.wk-mh,.wk-hh{transition:none!important}}
.wk-ico{height:32px}
@media(max-width:760px){.wk-stage{align-items:stretch}.wk-side{align-self:center}}

/* 06 Research + email cards: mobile swipe carousel */
.xc-nav{display:none}
@media(max-width:768px){
  .xcards{--gut:24px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 24px;scrollbar-width:none;overscroll-behavior-x:contain;align-items:flex-start}
  .xcards::-webkit-scrollbar{display:none}
  .xcards .xcard{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always}
  .xcards .xcard:hover{transform:none}
  .xc-nav{display:flex;justify-content:center;gap:8px;margin-top:4px}
  .xc-dot{appearance:none;background:none;border:1px solid var(--line2);border-radius:999px;color:var(--muted);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;min-height:40px;font:inherit;cursor:pointer;transition:border-color .2s,color .2s}
  .xc-dot i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.5;transition:background .2s,opacity .2s}
  .xc-dot span{font-size:11px;text-transform:uppercase;letter-spacing:.06em}
  .xc-dot.on{color:var(--paper);border-color:var(--lime)}
  .xc-dot.on i{background:var(--lime);opacity:1}
  .xc-dot:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
}
@media(max-width:640px){.xcards{--gut:20px}}
@media (prefers-reduced-motion:reduce){.xcards{scroll-behavior:auto}}
.hf-cols li{align-content:start}

/* ---------- 09 Our standards (quality + privacy) ---------- */
.st-grid{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.st-card{position:relative;background:linear-gradient(180deg,#151515,#0E0E0E);color:var(--off);border:1px solid rgba(10,10,10,.6);border-radius:16px;padding:32px 32px 20px;box-shadow:0 30px 60px -32px rgba(10,10,10,.5);overflow:hidden}
.st-card::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,#000,transparent 45%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 45%)}
.st-art-w{position:relative;z-index:1;width:96px;height:96px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.st-art{width:100%;height:100%;overflow:visible;image-rendering:pixelated}
.st-k{position:relative;z-index:1;color:var(--lime);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.st-card h3{position:relative;z-index:1;font-size:clamp(24px,2.4vw,30px);line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;font-weight:600}
.st-list{position:relative;z-index:1;list-style:none;margin:0;padding:0}
.st-list li{display:flex;gap:12px;align-items:flex-start;padding:13px 0;line-height:1.5;color:#D9D9D2}
.st-list li+li{border-top:1px solid var(--line2)}
.st-list .ic{color:var(--lime);margin-top:4px}
/* check badge: pixels pop in, then the tick draws */
.st-check .px{transform-box:fill-box;transform-origin:center}
.st-grid.armed .st-check .px{opacity:0;transform:scale(.2)}
.st-grid.play .st-check .px{animation:stPop .32s steps(3,end) var(--d) forwards}
@keyframes stPop{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.25)}100%{opacity:1;transform:scale(1)}}
/* lock: shackle drops and clicks shut once */
/* lock: lifts open, pauses, drops shut with a stepped bounce, body shakes, keyhole flash + sparks */
.st-shackle{transform-box:view-box;transform-origin:16px 11px}
.st-flash,.st-sparks rect{opacity:0}
.st-lock-w{cursor:pointer;-webkit-tap-highlight-color:transparent}
.st-lock.lk-go .st-shackle{animation:lkShackle 1.2s linear both}
.st-lock.lk-go .st-body{animation:lkShake 1.2s linear both}
.st-lock.lk-go .st-flash{animation:lkFlash 1.2s steps(1,end) both}
.st-lock.lk-go .st-sparks rect{animation:lkSpark 1.2s steps(4,end) both}
@keyframes lkShackle{
  0%{transform:translateY(0) rotate(0);animation-timing-function:steps(3,end)}
  16%{transform:translateY(-4px) rotate(-14deg)}
  46%{transform:translateY(-4px) rotate(-14deg);animation-timing-function:steps(3,end)}
  60%{transform:translateY(0) rotate(0);animation-timing-function:steps(1,end)}
  66%{transform:translateY(-1px) rotate(0);animation-timing-function:steps(1,end)}
  72%,100%{transform:translateY(0) rotate(0)}
}
@keyframes lkShake{0%,60%{transform:translate(0,0)}62%{transform:translate(0,.5px)}66%{transform:translate(-.5px,0)}70%{transform:translate(.5px,0)}74%{transform:translate(-.5px,0)}78%,100%{transform:translate(0,0)}}
@keyframes lkFlash{0%,60%{opacity:0}61%{opacity:1}70%{opacity:0}74%{opacity:1}84%,100%{opacity:0}}
@keyframes lkSpark{0%,60%{opacity:0;transform:translate(0,0)}61%{opacity:1;transform:translate(0,0)}86%{opacity:1;transform:translate(var(--sx),var(--sy))}87%,100%{opacity:0;transform:translate(var(--sx),var(--sy))}}
@media (max-width:760px){
  .st-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}
  .st-card{padding:24px 18px 12px}
  .st-art-w{width:72px;height:72px;margin-bottom:16px}
  .st-list li{font-size:14px;gap:10px;padding:12px 0;letter-spacing:-.005em}
  .st-list li span{white-space:nowrap}
  .st-list .ic{width:14px;height:14px;margin-top:3px}
}
@media (max-width:359px){
  .st-list li span{white-space:normal}
}
@media (prefers-reduced-motion:reduce){
  .st-grid.armed .st-check .px{opacity:1;transform:none;animation:none}
  .st-lock.lk-go *{animation:none!important}
}

/* ---------- Free audit CTA ---------- */
.btn{white-space:nowrap}
.cta-s{display:none}
@media (max-width:339px){.nav .cta-l{display:none}.nav .cta-s{display:inline}}
.cta-note{font-size:13px;letter-spacing:.01em;color:var(--muted);margin:0;text-wrap:balance}
.hero-cta .cta-note{flex-basis:100%;margin-top:-4px}
.apply .cta-note{text-align:center;margin-top:14px}
@media (max-width:760px){
  .hero-cta .cta-note{order:1;margin-top:-6px;text-align:center;font-size:12px;letter-spacing:-.02em}
  .hero-cta .link-arrow{order:2}
  .apply .cta-note{font-size:12px;letter-spacing:-.02em}
}

/* Apply: optional label hint */
.apply label .opt{font-weight:400;color:var(--muted-d)}

/* Apply: honeypot (hidden from people) */
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* Apply: live time picker */
.pk-meta{font-size:12px;color:var(--muted-d);margin:-4px 0 16px}
.pk{border:1px solid var(--line-d2);border-radius:var(--r);background:var(--white);padding:12px;min-height:188px}
.pk-days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pk-days:empty{display:none}
.pk-day{display:flex;flex-direction:column;align-items:center;gap:0;padding:8px 4px;border:1px solid var(--line-d2);border-radius:10px;background:var(--paper);color:var(--black);cursor:pointer;font:inherit;line-height:1.2;transition:border-color .15s,background .15s}
.pk-day span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-d)}
.pk-day b{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:2px 0}
.pk-day:hover{border-color:var(--black)}
.pk-day[aria-selected="true"]{background:var(--black);color:var(--off);border-color:var(--black)}
.pk-day[aria-selected="true"] span{color:var(--lime)}
.pk-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.pk-slots:empty{display:none}
.pk-slot{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 6px;border:1px solid var(--line-d2);border-radius:8px;background:var(--white);color:var(--black);cursor:pointer;font-size:13px;white-space:nowrap;transition:border-color .15s,background .15s}
.pk-slot i{flex:none;width:6px;height:6px;background:var(--line-d2)}
.pk-slot:hover{border-color:var(--black);background:#F0FFD6}
.pk-slot:hover i{background:var(--lime-d)}
.pk-slot[aria-pressed="true"]{background:var(--lime);border-color:var(--black);box-shadow:inset 0 0 0 1px var(--black);font-weight:600}
.pk-slot[aria-pressed="true"] i{background:var(--black)}
.pk-state{font-size:15px;color:var(--muted-d);line-height:1.5}
.pk-state:empty{display:none}
.pk-state.is-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:160px;font-size:12px}
.pk-state.is-empty,.pk-state.is-error{padding:24px 8px;text-align:center;color:var(--black)}
.pk-state a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pk-retry{font:inherit;font-size:13px;font-weight:600;background:var(--lime);border:1px solid var(--black);border-radius:6px;padding:2px 8px;cursor:pointer;color:var(--black)}
.pk-load{display:inline-flex;gap:4px}
.pk-load i{width:8px;height:8px;background:var(--black);animation:pkBlink 1.2s steps(1,end) infinite}
.pk-load i:nth-child(2){animation-delay:.2s}
.pk-load i:nth-child(3){animation-delay:.4s}
@keyframes pkBlink{0%{background:var(--black)}50%{background:var(--lime)}}
.pk-pick{font-size:12px;margin:12px 0 0;color:var(--black)}
#pk-confirm{margin-top:16px}
#pk-confirm:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
#pk-confirm.is-busy{opacity:.8;cursor:progress}
#back{margin-top:10px;width:100%}
.pk-done{display:flex;flex-direction:column;gap:4px;margin:16px 0 0;padding:16px;border-radius:var(--r);background:var(--black);color:var(--off)}
.pk-done span{font-size:12px;color:var(--lime);text-transform:uppercase;letter-spacing:.06em}
.pk-done span:last-child{color:var(--muted);text-transform:none;letter-spacing:0}
.pk-done b{font-size:20px;font-weight:600;letter-spacing:-.02em}
@media (min-width:640px){.pk-slots{grid-template-columns:repeat(4,1fr)}.pk{padding:16px}}
@media (max-width:359px){.pk-slots{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.pk-load i{animation:none}.pk-day,.pk-slot{transition:none}}
.pk-days,.pk-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
.pk-state.is-empty,.pk-state.is-error{text-wrap:balance}
@media (min-width:640px){.pk-slots{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:480px){.pk{padding:10px}.pk-days,.pk-slots{gap:6px}.pk-slot{font-size:12px;gap:5px;padding:0 4px;letter-spacing:-.01em}.pk-slot i{width:5px;height:5px}}
@media (max-width:359px){.pk-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}