*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --green:#0f7a52; --green-d:#0c1f17; --green-l:#3ec78a; --green-h:#0d6a47;
  --gold:#b58a3a; --gold-ink:#8f6d23; --warm:#fbf6ec;
  --ink:#0c1f17; --soft:#48564f; --faint:#6b776f;
  --bg:#fff; --mut:#f0f9f5; --mut-2:#e6f4ec; --bd:#d4ddd8; --bd-soft:#e8efeb;
  --serif:'Fraunces',Georgia,serif; --head:'Space Grotesk',sans-serif; --body:'Inter',sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{font-family:var(--body);background:var(--bg);color:var(--ink);line-height:1.6;font-size:16px}
h1,h2,h3,h4,h5{font-family:var(--head);font-weight:600;letter-spacing:-.02em;line-height:1.08}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(1.25rem,4vw,1.75rem)}
.skip{position:absolute;left:-9999px;top:0;z-index:2000;background:var(--green-d);color:#fff;padding:.7rem 1.1rem}
.skip:focus{left:0}

/* buttons */
.bp,.bo{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--body);font-weight:600;font-size:.95rem;padding:13px 26px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:all .2s var(--ease);min-height:46px;text-decoration:none}
.bp{background:var(--green);color:#fff}
.bp:hover{background:var(--green-h);transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(15,122,82,.55)}
.bo{background:transparent;color:var(--ink);border-color:var(--bd)}
.bo:hover{border-color:var(--green);color:var(--green)}
.bp svg{width:17px;height:17px}
.bp .ar{transition:transform .2s var(--ease)}
.bp:hover .ar{transform:translateX(3px)}

/* ═══ AGE GATE ═══ */
.gate{position:fixed;inset:0;z-index:1000;background:var(--green-d);background-image:radial-gradient(ellipse 70% 60% at 50% 32%,rgba(62,199,138,.22),transparent 70%);display:flex;align-items:center;justify-content:center;padding:1.5rem}
.gate-card{max-width:30rem;width:100%;text-align:center;background:#fff;border-radius:16px;padding:clamp(2rem,5vw,3rem);box-shadow:0 40px 100px -30px rgba(0,0,0,.6)}
.gate-card img{height:46px;width:auto;margin:0 auto 1.4rem}
.gate-card .gate-q{font-family:var(--head);font-weight:600;letter-spacing:-.02em;line-height:1.08;font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.5rem;color:var(--ink)}
.gate-card p{color:var(--soft);font-size:.95rem;margin-bottom:1.6rem}
.gate-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.gate-fine{margin-top:1.5rem;font-size:.72rem;color:var(--faint)}

/* ═══ TOPBAR ═══ */
.topbar{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.9);border-bottom:1px solid var(--bd-soft);backdrop-filter:blur(14px)}
.topbar .wrap{height:64px;display:flex;align-items:center;justify-content:space-between}
.topbar-brand{display:inline-flex;align-items:center;text-decoration:none}
.topbar-logo{height:38px;width:auto}
.navlinks{display:flex;align-items:center;gap:1.35rem;margin:0 1.25rem}
.navlinks a{font-size:.84rem;font-weight:600;color:var(--soft);text-decoration:none}
.navlinks a:hover{color:var(--green)}
.topbar .contact{font-size:.82rem;color:var(--soft);display:flex;gap:1.3rem;align-items:center}
.topbar .contact a{text-decoration:none;font-weight:500}
.topbar .contact a:hover{color:var(--green)}
.topbar .contact .em{color:var(--green);font-weight:600}
.nav-project{padding:9px 16px;min-height:40px;font-size:.84rem;border-radius:8px}

/* ═══ HERO (2-col, form slot top-right) ═══ */
.hero{padding:clamp(2rem,4vw,3rem) 0 clamp(1.75rem,3vw,2.5rem);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,4vw,3rem);align-items:start;scroll-margin-top:86px}
.hero-left{max-width:40rem}
.eye-line{font-family:var(--body);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green)}
.hero-h{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(2.3rem,4.6vw,3.5rem);line-height:1.03;margin:14px 0 16px;color:var(--ink);letter-spacing:-.01em}
.hero-h .hg{color:var(--green)}
.hero-p{font-size:1.06rem;color:var(--soft);max-width:34rem;margin-bottom:24px}
.hero-p b{color:var(--ink);font-weight:600}
.hero-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:22px}
.pills{display:flex;flex-wrap:wrap;gap:9px 22px;align-items:baseline;margin-bottom:4px}
.pill{font-size:.82rem;font-weight:500;color:var(--soft)}
.pill .pn{font-family:var(--head);font-weight:700;color:var(--green);margin-right:3px}
.hero-contact{margin-top:16px;font-size:.86rem;color:var(--faint)}
.hero-contact a{color:var(--green);font-weight:600;text-decoration:none}
.hero-contact a:hover{text-decoration:underline}
.hero-contact .sep{color:var(--bd);margin:0 7px}
.hero-right{position:relative;min-height:10px}

