:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0}img{max-width:100%}[hidden]{display:none!important}

/* Layout: brand-dark single column, generous air; the hero is a live customer flow that leaks, and GrowthPilot plugs it */
:root{
  --ink:#1D232B;
  --ink-2:#232A33;
  --line:#2E3641;
  --lime:#C4FF00;
  --white:#FFFFFF;
  --grey:#9CA3AF;
  --display:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--ink);color:var(--white);font-family:var(--display);font-size:16px;line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--ink)}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;line-height:1.05;text-wrap:balance}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.label{font-family:var(--mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}
.lime{color:var(--lime)}
a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}

/* header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.25rem;letter-spacing:-.01em}
.logo b{font-weight:700}.logo span{font-weight:300;color:var(--lime)}
.logo svg{width:20px;height:30px;flex:none}
.nav nav{display:flex;gap:32px;font-size:.9rem}
.nav nav a{text-decoration:none;color:var(--grey);transition:color .15s}
.nav nav a:hover{color:var(--white)}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--lime);color:var(--ink);font-family:var(--display);font-weight:600;font-size:.95rem;text-decoration:none;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--lime) 60%,transparent)}
.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translateX(3px)}
.btn.sm{padding:10px 18px;font-size:.88rem}
.link{color:var(--white);text-decoration:none;font-weight:500;font-size:.95rem;border-bottom:1px solid var(--line);padding-bottom:2px}
.link:hover{border-color:var(--lime)}


/* hero */
.hero{padding-block:72px 40px}
.hero h1{font-size:clamp(2.6rem,7.4vw,6.2rem);font-weight:700;letter-spacing:-.035em;line-height:1}
.hero h1 span{display:block}
.hero h1 .l2{color:var(--lime)}
.hero-sub{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end;margin-top:40px}
.hero-sub p{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--grey);max-width:44ch}
.hero-sub p strong{color:var(--white);font-weight:500}
.ctas{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
@media (max-width:760px){.hero-sub{grid-template-columns:1fr}}

/* flow */
.flow{margin-top:64px}
.flow-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.toggle{display:inline-flex;background:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:4px}
.toggle button{font-family:var(--display);font-size:.85rem;font-weight:500;color:var(--grey);background:transparent;border:0;border-radius:999px;padding:8px 16px;cursor:pointer;transition:background .2s,color .2s}
.toggle button[aria-pressed="true"]{background:var(--white);color:var(--ink)}
.toggle button.gp[aria-pressed="true"]{background:var(--lime)}
.kept{font-family:var(--mono);font-size:.85rem;color:var(--grey);font-variant-numeric:tabular-nums}
.kept b{color:var(--white);font-weight:500;font-size:1.05rem}
.canvas-box{position:relative;height:220px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
canvas{display:block;width:100%;height:100%}
.stage-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:16px}
.stage-row div{padding-right:12px;min-width:0}
.stage-row h3{font-size:1rem;font-weight:600;letter-spacing:-.01em}
.stage-row p{font-size:.8rem;color:var(--grey);line-height:1.4;margin-top:2px}
@media (max-width:620px){.stage-row p{display:none}.stage-row h3{font-size:.8rem}.canvas-box{height:170px}}

section{padding-block:120px}
.sec-label{margin-bottom:20px;display:block}
h2{font-size:clamp(2rem,4.6vw,3.6rem);font-weight:700;letter-spacing:-.03em}
.intro{color:var(--grey);font-size:1.1rem;max-width:56ch;margin-top:20px}

/* statement */
.statement{padding-block:120px;border-top:1px solid var(--line)}
.statement h2{font-size:clamp(2.2rem,5.6vw,4.6rem);max-width:16ch}
.statement h2 .dim{color:var(--grey);font-weight:300}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:72px}
.pillar{display:grid;gap:10px;align-content:start}
.pillar .dot{width:14px;height:14px;border-radius:50%;background:var(--lime)}
.pillar:nth-child(2) .dot{background:var(--white)}
.pillar:nth-child(3) .dot{background:var(--grey)}
.pillar h3{font-size:1.25rem;font-weight:600;letter-spacing:-.015em;margin-top:8px}
.pillar p{color:var(--grey);font-size:.98rem}
@media (max-width:820px){.pillars{grid-template-columns:1fr;gap:36px}}

