/* Growthitt · Studio Hybrid */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --paper:#F3EEE4;--paper-2:#EAE3D5;--paper-3:#E0D7C4;
  --ink:#1B1915;--ink-2:#3B3731;--ink-3:#6E675C;
  --clay:#C9532A;--clay-2:#9E3D1A;--orange:#E8652A;
  --lime:#C9F03A;--lime-ink:#2E3A05;
  --line:rgba(27,25,21,.14);--line-2:rgba(27,25,21,.28);
  --sans:'Instrument Sans',system-ui,sans-serif;
  --serif:'Instrument Serif',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --max:1240px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:17px;line-height:1.55;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:var(--lime);color:var(--lime-ink)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 5vw;position:relative;z-index:1}

/* Type */
h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.05}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.serif em{font-style:italic;color:var(--clay)}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);display:inline-flex;align-items:center;gap:.6rem}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--clay)}
.lede{font-size:1.15rem;color:var(--ink-2);max-width:56ch;line-height:1.6}
.small{font-size:.9rem;color:var(--ink-3)}
.mono{font-family:var(--mono)}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(243,238,228,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.1rem;letter-spacing:-.02em}
.logo-mark{width:32px;height:32px;border-radius:8px;background:var(--orange);display:grid;place-items:center}
.logo-mark svg{width:16px;height:16px}
.nav-links{display:flex;gap:1.9rem;font-size:.92rem;color:var(--ink-2)}
.nav-links a{position:relative;padding:.3rem 0}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--clay);transition:width .25s}
.nav-links a:hover::after,.nav-links a[aria-current]::after{width:100%}
.nav-links a[aria-current]{color:var(--ink)}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.35rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid var(--ink);background:var(--ink);color:var(--paper);transition:transform .15s,background .2s,color .2s;cursor:pointer;font-family:var(--sans)}
.btn:hover{transform:translateY(-1px);background:var(--clay);border-color:var(--clay)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn.sm{padding:.55rem 1rem;font-size:.85rem}
.btn .arr{transition:transform .2s}.btn:hover .arr{transform:translateX(3px)}
.burger{display:none;background:none;border:1px solid var(--line-2);border-radius:8px;width:40px;height:36px;cursor:pointer}
.burger span{display:block;height:1.5px;width:18px;background:var(--ink);margin:4px auto}

/* Sections */
section{padding:6.5rem 0;position:relative}
.rule{border-top:1px solid var(--line)}
.head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3.5rem}
.head h2{font-size:clamp(2rem,3.6vw,3.1rem)}
.head p{color:var(--ink-2);max-width:48ch}
@media(max-width:860px){.head{grid-template-columns:1fr;gap:1.2rem}}

/* Hero */
.hero{padding:5rem 0 4.5rem;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.2rem,4.1vw,3.6rem);line-height:1.02}
.hero h1 .serif{display:block;font-size:1.02em;color:var(--ink-2)}
.hero-ctas{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:2.2rem}
.hero-note{margin-top:1.2rem;font-family:var(--mono);font-size:.74rem;color:var(--ink-3);letter-spacing:.06em}
.hero-note b{color:var(--lime-ink);background:var(--lime);padding:2px 7px;border-radius:4px;font-weight:600}

/* Gauge diagram */
.gauge-wrap{position:relative;aspect-ratio:1/1;width:100%;max-width:600px;margin-left:auto}
.gauge-wrap svg{width:100%;height:100%;overflow:visible}
.gauge-wrap .lab{font-family:var(--mono);font-size:14px;fill:var(--ink-2);letter-spacing:.08em;text-transform:uppercase}
.gauge-wrap .needle{transform-origin:260px 260px;animation:sweep 6s ease-in-out infinite alternate}
@keyframes sweep{from{transform:rotate(-38deg)}to{transform:rotate(41deg)}}
.gauge-wrap .tick{stroke:var(--ink-3);stroke-width:1}
.gauge-wrap .ring{fill:none;stroke:var(--line-2);stroke-width:1}
.gauge-wrap .ring.hot{stroke:var(--clay);stroke-width:2;stroke-dasharray:6 8}
.gauge-wrap .pin{fill:var(--paper);stroke:var(--ink);stroke-width:1.5}
.gauge-wrap .pin.on{fill:var(--lime)}
.gauge-wrap .pinlab{font-family:var(--mono);font-size:13px;font-weight:500;fill:var(--ink-3);letter-spacing:.06em}

