/* Generated from the website source by build-wp-theme.py */

/* Layout: full-bleed forest-green ground, a fixed 3D sprout layer behind the page,
   left-weighted editorial text in a 1280px frame; the sprout moves between sections as you scroll. */
:root{
  --ground:#01201A;       /* the logo's deep green */
  --ground-2:#062B22;     /* raised surfaces */
  --line:#1D4639;         /* hairlines */
  --cream:#EADFC6;        /* the logo's marble cream: the one accent */
  --muted:#A3B4A7;        /* green-biased grey for body copy */
  --moss:#86AE93;         /* labels */
  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --gutter:clamp(16px,4vw,56px);
  --step-0:1.0625rem; --step-1:1.375rem; --step-2:clamp(1.75rem,3.2vw,2.75rem);
  --step-3:clamp(2.25rem,6vw,5rem); --step-4:clamp(2.75rem,7.4vw,7.5rem);
  color-scheme:dark;
}
html{background:var(--ground)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--ground);color:var(--cream);font-family:var(--display);font-size:var(--step-0);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:var(--cream);color:var(--ground)}
a{color:inherit}
:focus-visible{outline:2px solid var(--cream);outline-offset:4px;border-radius:4px}

#scene{position:fixed;inset:0;z-index:0;pointer-events:none;transition:opacity .2s linear}
#scene canvas{display:block;width:100%;height:100%}
.glow{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60vmax 60vmax at 70% 40%,rgba(134,174,147,.12),transparent 60%)}
main,footer{position:relative;z-index:1}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:var(--gutter)}

.eyebrow{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}
h1,h2,h3{font-weight:500;line-height:.98;letter-spacing:-.035em;margin:0;text-wrap:balance}
h2{font-size:var(--step-3)}
p{margin:0}
.lede{color:var(--muted);font-size:var(--step-1);line-height:1.45;max-width:36ch;text-wrap:pretty}

/* progress + nav */
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:20;background:var(--cream);transform-origin:0 50%;transform:scaleX(0)}
.nav{position:fixed;top:0;left:0;right:0;z-index:10;padding-top:env(safe-area-inset-top,0px);
  background:linear-gradient(var(--ground),rgba(1,32,26,.0));}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:1.35rem;letter-spacing:-.04em}
.brand svg{width:26px;height:auto;fill:var(--cream)}
.nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:.95rem;color:var(--muted)}
.nav ul a{text-decoration:none;transition:color .2s}
.nav ul a:hover{color:var(--cream)}
@media (max-width:820px){.nav ul{display:none}}

.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;font:500 1rem/1 var(--display);
  text-decoration:none;border:1px solid var(--cream);transition:background .25s,color .25s;will-change:transform;cursor:pointer}
.btn-solid{background:var(--cream);color:var(--ground)}
.btn-solid:hover{background:transparent;color:var(--cream)}
.btn-ghost{background:transparent;color:var(--cream);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--cream)}
.btn .arrow{transition:transform .25s}
.btn:hover .arrow{transform:translateX(4px)}
.nav .btn{padding:11px 18px;font-size:.9rem}

/* hero */
.hero{min-height:min(94vh,920px);display:flex;align-items:flex-end;padding-block:140px 72px}
.hero .wrap{width:100%;display:grid;gap:40px}
.hero h1{font-size:var(--step-4);font-weight:400;letter-spacing:-.05em;max-width:13ch}
.hero h1 .line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero h1 .line>span{display:inline-block}
.hero h1 em{font-style:normal;font-weight:700}
.hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:32px}
.hero-foot .lede{max-width:40ch}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 28px;border-top:1px solid var(--line);padding-top:20px}

/* marquee */
.marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:22px;background:rgba(1,32,26,.6)}
.marquee-track{display:flex;width:max-content;animation:marquee 38s linear infinite}
.marquee span{font-size:var(--step-2);letter-spacing:-.03em;white-space:nowrap;padding-right:.6em}
.marquee span i{font-style:normal;color:var(--moss);padding-right:.6em}
@keyframes marquee{to{transform:translateX(-50%)}}

section{padding-block:clamp(96px,14vw,180px)}
.section-head{display:grid;gap:20px;margin-bottom:clamp(40px,6vw,72px);max-width:760px}