/* flight path list */
.fp{border-top:1px solid var(--line)}
.fp-list{margin-top:56px;border-top:1px solid var(--line)}
.fp-row{display:grid;grid-template-columns:56px minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1.4fr);gap:24px;padding-block:26px;border-bottom:1px solid var(--line);align-items:baseline;transition:background .2s}
.fp-row:hover{background:var(--ink-2)}
.fp-row .n{font-family:var(--mono);font-size:.8rem;color:var(--lime)}
.fp-row h3{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}
.fp-row .leak{color:var(--grey);font-size:.95rem}
.fp-row .leak::before{content:"Stall point";font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#FF7A6B;margin-right:10px}
.fp-row .metric{font-size:.95rem}
.fp-row .metric::before{content:"Signals";font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-right:10px}
@media (max-width:820px){.fp-row{grid-template-columns:40px minmax(0,1fr);gap:6px 16px}.fp-row .leak,.fp-row .metric{grid-column:2}}

/* method */
.method{border-top:1px solid var(--line)}
.moves{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:64px;position:relative}
.move{padding-right:28px;display:grid;gap:12px;align-content:start}
.move .track{height:3px;background:var(--line);border-radius:3px;margin-bottom:12px}
.move:nth-child(n+3) .track{background:var(--lime)}
.move h3{font-size:1.4rem;font-weight:600;letter-spacing:-.02em}
.move p{color:var(--grey);font-size:.95rem}
.move .out{font-family:var(--mono);font-size:.78rem;color:var(--white)}
.method-note{margin-top:48px;font-size:1rem;color:var(--grey)}
.method-note b{color:var(--lime);font-weight:500}
@media (max-width:900px){.moves{grid-template-columns:1fr 1fr;gap:40px 0}}
@media (max-width:520px){.moves{grid-template-columns:1fr}}

/* offer */
.offer{border-top:1px solid var(--line)}
.picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}
.picker button{font-family:var(--display);font-size:.95rem;font-weight:500;color:var(--grey);background:transparent;border:1px solid var(--line);border-radius:999px;padding:12px 22px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.picker button:hover{color:var(--white);border-color:var(--grey)}
.picker button[aria-selected="true"]{background:var(--white);color:var(--ink);border-color:var(--white)}
.biz{margin-top:40px}
.biz-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.biz-head q{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:500;letter-spacing:-.02em;line-height:1.25;max-width:30ch;quotes:"\201C" "\201D"}
.biz-head .sigwrap{position:relative;display:inline-block;justify-self:start;margin-top:12px;padding-bottom:18px}
.sig{display:block;font-family:"Herr Von Muellerhoff","Mrs Saint Delafield","Brush Script MT",cursive;font-size:clamp(4.4rem,9vw,6.4rem);line-height:1;color:var(--white);transform:rotate(-4deg);transform-origin:left center;padding-right:24px}
.swash{position:absolute;left:-4px;bottom:0;width:min(420px,100%);height:auto;overflow:visible}
.swash path{stroke-dasharray:640;stroke-dashoffset:0}
@media (prefers-reduced-motion:no-preference){.swash path{animation:swash 1.6s .4s cubic-bezier(.6,0,.2,1) both}@keyframes swash{from{stroke-dashoffset:640}to{stroke-dashoffset:0}}}
.biz-head .sig b{color:var(--lime);font-weight:500}
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.audit{border-radius:20px;padding:40px;display:grid;gap:20px;align-content:start;border:1px solid var(--line)}
.audit.stall{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.audit .label{color:var(--lime)}
.audit.stall .label{color:var(--ink);opacity:.7}
.audit h3{font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:700;letter-spacing:-.03em}
.audit .pitch{font-size:1.02rem;color:var(--grey);margin-top:-8px}
.audit.stall .pitch{color:var(--ink)}
.audit ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-weight:400}
.audit li{display:flex;gap:12px;align-items:baseline}
.audit li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);flex:none;transform:translateY(-1px)}
.audit.stall li::before{background:var(--ink)}
.audit .meta{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:.9rem;padding-top:18px;border-top:1px solid var(--line)}
.audit.stall .meta{border-top-color:color-mix(in srgb,var(--ink) 20%,transparent)}
.audit .meta dt{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);padding-top:3px}
.audit.stall .meta dt{color:var(--ink);opacity:.65}
.audit .meta dd{margin:0;font-weight:500}
.audit .btn{justify-self:start}
.audit.stall .btn{background:var(--ink);color:var(--lime)}
@media (max-width:860px){.offer-grid{grid-template-columns:1fr}.audit{padding:30px}}

/* who */
.who{border-top:1px solid var(--line)}
.signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);margin-top:56px;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.signals div{background:var(--ink);padding:32px 28px;display:grid;gap:14px;align-content:start;min-width:0;transition:background .2s}
.signals div:hover{background:var(--ink-2)}
.signals .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.signals p{font-size:1.15rem;font-weight:500;letter-spacing:-.01em;line-height:1.35}
.bridge{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-top:40px}
.bridge p{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:500;letter-spacing:-.015em}
@media (max-width:820px){.signals{grid-template-columns:1fr}}