/* Proof strip */
.proof{background:var(--ink);color:var(--paper);padding:0;position:relative;z-index:1}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.proof-item{padding:2.4rem 2rem;border-right:1px solid rgba(243,238,228,.12)}
.proof-item:last-child{border-right:0}
.proof-num{font-family:var(--serif);font-size:clamp(2.2rem,3.8vw,3.3rem);line-height:1;color:var(--lime)}
.proof-lab{margin-top:.6rem;font-size:.85rem;color:rgba(243,238,228,.62)}
.proof-src{margin-top:.25rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(243,238,228,.42)}
@media(max-width:860px){.proof-grid{grid-template-columns:1fr 1fr}.proof-item:nth-child(2){border-right:0}.proof-item{border-bottom:1px solid rgba(243,238,228,.12)}}

/* ICP */
.icp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.card{background:rgba(255,255,255,.42);border:1px solid var(--line);border-radius:14px;padding:2rem}
.card h3{font-size:1.25rem;margin-bottom:.8rem}
.card ul{list-style:none}
.card li{padding:.55rem 0;border-top:1px solid var(--line);color:var(--ink-2);font-size:.97rem;display:flex;gap:.7rem}
.card li::before{content:"→";color:var(--clay);font-family:var(--mono)}
.card.anti li::before{content:"✕";color:var(--ink-3)}
.card.anti{background:transparent}
@media(max-width:760px){.icp-grid{grid-template-columns:1fr}}

/* Engine six gauges */
.gauges{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.g{background:var(--paper);padding:2rem 1.8rem;transition:background .25s;position:relative}
.g:hover{background:rgba(255,255,255,.55)}
.g .n{font-family:var(--mono);font-size:.7rem;color:var(--clay);letter-spacing:.14em}
.g h3{font-size:1.2rem;margin:.9rem 0 .5rem}
.g p{color:var(--ink-2);font-size:.95rem}
.g .metric{margin-top:1rem;font-family:var(--mono);font-size:.72rem;color:var(--ink-3);letter-spacing:.06em}
.g .bar{height:4px;background:var(--paper-3);border-radius:4px;margin-top:.5rem;overflow:hidden}
.g .bar i{display:block;height:100%;width:var(--w,50%);background:linear-gradient(90deg,var(--clay),var(--lime));transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.in .g .bar i{transform:scaleX(1)}
@media(max-width:900px){.gauges{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.gauges{grid-template-columns:1fr}}

/* Clinic / diagnosis sheet */
.sheet{background:#fff;border:1px solid var(--line-2);border-radius:6px;box-shadow:0 30px 60px -30px rgba(27,25,21,.35);padding:2.4rem 2.6rem;position:relative;max-width:560px}
.sheet::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--clay);border-radius:6px 0 0 6px}
.sheet-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed var(--line-2);padding-bottom:.9rem;margin-bottom:1rem}
.sheet-h b{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.sheet-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.92rem;align-items:center}
.sheet-row .est{font-family:var(--mono);font-size:.8rem;color:var(--lime-ink);background:var(--lime);padding:2px 8px;border-radius:4px}
.sheet-row .pri{font-family:var(--mono);font-size:.7rem;color:var(--ink-3)}
.sheet-foot{margin-top:1rem;font-family:var(--mono);font-size:.7rem;color:var(--ink-3);letter-spacing:.06em}
.clinic{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.steps{list-style:none;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--line)}
.steps li::before{content:"0" counter(s);font-family:var(--serif);font-size:1.9rem;color:var(--clay);line-height:1}
.steps h4{font-size:1.05rem;margin-bottom:.3rem}
.steps p{color:var(--ink-2);font-size:.95rem}
@media(max-width:900px){.clinic{grid-template-columns:1fr}.sheet{max-width:100%}}

/* Work */
.work-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.2rem}
.case{border:1px solid var(--line-2);border-radius:16px;padding:2rem;min-height:340px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}
.case:hover{transform:translateY(-4px);box-shadow:0 30px 50px -35px rgba(27,25,21,.5)}
.case.dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.case .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.case h3{font-size:1.5rem;margin:.8rem 0}
.case .big{font-family:var(--serif);font-size:clamp(2.6rem,4.5vw,4.2rem);line-height:.95;color:var(--lime)}
.case.light .big{color:var(--clay)}
.case .kv{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:1.4rem}
.case .kv div{font-size:.85rem;opacity:.75}
.case .kv b{display:block;font-size:1.05rem;opacity:1;font-weight:600}
@media(max-width:900px){.work-grid{grid-template-columns:1fr}}