/* hero media — team photos (default state, hidden when form opens) */
.hero-media{display:flex;flex-direction:column;gap:12px}
.hero-media.hide{display:none}
.hm-shot{position:relative;margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--bd);box-shadow:0 12px 34px -16px rgba(12,31,23,.28);aspect-ratio:16/9}
.hm-shot img{width:100%;height:100%;object-fit:cover;display:block}
.hm-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,31,23,.62),transparent 52%)}
.hm-cap{position:absolute;left:14px;bottom:11px;z-index:2;color:#fff;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:.45rem}
.hm-cap::before{content:'';width:16px;height:1px;background:rgba(255,255,255,.78)}

/* form slot */
.form-slot{position:fixed;left:auto;top:86px;right:24px;z-index:300;display:none;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:0 22px 22px;box-shadow:0 22px 70px -24px rgba(12,31,23,.45)}
.form-slot.show{display:block;animation:pop .22s var(--ease)}
.form-slot.dragging{user-select:none;box-shadow:0 26px 82px -22px rgba(12,31,23,.55)}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.form-slot .fs-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin:0 -22px 12px;padding:14px 16px 12px 22px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--bd-soft);border-radius:16px 16px 0 0;backdrop-filter:blur(10px);cursor:grab;touch-action:none}
.form-slot.dragging .fs-head{cursor:grabbing}
.form-slot h4{font-family:var(--head);font-size:1.2rem}
.fs-drag{display:block;font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);line-height:1.1;margin-bottom:3px}
.form-slot .fs-close{background:none;border:none;color:var(--faint);cursor:pointer;font-size:1.1rem;line-height:1;padding:4px}
.form-slot .fs-close:hover{color:var(--ink)}
.form-slot .sub{font-size:.8rem;color:var(--faint);margin:2px 0 14px}
.fld{margin-bottom:10px}
.fld label{display:block;font-size:.74rem;font-weight:600;margin-bottom:3px}
.fld label .rq{color:var(--green)}
.fld label .opt{color:var(--faint);font-weight:400}
.form-slot input,.form-slot select,.form-slot textarea{width:100%;padding:10px 11px;min-height:44px;border:1px solid var(--bd);border-radius:8px;font-family:var(--body);font-size:.88rem;color:var(--ink);background:#fff;outline:none;transition:border-color .18s,box-shadow .18s;-webkit-appearance:none;appearance:none}
.form-slot select[multiple]{min-height:132px;padding:8px}
.form-slot select[multiple] option{padding:7px 6px;border-radius:6px}
.form-slot textarea{min-height:70px;line-height:1.5;resize:vertical}
.form-slot input:focus,.form-slot select:focus,.form-slot textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(15,122,82,.12)}
.fld .err{display:none;font-size:.72rem;color:#c0362c;margin-top:3px}
.fld.bad .err{display:block}
.fld.bad input,.fld.bad select{border-color:#c0362c}
/* checkbox group (What do you need?) */
.fld-cap{display:block;font-size:.74rem;font-weight:600;margin-bottom:5px}
.fld-cap .rq{color:var(--green)}
.fld-cap .opt{color:var(--faint);font-weight:400}
.checks{display:flex;flex-direction:column;gap:4px}
.checks .check{display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:500;color:var(--ink);line-height:1.3;cursor:pointer;padding:7px 8px;border:1px solid var(--bd-soft);border-radius:8px;transition:border-color .15s,background .15s}
.checks .check:hover{border-color:var(--green);background:var(--mut)}
.form-slot .checks input[type=checkbox]{-webkit-appearance:auto;appearance:auto;accent-color:var(--green);width:18px;height:18px;min-height:18px;flex:0 0 auto;margin:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer}
.checks .check:has(input:checked){border-color:var(--green);background:var(--mut)}
.fld.bad .checks{border-radius:8px;outline:1px solid #c0362c;outline-offset:2px}
.form-slot .bp{width:100%;margin-top:4px}
.fs-note{font-size:.7rem;color:var(--faint);text-align:center;margin-top:8px}
.fs-ok{display:none;text-align:center;padding:1rem 0}
.fs-ok .tick{width:50px;height:50px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto .9rem}
.fs-ok .tick svg{width:24px;height:24px}
.fs-ok h4{font-size:1.2rem;margin-bottom:.4rem}
.fs-ok p{font-size:.86rem;color:var(--soft)}

/* ═══ PROOF ═══ */
.section-kicker{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.proof{scroll-margin-top:86px;border-top:1px solid var(--bd-soft);padding:clamp(2rem,5vw,3.5rem) 0}
.proof-head{display:grid;grid-template-columns:.8fr 1fr;gap:clamp(1.25rem,4vw,3rem);align-items:end;margin-bottom:18px}
.proof h2{font-size:clamp(1.7rem,3vw,2.35rem)}
.proof-head p{color:var(--soft);max-width:58ch}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.proof-card{background:var(--warm);border:1px solid #eadfca;border-radius:16px;padding:18px;min-height:190px}
.proof-num{display:block;font-family:var(--head);font-size:clamp(1.55rem,3vw,2.2rem);font-weight:700;color:var(--green);line-height:1;margin-bottom:16px}
.proof-card h3{font-size:1.02rem;margin-bottom:8px}
.proof-card p{font-size:.84rem;color:var(--soft);line-height:1.55}
.proof-note{margin-top:12px;font-size:.78rem;color:var(--faint)}
.proof-process{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(1rem,3vw,2rem);align-items:start;margin-top:18px;background:var(--green-d);border-radius:18px;padding:clamp(1.25rem,3vw,2rem);color:#fff}
.proof-process .section-kicker{color:var(--green-l)}
.proof-process h3{font-size:clamp(1.2rem,2.4vw,1.7rem);color:#fff}
.proof-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none}
.proof-process li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:15px;font-size:.82rem;color:rgba(255,255,255,.68);line-height:1.5}
.proof-process li span{display:block;font-family:var(--head);font-size:.74rem;font-weight:700;color:var(--gold);margin-bottom:20px}
.proof-process li strong{display:block;color:#fff;font-size:.96rem;margin-bottom:5px}

/* ═══ SERVICES INTRO + TABS ═══ */
.intro{text-align:center;padding:clamp(1.5rem,3vw,2rem) 0 0;border-top:1px solid var(--bd-soft)}
.svc-h{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:8px}
.intro p{color:var(--soft);max-width:50ch;margin:0 auto}
.tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 22px}
.tab{display:flex;align-items:center;gap:9px;padding:13px 18px;border-radius:12px;font-family:var(--body);font-weight:600;font-size:.9rem;color:var(--soft);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .18s var(--ease);min-height:48px}
/* medium widths: 4 tabs don't fit one row — force a balanced 2x2 instead of 3+1 */
@media (min-width:601px) and (max-width:899px){
  .tabs .tab{flex:1 1 calc(50% - 6px);justify-content:center}
}
.tab svg{width:18px;height:18px}
.tab:hover{color:var(--ink);background:var(--mut);border-color:var(--bd-soft)}
.tab.active{background:var(--green);color:#fff;box-shadow:0 8px 20px -8px rgba(15,122,82,.5)}
.tab.active svg{color:#fff}

/* ═══ SERVICE PANELS (2-col w/ visual) ═══ */
.panel-wrap{background:var(--mut);border:1px solid var(--bd-soft);border-radius:24px;padding:clamp(1.5rem,4vw,3.25rem)}
.panel{display:none;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3rem);align-items:center}
.panel.active{display:grid;animation:fade .35s var(--ease)}
.panel .badge{display:inline-block;align-self:start;background:#fff;border:1px solid var(--bd);color:var(--green);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:6px 12px;border-radius:100px}
.panel h3{font-size:clamp(1.5rem,2.6vw,2.3rem);margin:16px 0 12px}
.panel .pdesc{color:var(--soft);margin-bottom:16px}
.panel .pdesc b{color:var(--ink);font-weight:600}
.panel ul{list-style:none;margin-bottom:18px}
.panel li{font-size:.92rem;color:var(--soft);padding:6px 0;display:flex;gap:10px;align-items:flex-start}
.panel li svg{width:17px;height:17px;color:var(--green-l);flex-shrink:0;margin-top:4px}
.specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.panel .moq{display:inline-block;background:#fff;border:1px solid var(--bd);border-radius:9px;padding:9px 13px;font-size:.8rem;color:var(--soft)}
.specs .moq{margin-bottom:0}
.panel .moq b{color:var(--green);font-family:var(--head)}
.panel .prow{display:flex;gap:10px;flex-wrap:wrap}
.visual{aspect-ratio:4/3;border-radius:16px;background:linear-gradient(150deg,var(--green-d),var(--green));position:relative;display:flex;align-items:flex-end;padding:18px;overflow:hidden}
.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.visual .vl{position:relative;color:rgba(255,255,255,.85);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:.5rem}
.visual .vl::before{content:'';width:18px;height:1px;background:rgba(255,255,255,.6)}
.visual::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(62,199,138,.38),transparent 70%);top:-50px;right:-50px}
.visual::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;border-radius:16px;z-index:0}
.visual-il{position:absolute;top:50%;left:50%;transform:translate(-50%,-56%);pointer-events:none;z-index:1}
.visual .vl{position:relative;z-index:2}
/* photo collage variant (real photos instead of SVG illustration) */
.visual.photos{display:grid;grid-template-columns:1.02fr .98fr;grid-template-rows:1fr 1fr;gap:7px;padding:0;background:var(--bd-soft);align-items:stretch}
.visual.photos::before,.visual.photos::after{display:none}
.visual.photos figure{position:relative;margin:0;overflow:hidden;border-radius:9px;min-height:0;min-width:0}
.visual.photos figure.pc-tall{grid-row:1 / span 2}
.visual.photos.top{grid-template-rows:1.2fr .8fr}
.visual.photos.top figure.pc-wide{grid-column:1 / span 2;grid-row:1}
.visual.photos figure.pc-tall::after,.visual.photos figure.pc-wide::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(12,31,23,.62),transparent 46%);pointer-events:none}
.visual.photos img{position:static;inset:auto;width:100%;height:100%;object-fit:cover;display:block}
.visual.photos .vl{position:absolute;left:11px;bottom:10px;z-index:2}

/* ═══ WHY (always visible) ═══ */
.why{margin-top:clamp(1.5rem,3vw,2.5rem);background:#fff;border:1px solid var(--bd-soft);border-radius:20px}
.why-in{padding:clamp(1.75rem,4vw,2.75rem) clamp(1.5rem,4vw,3.25rem)}
.why-top{display:flex;align-items:baseline;gap:.8rem;margin-bottom:20px;flex-wrap:wrap}
.why h3{font-size:1.5rem}
.why-top span{font-size:.9rem;color:var(--soft)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.why-card{display:flex;gap:13px;align-items:flex-start}
.why-ic{width:40px;height:40px;border-radius:11px;background:var(--mut);border:1px solid var(--bd-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.why-ic svg{width:20px;height:20px;color:var(--green)}
.why-card h5{font-family:var(--head);font-size:1.02rem;margin-bottom:3px}
.why-card p{font-size:.86rem;color:var(--soft);line-height:1.55}
.why-grid.anm .why-card{opacity:0;transform:translateY(22px);transition:opacity .48s var(--ease),transform .48s var(--ease)}
.why-grid.anm .why-card.vis{opacity:1;transform:none}

/* ═══ FOOTER ═══ */
.foot{background:var(--green-d);margin-top:clamp(2rem,4vw,3rem)}
.foot-in{max-width:1180px;margin:0 auto;padding:clamp(2rem,4vw,2.75rem) clamp(1.25rem,4vw,1.75rem);display:flex;justify-content:space-between;gap:1.5rem 2.5rem;flex-wrap:wrap;align-items:flex-start}
.foot-logo{height:42px;width:auto;margin-bottom:12px}
.foot-brand p{color:rgba(255,255,255,.5);font-size:.84rem;max-width:34ch}
.foot-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.fbadge{font-size:.64rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green-l);border:1px solid rgba(62,199,138,.3);border-radius:4px;padding:3px 8px}
.foot-meta{color:rgba(255,255,255,.7);font-size:.85rem;text-align:right;line-height:1.9}
.foot-meta a{color:rgba(255,255,255,.8);text-decoration:none}
.foot-meta a:hover{color:#fff}
.foot-meta .em{color:var(--green-l);font-weight:600}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:14px;font-size:.74rem;color:rgba(255,255,255,.4)}
.mobile-cta{display:none}

/* ═══ PRIVACY PAGE ═══ */
.privacy{padding-top:clamp(2.25rem,5vw,4rem)}
.privacy-hero{max-width:50rem;padding:clamp(2rem,5vw,4rem) 0 clamp(1.25rem,3vw,2rem)}
.privacy-hero h1{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.04;margin-bottom:14px}
.privacy-hero p{color:var(--faint)}
.privacy-body{max-width:48rem;border-top:1px solid var(--bd-soft);padding:clamp(1.5rem,4vw,2.5rem) 0 clamp(3rem,7vw,5rem)}
.privacy-body h2{font-size:1.1rem;margin:24px 0 6px}
.privacy-body h2:first-child{margin-top:0}
.privacy-body p{color:var(--soft);font-size:.98rem}
.privacy-body a{color:var(--green);font-weight:600;text-decoration:none}
.privacy-body a:hover{text-decoration:underline}

/* ═══ RESPONSIVE ═══ */
@media (max-width:980px){
  .navlinks{gap:.9rem}
  .topbar .contact a[href^="mailto"]{display:none}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
  .proof-process{grid-template-columns:1fr}
}
@media (max-width:820px){
  .topbar .contact{display:none}
  .navlinks{margin-left:auto;gap:.95rem}
  .hero{grid-template-columns:1fr;gap:1.5rem}
  .panel.active{grid-template-columns:1fr;gap:1.5rem}
  .panel .visual{order:-1}
  .why-grid{grid-template-columns:1fr;gap:18px}
  .foot-in{flex-direction:column}
  .foot-meta{text-align:left}
  .specs{flex-direction:column;align-items:flex-start}
  .proof-head{grid-template-columns:1fr}
  .proof-process ol{grid-template-columns:1fr}
}
@media (max-width:600px){
  body{padding-bottom:74px}
  .topbar .wrap{height:auto;min-height:60px}
  .topbar-logo{height:34px}
  .navlinks{display:none}
  .hero-row{flex-direction:column}
  .hero-row .bp,.hero-row .bo{width:100%}
  .proof-grid{grid-template-columns:1fr}
  .tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:0 0 auto;font-size:.84rem;padding:11px 14px}
  .panel .prow{flex-direction:column}
  .panel .prow .bp,.panel .prow .bo{width:100%}
  .mobile-cta{position:fixed;left:14px;right:14px;bottom:14px;z-index:80;display:flex;align-items:center;justify-content:center;min-height:50px;border:0;border-radius:12px;background:var(--green);color:#fff;font-family:var(--body);font-size:.95rem;font-weight:700;box-shadow:0 14px 34px -14px rgba(12,31,23,.55)}
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ═══ DEEP-DIVE POLISH — spec cards, pull-stats, hub cards, crumbs, meta, toc ═══ */
.crumbs{font-size:.78rem;color:var(--faint);margin-bottom:14px}
.crumbs a{color:var(--faint);text-decoration:none;font-weight:500}
.crumbs a:hover{color:var(--green)}
.crumbs span{margin:0 7px;color:var(--bd)}
.art-meta{font-size:.8rem;font-weight:500;color:var(--faint);margin:10px 0 2px}
.art-meta b{color:var(--green);font-weight:600}

.speccard{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bd-soft);border:1px solid var(--bd-soft);border-radius:14px;overflow:hidden;margin:12px 0 18px}
.speccard>div{background:var(--bg);padding:15px 18px}
.sc-l{display:block;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
.sc-v{display:block;font-family:var(--head);font-weight:700;font-size:1.22rem;color:var(--green);line-height:1.15}
.sc-s{display:block;font-size:.78rem;color:var(--faint);margin-top:3px}
@media (max-width:640px){.speccard{grid-template-columns:repeat(2,1fr)}}

.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0;padding:22px 24px;background:var(--mut);border-radius:14px}
.pullstat .ps-n{display:block;font-family:var(--head);font-weight:700;font-size:clamp(1.55rem,3vw,2.05rem);color:var(--green);line-height:1.1}
.pullstat .ps-l{display:block;font-size:.8rem;color:var(--soft);margin-top:5px;line-height:1.45}
@media (max-width:640px){.statrow{grid-template-columns:1fr;gap:18px}}

.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:6px}
.res-card{border:1px solid var(--bd-soft);border-radius:14px;overflow:hidden;background:var(--bg);display:flex;flex-direction:column}
.res-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.res-card-body{padding:17px 20px 20px}
.res-card h2{font-size:1.02rem;margin:0 0 6px;line-height:1.32}
.res-card h2 a{color:var(--ink);text-decoration:none}
.res-card h2 a:hover{color:var(--green)}
.res-card p{font-size:.88rem;color:var(--soft);margin:0}
.res-kicker{display:block;font-size:.68rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--green);margin-bottom:6px}
@media (max-width:760px){.res-grid{grid-template-columns:1fr}}

.toc{display:none}
@media (min-width:1280px){
  .toc{display:block;position:fixed;top:96px;right:max(18px,calc((100vw - 1180px)/2));width:212px;font-size:.8rem;line-height:1.5;background:var(--bg);border:1px solid var(--bd-soft);border-radius:12px;padding:14px 16px;max-height:calc(100vh - 130px);overflow-y:auto}
  .toc-t{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
  .toc a{display:block;color:var(--soft);text-decoration:none;padding:3px 0 3px 10px;border-left:2px solid var(--bd-soft)}
  .toc a:hover{color:var(--green);border-left-color:var(--green)}
}
.privacy-body h2{scroll-margin-top:84px}
a.mobile-cta{text-decoration:none}
.privacy-body.res-body{max-width:none}
@media (min-width:1100px){.res-body .res-grid{grid-template-columns:repeat(3,1fr)}}

/* ═══ APPROVED ACCENTS — gold (extraction story) + section band ═══ */
.section-kicker.gold{color:var(--gold-ink)}
.gold-word{font-style:normal;font-weight:700;color:var(--gold-ink)}
.sc-v.is-gold{color:var(--gold)} /* large bold text on white — passes AA at 3:1 with bright gold */
.band{margin:22px 0;padding:16px 22px 18px;background:var(--mut);border-radius:14px}
.band h2{margin-top:0}
.pfly{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.pfly:hover{color:var(--green)}