.todo{color:var(--lime);border:1px dashed color-mix(in srgb,var(--lime) 55%,transparent);border-radius:6px;padding:1px 8px;font-size:.92em}
/* testimonial bar */
.tbar{padding-block:44px;background:var(--ink-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tbar .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.tbar figure{margin:0;display:grid;gap:10px;align-content:start;padding-left:20px;border-left:2px solid var(--lime)}
.tbar blockquote{margin:0;font-size:1rem;font-weight:500;line-height:1.45}
.tbar figcaption{font-size:.82rem;color:var(--grey)}
@media (max-width:820px){.tbar .wrap{grid-template-columns:1fr;gap:24px}}
/* stall check */
.check{border-top:1px solid var(--line)}
.check-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;margin-top:48px;align-items:start}
.where{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:24px}
.where .label{color:var(--white)}
.items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s;font-size:.95rem;line-height:1.4}
.item:hover{border-color:var(--grey)}
.item input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid var(--grey);border-radius:6px;flex:none;margin:1px 0 0;display:grid;place-items:center;cursor:pointer;background:transparent}
.item input:checked{background:var(--lime);border-color:var(--lime)}
.item input:checked::after{content:"";width:9px;height:5px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px)}
.item input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.item:has(input:checked){border-color:var(--lime);background:var(--ink-2)}
.item small{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey);margin-bottom:3px}
.result{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:18px;background:var(--ink-2)}
.result .score{font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.result .score span{font-size:1rem;font-weight:400;color:var(--grey);letter-spacing:0}
.bars{display:grid;gap:8px}
.bar{display:grid;grid-template-columns:76px minmax(0,1fr) 28px;gap:10px;align-items:center;font-size:.82rem;color:var(--grey);font-variant-numeric:tabular-nums}
.bar .t{display:block;height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.bar .f{display:block;height:100%;width:0;background:var(--lime);border-radius:6px;transition:width .3s}
.bar.top{color:var(--white)}
.rec{font-size:1rem;line-height:1.5}
.rec b{font-weight:600}
@media (max-width:900px){.check-grid{grid-template-columns:1fr}.result{position:static}}
@media (max-width:560px){.items{grid-template-columns:1fr}}
/* services */
.services{border-top:1px solid var(--line)}
.svc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:56px}
.svc{border:1px solid var(--line);border-radius:20px;padding:40px;display:grid;gap:18px;align-content:start}
.svc .label{color:var(--lime)}
.svc h3{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.03em}
.svc > p{color:var(--grey)}
.svc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.svc li{display:flex;gap:12px;align-items:baseline}
.svc li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);flex:none;transform:translateY(-1px)}
.svc .start{font-family:var(--mono);font-size:.78rem;color:var(--grey);padding-top:16px;border-top:1px solid var(--line)}
.svc .start b{color:var(--white);font-weight:500}
@media (max-width:860px){.svc-grid{grid-template-columns:1fr}.svc{padding:30px}}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq-list{margin-top:48px;border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:22px;font-size:1.15rem;font-weight:500;letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;font-weight:300;color:var(--lime);transition:transform .2s;flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.faq details p{color:var(--grey);padding-bottom:24px;max-width:64ch}
footer .foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
footer .foot-links a{color:var(--grey);text-decoration:none}
footer .foot-links a:hover{color:var(--white)}
footer .priv{width:100%;font-size:.78rem;opacity:.8}

/* cta */
.cta{background:var(--lime);color:var(--ink);padding-block:120px}
.cta h2{font-size:clamp(2.4rem,6.4vw,5.4rem);max-width:14ch}
.cta-row{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between;margin-top:48px}
.cta p{font-size:1.1rem;max-width:46ch}
.cta .btn{background:var(--ink);color:var(--lime);font-size:1.05rem;padding:18px 32px}
.cta .mail{font-family:var(--mono);font-size:.9rem;margin-top:12px;display:block;user-select:all}

footer{padding-block:40px;color:var(--grey);font-size:.85rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}

/* load-in */
@media (prefers-reduced-motion:no-preference){
  .hero h1 span{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
  .hero h1 .l2{animation-delay:.15s}
  .hero-sub,.flow{animation:rise .9s .3s cubic-bezier(.2,.7,.2,1) both}
  @keyframes rise{from{transform:translateY(18px);opacity:.001}to{transform:none;opacity:1}}
}

.nav nav a[aria-current="page"]{color:var(--white)}
/* home: two ways teaser */
.ways{border-top:1px solid var(--line)}
.ways-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.way{display:grid;gap:12px;align-content:start;border:1px solid var(--line);border-radius:20px;padding:36px;text-decoration:none;transition:border-color .2s,transform .2s}
.way:hover{border-color:var(--lime);transform:translateY(-2px)}
.way.stall{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.way .label{color:var(--lime)}
.way.stall .label{color:var(--ink);opacity:.7}
.way h3{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.03em}
.way p{color:var(--grey)}
.way.stall p{color:var(--ink)}
.way .go{font-weight:600;margin-top:8px}
@media (max-width:860px){.ways-grid{grid-template-columns:1fr}.way{padding:28px}}
/* home: check promo */
.promo{padding-block:40px;border-top:1px solid var(--line)}
.promo .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.promo p{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:500;letter-spacing:-.015em}
.promo p span{color:var(--grey);font-weight:300}
/* subpage first section */
.first{border-top:0!important;padding-top:72px}

/* mobile menu */
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;border:1px solid var(--line);border-radius:999px}
.mnav summary::-webkit-details-marker{display:none}
.mnav[open] summary{border-color:var(--white)}
.mnav .panel{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:10px;display:grid;z-index:30;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.mnav .panel a{padding:12px 14px;border-radius:10px;text-decoration:none;font-size:.95rem}
.mnav .panel a:hover,.mnav .panel a[aria-current="page"]{background:var(--ink)}
.mnav .panel .btn{margin-top:6px;justify-content:center}
.nav-r{display:flex;align-items:center;gap:12px}
@media (max-width:960px){.nav nav{display:none}.mnav{display:block}.nav-r>.btn{display:none}}
/* page intro */
.page-intro{padding-block:88px 24px}
.page-intro h1{font-size:clamp(2.4rem,6vw,4.8rem);font-weight:700;letter-spacing:-.035em;line-height:1.02;max-width:18ch}
.page-intro h1 .lime{display:block}
.page-intro .intro{margin-top:24px}
.page-intro + section{border-top:0}
/* principles */
.principles{border-top:1px solid var(--line)}
/* about */
.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:start}
.story{display:grid;gap:18px;font-size:1.08rem;max-width:58ch}
.story p{color:var(--grey)}
.story p strong{color:var(--white);font-weight:500}
.fcard{border:1px solid var(--line);border-radius:20px;padding:32px;display:grid;gap:16px}
.fcard .top{display:flex;gap:18px;align-items:center}
.avatar{width:72px;height:72px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-size:1.8rem;font-weight:700;flex:none}
.fcard h3{font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.fcard .role{color:var(--grey);font-size:.9rem}
.fcard ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fcard li{display:flex;gap:12px;align-items:baseline}
.fcard li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime);flex:none;transform:translateY(-1px)}
.dont{border-top:1px solid var(--line)}
.dont-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.dont-row span{border:1px solid var(--line);border-radius:999px;padding:10px 18px;color:var(--grey);text-decoration:line-through;text-decoration-color:#FF7A6B}
@media (max-width:860px){.about-grid{grid-template-columns:1fr;gap:36px}}

/* home: five stages (short) */
.stages5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:48px}
.stages5 a{border:1px solid var(--line);border-radius:16px;padding:22px 20px;display:grid;gap:8px;align-content:start;text-decoration:none;transition:border-color .2s,background .2s}
.stages5 a:hover{border-color:var(--lime);background:var(--ink-2)}
.stages5 .n{font-family:var(--mono);font-size:.75rem;color:var(--lime)}
.stages5 h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em}
.stages5 p{font-size:.88rem;color:var(--grey);line-height:1.45}
.more{display:inline-block;margin-top:28px}
@media (max-width:900px){.stages5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.stages5{grid-template-columns:1fr}}
.way .flow2{font-family:var(--mono);font-size:.78rem;letter-spacing:.02em;margin-top:4px}
.way.stall .flow2{color:var(--ink)}
.why3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.why3 div{display:grid;gap:8px;align-content:start}
.why3 h3{font-size:1.15rem;font-weight:600;letter-spacing:-.01em}
.why3 p{color:var(--grey);font-size:.95rem}
@media (max-width:820px){.why3{grid-template-columns:1fr;gap:24px}}
/* services: two paths */
.paths2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}
.pcard{border:1px solid var(--line);border-radius:24px;padding:40px;display:grid;gap:18px;align-content:start;scroll-margin-top:110px}
.pcard.fix{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.pcard .label{color:var(--lime)}
.pcard.fix .label{color:var(--ink);opacity:.7}
.pcard h2{font-size:clamp(2.4rem,4.4vw,3.4rem)}
.pcard .pitch{color:var(--grey);font-size:1.05rem;margin-top:-6px}
.pcard.fix .pitch{color:var(--ink)}
.step{border-radius:16px;padding:22px;display:grid;gap:8px;background:var(--ink-2);border:1px solid var(--line)}
.pcard.fix .step{background:color-mix(in srgb,var(--ink) 7%,var(--lime));border-color:color-mix(in srgb,var(--ink) 18%,transparent)}
.step .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.pcard.fix .step .k{color:var(--ink);opacity:.65}
.step h3{font-size:1.3rem;font-weight:600;letter-spacing:-.015em}
.step p{font-size:.95rem;color:var(--grey)}
.pcard.fix .step p{color:var(--ink)}
.step ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;font-size:.95rem}
.step li{display:flex;gap:10px;align-items:baseline}
.step li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none;transform:translateY(-1px)}
.pcard.fix .step li::before{background:var(--ink)}
.arrow{justify-self:center;font-size:1.3rem;color:var(--grey);line-height:1}
.pcard.fix .arrow{color:var(--ink)}
.pcard .btn{justify-self:start;margin-top:6px}
.pcard.fix .btn{background:var(--ink);color:var(--lime)}
@media (max-width:860px){.paths2{grid-template-columns:1fr}.pcard{padding:28px}}
/* services: tailored examples */
.tailored{border-top:1px solid var(--line)}
.ex4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:48px}
.ex4 div{background:var(--ink);padding:28px 24px;display:grid;gap:12px;align-content:start;min-width:0}
.ex4 h3{font-size:1.05rem;font-weight:600}
.ex4 q{font-size:1.02rem;font-weight:500;line-height:1.4;quotes:"\201C" "\201D"}
.ex4 .sig{font-family:var(--mono);font-size:.72rem;color:var(--grey);letter-spacing:.04em}
.ex4 .sig b{color:var(--lime);font-weight:500}
@media (max-width:960px){.ex4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.ex4{grid-template-columns:1fr}}