/* Capabilities */
.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 4rem}
.cap{padding:1.4rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:1rem}
.cap b{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--clay);padding-top:.25rem}
.cap p{color:var(--ink-2);font-size:.95rem}
@media(max-width:760px){.cap-grid{grid-template-columns:1fr}}

/* Studio pod strip */
.pod{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.role{background:var(--paper);padding:1.6rem 1.3rem}
.role .ill{width:44px;height:44px;border-radius:50%;background:var(--paper-3);position:relative;margin-bottom:1rem;overflow:hidden}
.role .ill::after{content:"";position:absolute;inset:auto 6px 6px;height:18px;border-radius:50% 50% 0 0;background:var(--clay)}
.role .ill::before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:var(--ink-3)}
.role b{display:block;font-size:.95rem}
.role span{font-size:.82rem;color:var(--ink-3)}
@media(max-width:900px){.pod{grid-template-columns:1fr 1fr}}

/* Compare table */
.cmp{width:100%;border-collapse:collapse;font-size:.93rem}
.cmp th,.cmp td{padding:1rem 1.1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp th{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500}
.cmp th.us,.cmp td.us{background:rgba(201,240,58,.16)}
.cmp td.us{font-weight:500}
.cmp-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px}

/* Insights */
.ins-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:start}
.post{padding:1.2rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.post b{font-weight:500}
.post span{font-family:var(--mono);font-size:.7rem;color:var(--ink-3);letter-spacing:.08em}
.form{background:var(--ink);color:var(--paper);border-radius:16px;padding:2rem}
.form h3{font-size:1.4rem;margin-bottom:.5rem}
.form p{color:rgba(243,238,228,.65);font-size:.92rem;margin-bottom:1.2rem}
.form input{width:100%;padding:.85rem 1rem;border-radius:8px;border:1px solid rgba(243,238,228,.2);background:rgba(243,238,228,.06);color:var(--paper);font-family:var(--sans);font-size:.95rem;margin-bottom:.7rem}
.form .btn{width:100%;justify-content:center;background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}
.form .btn:hover{background:var(--paper);border-color:var(--paper)}
@media(max-width:860px){.ins-grid{grid-template-columns:1fr}}

/* Final CTA */
.final{background:var(--ink);color:var(--paper);padding:7rem 0;text-align:center}
.final h2{font-size:clamp(2.4rem,5vw,4.4rem)}
.final .serif em{color:var(--lime)}
.final p{color:rgba(243,238,228,.68);max-width:52ch;margin:1.2rem auto 2.2rem}
.final .btn{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}
.final .btn:hover{background:var(--paper);border-color:var(--paper)}
.final .btn.ghost{background:transparent;color:var(--paper);border-color:rgba(243,238,228,.35)}
.final .btn.ghost:hover{background:var(--paper);color:var(--ink)}

/* Footer */
footer{border-top:1px solid var(--line);padding:2.5rem 0;font-size:.85rem;color:var(--ink-3)}
footer .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center}
footer nav{display:flex;gap:1.4rem;flex-wrap:wrap}
footer a:hover{color:var(--clay)}

/* Page headers (inner pages) */
.page-h{padding:6rem 0 3.5rem;border-bottom:1px solid var(--line)}
.page-h h1{font-size:clamp(2.4rem,5vw,4.2rem);max-width:18ch}
.page-h .lede{margin-top:1.4rem}