/* brands: one continuous line of client logos drifting left to right, all in Bamboe cream */
.work{padding-block:clamp(88px,11vw,140px) 0}
.logo-marquee{overflow:hidden;border-block:1px solid var(--line);background:rgba(1,32,26,.88);backdrop-filter:blur(8px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logo-track{list-style:none;margin:0;padding:0;display:flex;width:max-content;will-change:transform}
.logo-item{display:grid;place-items:center;width:clamp(180px,20vw,280px);height:clamp(110px,11vw,150px);border-right:1px solid var(--line)}
.logo-item .brand-logo{width:62%;height:48%;background:var(--cream);opacity:.85;
  -webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;transition:opacity .3s}
.logo-item:hover .brand-logo{opacity:1}

/* results: headline figures as tiles, one traced chart, single-colour bars; originals one tap away */
.results .lede{margin-top:4px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}
@media (max-width:1000px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.stats{grid-template-columns:1fr}}
.stat,.panel{border:1px solid var(--line);border-radius:6px;background:rgba(4,38,30,.88);backdrop-filter:blur(8px);min-width:0}
.stat{padding:24px;display:grid;gap:6px;align-content:start}
.stat-label{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}
.stat-num{font-size:clamp(3rem,5.4vw,4.75rem);font-weight:500;letter-spacing:-.05em;line-height:1;margin-block:10px 4px;font-variant-numeric:tabular-nums}
.stat-delta{font-weight:500}
.stat-delta span{color:var(--muted);font-weight:400}
.stat-meta{color:var(--muted);font-size:.9rem}
.shot-btn{justify-self:start;margin-top:10px;background:none;border:0;border-bottom:1px solid var(--line);padding:4px 0;color:var(--cream);font:500 .85rem/1.2 var(--display);cursor:pointer;transition:border-color .25s}
.shot-btn:hover{border-color:var(--cream)}
.panel{padding:clamp(20px,3vw,32px)}
.panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 24px;margin-bottom:20px}
.panel-head>div{min-width:0}
.panel-head.sub{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.panel h3{font-size:var(--step-1);font-weight:500;letter-spacing:-.02em;line-height:1.2}
.panel-head p,.panel-note{color:var(--muted);font-size:.95rem;margin-top:4px;max-width:60ch}
.panel-head .shot-btn{margin-top:4px}
.panel-note{font-size:.82rem;margin-top:14px}
.chart-panel{margin-bottom:16px}
.chart{position:relative;width:100%}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.chart .grid line{stroke:var(--line);stroke-width:1}
.chart text{fill:var(--muted);font:11px var(--mono)}
.chart .line{fill:none;stroke:var(--cream);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.chart .tail{fill:none;stroke:var(--cream);stroke-width:2;stroke-dasharray:3 5;stroke-linecap:round;opacity:.7}
.chart .area{fill:url(#pinFill)}
.chart .cross{stroke:var(--moss);stroke-width:1}
.chart .dot{fill:var(--cream);stroke:var(--ground);stroke-width:2}
.tip{position:absolute;top:0;pointer-events:none;transform:translate(-50%,-110%);background:var(--cream);color:var(--ground);border-radius:4px;padding:6px 10px;
  font:500 .8rem/1.3 var(--display);white-space:nowrap;font-variant-numeric:tabular-nums}
.tip span{display:block;font:400 .7rem/1.3 var(--mono);opacity:.75}
.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:900px){.panels{grid-template-columns:1fr}}
.kv{margin:0;display:grid}
.kv div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.kv div:first-child{border-top:1px solid var(--line)}
.kv dt{color:var(--muted)}
.kv dd{margin:0;font-size:var(--step-1);font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums;text-align:right}
.kv dd span{display:block;font-size:.8rem;font-weight:400;color:var(--moss);letter-spacing:0}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bars li{display:grid;grid-template-columns:minmax(72px,110px) 1fr auto;align-items:center;gap:14px}
.bar-label{color:var(--muted);font-size:.95rem}
.bar-track{height:10px;position:relative}
.bar{position:absolute;left:0;top:0;bottom:0;width:calc(var(--v) * 100%);min-width:3px;background:var(--cream);border-radius:0 4px 4px 0;transform-origin:0 50%}
.bar-val{font-variant-numeric:tabular-nums;font-weight:500;min-width:5ch;text-align:right}
.results-more{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px}
.results-more>span{color:var(--muted);font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.archive{position:fixed;inset:0;z-index:40;overflow-y:auto;overscroll-behavior:contain;background:var(--ground);padding-bottom:env(safe-area-inset-bottom,0px)}
.archive[hidden]{display:none}
html.archive-open{overflow:hidden}
.archive-bar{position:sticky;top:0;z-index:2;background:rgba(1,32,26,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.archive-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;padding-block:20px}
.archive-title{display:grid;gap:6px;margin-right:auto}
.archive-title h2{font-size:var(--step-2)}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filter{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:9px 16px;font:500 .9rem/1 var(--display);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.filter span{font-family:var(--mono);font-size:.75rem;opacity:.7;margin-left:4px}
.filter:hover{border-color:var(--moss);color:var(--cream)}
.filter[aria-pressed="true"]{background:var(--cream);border-color:var(--cream);color:var(--ground)}
.archive-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--cream);font:400 1.6rem/1 var(--display);cursor:pointer}
.archive-close:hover{border-color:var(--cream)}
@media (max-width:700px){.archive-close{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:16px}.archive-title{margin-right:56px}}
.archive-body{padding-block:32px 96px}
.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.result-card.wide{grid-column:1/-1}
.result-card[hidden]{display:none}
@media (max-width:900px){.result-grid{grid-template-columns:1fr}}
.chip{display:inline-block;margin-bottom:10px;font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.bars-title{margin:28px 0 14px;padding-top:20px;border-top:1px solid var(--line);font-weight:500}
/* booking: a Calendly-style picker in the site's own look; Calendly holds the real availability */
.booking{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px));
  background:rgba(0,12,9,.8);backdrop-filter:blur(8px);overflow-y:auto;overscroll-behavior:contain}
.booking[hidden]{display:none}
.book-card{position:relative;margin:auto;flex-shrink:0;width:min(960px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--ground-2);border:1px solid var(--line);border-radius:10px;overflow:hidden}
@media (max-width:820px){.book-card{grid-template-columns:1fr}}
.book-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--ground);color:var(--cream);font:400 1.5rem/1 var(--display);cursor:pointer}
.book-close:hover{border-color:var(--cream)}
.book-info{padding:clamp(24px,4vw,40px);border-right:1px solid var(--line);display:grid;gap:14px;align-content:start;background:var(--ground)}
@media (max-width:820px){.book-info{border-right:0;border-bottom:1px solid var(--line)}.book-copy.hide-sm,.book-info .book-copy{display:none}}
.book-info .brand{font-size:1.1rem;margin-bottom:12px}
.book-info h2{font-size:var(--step-2)}
.book-facts{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:var(--muted)}
.book-facts li{display:grid;grid-template-columns:22px 1fr;gap:8px}
.book-facts b{color:var(--cream);font-weight:500}
.book-copy{color:var(--muted);max-width:44ch}
.book-steps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.book-steps li{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 10px}
.book-steps li.on{color:var(--ground);background:var(--cream);border-color:var(--cream)}
.book-steps li.done{color:var(--cream);border-color:var(--moss)}
.book-main{padding:clamp(24px,4vw,40px);min-width:0}
.book-pane{display:grid;gap:12px;align-content:start}
.book-pane[hidden]{display:none}
.book-pane h3{font-size:var(--step-1);font-weight:500;letter-spacing:-.02em}
.cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:48px}
.cal-nav{display:flex;gap:6px}
.cal-nav button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--cream);font:400 1.2rem/1 var(--display);cursor:pointer}
.cal-nav button:disabled{opacity:.3;cursor:default}
.cal-nav button:not(:disabled):hover{border-color:var(--cream)}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal-dow span{text-align:center;font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-block:6px}
.cal-day{aspect-ratio:1;max-width:100%;border-radius:50%;border:0;background:transparent;color:var(--muted);font:500 .95rem/1 var(--display);font-variant-numeric:tabular-nums;display:grid;place-items:center;opacity:.35}
.cal-day.open{opacity:1;color:var(--cream);background:rgba(234,223,198,.08);cursor:pointer;transition:background .2s,color .2s}
.cal-day.open:hover{background:rgba(234,223,198,.2)}
.cal-day.today{box-shadow:inset 0 0 0 1px var(--moss)}
.cal-day[aria-pressed="true"]{background:var(--cream);color:var(--ground)}
.book-hint{color:var(--muted);font-size:.85rem}
.book-back{justify-self:start;background:none;border:0;padding:0;color:var(--moss);font:500 .9rem/1.2 var(--display);cursor:pointer}
.book-back:hover{color:var(--cream)}
.book-pane label{font-size:.9rem;color:var(--muted);margin-top:6px}
.book-pane input{box-sizing:border-box;width:100%;background:var(--ground);border:1px solid var(--line);border-radius:6px;padding:14px;color:var(--cream);font:400 1rem/1.2 var(--display)}
.book-pane input:focus{outline:none;border-color:var(--cream)}
.book-pane .btn{justify-self:start;margin-top:10px}
.book-error{color:#F0B8A8;font-size:.9rem}
.book-sum{font-size:var(--step-1);font-weight:500;letter-spacing:-.02em;line-height:1.3}
.book-sum span{display:block;font-size:.95rem;font-weight:400;color:var(--muted);letter-spacing:0}
.btn[aria-disabled="true"]{opacity:.45;pointer-events:none}
.book-topbar{display:none}
@media (max-width:820px){
  .booking{padding-top:0}
  .book-topbar{display:flex;position:sticky;top:0;z-index:3;margin-inline:-16px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;background:rgba(1,32,26,.96);border-bottom:1px solid var(--line);margin-bottom:16px}
  .book-exit{background:none;border:0;padding:6px 0;color:var(--cream);font:500 1rem/1 var(--display);cursor:pointer}
  .book-close{display:none}
}
.lightbox{position:fixed;inset:0;z-index:50;display:flex;overflow-y:auto;padding:24px 16px;background:rgba(0,12,9,.86);backdrop-filter:blur(6px)}
.lightbox figure{position:relative;margin:auto;max-width:min(560px,100%);max-height:100%;display:grid;gap:12px}
.lightbox img{max-height:calc(100vh - 120px);width:auto;max-width:100%;border-radius:8px;justify-self:center}
.lightbox figcaption{color:var(--muted);font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-align:center}
.lightbox[hidden],.tip[hidden]{display:none}
.lb-close{position:absolute;top:-14px;right:-14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--cream);color:var(--ground);font:500 1.4rem/1 var(--display);cursor:pointer}