.tbar figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sample{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--grey);border-radius:4px;padding:2px 6px}

/* ways ladder */
.ladder-sec,.stages-sec,.across,.stick{border-top:1px solid var(--line)}
.ladder{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:3px solid var(--line)}
.ladder li{padding:20px 16px 0 0;display:grid;gap:8px;align-content:start;position:relative}
.ladder li::before{content:"";position:absolute;top:-9px;left:0;width:15px;height:15px;border-radius:50%;background:var(--ink);border:3px solid var(--lime);box-sizing:border-box}
.ladder li:nth-child(2)::before{background:var(--lime)}
.ladder .n{font-family:var(--mono);font-size:.72rem;color:var(--lime);margin-top:6px}
.ladder h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em}
.ladder p{font-size:.86rem;color:var(--grey);line-height:1.45}
.ladder .len{font-family:var(--mono);font-size:.72rem;color:var(--white);letter-spacing:.03em}
@media (max-width:1100px){.ladder{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:36px}}
@media (max-width:640px){.ladder{grid-template-columns:1fr;border-top:0;border-left:3px solid var(--line);padding-left:24px;row-gap:24px}.ladder li{padding:0}.ladder li::before{top:2px;left:-33px}.ladder .n{margin-top:0}}
/* stage catalogue */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}
.filter button{font-family:var(--display);font-size:.88rem;font-weight:500;color:var(--grey);background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;transition:all .2s}
.filter button:hover{color:var(--white);border-color:var(--grey)}
.filter button[aria-pressed="true"]{background:var(--white);color:var(--ink);border-color:var(--white)}
.filter button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.srows{margin-top:28px;border-top:1px solid var(--line)}
.srow{border-bottom:1px solid var(--line)}
.srow summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px minmax(0,140px) minmax(0,1fr) auto 24px;gap:16px;align-items:baseline;padding-block:22px}
.srow summary::-webkit-details-marker{display:none}
.srow summary::after{content:"+";font-size:1.4rem;font-weight:300;color:var(--lime);transition:transform .2s;justify-self:end}
.srow[open] summary::after{transform:rotate(45deg)}
.srow summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.srow .n{font-family:var(--mono);font-size:.78rem;color:var(--lime)}
.srow .nm{font-size:1.35rem;font-weight:600;letter-spacing:-.02em}
.srow .ds{color:var(--grey);font-size:.92rem}
.srow .ct{font-family:var(--mono);font-size:.76rem;color:var(--grey);font-variant-numeric:tabular-nums}
.srow .ct b{color:var(--white);font-weight:500}
.slist{list-style:none;margin:0 0 24px 64px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.slist li{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.95rem;min-width:0}
.tgs{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;flex:none}
.tg{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);border:1px solid var(--line);border-radius:4px;padding:2px 6px}
.tg.all{color:var(--lime);border-color:color-mix(in srgb,var(--lime) 45%,transparent)}
@media (max-width:820px){.srow summary{grid-template-columns:36px minmax(0,1fr) auto 20px}.srow .ds{display:none}.slist{grid-template-columns:1fr;margin-left:0}}
/* across */
.across3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.across3>div{border:1px solid var(--line);border-radius:20px;padding:32px;display:grid;gap:14px;align-content:start}
.across3 .dot{width:14px;height:14px;border-radius:50%;background:var(--lime)}
.across3>div:nth-child(2) .dot{background:var(--white)}
.across3>div:nth-child(3) .dot{background:var(--grey)}
.across3 h3{font-size:1.3rem;font-weight:600;letter-spacing:-.015em}
.across3 ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;color:var(--grey);font-size:.95rem}
@media (max-width:860px){.across3{grid-template-columns:1fr}}
.also{margin-top:28px;color:var(--grey);display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}