/* Calendly */
.cal{background:#fff;border:1px solid var(--line-2);border-radius:14px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(27,25,21,.4)}
.cal-h{padding:1rem 1.4rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.cal-h b{color:var(--lime-ink);background:var(--lime);padding:2px 8px;border-radius:4px;font-weight:600}
.diag-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start}
@media(max-width:900px){.diag-grid{grid-template-columns:1fr}}

/* Prose */
.prose{max-width:70ch}
.prose h2{font-size:1.5rem;margin:2.4rem 0 .8rem}
.prose p,.prose li{color:var(--ink-2);margin-bottom:.9rem}
.prose ul{padding-left:1.2rem}

/* Reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}

@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}.gauge-wrap{margin:0 auto;max-width:420px;width:100%}
  .nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:.5rem 5vw}
  .nav-links.open{display:flex}.nav-links a{padding:.9rem 0;border-top:1px solid var(--line)}
  .burger{display:block}.nav .btn{display:none}
}

.mobile-only{display:none}
@media(max-width:900px){.mobile-only{display:block;color:var(--clay);font-weight:600}}
@media(max-width:600px){.proof-num{font-size:1.9rem}.proof-item{padding:1.6rem 1.2rem}}

/* Services block on home */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.svc{background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:16px;padding:1.8rem;transition:border-color .25s,transform .25s}
.svc:hover{border-color:var(--clay);transform:translateY(-3px)}
.svc .n{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;color:var(--clay)}
.svc h3{font-size:1.25rem;margin:.7rem 0 .6rem}
.svc p{color:var(--ink-2);font-size:.93rem;margin-bottom:.9rem}
.svc ul{list-style:none;font-size:.86rem;color:var(--ink-3)}
.svc li{padding:.3rem 0;border-top:1px solid var(--line)}
.svc .out{margin-top:1rem;font-family:var(--mono);font-size:.72rem;color:var(--lime-ink);background:var(--lime);display:inline-block;padding:3px 9px;border-radius:4px}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr}}

