/* TERRAD — light editorial theme. Paper, navy ink, one gold accent. */
:root{
  --paper:#F7F4EE; --paper2:#EFEAE1; --card:rgba(255,255,255,.72); --white:#fff;
  --ink:#0B1C2E; --ink2:#22344A; --mute:#5E6878; --faint:#8C95A3; --line:rgba(11,28,46,.09); --line2:rgba(11,28,46,.16);
  --gold:#D17506; --gold2:#F2902A; --red:#C2331C; --green:#1E9E63;
  --serif:"Instrument Serif",Georgia,serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --wrap:1240px; --r:24px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:"Poppins",system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold2);color:#fff}

/* paper atmosphere: warm vignette + fine grain, fixed behind everything */
body::before{content:"";position:fixed;inset:0;z-index:-2;background:
  radial-gradient(70% 55% at 78% 30%,rgba(242,144,42,.10),transparent 70%),
  radial-gradient(60% 50% at 10% 90%,rgba(26,74,134,.06),transparent 70%),var(--paper)}
body::after{content:"";position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.035;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='3'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
#story{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.gold{color:var(--gold)}
.wo{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}

/* type scale */
.display{font-size:clamp(48px,7.4vw,112px);font-weight:500;letter-spacing:-.045em;line-height:.98}
.h2{font-size:clamp(36px,4.6vw,68px);font-weight:500;letter-spacing:-.04em;line-height:1.02}
.h3{font-size:clamp(20px,1.7vw,24px);font-weight:500;letter-spacing:-.02em;line-height:1.25}
.lede{font-size:clamp(17px,1.35vw,20px);color:var(--mute);line-height:1.6;max-width:520px}
.chap{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.chap b{color:var(--gold);font-weight:700}
.chap::after{content:"";width:40px;height:1px;background:var(--line2)}

/* header: floating glass pill */
.hdr{position:fixed;top:18px;left:0;right:0;z-index:60;pointer-events:none}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between}
.hdr .logo{pointer-events:auto}.hdr .logo img{height:30px}
.pill{pointer-events:auto;display:flex;align-items:center;gap:4px;padding:6px;border-radius:999px;background:rgba(255,255,255,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 0 rgba(11,28,46,.04),0 12px 32px -14px rgba(11,28,46,.25)}
.pill a.nl{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:500;color:var(--ink2);transition:background .3s}
.pill a.nl:hover{background:rgba(11,28,46,.05)}.pill a.nl.on{background:var(--ink);color:#fff}
.burger{display:none;pointer-events:auto;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.8);backdrop-filter:blur(12px)}
.burger i{display:block;width:18px;height:1.5px;background:var(--ink);margin:4px auto;transition:.3s}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border-radius:999px;font-size:15px;font-weight:500;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .3s}
.btn .ar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:transform .4s var(--ease)}
.btn:hover{transform:translateY(-2px)}.btn:hover .ar{transform:rotate(-45deg)}
.btn svg{width:15px;height:15px}
.btn-ink{background:var(--ink);color:#fff;box-shadow:0 14px 30px -14px rgba(11,28,46,.6)}.btn-ink .ar{background:var(--gold2);color:#fff}
.btn-glass{background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--ink);backdrop-filter:blur(10px)}.btn-glass .ar{background:var(--ink);color:#fff}
.btn-sm{padding:6px 6px 6px 16px;font-size:14px}.btn-sm .ar{width:28px;height:28px}

/* chapter rail — the storyline indicator, fixed on the right */
.rail{position:fixed;right:26px;top:50%;transform:translateY(-50%);z-index:50;list-style:none;display:flex;flex-direction:column;gap:14px}
.rail li{display:flex;align-items:center;justify-content:flex-end;gap:10px;cursor:pointer;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:transparent;transition:color .4s}
.rail li i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--faint);transition:all .4s var(--ease)}
.rail li.past i{background:var(--faint);border-color:var(--faint)}
.rail li.on{color:var(--ink)}.rail li.on i{width:10px;height:10px;background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 5px rgba(242,144,42,.18)}
.rail:hover li{color:var(--mute)}.rail:hover li.on{color:var(--ink)}