.legal-body{max-width:720px;display:grid;gap:14px}
.legal-body h2{font-size:1.3rem;font-weight:600;letter-spacing:-.01em;margin-top:18px}
.legal-body p{color:var(--grey)}
footer .foot-links a{color:var(--grey)}

footer .soc{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--grey);transition:color .2s,background .2s}
footer .soc:hover{color:var(--white);background:var(--ink-2)}
footer .soc:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
footer .soc svg{display:block}

.logo .wm{color:var(--white);font-weight:inherit;white-space:nowrap}

/* manifesto */
.manifesto{border-top:1px solid var(--line)}
.beliefs{list-style:none;margin:56px 0 0;padding:0;border-top:1px solid var(--line);counter-reset:b}
.beliefs li{counter-increment:b;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:baseline;padding-block:20px;border-bottom:1px solid var(--line);font-size:1.15rem;font-weight:500;letter-spacing:-.01em;line-height:1.45;text-wrap:balance}
.beliefs li::before{content:counter(b,decimal-leading-zero);font-family:var(--mono);font-size:.78rem;font-weight:400;letter-spacing:0;color:var(--lime)}
.beliefs li span{color:var(--lime)}
.signoff{margin-top:56px;display:grid;gap:8px;max-width:56ch}
.signoff p{color:var(--grey);font-size:1.05rem}
.sig{font-family:"Mrs Saint Delafield","Brush Script MT",cursive;font-size:clamp(3.6rem,7vw,5rem);line-height:1.1;color:var(--white);margin-top:20px;transform:rotate(-3deg);transform-origin:left center}
.signoff .sig-role{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;color:var(--grey)}
@media (max-width:640px){.beliefs li{grid-template-columns:36px minmax(0,1fr)}}