.lang-toggle{display:flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}
.lang-toggle button{border:0;background:transparent;color:var(--muted);font:500 .78rem/1 var(--mono);letter-spacing:.08em;padding:8px 10px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.lang-toggle button:hover{color:var(--cream)}
.lang-toggle button[aria-pressed="true"]{background:var(--cream);color:var(--ground)}
.nav .wrap>.lang-toggle{margin-left:auto}
@media (max-width:820px){.nav .wrap{gap:10px}.nav .btn{padding:10px 14px;font-size:.85rem}}
@media (max-width:400px){.nav .btn .arrow{display:none}}
/* problem */
.tried{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));border-top:1px solid var(--line);max-width:860px}
.tried div{overflow-wrap:anywhere;padding:28px 24px 28px 0;border-bottom:1px solid var(--line);display:grid;gap:8px;min-width:0}
.tried strong{font-weight:500;font-size:var(--step-1);letter-spacing:-.02em}
.tried span{color:var(--muted)}
.verdict{margin-top:clamp(56px,8vw,96px);font-size:var(--step-2);line-height:1.1;letter-spacing:-.03em;max-width:22ch}
.verdict b{font-weight:700}

/* replace */
.replace{display:grid;gap:0;border-top:1px solid var(--line)}
.swap{--p:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1.1fr);align-items:baseline;gap:24px;padding-block:32px;border-bottom:1px solid var(--line)}
.swap .old{position:relative;justify-self:start;color:var(--muted);font-size:var(--step-2);letter-spacing:-.03em;line-height:1.1}
.swap .old::after{content:"";position:absolute;left:0;right:0;top:55%;height:2px;background:var(--moss);transform-origin:0 50%;transform:scaleX(var(--p))}
.swap .to{font-family:var(--mono);color:var(--moss)}
.swap .new{font-size:var(--step-2);letter-spacing:-.03em;line-height:1.1;font-weight:700;opacity:calc(.5 + var(--p) * .5)}
.swap p{color:var(--muted);max-width:40ch}
@media (max-width:900px){.swap{grid-template-columns:minmax(0,max-content) auto minmax(0,1fr);gap:10px 14px}.swap p{grid-column:1/-1}}
.swap .old,.swap .new{min-width:0;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
@media (max-width:600px){.swap{grid-template-columns:auto minmax(0,1fr)}.swap .old{grid-column:1/-1}.swap .old,.swap .new{font-size:1.375rem}.hero-meta{gap:6px 20px}}

/* system (horizontal) */
.system{padding-block:0;overflow:hidden}
.system-pin{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:48px;padding-block:120px 64px}
.track{display:flex;gap:20px;width:max-content;padding-inline:var(--gutter);will-change:transform}
.step{width:min(80vw,440px);min-height:360px;padding:32px;border:1px solid var(--line);border-radius:6px;background:rgba(6,43,34,.82);
  backdrop-filter:blur(6px);display:flex;flex-direction:column;justify-content:space-between;gap:48px}
.step .num{font-family:var(--mono);font-size:.8rem;color:var(--moss);letter-spacing:.1em}
.step h3{font-size:var(--step-3);font-weight:400}
.step p{color:var(--muted);max-width:32ch}
.step.loop{background:var(--cream);color:var(--ground);border-color:var(--cream)}
.step.loop .num,.step.loop p{color:#2E4A3F}
@media (max-width:899px){
  .system-pin{min-height:0;padding-block:96px}
  .track{flex-direction:column;width:auto}
  .step{width:auto;min-height:0}
}

/* services */
.services{border-top:1px solid var(--line)}
.service{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);
  position:relative;transition:padding .35s cubic-bezier(.2,.7,.2,1)}
.service::before{content:"";position:absolute;inset:0;background:var(--ground-2);transform:scaleY(0);transform-origin:50% 100%;transition:transform .35s cubic-bezier(.2,.7,.2,1);z-index:-1}
.service:hover{padding-inline:20px}
.service:hover::before{transform:scaleY(1)}
.service h3{font-size:var(--step-2);font-weight:400}
.service p{color:var(--muted);max-width:44ch}
.service .tag{font-family:var(--mono);font-size:.75rem;color:var(--moss);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
@media (max-width:820px){.service{grid-template-columns:1fr;gap:10px}}
.offer{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:40px;color:var(--muted)}
.offer b{color:var(--cream);font-weight:500}

/* who */
.who{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,120px)}
@media (max-width:820px){.who{grid-template-columns:1fr}}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
.checks li{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.checks li::before{content:"✓";color:var(--cream);font-family:var(--mono)}
.industries{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.industries li{font-size:var(--step-2);letter-spacing:-.03em;line-height:1.15;color:var(--muted);transition:color .2s,transform .3s;cursor:default}
.industries li:hover{color:var(--cream);transform:translateX(10px)}

/* question */
.question{text-align:left}
.question blockquote{margin:0;font-size:var(--step-3);line-height:1.02;letter-spacing:-.04em;max-width:18ch}
.question blockquote span{color:var(--moss)}
.beliefs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin-top:64px;max-width:900px}
.beliefs div{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:4px}
.beliefs s{color:var(--muted);text-decoration-color:var(--moss)}

/* promise / CTA */
.cta{min-height:min(90vh,880px);display:flex;align-items:center}
.cta h2{font-size:var(--step-4);font-weight:400;letter-spacing:-.05em;max-width:10ch}
.cta .wrap{display:grid;gap:40px;width:100%}
.promise{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.promise li{border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:.95rem;color:var(--muted);background:rgba(1,32,26,.7)}

footer{border-top:1px solid var(--line)}
.foot-right{display:flex;flex-wrap:wrap;gap:8px 28px}
.ig-link{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--line);transition:border-color .2s}
.ig-link:hover{border-color:var(--cream)}
.hud{position:fixed;right:var(--gutter);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:5;display:grid;gap:4px;text-align:right;pointer-events:none;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}
.hud b{color:var(--cream);font-weight:500;font-size:.9rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}
@media (max-width:600px){.hud{display:none}}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:32px 104px;color:var(--muted);font-size:.9rem}

@media (prefers-reduced-motion:reduce){
  .marquee-track{animation:none}
  *{transition:none!important}
}