body{margin:0;background:#1d221f}
a{color:#d9ff3d}a:hover{color:#ecff99}
*{box-sizing:border-box}
.pg{font-family:"Funnel Sans",Arial,sans-serif;color:#f4f1e6;background:#1d221f;overflow:hidden}
.wrap{max-width:1280px;margin:0 auto;padding:0 48px}
.h{font-weight:400;letter-spacing:-0.035em;line-height:1.02;margin:0}
.mono{font-family:"Martian Mono",monospace;font-size:12px;letter-spacing:0.06em;text-transform:uppercase}
.mut{color:#a9b5ac}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap}
.pill-n{background:#d9ff3d;color:#050b08}.pill-n:hover{background:#ecff99;color:#050b08}
.pill-g{background:rgba(255,255,255,.1);color:#f4f1e6;border:1px solid rgba(255,255,255,.16)}.pill-g:hover{background:rgba(255,255,255,.18);color:#f4f1e6}
.pill-d{background:#050b08;color:#f4f1e6}.pill-d:hover{background:#163a2a;color:#f4f1e6}
.glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px}
.tag{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.14);color:#f4f1e6}
.st{margin-left:auto;font-size:11px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.14);white-space:nowrap;color:#f4f1e6}
.eyebrow{display:inline-flex;align-self:flex-start;font-family:"Martian Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;background:#d9ff3d;color:#050b08}
.aur{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.i-terrain{background-image:url(/assets/terrain.webp)}
.i-prisms{background-image:url(/assets/prisms.webp)}
.i-grid{background-image:url(/assets/grid.webp)}
.i-streaks{background-image:url(/assets/streaks.webp)}
.i-keys{background-image:url(/assets/keys.webp)}
.i-mountain{background-image:url(/assets/mountain.webp)}
.feat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,34,31,0),rgba(29,34,31,.88))}
.feat>*{position:relative}
.logo svg{display:block}
@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(120px,-40px) scale(1.15)}}
@keyframes drift2{from{transform:translate(0,0) scale(1.1)}to{transform:translate(-140px,60px) scale(.95)}}
@keyframes glowp{50%{box-shadow:0 0 80px rgba(217,255,61,.85)}}
.rv{animation:none}
@supports (animation-timeline: view()){.rv{animation:fadeup linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}
@keyframes fadeup{from{opacity:0;transform:translateY(40px)}}

/* ===== nav ===== */
.nav{position:absolute;top:16px;left:0;right:0;z-index:30;padding:0 48px}
.navbar{max-width:1184px;margin:0 auto;height:56px;padding:0 10px 0 22px;display:flex;align-items:center;justify-content:space-between;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav a.l{color:#e3e8df;text-decoration:none;font-size:14px}.nav a.l:hover{color:#fff}
.navbtn{background:none;border:0;color:#e3e8df;font:400 14px "Funnel Sans",Arial,sans-serif;display:flex;gap:6px;align-items:center;cursor:pointer;min-height:44px;padding:0}
.navbtn:hover{color:#fff}
.mega{max-width:1184px;margin:10px auto 0;padding:18px;border-radius:20px;background:rgba(36,43,38,.97);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px rgba(0,0,0,.5);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 320px;gap:18px;animation:drop .35s cubic-bezier(.16,1,.3,1) both}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}}
.it{display:flex;gap:12px;padding:12px;border-radius:12px;align-items:flex-start;text-decoration:none;color:#f4f1e6}
.it:hover{background:rgba(255,255,255,.06);color:#f4f1e6}
.mic{flex:none;width:36px;height:36px;border-radius:10px;background:rgba(217,255,61,.12);color:#d9ff3d;display:flex;align-items:center;justify-content:center;border:1px solid rgba(217,255,61,.25)}
.mt{display:block;font-size:14px;font-weight:500}
.md{display:block;font-size:13px;color:#a9b5ac;margin-top:2px}
.feat{border-radius:14px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;min-height:240px;text-decoration:none;color:#f4f1e6;background-size:cover;background-position:center;position:relative;overflow:hidden}
.feat:hover{color:#f4f1e6}

/* ===== 1. HERO (near-black + terrain image) ===== */
.hero{position:relative;height:900px;background-color:#1d221f;background-repeat:no-repeat;background-size:130% auto;background-position:93% 0%;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,34,31,.55) 0%,rgba(29,34,31,0) 30%,rgba(29,34,31,0) 55%,rgba(29,34,31,.9) 100%);z-index:1}
.hz{position:absolute;left:0;right:0;top:414px;height:1px;z-index:2;background:linear-gradient(90deg,transparent 0%,rgba(244,241,230,.35) 20%,rgba(244,241,230,.35) 80%,transparent 100%)}
.hz::after{content:"";position:absolute;top:-1px;height:3px;width:160px;border-radius:2px;background:linear-gradient(90deg,transparent,#d9ff3d,transparent);filter:blur(1px);animation:scan 7s linear infinite}
@keyframes scan{from{left:-10%}to{left:105%}}
.stage{position:absolute;top:396px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:#d5dcd2;transform:translateX(-50%)}
.stage i{display:block;width:6px;height:6px;border-radius:50%;background:#f4f1e6;box-shadow:0 0 14px #d9ff3d;order:2}
.focal{position:absolute;left:50%;top:414px;transform:translate(-50%,-50%);width:460px;z-index:4}
.halo{position:absolute;left:50%;top:50%;width:620px;height:320px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(217,255,61,.32),rgba(217,255,61,0));filter:blur(18px);animation:breathe 5s ease-in-out infinite}
@keyframes breathe{50%{opacity:.55;transform:translate(-50%,-50%) scale(1.08)}}
.segs{position:relative;display:flex;justify-content:center;gap:4px;margin:0 auto 12px;padding:4px;width:max-content;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.segs span{font-size:12px;padding:6px 14px;border-radius:999px;color:#d5dcd2}
.segs span.on{background:#f4f1e6;color:#050b08}
.deck{position:relative;height:84px}
.ghost{position:absolute;left:50%;transform:translateX(-50%);border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.sc{position:absolute;inset:0;padding:14px 16px;display:flex;gap:12px;align-items:center;animation:cyc 12s infinite;opacity:0}
.sc:nth-child(4){animation-delay:3s}.sc:nth-child(5){animation-delay:6s}.sc:nth-child(6){animation-delay:9s}
@keyframes cyc{0%{opacity:0;transform:translateY(14px) scale(.97)}4%,22%{opacity:1;transform:none}27%,100%{opacity:0;transform:translateY(-12px) scale(.97)}}
.ico{width:38px;height:38px;border-radius:10px;background:#f4f1e6;color:#050b08;display:flex;align-items:center;justify-content:center;flex:none}
.herobot{position:absolute;left:0;right:0;bottom:56px;z-index:5}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.chipp{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);font-size:13px}
.av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#d9ff3d,#1d5a45)}

/* ===== 2. STATEMENT (dark into neon) ===== */
.stmt{position:relative;padding:220px 0 280px;background:linear-gradient(180deg,#1d221f 0%,#22362a 45%,#4a8a33 80%,#d9ff3d 100%);overflow:hidden}
.stmt p{font-size:clamp(34px,4.4vw,60px);line-height:1.12;letter-spacing:-0.035em;margin:0;text-align:center;font-weight:400}
.w{color:rgba(244,241,230,.2)}
.w.hl{color:rgba(217,255,61,.28)}
@supports (animation-timeline: view()){
.w{animation:lit linear both;animation-timeline:view();animation-range:entry 40% cover 48%}
.w.hl{animation-name:litl}
}
@supports not (animation-timeline: view()){.w{color:#f4f1e6}.w.hl{color:#d9ff3d}}
@keyframes lit{to{color:#f4f1e6}}
@keyframes litl{to{color:#d9ff3d}}
.tile{position:absolute;width:128px;height:128px;border-radius:18px;background-size:cover;background-position:center;border:1px solid rgba(217,255,61,.35);box-shadow:0 30px 60px rgba(0,0,0,.5);display:flex;align-items:flex-end;padding:12px;font-family:"Martian Mono",monospace;font-size:11px;color:#f4f1e6;animation:bob 7s ease-in-out infinite;overflow:hidden}
.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,34,31,0),rgba(29,34,31,.75))}
.tile span{position:relative}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-18px) rotate(calc(var(--r) + 4deg))}}

/* ===== 3. STATS (full neon) ===== */
.neon{position:relative;background:#d9ff3d;color:#050b08;padding:40px 0 140px;overflow:hidden}
.neon .mut{color:#3b4a1a}
.neon::after{content:"";position:absolute;inset:auto 0 0 0;height:320px;background-size:cover;background-position:center bottom;opacity:.16;mix-blend-mode:multiply;pointer-events:none}
.sv{font-size:clamp(56px,6.4vw,96px);letter-spacing:-0.045em;font-weight:400;font-variant-numeric:tabular-nums;line-height:1}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.stat{border-top:2px solid #050b08;padding-top:20px}

/* ===== 4. SERVICES (near-black, image cards) ===== */
.sol{position:relative;padding:150px 0;background:#050b08;overflow:hidden}
.sgrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;margin-top:64px}
.side button{display:block;width:100%;text-align:left;background:none;border:0;border-top:1px solid rgba(255,255,255,.1);padding:16px 0;color:#a9b5ac;font:500 15px "Funnel Sans",Arial,sans-serif;cursor:pointer;min-height:44px}
.side button.on{color:#f4f1e6}
.side button.on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#d9ff3d;margin-right:10px;vertical-align:middle;box-shadow:0 0 10px #d9ff3d}
.side button.on span{display:block;color:#a9b5ac;font-weight:400;font-size:14px;margin-top:8px;line-height:1.5}
.cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fc{display:flex;flex-direction:column;gap:14px}
.fcv{height:280px;border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:20px;background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.fcv::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,34,31,.2),rgba(29,34,31,.55))}
.fc:hover .fcv{transform:translateY(-4px)}
.mini{position:relative;z-index:2;width:100%;max-width:250px;padding:12px 14px;font-size:13px;animation:rise 6s ease-in-out infinite}
@keyframes rise{0%,100%{transform:translateY(4px)}50%{transform:translateY(-6px)}}

/* ===== 5. ENGINES (deep green band, grid image) ===== */
.eng{position:relative;padding:140px 0;background:#0b2219;overflow:hidden}
.eng::before{content:"";position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35}
.eng::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b2219 0%,rgba(11,34,25,.85) 40%,rgba(11,34,25,.2) 100%)}
.egrid{display:grid;grid-template-columns:repeat(4,88px);gap:16px;justify-content:end}
.ec{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:12px;color:#d5dcd2;text-align:center;line-height:1.15;backdrop-filter:blur(8px)}
.ec.on{background:#d9ff3d;color:#050b08;border-color:#d9ff3d;box-shadow:0 0 40px rgba(217,255,61,.5);animation:glowp 3s ease-in-out infinite}

/* ===== 4. SERVICES: PayPath feature grid ===== */
.sol{position:relative;padding:140px 0 150px;background:#242b26;overflow:hidden}
.solhead{display:grid;grid-template-columns:260px minmax(0,1fr) auto;gap:40px;align-items:end}
.solhead .mono{align-self:start;padding-top:10px}
.sgrid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;margin-top:64px;align-items:start}
.side button{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 0;color:#a9b5ac;font:400 14px "Funnel Sans",Arial,sans-serif;cursor:pointer;min-height:44px}
.side button:hover{color:#f4f1e6}
.side button.on{color:#f4f1e6}
.side button.on::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#d9ff3d;margin-right:8px;vertical-align:middle;box-shadow:0 0 8px #d9ff3d}
.side button.on span{display:block;color:#a9b5ac;font-size:13px;margin-top:8px;line-height:1.5}
.fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 14px;animation:fadein .5s ease both}
@keyframes fadein{from{opacity:0;transform:translateY(10px)}}
.fcard{display:flex;flex-direction:column}
.fv{height:300px;border-radius:4px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px;background-color:#1d2a20}
.fv::before{content:"";position:absolute;inset:-20%;filter:blur(40px);opacity:.9;animation:mesh 14s ease-in-out infinite alternate;z-index:0}
.fv>*{position:relative;z-index:1}
@keyframes mesh{to{transform:translate(6%,-5%) scale(1.08)}}
.m1::before{background:radial-gradient(40% 45% at 30% 30%,#4c7a3e,transparent),radial-gradient(45% 45% at 75% 80%,#2c4d2c,transparent)}
.m2::before{background:radial-gradient(50% 50% at 60% 25%,#557f42,transparent),radial-gradient(40% 40% at 20% 80%,#243f27,transparent)}
.m3::before{background:radial-gradient(45% 50% at 80% 40%,#4a7a3c,transparent),radial-gradient(50% 45% at 20% 30%,#2a4a2c,transparent)}
.m4::before{background:radial-gradient(50% 40% at 40% 70%,#4f7d40,transparent),radial-gradient(40% 50% at 85% 20%,#2c4e2e,transparent)}
.m5::before{background:radial-gradient(45% 45% at 25% 60%,#527f41,transparent),radial-gradient(45% 45% at 80% 25%,#2a472b,transparent)}
.m6::before{background:radial-gradient(55% 45% at 65% 75%,#4b793d,transparent),radial-gradient(40% 40% at 25% 20%,#2b4a2d,transparent)}
.fcard:hover .fv>*{transform:translateY(-3px);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.ft{font-size:14px;margin-top:18px;color:#f4f1e6}
.fd{font-size:13px;line-height:1.55;color:#a9b5ac;margin-top:6px;max-width:300px}
.w-search{display:flex;gap:8px;align-items:center;background:rgba(244,241,230,.94);color:#141d17;border-radius:10px;padding:10px 12px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.w-list{background:rgba(20,29,23,.55);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;backdrop-filter:blur(10px)}
.w-row{display:flex;justify-content:space-between;font-size:12px;padding:7px 8px;border-radius:7px;color:#d5dcd2}
.w-row.on{background:rgba(217,255,61,.16);color:#f4f1e6}
.w-stack{position:relative;margin-top:14px}
.w-ghost{position:absolute;left:0;right:0;height:100%;border-radius:10px;background:rgba(244,241,230,.35)}
.w-doc{position:relative;background:#f4f1e6;color:#141d17;border-radius:10px;padding:14px;font-size:13px;display:flex;flex-direction:column;gap:4px;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.w-doc .mut{color:#5b645d}
.w-bars{display:flex;flex-direction:column;gap:5px;margin-top:6px}
.w-bars i{display:block;height:5px;border-radius:3px;background:rgba(20,29,23,.14)}
.w-panel .w-bars i{background:rgba(255,255,255,.18)}
.w-chip{align-self:flex-start;display:inline-flex;gap:6px;align-items:center;font-size:12px;padding:6px 11px;border-radius:999px;background:rgba(20,29,23,.75);color:#f4f1e6;border:1px solid rgba(255,255,255,.12)}
.w-chip.ok{background:#141d17;color:#d9ff3d;border-color:rgba(217,255,61,.35)}
.w-panel{background:rgba(20,29,23,.6);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px;backdrop-filter:blur(10px);box-shadow:0 14px 34px rgba(0,0,0,.25)}
.w-check{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.05);color:#a9b5ac}
.w-check.done span{color:#d9ff3d}
.w-check.run{background:rgba(244,241,230,.12);color:#f4f1e6}
.spin{width:12px;height:12px;border-radius:50%;border:2px solid rgba(244,241,230,.25);border-top-color:#f4f1e6;animation:spin 1s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.tagok{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(217,255,61,.15);color:#d9ff3d}
.w-serp{background:#f4f1e6;color:#141d17;border-radius:12px;padding:10px;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.w-serp .mut{color:#5b645d}
.w-res{display:flex;gap:10px;align-items:center;font-size:12px;padding:8px;border-radius:8px}
.w-res.you{background:#141d17;color:#f4f1e6}
.pos{width:20px;height:20px;border-radius:6px;background:rgba(20,29,23,.08);display:flex;align-items:center;justify-content:center;font-size:11px}
.w-res.you .pos{background:#d9ff3d;color:#141d17}
.up{margin-left:auto;color:#d9ff3d;font-size:11px}
.w-bubble{background:#f4f1e6;color:#141d17;border-radius:14px;padding:12px 14px;font-size:13px;line-height:1.45;max-width:88%;box-shadow:0 14px 34px rgba(0,0,0,.25)}
.w-from{display:flex;gap:6px;align-items:center;font-size:11px;color:#d5dcd2;margin-top:4px}
.w-answer{background:rgba(20,29,23,.6);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex;flex-direction:column;gap:4px;backdrop-filter:blur(10px)}
.w-answer b{color:#d9ff3d;font-weight:500}
.w-src{display:flex;gap:8px;align-items:center;font-size:12px;padding:7px 8px;border-radius:7px;color:#a9b5ac}
.w-src .n{width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:10px}
.w-src.on{background:rgba(217,255,61,.14);color:#f4f1e6}
.w-src.on .n{background:#d9ff3d;color:#141d17}
.w-strike{font-size:13px;color:#e5806f;text-decoration:line-through}
.w-sov{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:center;font-size:11px;color:#d5dcd2}
.w-sov div{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
.w-sov i{display:block;height:100%;border-radius:4px;background:rgba(244,241,230,.4);transform-origin:left;animation:grow 1.6s cubic-bezier(.16,1,.3,1) both}
.w-chart{display:flex;gap:4px;align-items:flex-end;height:70px;margin-top:8px}
.w-chart i{flex:1;border-radius:3px;background:linear-gradient(180deg,#d9ff3d,rgba(217,255,61,.25));transform-origin:bottom;animation:growy 1.4s cubic-bezier(.16,1,.3,1) both}
@keyframes growy{from{transform:scaleY(0)}}
.w-spark{width:16px;height:16px;border-radius:50%;background:conic-gradient(#d9ff3d,#4c7a3e,#d9ff3d)}
.w-call{display:flex;gap:12px;align-items:center;background:#f4f1e6;color:#141d17;border-radius:12px;padding:12px 14px;box-shadow:0 14px 34px rgba(0,0,0,.3)}
.w-call .mut{color:#5b645d}
@keyframes grow{from{transform:scaleX(0)}}
@media (max-width:900px){.solhead{grid-template-columns:minmax(0,1fr)}.fgrid{grid-template-columns:minmax(0,1fr)}}

/* ===== 5. ENGINES: quiet logo grid ===== */
.eng{position:relative;padding:150px 0;background:#1d221f;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}
.eng::before,.eng::after{content:none}
.engwrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.orbit{display:grid;grid-template-columns:repeat(7,64px);gap:22px;justify-content:end;-webkit-mask-image:radial-gradient(60% 75% at 55% 55%,#000 45%,transparent 100%);mask-image:radial-gradient(60% 75% at 55% 55%,#000 45%,transparent 100%)}
.orbit .ec{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;font-size:10px;color:#8d988f;text-align:center;line-height:1.1;padding:4px;box-shadow:none;animation:none;transition:background .3s,color .3s}
.orbit .ec:hover{background:rgba(255,255,255,.09);color:#f4f1e6}
.orbit .ec.hot{border-radius:14px;background:#d9ff3d;color:#1d221f;border-color:#d9ff3d;font-size:12px;font-weight:500;box-shadow:0 0 50px rgba(217,255,61,.35)}
.orbit .ec.ring{border-color:rgba(217,255,61,.6);color:#f4f1e6;font-size:11px}
@media (max-width:900px){.engwrap{grid-template-columns:minmax(0,1fr)}.orbit{grid-template-columns:repeat(5,52px);gap:12px;justify-content:start}.orbit .ec{width:52px;height:52px;font-size:9px}}

/* ===== 6. SECTORS (black, image carousel) ===== */
.sect{padding:140px 0 120px;background:#242b26}
.rail{display:flex;gap:20px;overflow-x:auto;padding:48px 48px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.sc2{flex:0 0 360px;height:480px;border-radius:16px;position:relative;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;gap:10px;background-size:cover;background-position:center;transition:background-size .8s}
.sc2::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,34,31,0) 30%,rgba(29,34,31,.92) 100%)}
.sc2>*{position:relative}

/* ===== 7. QUOTE (deep green) ===== */
.quote{position:relative;padding:170px 0;background:#223127;text-align:center;overflow:hidden}
.mark{background:#d9ff3d;color:#050b08;padding:0 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ===== 8. PROOF (light cream) ===== */
.proofsec{position:relative;padding:140px 0 120px;background:#efede4;color:#050b08;overflow:hidden}
.proofsec .mut{color:#5b645d}
.ba{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:16px;align-items:center;margin-top:56px}
.bac{padding:26px;display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(29,34,31,.08)}
.q{align-self:flex-end;background:#efede4;border-radius:12px;padding:10px 14px;font-size:14px}
.shot{height:170px;border:1px dashed #c9c7bd;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#5b645d}
.baarrow{width:56px;height:56px;border-radius:50%;background:#050b08;color:#d9ff3d;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px rgba(217,255,61,.35)}
.strip{margin-top:40px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:20px;width:max-content;animation:marq 40s linear infinite}
.strip:hover .track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.pf{margin:0;flex:0 0 340px;display:flex;flex-direction:column;gap:10px}
.pfi{height:210px;border-radius:12px;background:#fff;padding:16px;display:flex;flex-direction:column;gap:14px;transform:rotate(-1deg);box-shadow:0 14px 40px rgba(29,34,31,.08)}
.pf:nth-child(even) .pfi{transform:rotate(1deg)}
.pfi .tag{background:#050b08;align-self:flex-start}
.pfl{display:flex;flex-direction:column;gap:8px}
.pfl i{display:block;height:8px;border-radius:4px;background:#e6e4da;width:100%}
.pfl i.hlb{background:#d9ff3d;width:60%;height:10px}
.pf figcaption{display:flex;justify-content:space-between;gap:12px;align-items:baseline}

/* ===== 9-11. WHITE (dashboard, bars, image cards) ===== */
.white{background:#fff;color:#050b08}
.white .mut{color:#5b645d}
.dash-wrap{margin-top:56px;border-radius:22px;padding:56px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.dash-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 85% 50%,rgba(217,255,61,.35),rgba(29,34,31,.2) 60%)}
.app{position:relative;background:#fff;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden;color:#050b08}
.kpi{border:1px solid #ebeae5;border-radius:12px;padding:16px}
.bars{display:flex;gap:3px;align-items:flex-end;height:36px;margin-top:10px}
.bars i{flex:1;background:#b6dc4a;border-radius:2px}
.row{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:12px;padding:12px 18px;border-top:1px solid #f0efea;font-size:13px;align-items:center}
.ok{background:#eefbc9;color:#3b5a07;border-radius:999px;padding:3px 9px;font-size:12px;justify-self:start}
.miss{background:#fde3dc;color:#a03a22;border-radius:999px;padding:3px 9px;font-size:12px;justify-self:start}
.cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;align-items:center;padding:130px 0}
.bar{height:14px;border-radius:999px;background:#ecebe5;position:relative;overflow:hidden}
.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:#c6ef2e;transform-origin:left;animation:grow 2.2s cubic-bezier(.16,1,.3,1) both}
.bar i.dim{background:#c9c8c2}
@keyframes grow{from{transform:scaleX(0)}}
@supports (animation-timeline: view()){.bar i{animation:grow linear both;animation-timeline:view();animation-range:entry 20% cover 45%}}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:140px}
.dc{height:460px;border-radius:18px;position:relative;overflow:hidden;color:#f4f1e6;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:32px;background-size:cover;background-position:center}
.dc::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,34,31,0) 40%,rgba(29,34,31,.9))}
.dc>*{position:relative}
.kb{animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{from{background-size:105% auto}to{background-size:125% auto}}

/* ===== 12. AUDITS + FAQ (light grey) ===== */
.grey{background:#efede4;color:#050b08}
.grey .mut{color:#5b645d}
.au3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:56px;padding:130px 0 80px}
.at{background:#e3e1d6;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;min-height:300px;text-decoration:none;color:#050b08;transition:transform .3s}
.at:hover{transform:translateY(-4px);color:#050b08}
.faq{max-width:760px;margin:0 auto;padding:40px 0 140px;display:flex;flex-direction:column;gap:8px}
.faq details{background:#e3e1d6;border-radius:10px;padding:0 20px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;font-size:15px}
.faq summary::-webkit-details-marker{display:none}

/* ===== 13-14. CLOSE + FOOTER ===== */
.close{position:relative;padding:200px 0 180px;overflow:hidden;background-color:#1d221f;background-size:cover;background-position:center 70%}
.close::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(29,34,31,.95) 0%,rgba(29,34,31,.6) 50%,rgba(29,34,31,.1) 100%)}
.foot{background:#1a201c;padding:80px 0 32px;position:relative;overflow:hidden}
.big{font-size:clamp(120px,22vw,320px);letter-spacing:-0.06em;color:rgba(217,255,61,.07);line-height:.8;font-weight:500;margin-top:40px;user-select:none}

@media (max-width:900px){
.wrap{padding:0 16px}
.nav{padding:0 12px}
.navlinks,.stage,.tile{display:none}
.mega{grid-template-columns:minmax(0,1fr)}
.hero{height:820px;background-size:auto 70%;background-position:60% 18%}
.focal{width:calc(100% - 32px);top:300px}
.hz{top:300px}
.g4,.cards3,.duo,.cmp,.au3,.sgrid,.g3k{grid-template-columns:minmax(0,1fr)}
.egrid{grid-template-columns:repeat(4,64px);justify-content:start}
.ec{width:64px;height:64px;font-size:10px}
.sc2{flex-basis:280px;height:420px}
.rail{padding:40px 16px 8px}
.dash-wrap{padding:12px}
.row{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.row .hide{display:none}
.hb{flex-direction:column;align-items:flex-start !important}
.ba{grid-template-columns:minmax(0,1fr)}.baarrow{justify-self:center;transform:rotate(90deg)}
.pf{flex-basis:260px}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important}.w{color:#f4f1e6}.w.hl{color:#d9ff3d}}
.netbg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}

/* =====================================================================
   INNER PAGES (shared by every template)
   ===================================================================== */
.sec{position:relative;padding:130px 0;overflow:hidden}
.sec-g1{background:#1d221f;color:#f4f1e6}
.sec-g2{background:#242b26;color:#f4f1e6}
.sec-green{background:#223127;color:#f4f1e6}
.sec-neon{background:#d9ff3d;color:#1d221f}
.sec-neon .mut{color:#3b4a1a}
.sec-cream{background:#efede4;color:#1d221f}
.sec-cream .mut,.sec-white .mut{color:#5b645d}
.sec-white{background:#fff;color:#1d221f}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px}
.sec-head .lede{max-width:420px;margin:0}
.h2{font-size:clamp(36px,3.8vw,54px)}
.h3{font-size:clamp(24px,2.2vw,30px);font-weight:400;letter-spacing:-0.025em;margin:0}
.lede{font-size:17px;line-height:1.6;color:#a9b5ac}
.sec-cream .lede,.sec-white .lede{color:#5b645d}
.kicker{font-family:"Martian Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d9ff3d}
.sec-cream .kicker,.sec-white .kicker{color:#4a6b06}

/* inner page hero */
.phero{position:relative;padding:190px 0 110px;background:radial-gradient(90% 80% at 70% 20%,#26392d 0%,#1d221f 65%);overflow:hidden;color:#f4f1e6}
.phero .netbg{opacity:.55}
.phero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(180deg,rgba(29,34,31,0),#1d221f);pointer-events:none}
.phero .wrap{position:relative;z-index:2}
.crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#a9b5ac;margin-bottom:26px}
.crumb a{color:#a9b5ac;text-decoration:none}.crumb a:hover{color:#f4f1e6}
.phero h1{font-size:clamp(46px,5.6vw,84px);max-width:900px}
.phero .lede{max-width:560px;margin:24px 0 0;font-size:18px;color:#d5dcd2}
.phero .ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.phero-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end}

/* grids + cards */
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cd{border-radius:16px;padding:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}
.cd:hover{border-color:rgba(217,255,61,.35)}
.cl{border-radius:16px;padding:28px;background:#fff;box-shadow:0 18px 50px rgba(29,34,31,.07);display:flex;flex-direction:column;gap:12px;color:#1d221f}
.sec-white .cl{background:#f6f5f0;box-shadow:none}
.ic2{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(217,255,61,.12);color:#d9ff3d;border:1px solid rgba(217,255,61,.25)}
.cl .ic2{background:#1d221f;color:#d9ff3d;border:0}
.num{font-size:clamp(48px,5vw,76px);letter-spacing:-0.045em;line-height:1;font-weight:400}
.tick{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.tick::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#d9ff3d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d221f' stroke-width='4'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.ticks{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.12)}
.sec-cream .steps,.sec-white .steps{border-color:#d9d7cc}
.step{padding:28px 28px 28px 0;display:flex;flex-direction:column;gap:10px}
.step b{font-family:"Martian Mono",monospace;font-weight:400;font-size:12px;color:#d9ff3d}
.sec-cream .step b,.sec-white .step b{color:#4a6b06}

/* split feature row */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.visual{border-radius:18px;min-height:380px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:32px;background-color:#242b26}
.visual::before{content:"";position:absolute;inset:-20%;filter:blur(50px);background:radial-gradient(45% 45% at 30% 30%,#4c7a3e,transparent),radial-gradient(45% 45% at 75% 75%,#2c4d2c,transparent);animation:mesh 14s ease-in-out infinite alternate}
.visual>*{position:relative;z-index:1}

/* table */
.tblw{overflow-x:auto;border-radius:16px;border:1px solid #e2e1dc;background:#fff}
.tbl{width:100%;border-collapse:collapse;min-width:720px;color:#1d221f}
.tbl th,.tbl td{padding:16px 20px;text-align:left;font-size:14px;border-bottom:1px solid #f0efea;vertical-align:top}
.tbl thead th{font-weight:500;background:#f6f5f0}

/* prose (articles, legal) */
.prose{max-width:720px;font-size:17px;line-height:1.75;color:#2c332e}
.prose h2{font-size:30px;font-weight:400;letter-spacing:-0.025em;margin:56px 0 14px;color:#1d221f;line-height:1.15}
.prose h3{font-size:21px;font-weight:500;margin:36px 0 10px;color:#1d221f}
.prose p{margin:0 0 18px}
.prose a{color:#3d6b06;text-decoration:underline;text-underline-offset:3px}
.prose ul{padding-left:20px;margin:0 0 18px}
.prose li{margin:6px 0}
.prose blockquote{margin:28px 0;padding:6px 0 6px 22px;border-left:3px solid #d9ff3d;font-size:20px;color:#1d221f}
.prose figure{margin:32px 0}
.prose figcaption{font-size:13px;color:#5b645d;margin-top:8px}
.artgrid{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:56px;align-items:start}
.toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:10px;font-size:13px}
.toc a{color:#5b645d;text-decoration:none;border-left:2px solid #e2e1dc;padding-left:12px}
.toc a.on,.toc a:hover{color:#1d221f;border-color:#d9ff3d}
.keybox{border-radius:14px;background:#1d221f;color:#f4f1e6;padding:20px;display:flex;flex-direction:column;gap:10px;font-size:14px}

/* forms */
.form{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#d5dcd2}
.field input,.field select,.field textarea{font:400 15px "Funnel Sans",Arial,sans-serif;color:#f4f1e6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:13px 14px;min-height:48px;outline:none}
.field textarea{min-height:110px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#d9ff3d;box-shadow:0 0 0 3px rgba(217,255,61,.18)}
.field input::placeholder,.field textarea::placeholder{color:#7f8a82}
.sec-cream .field,.sec-white .field{color:#2c332e}
.sec-cream .field input,.sec-white .field input,.sec-cream .field textarea,.sec-white .field textarea,.sec-cream .field select,.sec-white .field select{color:#1d221f;background:#fff;border-color:#d9d7cc}
.fine{font-size:12px;color:#7f8a82}
.formcard{border-radius:20px;padding:32px;background:rgba(36,43,38,.85);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);box-shadow:0 40px 100px rgba(0,0,0,.35)}

/* CTA band */
.ctaband{border-radius:24px;padding:72px 56px;position:relative;overflow:hidden;background:#d9ff3d;color:#1d221f;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.ctaband::before{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-220px;border-radius:50%;border:1px solid rgba(29,34,31,.18);box-shadow:0 0 0 60px rgba(29,34,31,.04),0 0 0 120px rgba(29,34,31,.03)}
.ctaband>*{position:relative}

/* footer, expanded */
.foot .fcols{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:40px}
.foot .fcols a{color:#d5dcd2;text-decoration:none;font-size:13px}
.foot .fcols a:hover{color:#d9ff3d}
.foot .fcol{display:flex;flex-direction:column;gap:9px}
.foot .legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:72px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#7f8a82}
.foot .legal a{color:#7f8a82;text-decoration:none}

/* tags + badges */
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#d5dcd2}
.sec-cream .badge,.sec-white .badge{border-color:#d9d7cc;color:#2c332e}
.ph-img{border-radius:14px;border:1px dashed rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#a9b5ac;font-size:13px;min-height:200px}
.sec-cream .ph-img,.sec-white .ph-img{border-color:#c9c7bd;color:#5b645d}

@media (max-width:900px){
.sec{padding:84px 0}
.sec-head,.phero-split,.split,.artgrid{grid-template-columns:minmax(0,1fr);display:grid}
.sec-head{display:flex;flex-direction:column;align-items:flex-start}
.g2,.g3,.steps{grid-template-columns:minmax(0,1fr)}
.foot .fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
.toc{position:static}
.ctaband{flex-direction:column;align-items:flex-start;padding:44px 24px}
.phero{padding:150px 0 80px}
}

[hidden]{display:none !important}
.netbg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.navmob{display:none}
@media (max-width:900px){.navmob{display:inline-flex}.mega{max-height:75vh;overflow:auto}}
.mega .mcol{display:flex;flex-direction:column}
.stagingnote{position:fixed;left:12px;bottom:12px;z-index:50;font:500 11px "Funnel Sans",Arial,sans-serif;padding:6px 10px;border-radius:999px;background:#d9ff3d;color:#1d221f;letter-spacing:.04em}

/* ===== Footer v2 ===== */
.ft2{background:#1d221f;padding:24px 24px 0;color:#f4f1e6}
.ft2-panel{position:relative;max-width:1328px;margin:0 auto;border-radius:28px;overflow:hidden;background:radial-gradient(80% 120% at 85% 0%,#2a3d30 0%,#242b26 55%);border:1px solid rgba(255,255,255,.07)}
.ft2-net{opacity:.35;-webkit-mask-image:linear-gradient(200deg,#000 0%,transparent 55%);mask-image:linear-gradient(200deg,#000 0%,transparent 55%)}
.ft2-in{position:relative;z-index:1;padding:64px 56px 48px}
.ft2-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:56px;align-items:end;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft2-brand{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ft2-line{margin:12px 0 0;font-size:clamp(34px,3.6vw,52px);line-height:1.04;letter-spacing:-0.035em;font-weight:400;max-width:560px}
.ft2-sub{margin:0;font-size:15px;line-height:1.55;color:#a9b5ac}
.ft2-news{border-radius:20px;padding:26px;background:rgba(29,34,31,.6);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);gap:12px}
.ft2-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-top:6px}
.ft2-row .pill{min-height:48px}
.ft2-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding-top:44px}
.ft2-cols .fcol{display:flex;flex-direction:column;gap:11px}
.ft2-cols .fcol .mono{font-size:11px;margin-bottom:4px}
.ft2-cols a{color:#d5dcd2;text-decoration:none;font-size:14px}
.ft2-cols a:hover{color:#d9ff3d}
.ft2-muted{font-size:14px;color:#7f8a82}
.ft2-soc{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.ft2-cols a.ft2-soc:hover{background:#d9ff3d;color:#1d221f}
.ft2-legal{max-width:1328px;margin:0 auto;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 8px 28px;font-size:12px;color:#7f8a82}
.ft2-legal a{color:#7f8a82;text-decoration:none}.ft2-legal a:hover{color:#f4f1e6}
.stagingnote{left:auto;right:12px;bottom:12px}
@media (max-width:900px){.ft2{padding:12px 12px 0}.ft2-in{padding:40px 22px 32px}.ft2-top{grid-template-columns:minmax(0,1fr);gap:32px}.ft2-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Sticky nav ===== */
.nav{position:fixed !important;top:14px;left:0;right:0;z-index:40;transition:top .3s}
.navbar{transition:background .3s,border-color .3s,box-shadow .3s}
.nav.scrolled .navbar{background:rgba(29,34,31,.82);border-color:rgba(255,255,255,.14);box-shadow:0 12px 40px rgba(0,0,0,.25)}

/* ===== Footer: full width (overrides v2 panel) ===== */
.ft2{padding:0;background:radial-gradient(70% 140% at 85% 0%,#2a3d30 0%,#242b26 55%);border-top:1px solid rgba(255,255,255,.08)}
.ft2-panel{max-width:none;margin:0;border-radius:0;border:0;background:none}
.ft2-in{max-width:1280px;margin:0 auto;padding:88px 48px 48px}
.ft2-legal{max-width:1280px;padding:24px 48px 32px;border-top:1px solid rgba(255,255,255,.08)}
@media (max-width:900px){.ft2-in{padding:56px 16px 32px}.ft2-legal{padding:20px 16px 28px}}
.stagingnote{top:84px;bottom:auto;right:12px;left:auto}

/* ===== Mobile pass (majority of visitors) ===== */
@media (max-width:900px){
  .nav{padding:0 10px;top:10px}
  .navbar{height:52px;padding:0 6px 0 16px}
  .navbar svg{width:92px;height:auto}
  .navlinks{display:none !important}
  .navmob{display:inline-flex !important;align-items:center;min-height:44px;padding:0 10px !important;border-radius:999px;background:rgba(255,255,255,.08)}
  .navbar .pill{min-height:38px !important;padding:0 14px;font-size:13px !important}
  .mega{grid-template-columns:minmax(0,1fr) !important;margin-top:8px;padding:10px;max-height:calc(100vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .mega .feat{min-height:150px}
  .it{padding:10px}
  /* homepage hero: stack card above headline */
  .hero{height:auto !important;min-height:0;padding:104px 0 48px}
  .hz,.stage{display:none !important}
  .focal{position:relative !important;left:auto !important;top:auto !important;transform:none !important;width:auto !important;margin:0 16px 36px}
  .focal .halo{width:120%;height:220px}
  .herobot{position:relative !important;bottom:auto !important}
  .herobot h1{font-size:clamp(40px,11vw,52px) !important}
  .chips{margin-top:20px}
  /* inner heroes */
  .phero{padding:116px 0 64px}
  .phero h1{font-size:clamp(38px,10.5vw,52px)}
  .phero .lede{font-size:16px}
  .phero .ctas .pill,.herobot .pill{flex:1 1 auto}
  /* type + spacing */
  .h2,.sec-head .h{font-size:clamp(30px,8.4vw,40px) !important}
  .sec-head{margin-bottom:36px}
  .wrap{padding:0 18px}
  .pill{min-height:46px}
  /* wide things scroll inside their box, never the page */
  .tblw,.tw,.pcmp > div{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .orbit{grid-template-columns:repeat(5,minmax(0,52px)) !important}
  .rail{scroll-padding:16px}
  .ctaband{padding:36px 22px !important}
  img,svg,canvas,video{max-width:100%}
}
@media (max-width:420px){
  .chips .chipp{font-size:12px}
  .sec{padding:72px 0}
}
html,body{overflow-x:clip}
@media (max-width:900px){
  main a:not(.pill):not(.it):not(.feat):not(p a):not(li a):not(td a):not(.prose a):not(.crumb a){min-height:40px;display:inline-flex;align-items:center}
}
.pg{overflow:clip}

/* ===== Type: Funnel Display (headlines + big numbers), Funnel Sans (body), Martian Mono (labels) ===== */
.pg{font-family:"Funnel Sans",Arial,sans-serif}
h1,h2,h3,.h,.h2,.h3,.num,.sv,.price,.pr,.ft2-line,.phero h1,.ctaband h2{font-family:"Funnel Display","Funnel Sans",Arial,sans-serif}
.mono,.kicker,.eyebrow{letter-spacing:.03em}
@media (max-width:1060px){.stage{display:none !important}}

/* ===== "Found where buyers look": Google colors on hover ===== */
.orbit .ec{--gc:#4285F4;--gg:rgba(66,133,244,.55);transition:background .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s;cursor:default}
.orbit .ec:nth-child(4n+2){--gc:#EA4335;--gg:rgba(234,67,53,.55)}
.orbit .ec:nth-child(4n+3){--gc:#FBBC05;--gg:rgba(251,188,5,.55)}
.orbit .ec:nth-child(4n+4){--gc:#34A853;--gg:rgba(52,168,83,.55)}
.orbit .ec:hover{background:var(--gc);border-color:var(--gc);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--gc) 18%,transparent),0 0 36px var(--gg);transform:scale(1.08)}
.orbit .ec:nth-child(4n+3):hover{color:#1d221f}
@media (hover:none){
  .orbit .ec:not(.hot){animation:gpulse 9s ease-in-out infinite}
  .orbit .ec:nth-child(3n+1){animation-delay:-1.5s}.orbit .ec:nth-child(3n+2){animation-delay:-4.5s}.orbit .ec:nth-child(5n){animation-delay:-7s}
  @keyframes gpulse{0%,82%,100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);color:#8d988f;box-shadow:none}88%,92%{background:var(--gc);border-color:var(--gc);color:#fff;box-shadow:0 0 30px var(--gg)}}
}
@media (prefers-reduced-motion:reduce){.orbit .ec{animation:none !important;transition:none}}

/* Engines grid hover: neon lime only (Ben) */
.orbit .ec,.orbit .ec:nth-child(4n+2),.orbit .ec:nth-child(4n+3),.orbit .ec:nth-child(4n+4){--gc:#d9ff3d;--gg:rgba(217,255,61,.55)}
.orbit .ec:hover,.orbit .ec:nth-child(4n+3):hover{color:#1d221f}
@media (hover:none){@keyframes gpulse{0%,82%,100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.07);color:#8d988f;box-shadow:none}88%,92%{background:#d9ff3d;border-color:#d9ff3d;color:#1d221f;box-shadow:0 0 30px rgba(217,255,61,.55)}}}

/* Dashboard frame: elegant gradient + glow instead of the circuit image */
.dash-el{background:linear-gradient(140deg,#26392d 0%,#1d221f 55%,#18201b 100%)}
.dash-el::before{background:radial-gradient(45% 70% at 100% 40%,rgba(217,255,61,.45),rgba(217,255,61,0) 70%),radial-gradient(40% 60% at 0% 100%,rgba(79,140,84,.55),rgba(79,140,84,0) 70%);animation:dashglow 12s ease-in-out infinite alternate}
.dash-el::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(244,241,230,.16) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 80% at 50% 50%,transparent 35%,#000 100%);mask-image:radial-gradient(70% 80% at 50% 50%,transparent 35%,#000 100%);pointer-events:none}
.dash-el .app{z-index:1}
@keyframes dashglow{from{transform:translate(0,0)}to{transform:translate(-4%,6%)}}
@media (prefers-reduced-motion:reduce){.dash-el::before{animation:none}}

/* ===== Sample audit cards: live report previews ===== */
.auc{display:flex;flex-direction:column;border-radius:16px;background:#e3e1d6;color:#1d221f;text-decoration:none;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.auc:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(29,34,31,.14);color:#1d221f}
.auc-stage{position:relative;height:250px;padding:26px 22px 0;background:radial-gradient(80% 90% at 70% 0%,#d9e6c4 0%,#e3e1d6 70%);overflow:hidden}
.auc-sheet{position:relative;height:100%;border-radius:12px 12px 0 0;background:#fff;box-shadow:0 18px 40px rgba(29,34,31,.12);padding:12px 14px;display:flex;flex-direction:column;gap:6px;transform:translateY(18px) rotate(-1.2deg);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.auc-back{position:absolute;left:34px;right:34px;top:16px;height:100%;background:#f2f1ea;transform:translateY(18px) rotate(2deg);box-shadow:none}
.auc:hover .auc-sheet{transform:translateY(2px) rotate(0)}
.auc:hover .auc-back{transform:translateY(6px) rotate(3.5deg)}
.auc-bar{display:flex;gap:4px;align-items:center;font:500 10px "Martian Mono",monospace;color:#7f8a82;letter-spacing:.02em;margin-bottom:4px}
.auc-bar i{width:6px;height:6px;border-radius:50%;background:#e2e1dc}
.auc-bar span{margin-left:6px}
.auc-big{font-family:"Funnel Display",sans-serif;font-size:40px;letter-spacing:-0.04em;line-height:1}
.auc-lbl{font-size:12px;color:#5b645d}
.auc-bars{display:flex;gap:5px;align-items:flex-end;height:46px;margin-top:6px}
.auc-bars i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:#d5d3c8;transform-origin:bottom;transform:scaleY(.35);transition:transform .7s cubic-bezier(.16,1,.3,1)}
.auc-bars i.me{background:#e5806f}
.auc-bars i:nth-child(2){transition-delay:.04s}.auc-bars i:nth-child(3){transition-delay:.08s}.auc-bars i:nth-child(4){transition-delay:.12s}.auc-bars i:nth-child(5){transition-delay:.16s}.auc-bars i:nth-child(6){transition-delay:.2s}.auc-bars i:nth-child(7){transition-delay:.24s}
.auc:hover .auc-bars i,.auc.inview .auc-bars i{transform:scaleY(1)}
.auc-row{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:6px}
.auc-ring{width:34px;height:34px;transform:rotate(-90deg);flex:none}
.auc-ring circle{fill:none;stroke-width:4}
.auc-ring .trk{stroke:#ecebe5}
.auc-ring .val{stroke:#e5806f;stroke-linecap:round;stroke-dasharray:97.4;stroke-dashoffset:97.4;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}
.auc:hover .auc-ring .val,.auc.inview .auc-ring .val{stroke-dashoffset:calc(97.4 - 97.4 * var(--p) / 100)}
.auc-ring .val.zero{stroke:transparent}
.auc-gauges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;text-align:center}
.auc-gauges div{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#5b645d;position:relative}
.auc-gauges .auc-ring{width:52px;height:52px}
.auc-gauges .auc-ring .trk{stroke:#f6d9d2;transition:stroke .6s}
.auc:hover .auc-gauges .auc-ring .trk{stroke:#e5806f}
.auc-gauges b{position:absolute;top:15px;font:500 18px "Funnel Display",sans-serif;color:#1d221f}
.auc-chip{align-self:flex-start;margin-top:8px;font-size:11px;padding:4px 10px;border-radius:999px;background:#1d221f;color:#d9ff3d}
.auc-meta{display:flex;flex-direction:column;gap:6px;padding:18px 22px 22px}
.auc-name{font-family:"Funnel Display",sans-serif;font-size:28px;letter-spacing:-0.03em;line-height:1.05}
.auc-cta{font-size:13px;margin-top:4px}
.auc-dark{background:#1d221f;color:#f4f1e6}
.auc-dark:hover{color:#f4f1e6}
.auc-dark .auc-stage{background:radial-gradient(80% 90% at 70% 0%,#2f4a35 0%,#1d221f 70%)}
.auc-dark .auc-sheet{background:#242b26;box-shadow:0 18px 40px rgba(0,0,0,.35);color:#f4f1e6}
.auc-dark .auc-back{background:#2a322d}
.auc-dark .auc-lbl{color:#a9b5ac}
.auc-skel{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.auc-skel i{display:block;height:7px;border-radius:4px;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(217,255,61,.25),rgba(255,255,255,.06));background-size:200% 100%;animation:skel 2.4s linear infinite}
@keyframes skel{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.auc,.auc-sheet,.auc-bars i,.auc-ring .val{transition:none}.auc-skel i{animation:none}}

/* Closing CTA: live network instead of the mountain image */
.close-net{background:radial-gradient(60% 90% at 78% 55%,#2c4433 0%,#1d221f 70%)}
.close-net::before{background:linear-gradient(90deg,rgba(29,34,31,.92) 0%,rgba(29,34,31,.55) 45%,rgba(29,34,31,0) 100%);z-index:1}
.close-net .netbg{z-index:0}
.close-net .wrap{z-index:2}

/* Sample audits: heading row on top, cards full width */
.au3{grid-template-columns:minmax(0,1fr) !important;gap:44px}
.au3-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px 56px;align-items:end}
.au3-pts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aucgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:1000px){.aucgrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.au3-head,.au3-pts{grid-template-columns:minmax(0,1fr)}}

/* ===== Nav: Sample audits dropdown ===== */
.dd{position:relative;display:flex;align-items:center}
.ddp{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);width:320px;padding:10px;border-radius:18px;background:rgba(36,43,38,.97);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px rgba(0,0,0,.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:none;flex-direction:column;z-index:45}
.ddp::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.dd:hover .ddp,.dd:focus-within .ddp,.dd.open .ddp{display:flex;animation:drop .3s cubic-bezier(.16,1,.3,1) both}
.mobonly{display:none !important}
@media (max-width:900px){.mobonly{display:flex !important}.mega .feat{display:none}}

/* Mega menu featured audit: report preview instead of the circuit image */
.feat-el{background:radial-gradient(70% 60% at 80% 10%,rgba(217,255,61,.32),rgba(217,255,61,0) 70%),linear-gradient(160deg,#2c4433 0%,#1d221f 75%);justify-content:flex-end;min-height:270px}
.feat-el::before{background:linear-gradient(180deg,rgba(29,34,31,0) 35%,rgba(29,34,31,.92) 78%)}
.feat-sheet{position:absolute !important;top:18px;left:22px;right:40px;border-radius:10px;background:#fff;color:#1d221f;padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 16px 40px rgba(0,0,0,.35);transform:rotate(-2deg);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:0 !important}
.feat-sheet .auc-big{font-size:28px}
.feat-sheet .auc-bars{height:30px}
.feat-el:hover .feat-sheet{transform:rotate(0) translateY(-4px)}
.feat-el:hover .auc-bars i{transform:scaleY(1)}
.feat-el>span{z-index:1}

/* Sample audits dropdown: same enter animation as the mega menu (keeps its centering) */
.dd:hover .ddp,.dd:focus-within .ddp,.dd.open .ddp{animation:ddrop .35s cubic-bezier(.16,1,.3,1) both}
@keyframes ddrop{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.dd .ddp{animation:none !important}}

/* Sector cards: one glass render per industry (crypto backup: /assets/terrain.webp) */
.i-seccrypto{background-image:url(/assets/sec-crypto.webp)}
.i-secfintech{background-image:url(/assets/sec-fintech.webp)}
.i-secb2bai{background-image:url(/assets/sec-b2bai.webp)}
.i-secrwa{background-image:url(/assets/sec-rwa.webp)}
.sc2{background-size:cover;background-position:center 30%}

/* Statement tiles: glass renders per engine */
.i-tgoogle{background-image:url(/assets/tile-google.webp)}
.i-tchatgpt{background-image:url(/assets/tile-chatgpt.webp)}
.i-tconsole{background-image:url(/assets/tile-console.webp)}
.i-tperplexity{background-image:url(/assets/tile-perplexity.webp)}
.i-toverviews{background-image:url(/assets/tile-overviews.webp)}
.tile{background-size:cover;background-position:center}

/* Proximity glow on the engines grid (--px 0..1 set by site.js) */
.orbit .ec:not(.hot){--px:0;background:color-mix(in srgb,#d9ff3d calc(var(--px) * 38%),rgba(255,255,255,.04));border-color:color-mix(in srgb,#d9ff3d calc(var(--px) * 85%),rgba(255,255,255,.07));color:color-mix(in srgb,#f4f1e6 calc(var(--px) * 100%),#8d988f);box-shadow:0 0 calc(var(--px) * 34px) color-mix(in srgb,#d9ff3d calc(var(--px) * 60%),transparent);transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .25s}
.orbit .ec:not(.hot):hover{background:#d9ff3d;border-color:#d9ff3d;color:#1d221f;box-shadow:0 0 0 6px rgba(217,255,61,.18),0 0 40px rgba(217,255,61,.6);transform:scale(1.08)}

/* ===== Oct. 20 fixes ===== */
/* Form controls and every pill use the site font (buttons don't inherit by default) */
button,input,select,textarea{font-family:inherit}
.pill{font-family:"Funnel Sans",Arial,sans-serif;font-weight:500}

/* Footer newsletter: standard lime pill, slightly smaller, lined up with the input */
.ft2-row{align-items:center}
.ft2-row .pill{min-height:42px;padding:0 18px;font-size:14px;line-height:1}
.ft2-row .field input{min-height:42px;padding:9px 14px}
.ft2-legal button{background:none;border:0;padding:0;margin:0;font:inherit;color:#7f8a82;cursor:pointer}
.ft2-legal button:hover{color:#f4f1e6}

/* Statement tile */
.i-tgemini{background-image:url(/assets/tile-gemini.webp)}

/* Dashboard KPI tiles */
.g3k{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media (max-width:600px){.g3k{grid-template-columns:minmax(0,1fr) !important}}

/* Keyboard focus */
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #d9ff3d;outline-offset:3px;border-radius:inherit}
.sec-cream :focus-visible,.sec-white :focus-visible,.sec-neon :focus-visible,.neon :focus-visible,.white :focus-visible,.grey :focus-visible,.pill-n:focus-visible{outline-color:#1d221f}

@media (max-width:900px){
  /* Neon stats: about half the height */
  .neon{padding:24px 0 72px}
  .neon .g4{margin-top:48px !important;gap:20px}
  .neon .hb{gap:20px}
  .neon .stat{padding-top:14px}
  /* Services: pill row + swipe cards */
  .solhead{gap:18px}
  .solhead .pill{justify-self:start}
  .sgrid{gap:22px;margin-top:32px}
  .side{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px}
  .side::-webkit-scrollbar{display:none}
  .side button{flex:none;width:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:#d5dcd2;white-space:nowrap;font-size:14px}
  .side button.on{background:#d9ff3d;border-color:#d9ff3d;color:#050b08}
  .side button.on::before{display:none}
  .side button span,.side button.on span{display:none !important}
  .fgrid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84vw;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px;overscroll-behavior-x:contain}
  .fgrid::-webkit-scrollbar{display:none}
  .fgrid>.fcard{scroll-snap-align:start;min-width:0}
}

/* Big headings: let lines wrap naturally on phones */
@media (max-width:600px){.h br,h1 br,h2 br{display:none}}

/* Post-review cleanup */
.pill-w{background:#fff;color:#1d221f}.pill-w:hover{background:#f4f1e6;color:#1d221f}
.ppg :focus-visible{outline-color:#1d221f !important}

/* Sector pages: sample audit callout */
.smp-cta .smp-card{max-width:440px;justify-self:end;width:100%}
@media (max-width:900px){.smp-cta .smp-card{justify-self:start}}

/* Sector pages: sample audit callout */
.smp-cta .smp-card{max-width:440px;justify-self:end;width:100%}
@media (max-width:900px){.smp-cta .smp-card{justify-self:start}}
/* Mobile tap targets and type (Oct. 20) */
.navbook{min-height:38px}
@media (max-width:900px){
 input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px !important}
 .navbar .pill.navbook{min-height:44px !important}
 footer [data-cookie-settings],footer a[href="/privacy"],footer a[href="/terms"]{display:inline-block;padding:12px 0;min-height:44px}
 label.chk{min-height:44px}
 .orbit .ec{font-size:11px}
 .auc-bar span{font-size:11px}
}
/* Light headers (Research, About): keep the nav dark from the top so it stays readable on cream */
body:has(.hc-res) .navbar,body:has(.hc-about) .navbar{background:rgba(29,34,31,.92);border-color:rgba(255,255,255,.14);box-shadow:0 12px 40px rgba(0,0,0,.25)}
/* Homepage hero on desktop: fit the screen height so the headline and buttons never sit on the fold */
@media (min-width:901px){
.hero{height:clamp(700px,100svh,900px)}
.hz{top:46%}
.stage{top:calc(46% - 18px)}
.focal{top:46%}
.herobot{bottom:clamp(36px,6svh,56px)}
}

/* Fable review, mobile polish (Oct. 20) */
.mlinks .ml{min-height:44px;display:flex;align-items:center;padding:0 12px;font-size:16px}
.sx-hnote .sx-note{display:flex;flex-wrap:wrap;gap:6px 10px}
label.chk input[type=checkbox]{width:22px;height:22px}
@media (max-width:900px){
 .orbit .ec{width:auto !important;height:36px !important;border-radius:999px !important;padding:0 12px;font-size:12px !important;hyphens:none !important;word-break:normal !important;white-space:nowrap}
 .hc-ct .trust{font-size:13px}
 .pg-hdrs .hc-sec .bob img{filter:brightness(.4) contrast(1.35)}
 .pg-hdrs .stabs{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}
 .focal .halo{width:100% !important;left:0 !important}
}
@media (max-width:900px){.orbit{display:flex !important;flex-wrap:wrap;gap:8px;-webkit-mask-image:none;mask-image:none}.orbit .ec.hot{border-radius:999px !important}}
/* Contact keeps the network background (Ben, Oct. 20) */
.pg-hdrs .hc-ct{background:radial-gradient(90% 70% at 50% 40%,#26392d 0%,#1d221f 70%)}
.pg-hdrs .hc-ct .netbg{opacity:.85}
.rep-more{display:flex;margin:8px auto 40px;border:0;cursor:pointer;justify-content:center;width:100%}
.ts-box{margin:4px 0}
.formnote.bad{color:#f0a091}
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:520px;margin:0 auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:16px;background:rgba(29,34,31,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px rgba(0,0,0,.4);color:#f4f1e6;font-size:14px}
.consent[hidden]{display:none}
.consent p{margin:0;flex:1 1 200px}
.consent a{color:#d9ff3d}
.consent button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#f4f1e6;cursor:pointer}
.consent button[data-consent=granted]{background:#d9ff3d;color:#1d221f;border-color:#d9ff3d}
.consent-open[hidden]{display:none}
/* Phone menu: fit the visible screen (iOS 100vh runs under the toolbar) and drop the one-line descriptions so it stays short */
@media (max-width:900px){
 .mega{max-height:calc(100vh - 84px);max-height:calc(100svh - 84px);overscroll-behavior:contain;padding-bottom:16px}
 .mega .md{display:none}
 .mega .it{min-height:44px;padding-top:6px;padding-bottom:6px}
 .mega .mic{width:28px;height:28px}
}
@media (max-width:900px){.mega{animation:none !important;opacity:1 !important;background:#242b26 !important}}
@media (max-width:900px){.mega .mobonly:not(.mlinks){display:none !important}}
a.navbtn{text-decoration:none}
.paywrap{display:inline-flex;flex-direction:column;gap:6px}
.paywrap[hidden]{display:none}
.pay-o{background:transparent;color:#1d221f;border:1px solid rgba(29,34,31,.3);cursor:pointer;font-family:inherit}
.pay-o:hover{border-color:#1d221f}
.pay-btn{cursor:pointer;font-family:inherit}
.pay-msg{font-size:13px}
.pbc .paywrap,.pbc .paywrap .pill{width:100%}
@media (max-width:900px){.ft2-cols a{min-height:44px;display:flex;align-items:center}}
.form-done{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:rgba(217,255,61,.1);border:1px solid rgba(217,255,61,.35);outline:none}
.form-done-ok{flex:none;width:32px;height:32px;border-radius:50%;background:#d9ff3d;color:#1d221f;display:grid;place-items:center;font-size:16px}
.form-done b{font-weight:500;font-size:17px}
.form-done p{margin:4px 0 0;font-size:14px;color:inherit;opacity:.85}
.form-done a{color:inherit;text-decoration:underline}

/* Fable launch review (Oct. 20): 12px floor on labels, 44px tap rows, 16px inputs */
.wk-l,.pg-hdrs .wk-l{font-size:12px !important}
.note .bn,.note .n,span.n,span.bn{font-size:12px !important}
.crumb a{display:inline-block;padding:12px 0}
.fine a,.form .fine a{display:inline-block;padding:10px 0}
input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}
@media (max-width:900px){.pg-rep .chart span,.pg-rep .chart em,.pg-rep .tcols span,.pg-rep .ax span,.pg-rep [class*=axis] span{font-size:11px !important}}
.addon{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:18px;padding:22px 26px;border-radius:18px;border:1px dashed rgba(29,34,31,.25);background:rgba(255,255,255,.55)}
.addon-t{display:flex;flex-direction:column;gap:6px;max-width:640px}
.addon-t .mono{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#4a6b06}
.addon-t b{font-weight:500;font-size:20px;letter-spacing:-.01em}
.addon-t p{margin:0;font-size:15px;color:#5b645d}
@media (max-width:900px){.addon .pill{flex:1 1 auto;text-align:center}}
.ddp.ddp2{width:600px;display:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.dd:hover .ddp.ddp2,.dd:focus-within .ddp.ddp2,.dd.open .ddp.ddp2{display:grid}
.ddcol{display:flex;flex-direction:column}
.ddall{padding:10px 12px;font-size:13px;color:#d9ff3d;text-decoration:none}
.ddall:hover{color:#ecff99}
@media (max-width:900px){.sol .side{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}}
.auc .auc-bar span,.auc small{font-size:12px}