.signoff .sig-name{color:var(--white);font-weight:600;font-size:1.05rem;margin-top:8px}
.signoff .sig-name span{color:var(--grey);font-weight:400}

/* about: won vs kept */
.kept-fig{margin:0;max-width:420px;width:100%;justify-self:end;box-sizing:border-box;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:20px;background:var(--ink-2)}
.dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.d{display:block;aspect-ratio:1;border-radius:50%;background:transparent;border:1.5px solid var(--line)}
.d.k{background:var(--lime);border-color:var(--lime)}
.drop{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;border-top:1px solid var(--line);padding-top:16px}
.drop li{display:grid;gap:2px}
.drop b{font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums}
.drop li:last-child b{color:var(--lime)}
.drop span{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.kept-fig figcaption{font-size:.82rem;color:var(--grey);line-height:1.5}
@media (prefers-reduced-motion:no-preference){
  .d.s0,.d.s1,.d.s2,.d.s3,.d.s4{animation:lose .5s ease both}
  .d.k{animation:keep .6s 3.1s ease both}
  .d.s0{animation-delay:.5s}.d.s1{animation-delay:1s}.d.s2{animation-delay:1.5s}.d.s3{animation-delay:2s}.d.s4{animation-delay:2.5s}
  @keyframes lose{from{background:var(--white);border-color:var(--white)}to{background:transparent;border-color:var(--line)}}
  @keyframes keep{from{background:var(--white);border-color:var(--white)}to{background:var(--lime);border-color:var(--lime)}}
}
@media (max-width:480px){.drop{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}.dots{gap:6px}}
@media (max-width:860px){.kept-fig{justify-self:start}}

/* ===== alignment system: one rhythm for every section ===== */
section{padding-block:112px}
.page-intro{padding-block:96px 0}
.page-intro + section{padding-top:72px}
.sec-label{margin-bottom:16px}
.intro{margin-top:20px;max-width:58ch}
/* every content block starts the same distance below its heading */
.moves,.pillars,.why3,.stages5,.fp-list,.ladder,.across3,.ways-grid,.beliefs,.paths2{margin-top:56px}
.paths-sec .paths2{margin-top:0}
.filter{margin-top:40px}
.srows{margin-top:24px}
.faq-list{margin-top:48px}
/* one column grid for all feature rows: same gap, same top rule, same type */
.moves,.why3,.pillars{display:grid;gap:32px}
.moves{grid-template-columns:repeat(4,minmax(0,1fr))}
.why3,.pillars{grid-template-columns:repeat(3,minmax(0,1fr))}
.move{padding-right:0}
.why3>div,.pillar{border-top:2px solid var(--line);padding-top:20px;display:grid;gap:10px;align-content:start}
.pillar .dot{display:none}
.pillar h3,.why3 h3,.move h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;line-height:1.3;margin:0}
.pillar p,.why3 p,.move p{font-size:.95rem;color:var(--grey);line-height:1.6}
.move .track{margin-bottom:8px}
.move{gap:10px}
.why3>div:first-child,.pillar:first-child{border-top-color:var(--lime)}
.method-note,.more,.also{margin-top:40px}
@media (max-width:900px){.moves{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}}
@media (max-width:820px){.why3,.pillars{grid-template-columns:1fr;gap:28px}}
@media (max-width:520px){.moves{grid-template-columns:1fr}}
/* headings: same rhythm everywhere */
h2{margin:0}
.page-intro h1{margin:0}
@media (max-width:640px){section{padding-block:80px}.page-intro{padding-block:64px 0}.page-intro + section{padding-top:48px}}
/* flight path rows: keep stall point and signals on one line */
.fp-row{grid-template-columns:56px minmax(0,.8fr) minmax(0,1.7fr) minmax(0,1.5fr)}
@media (min-width:1024px){.fp-row .leak,.fp-row .metric{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:820px){.fp-row{grid-template-columns:40px minmax(0,1fr)}}

/* audit request form */
.formsec{padding-top:56px}
.bform{max-width:820px;display:grid;gap:40px}
.bform fieldset{border:0;margin:0;padding:0;display:grid;gap:16px;min-width:0}
.bform legend{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;margin-bottom:16px;padding:0}
.bform legend em{font-style:normal;font-weight:400;font-size:.9rem;color:var(--grey);margin-left:8px}
.opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.opt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:16px;padding:18px;cursor:pointer;transition:border-color .2s,background .2s}
.opt:hover{border-color:var(--grey)}
.opt:has(input:checked){border-color:var(--lime);background:var(--ink-2)}
.opt input{accent-color:#C4FF00;margin-top:4px;flex:none}
.opt b{display:block;font-weight:600}
.opt small{display:block;color:var(--grey);font-size:.85rem;line-height:1.45;margin-top:4px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fld{display:grid;gap:8px;min-width:0}
.fld.wide{grid-column:1/-1}
.fld span{font-size:.88rem;color:var(--grey)}
.fld input,.fld select,.fld textarea{font:inherit;font-size:1rem;color:var(--white);background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:13px 14px;width:100%;box-sizing:border-box;transition:border-color .2s}
.fld textarea{resize:vertical;min-height:140px;line-height:1.5}
.fld input::placeholder,.fld textarea::placeholder{color:#6B7280}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--lime)}
.chks{display:flex;flex-wrap:wrap;gap:10px}
.chks label{cursor:pointer}
.chks input{position:absolute;opacity:0;width:1px;height:1px}
.chks span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:.92rem;color:var(--grey);transition:all .2s}
.chks label:hover span{border-color:var(--grey);color:var(--white)}
.chks input:checked + span{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:500}
.chks input:focus-visible + span{outline:2px solid var(--lime);outline-offset:3px}
.fsubmit{display:grid;gap:12px;justify-items:start}
.fnote{font-size:.85rem;color:var(--grey)}
.fnote a{color:var(--white)}
.fmsg{font-size:.9rem;color:var(--lime)}
.hp{position:absolute;left:-9999px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:760px){.opts,.fgrid{grid-template-columns:1fr}}
.opt small{min-height:2.9em}

/* ===== Home: A hero backdrop ===== */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--white) 13%,transparent) 1px,transparent 1.2px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 75% 25%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse 70% 60% at 75% 25%,#000 25%,transparent 72%)}
.hero::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:640px;height:640px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--lime) 22%,transparent),transparent 65%);filter:blur(12px)}
.hero h1 .hl{display:inline;position:relative;color:var(--ink);padding:0 .1em;white-space:nowrap;animation:none}
.hero h1 .hl::before{content:"";position:absolute;inset:.1em -.02em .02em;background:var(--white);border-radius:10px;z-index:-1;transform-origin:left}
.orbit{position:absolute;right:max(40px,calc((100vw - 1180px)/2 + 24px));top:96px;width:150px;height:150px;border:1px dashed var(--line);border-radius:50%;z-index:-1}
.orbit i{position:absolute;top:-7px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:var(--lime);transform-origin:7px 82px}
@media (max-width:1100px){.orbit{display:none}}
/* ===== Home: B symptom marquee ===== */
.mq-sec{padding-block:36px;border-top:1px solid var(--line);overflow:hidden}
.marquee{overflow:hidden;display:grid;gap:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:14px;width:max-content}
.track span{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:14px 24px;font-size:1.02rem;font-weight:500}
.track span:nth-child(3n+1){background:var(--ink-2)}
.track span:nth-child(4n+2){border-color:var(--lime);color:var(--lime)}
.track.rev span{color:var(--grey)}
/* ===== Home: C scroll-drawn flight path ===== */
.fly{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:start}
.fly-sticky{position:sticky;top:calc(env(safe-area-inset-top,0px) + 120px)}
.fly-sticky p{color:var(--grey);margin-top:20px;max-width:40ch}
.fly-meter{margin-top:28px;font-size:3.6rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--lime);font-variant-numeric:tabular-nums}
.fly-meter small{font-size:1rem;color:var(--grey);font-weight:400;margin-left:10px;letter-spacing:0}
.fly-sticky .more{display:inline-block;margin-top:28px}
.fly-wrap{position:relative}
.fly-list{position:relative;list-style:none;margin:0;padding:0 0 0 48px;display:grid;gap:20px}
.fly-list::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--line)}
.fly-fill{position:absolute;left:11px;top:8px;width:2px;height:0;background:var(--lime);z-index:1;transition:height .15s linear}
.fly-list li{position:relative;border:1px solid var(--line);border-radius:18px;padding:22px 26px;transition:border-color .3s,background .3s}
.fly-list li::before{content:"";position:absolute;left:-44px;top:26px;width:16px;height:16px;border-radius:50%;background:var(--ink);border:2px solid var(--line);box-sizing:border-box;transition:all .3s;z-index:2}
.fly-list li.on{border-color:color-mix(in srgb,var(--lime) 50%,var(--line));background:var(--ink-2)}
.fly-list li.on::before{background:var(--lime);border-color:var(--lime);box-shadow:0 0 0 6px color-mix(in srgb,var(--lime) 18%,transparent)}
.fly-list .n{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.fly-list h3{font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin-top:6px}
.fly-list p{color:var(--grey);margin-top:6px;font-size:.95rem}
@media (max-width:860px){.fly{grid-template-columns:1fr;gap:40px}.fly-sticky{position:static}.fly-meter{display:none}}
@media (prefers-reduced-motion:no-preference){
  .hero h1 .hl::before{animation:sweep 1s .6s cubic-bezier(.6,0,.2,1) both}
  @keyframes sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .orbit i{animation:orb 8s linear infinite}
  @keyframes orb{to{transform:rotate(360deg)}}
  .track{animation:mq 40s linear infinite}
  .track.rev{animation-direction:reverse;animation-duration:48s}
  @keyframes mq{to{transform:translateX(-50%)}}
  .marquee:hover .track{animation-play-state:paused}
}

/* across every stage: same column style as the rest of the site */
.across3{gap:32px}
.across3>div{border:0;border-radius:0;padding:20px 0 0;border-top:2px solid var(--line);gap:8px}
.across3>div:first-child{border-top-color:var(--lime)}
.across3 .dot{display:none}
.across3 h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.across3 .sub{color:var(--grey);font-size:.95rem;margin-bottom:8px}
.across3 ul{gap:0;color:var(--white);font-size:.95rem}
.across3 li{display:flex;gap:12px;align-items:baseline;padding:12px 0;border-top:1px dashed var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.across3 li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none;transform:translateY(-2px)}
@media (max-width:860px){.across3{gap:36px}.across3 li{white-space:normal}}

/* build / fix cards: cleaner step lists */
.step{padding:24px;gap:6px}
.step h3{margin-bottom:2px}
.step ul{margin-top:12px;gap:0}
.step li{padding:11px 0;border-top:1px dashed var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}
.pcard.fix .step li{border-top-color:color-mix(in srgb,var(--ink) 22%,transparent)}
.step li::before{width:6px;height:6px;transform:translateY(-2px)}
.arrow{margin-block:-4px}
@media (max-width:520px){.step li{white-space:normal}}

/* marquee: one slow row */
@media (prefers-reduced-motion:no-preference){.track{animation-duration:80s}}