/* Interactive gauge */
.gauge-wrap .pin-g{cursor:pointer}
.gauge-wrap .pin-g .pin{transition:r .2s,fill .2s,stroke-width .2s}
.gauge-wrap .pin-g:hover .pin,.gauge-wrap .pin-g.active .pin{r:15;fill:var(--lime);stroke-width:2.5}
.gauge-wrap .pin-g:hover .pinlab,.gauge-wrap .pin-g.active .pinlab{fill:var(--ink);font-weight:600}
.gauge-wrap .pinlab{font-size:11.5px;transition:fill .2s}
.gauge-wrap #gauge-sub{transition:opacity .2s}
.gauge-hint{position:absolute;left:50%;bottom:-1.6rem;transform:translateX(-50%);font-size:.66rem;color:var(--ink-3);letter-spacing:.1em;white-space:nowrap}
.gauge-wrap .gd{font-family:var(--sans);font-size:12px;fill:var(--ink-2)}
/* Services grid */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.svc{background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}
.svc::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px;background:var(--clay);opacity:0;transition:opacity .25s}
.svc:hover{transform:translateY(-4px);border-color:var(--clay);box-shadow:0 30px 50px -35px rgba(27,25,21,.4)}
.svc:hover::before{opacity:1}
.svc h3{font-size:1.25rem}
.svc p{color:var(--ink-2);font-size:.95rem;flex:1}
.svc-link{color:var(--clay);font-weight:600;font-size:.88rem;margin-top:.4rem}
.g{display:block;color:inherit}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.svc-grid{grid-template-columns:1fr}}
/* v3: segments, tabs, 8-role pod, channel labels */
.seg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.seg-grid.two{grid-template-columns:repeat(2,1fr)}
.seg{background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:.7rem;transition:transform .25s,border-color .25s,box-shadow .25s}
.seg:hover{transform:translateY(-4px);border-color:var(--clay);box-shadow:0 30px 50px -35px rgba(27,25,21,.45)}
.seg h3{font-size:1.4rem}.seg p{color:var(--ink-2)}.seg .small{flex:1}
.anti-line{margin-top:1.6rem;font-size:.92rem;color:var(--ink-3)}.anti-line b{color:var(--ink)}
.svc-n{font-size:.68rem;letter-spacing:.14em;color:var(--clay)}
.tabs{display:flex;gap:.4rem;margin-bottom:1rem}
.tab{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--ink-2);cursor:pointer;transition:all .2s}
.tab:hover{border-color:var(--ink)}.tab.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sheet[hidden]{display:none}
.pod.eight{grid-template-columns:repeat(4,1fr)}
.page-h .hero-ctas{margin-top:2rem}
@media(max-width:900px){.seg-grid,.seg-grid.two{grid-template-columns:1fr}.pod.eight{grid-template-columns:1fr 1fr}}
.track-h{font-size:.68rem;letter-spacing:.14em;color:rgba(243,238,228,.45);padding:1.6rem 2rem 0}
.proof .wrap{padding:0}
.post.soon{opacity:.55;cursor:default}.post.soon span{color:var(--clay)}
/* Blog */
.a-wrap{padding:3.5rem 0 5rem}
.a-inner{max-width:820px}
.crumbs{font-size:.72rem;letter-spacing:.08em;color:var(--ink-3);margin-bottom:2rem;display:block}
.crumbs a:hover{color:var(--clay)}
.a-h1{font-size:clamp(2.1rem,4.2vw,3.4rem);margin:1rem 0 1.2rem;line-height:1.05}
.a-h1 .serif{display:block;color:var(--ink-2)}
.a-meta{font-size:.74rem;letter-spacing:.06em;color:var(--ink-3);padding-bottom:1.6rem;border-bottom:1px solid var(--line)}
.a-meta a{color:var(--clay)}
.a-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:2rem 0}
.a-stat{background:var(--ink);color:var(--paper);padding:1.3rem 1.2rem}
.a-stat b{display:block;font-family:var(--serif);font-weight:400;font-size:1.9rem;color:var(--lime);line-height:1}
.a-stat span{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,238,228,.55);display:block;margin-top:.5rem}
.a-body{font-size:1.08rem;line-height:1.75;color:var(--ink-2)}
.a-body .a-lede{font-size:1.22rem;color:var(--ink);margin:2rem 0 1.5rem}
.a-body h2{font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--ink);margin:2.6rem 0 .9rem}
.a-body p{margin-bottom:1.1rem}
.a-body a{color:var(--clay);text-decoration:underline;text-underline-offset:3px}
.a-body b{color:var(--ink)}
.a-body sup{font-family:var(--mono);font-size:.62em;color:var(--clay)}
.a-body .cmp-scroll{margin:1.4rem 0 1.8rem}
.a-body .cmp{font-size:.9rem}
.callout{background:#fff;border:1px solid var(--line-2);border-left:4px solid var(--clay);border-radius:8px;padding:1.2rem 1.4rem;margin:1.6rem 0}
.callout b{font-size:.7rem;letter-spacing:.12em;color:var(--clay)}
.callout p{margin:.5rem 0 0;font-size:.98rem;color:var(--ink-2)}
.a-ol{padding-left:1.3rem;margin:1rem 0 1.5rem}
.a-ol li{margin-bottom:.8rem;padding-left:.3rem}
.sources{font-size:.74rem;color:var(--ink-3);border-top:1px solid var(--line);margin-top:2.4rem;padding-top:1.2rem;line-height:1.7}
.sources b{letter-spacing:.12em}.sources p{margin:.4rem 0 0}
.a-faq-h{font-size:1.6rem;margin:3rem 0 1rem}
.faq{border-top:1px solid var(--line);padding:1.1rem 0}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--clay);font-family:var(--mono);transition:transform .2s}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--ink-2);margin-top:.7rem}
.a-cta{background:var(--ink);color:var(--paper);border-radius:16px;padding:2.4rem;margin:3.5rem 0 3rem}
.a-cta h3{font-size:1.6rem;margin-bottom:.6rem}
.a-cta p{color:rgba(243,238,228,.68);margin-bottom:1.4rem}
.a-cta .btn{background:var(--lime);color:var(--lime-ink);border-color:var(--lime)}
.a-cta .btn:hover{background:var(--paper);border-color:var(--paper)}
.a-cta .small{color:rgba(243,238,228,.5)}
.a-rel .post{margin-top:.2rem}
.post.big{align-items:start;padding:1.6rem 0}
.post.big b{display:block;font-size:1.2rem;margin:.4rem 0}
.post.big p{margin:0}
.post.big>span{color:var(--clay);white-space:nowrap}
@media(max-width:600px){.a-stats{grid-template-columns:1fr}}