/* chapters */
.ch{position:relative;min-height:100vh;display:flex;align-items:center;padding:140px 0}
.ch .copy{max-width:540px;position:relative;z-index:2}
.ch .copy>*+*{margin-top:24px}
.ch.center{text-align:center}.ch.center .copy{margin:0 auto;max-width:820px}.ch.center .lede{margin-left:auto;margin-right:auto}
.ch.center .chap::before{content:"";width:40px;height:1px;background:var(--line2)}

.hero .lede{max-width:470px}
.hero .display{max-width:820px;font-size:clamp(46px,6.6vw,100px)}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.live{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink2);backdrop-filter:blur(8px)}
.live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(30,158,99,.18);animation:pulse 2.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(30,158,99,0)}}
.scrollcue{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--faint);display:flex;flex-direction:column;align-items:center;gap:10px}
.scrollcue i{width:1px;height:46px;background:linear-gradient(var(--faint),transparent);animation:cue 2s var(--ease) infinite;transform-origin:top}
@keyframes cue{0%{transform:scaleY(0)}60%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* glass cards */
.glass{background:var(--card);border:1px solid rgba(255,255,255,.95);border-radius:var(--r);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 1px 0 rgba(11,28,46,.04),0 30px 60px -30px rgba(11,28,46,.28)}
.leaks{display:grid;gap:12px;margin-top:34px}
.leak{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:18px 20px}
.leak .n{font-family:var(--mono);font-size:12px;color:var(--red);font-weight:700}
.leak b{font-weight:500;font-size:17px;letter-spacing:-.01em}
.leak span{font-family:var(--mono);font-size:13px;color:var(--mute)}
.leak s{color:var(--red);text-decoration-thickness:2px}

.widget{display:inline-flex;flex-direction:column;gap:6px;padding:20px 24px;margin-top:30px}
.widget small{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--mute)}
.widget .num{font-family:var(--mono);font-weight:700;font-size:44px;letter-spacing:-.02em;line-height:1}
.widget .num em{font-style:normal;font-family:"Poppins";font-size:16px;color:var(--mute);margin-left:6px;font-weight:500}
.ok{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--green)}
.ok::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}

.chain{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.blk{padding:14px 16px;min-width:150px}
.blk b{display:block;font-family:var(--mono);font-size:14px;font-weight:700;color:var(--gold)}
.blk span{display:block;font-size:13.5px;margin-top:2px}
.blk code{display:block;font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:4px}
.blk.bad{border-color:rgba(194,51,28,.5);background:rgba(255,240,236,.8)}.blk.bad b{color:var(--red)}

/* dashboard reveal */
.ch.see{flex-direction:column;justify-content:center}
.stage3d{perspective:1800px;margin-top:56px;width:100%}
.screen{max-width:1060px;margin:0 auto;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line2);box-shadow:0 2px 0 rgba(255,255,255,.9) inset,0 60px 120px -40px rgba(11,28,46,.45),0 20px 40px -20px rgba(11,28,46,.2);transform-origin:50% 100%}
.screen .bar{height:36px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#F4F1EB;border-bottom:1px solid var(--line)}
.screen .bar i{width:10px;height:10px;border-radius:50%;background:#DCD4C7}
.screen .bar span{margin:0 auto;font-family:var(--mono);font-size:12px;color:var(--faint);transform:translateX(-24px)}
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1060px;margin:22px auto 0}
.feat{padding:22px}
.feat .h3{font-size:17px}.feat p{font-size:14px;color:var(--mute);margin-top:6px;line-height:1.55}

/* proof band */
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}
.proof .glass{padding:28px}
.proof b{display:block;font-size:clamp(30px,3vw,42px);font-weight:500;letter-spacing:-.035em}
.proof span{font-size:14px;color:var(--mute)}

/* nation roadmap */
.road{display:grid;gap:10px;margin-top:34px}
.rung{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:16px;padding:16px 20px}
.rung .ph{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-align:center;padding:6px 0;border-radius:999px;border:1px solid var(--line2);color:var(--mute)}
.rung.live .ph{background:var(--ink);border-color:var(--ink);color:#fff}
.rung b{font-weight:500}.rung small{display:block;color:var(--mute);font-size:14px}

/* film */
.film{max-width:1060px;margin:50px auto 0;border-radius:22px;overflow:hidden;box-shadow:0 60px 120px -40px rgba(11,28,46,.5)}

/* final CTA */
.final{padding:180px 0 150px}
.final .copy{max-width:760px}
.final .ctas{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}

/* footer */
.ftr{border-top:1px solid var(--line);padding:70px 0 34px;font-size:14.5px;color:var(--mute);background:rgba(247,244,238,.85);backdrop-filter:blur(10px)}
.ftr .top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.ftr img{height:28px;margin-bottom:16px}
.ftr .tl{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--ink);line-height:1.2}
.ftr h4{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:16px;font-weight:500}
.ftr ul{list-style:none;display:grid;gap:9px}.ftr a:hover{color:var(--ink)}
.ftr .bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid var(--line);font-size:12.5px}

/* forms */
.form{padding:36px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field label{font-size:13px;font-weight:500;color:var(--ink2)}.field label em{font-style:normal;color:var(--faint)}
.field input,.field select,.field textarea{font:inherit;font-size:16px;padding:14px 16px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.85);color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 4px rgba(242,144,42,.14)}
.form .btn{border:0;cursor:pointer;font-family:inherit;width:100%;justify-content:space-between}
.form .note{font-size:12.5px;color:var(--faint);text-align:center;margin-top:12px}
.err{color:var(--red);font-size:14px;margin-bottom:14px}

/* responsive */
@media (max-width:980px){
  .feats{grid-template-columns:1fr 1fr}.proof{grid-template-columns:1fr}
  .ftr .top{grid-template-columns:1fr 1fr}
  .rail{display:none}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .hdr{top:12px}
  .pill{position:fixed;top:70px;left:16px;right:16px;flex-direction:column;align-items:stretch;padding:10px;border-radius:22px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.35s var(--ease)}
  .hdr.open .pill{opacity:1;transform:none;pointer-events:auto}
  .pill a.nl{padding:13px 14px}
  .burger{display:block}
  .ch{min-height:auto;padding:110px 0 70px}
  .hero,.page-hero{min-height:100svh;align-items:flex-end;padding-bottom:110px}
  .ch .copy{max-width:none}
  .copy .glass,.leaks,.road,.chain{backdrop-filter:blur(14px)}
  .feats{grid-template-columns:1fr}
  .form .row2{grid-template-columns:1fr}
  .ftr .top{grid-template-columns:1fr}
  .leak{grid-template-columns:34px 1fr}.leak span:not(.n){grid-column:2}
}
@media (prefers-reduced-motion:reduce){.live i,.scrollcue i{animation:none}}

/* ================= UI kit: product mock-ups built in HTML ================= */
.ui{border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 40px 80px -40px rgba(11,28,46,.35),0 10px 24px -12px rgba(11,28,46,.12);overflow:hidden;font-size:14px}
.ui-h{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:500;font-size:13.5px}
.ui-h small{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}
.ui-b{padding:18px}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.tag.g{background:rgba(30,158,99,.1);color:var(--green)}.tag.r{background:rgba(194,51,28,.1);color:var(--red)}.tag.o{background:rgba(242,144,42,.14);color:#B35F00}.tag.n{background:rgba(11,28,46,.06);color:var(--ink2)}
.mono{font-family:var(--mono)}
/* weight */
.ui-weight .scale{background:linear-gradient(135deg,#132D49,#0B1C2E);color:#fff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}
.ui-weight .scale small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;opacity:.7}
.ui-weight .scale b{font-family:var(--mono);font-size:40px;color:var(--gold2);letter-spacing:-.02em}
.ui-weight .scale b em{font-style:normal;font-size:14px;color:#fff;margin-left:6px;font-family:Poppins}
.tgn{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.tgn div{padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.tgn small{display:block;font-size:10.5px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}
.tgn b{font-family:var(--mono);font-size:17px}
.tgn .net{background:#FFF4E6;border-color:rgba(242,144,42,.5)}.tgn .net b{color:#B35F00}
/* bill slip */
.ui-slip{max-width:340px;background:#FFFDF9;font-family:var(--mono);font-size:12px;color:var(--ink2)}
.ui-slip .ui-b{padding:20px 22px}
.ui-slip .row{display:flex;justify-content:space-between;padding:4px 0}
.ui-slip .hr{border-top:1px dashed var(--line2);margin:10px 0}
.ui-slip .tot{font-size:15px;font-weight:700;color:var(--ink)}
.ui-slip .head{text-align:center;font-family:Poppins;font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.02em}
.ui-slip .seal{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;border-radius:10px;background:rgba(11,28,46,.04);font-size:10.5px}
.ui-slip .seal i{width:8px;height:8px;border-radius:50%;background:var(--gold2)}
/* rows (ledger, exceptions, sync) */
.rows{display:grid}
.rows>div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 18px;border-top:1px solid var(--line)}
.rows>div:first-child{border-top:0}
.rows b{font-weight:500;font-size:13.5px}.rows small{display:block;color:var(--faint);font-size:12px}
.rows .amt{font-family:var(--mono);font-size:13px}
/* cash */
.cash3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cash3 div{padding:14px;border-radius:12px;border:1px solid var(--line)}
.cash3 small{display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.cash3 b{font-family:var(--mono);font-size:18px}
.cash3 .short{background:rgba(194,51,28,.06);border-color:rgba(194,51,28,.3)}.cash3 .short b{color:var(--red)}
/* cost per tonne bars */
.cpt{display:grid;gap:14px}
.cpt .l{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.cpt .l b{font-family:var(--mono)}
.cpt .bar{height:10px;border-radius:99px;background:var(--paper2);overflow:hidden}.cpt .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold2),var(--gold))}
.cpt .bar.n i{background:linear-gradient(90deg,#3B5878,var(--ink))}
/* roles */
.roles{display:grid;gap:10px}
.role{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}
.role b{font-weight:600;font-size:13px}.role span{display:flex;gap:6px;flex-wrap:wrap}
.perm{font-size:11px;padding:3px 8px;border-radius:6px;background:var(--paper2);color:var(--ink2)}.perm.x{background:transparent;color:var(--faint);text-decoration:line-through}
/* phone */
.phone{width:290px;border-radius:44px;padding:10px;background:#0B1C2E;box-shadow:0 60px 100px -40px rgba(11,28,46,.6),0 0 0 1px rgba(255,255,255,.08) inset}
.phone .scr{border-radius:36px;overflow:hidden;background:var(--paper);height:560px;position:relative}
.phone .notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:20px;background:#0B1C2E;z-index:2}
.phone .app{padding:50px 16px 16px;display:grid;gap:10px}
.phone .app .t{display:flex;justify-content:space-between;align-items:center}.phone .app .t img{height:18px}
.phone .k{padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.phone .k small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.phone .k b{font-size:24px;font-weight:600;letter-spacing:-.02em}
.phone .k.dk{background:var(--ink);color:#fff}.phone .k.dk small{color:#A9B9CF}.phone .k.dk b{color:var(--gold2)}
.phone .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.spark{height:46px;margin-top:6px}
/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:56px}
.bx{border-radius:28px;padding:26px;display:flex;flex-direction:column;gap:18px;overflow:hidden;position:relative}
.bx .h3{font-size:19px}.bx p{color:var(--mute);font-size:14.5px;margin-top:-10px}
.c4{grid-column:span 4}.c5{grid-column:span 5}.c6{grid-column:span 6}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}
/* ticker */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.45);backdrop-filter:blur(10px)}
.ticker .track{display:flex;gap:48px;width:max-content;padding:16px 0;animation:tick 48s linear infinite;font-family:var(--mono);font-size:12.5px;color:var(--mute)}
.ticker span b{color:var(--ink);font-weight:500}.ticker span i{font-style:normal;color:var(--green)}
@keyframes tick{to{transform:translateX(-50%)}}
/* split sections inside pages */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.duo.flip>:first-child{order:2}
.stack{display:grid;gap:16px}
/* compare */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:50px}
.cmp .side{padding:30px;border-radius:28px}
.cmp .before{background:rgba(255,255,255,.5);border:1px dashed var(--line2)}
.cmp .after{background:var(--ink);color:#fff}
.cmp h3{font-size:13px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;color:var(--mute)}.cmp .after h3{color:var(--gold2)}
.cmp li{list-style:none;padding:14px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:14px;font-size:15px}
.cmp .after li{border-color:rgba(255,255,255,.1)}
.cmp li b{font-weight:500;font-size:13px;color:var(--faint)}.cmp .after li b{color:#8FA2BA}
/* founder */
.founder{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;padding:26px}
.mono-av{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;font-weight:600;font-size:26px;letter-spacing:-.02em;box-shadow:0 18px 30px -14px rgba(209,117,6,.7)}
.founder b{font-size:20px;font-weight:600;letter-spacing:-.02em}.founder small{display:block;color:var(--mute);font-size:14px}
.founder .acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.contact-cards{display:grid;gap:12px;margin-top:30px}
.cc{display:flex;align-items:center;gap:16px;padding:16px 18px}
.cc .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--paper2)}
.cc .ic svg{width:20px;height:20px}
.cc.wa .ic{background:rgba(30,158,99,.12);color:var(--green)}
.cc b{display:block;font-weight:500}.cc small{color:var(--mute);font-size:13px}
.page-hero{min-height:88vh}
.note-ill{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin-top:14px}
@media (max-width:980px){.bento .c4,.bento .c5,.bento .c6,.bento .c7,.bento .c8{grid-column:span 12}.duo,.cmp{grid-template-columns:1fr}.duo.flip>:first-child{order:0}}
@media (max-width:760px){.cmp li{grid-template-columns:1fr}.phone{width:260px}.phone .scr{height:500px}.ui-slip{max-width:none}.cash3{grid-template-columns:1fr}.tgn{grid-template-columns:1fr 1fr 1fr}.founder{grid-template-columns:1fr}}
/* next chapter hand-off */
.nextch{min-height:70vh}
.nx{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:6px 30px;padding:44px 48px;max-width:900px;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.nx:hover{transform:translateY(-4px)}
.nx .chap{grid-column:1}
.nx-t{grid-column:1;font-size:clamp(44px,6vw,92px);font-weight:500;letter-spacing:-.045em;line-height:1}
.nx-l{grid-column:1;color:var(--mute);font-size:18px}
.nx .ar.big{grid-column:2;grid-row:1/4;align-self:center;width:84px;height:84px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform .5s var(--ease)}
.nx .ar.big svg{width:30px;height:30px}.nx:hover .ar.big{transform:rotate(-45deg);background:var(--gold2)}
.page-hero .copy{max-width:640px}
@media (max-width:760px){.nx{padding:28px 22px}.nx .ar.big{width:56px;height:56px}}
.ch>.wrap,.final>.wrap{width:100%}

/* soft paper fade behind the floating header once scrolled */
.hdr::before{content:"";position:absolute;left:0;right:0;top:-18px;height:96px;background:linear-gradient(var(--paper) 45%,rgba(247,244,238,0));opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}
.hdr.scrolled::before{opacity:1}

/* ---------------------------------------------------------------- v3: liquid glass (glass.js)
   Chromium refracts the live page through each surface's edge (SVG displacement on backdrop-filter).
   Everywhere: a rim of light on the bevel and a soft sheen that follows the pointer. */
.glass,.btn,.pill,.live,.burger{position:relative;isolation:isolate}
.glass::after,[data-lg]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(260px circle at var(--mx,28%) var(--my,-10%),rgba(255,255,255,.75),rgba(255,255,255,0) 62%);opacity:.75;transition:opacity .4s}
[data-lg]{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.4),inset 1px 0 0 rgba(255,255,255,.55),inset -1px 0 0 rgba(255,255,255,.55),0 1px 2px rgba(11,28,46,.06),0 14px 34px -16px rgba(11,28,46,.32)}
.lg-on{background:rgba(255,255,255,.26)!important;border-color:rgba(255,255,255,.7)!important}
.lg-on.pill{background:rgba(255,255,255,.34)!important}
.btn-ink[data-lg],.btn-ink{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 30px -14px rgba(11,28,46,.6)}
.rail{padding:16px 12px 16px 14px;border-radius:999px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}
.rail li{position:relative}
/* the glass cards get the same bevel */
.glass{box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,.35),0 1px 0 rgba(11,28,46,.04),0 30px 60px -30px rgba(11,28,46,.28)}
.glass{background:rgba(255,255,255,.58)}
@media (max-width:760px){.rail{display:none}}
.rail{padding:14px 11px;gap:16px}
.rail li{justify-content:center}
.rail li span{position:absolute;right:calc(100% + 18px);white-space:nowrap;padding:3px 9px;border-radius:999px;transition:background .4s,color .4s}
.rail li.on span{background:rgba(255,255,255,.7)}

/* v3 brand ground: TERRAD palette only — Terrad Gold #D17506, Deep Navy #1E283A, Light Grey #F4F4F4, White */
:root{--paper:#F4F4F4;--ink:#1E283A;--gold:#D17506;--gold2:#E08A1E}
body{background:#F4F4F4}
body::before{background:radial-gradient(70% 60% at 80% 40%,rgba(209,117,6,.35),transparent 70%),#F4F4F4}
.hdr::before{background:linear-gradient(rgba(244,244,244,.85) 35%,rgba(244,244,244,0))}
.btn-ink .ar{background:var(--gold);color:#fff}
/* glass everywhere: clearer panes, brighter bevel */
.glass{background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.85)}
.glass.lg-on{background:rgba(255,255,255,.3)!important}
.lg-on{box-shadow:inset 0 1.5px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(255,255,255,.5),inset 1.5px 0 0 rgba(255,255,255,.6),inset -1.5px 0 0 rgba(255,255,255,.6),0 2px 4px rgba(30,40,58,.05),0 24px 50px -24px rgba(30,40,58,.35)}
.cash3{grid-template-columns:repeat(3,minmax(0,1fr))}.cash3 div{padding:12px 10px;min-width:0}.cash3 b{font-size:clamp(13px,1.15vw,17px);white-space:nowrap}.cash3 small{font-size:9.5px;letter-spacing:.08em}

/* ---------------------------------------------------------------- v3 phone */
@media (max-width:980px){
  .hdr .pill{position:fixed}
  .hdr{top:0;padding:10px 0}
  .hdr::before{opacity:1!important;top:0;height:100%;background:rgba(244,244,244,.62);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.8);box-shadow:0 8px 24px -18px rgba(30,40,58,.35)}
  .hdr .logo img{height:26px}
  .pill{top:66px!important;background:rgba(255,255,255,.82)!important}
}
@media (max-width:760px){
  .wrap{padding:0 20px}
  .ch{min-height:auto;padding:96px 0 72px}
  .hero{min-height:100svh;padding-top:120px;align-items:flex-end;padding-bottom:90px}
  .hero .display{font-size:clamp(44px,13vw,60px)}
  .h2{font-size:clamp(32px,9.4vw,44px)}
  .lede{font-size:16px}
  .hero .ctas{flex-direction:column;align-items:flex-start}
  .chain{display:grid;grid-template-columns:1fr 1fr}
  .blk{min-width:0}
  .glass{background:rgba(255,255,255,.62)}
  .scrollcue{display:none}
}