*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:#F6F4EF; --bg-warm:#F0EDE5; --surface:#FFFFFF; --surface-2:#EDEAE2; --green:#1A332D; --green-light:#243F38;
  --green-mid:#2C4F46; --green-faint:rgba(26,51,45,0.04); --gold:#A07D4F; --gold-light:#B8955F; --gold-soft:#D4BC8E;
  --gold-faint:rgba(160,125,79,0.08); --gold-glow:rgba(160,125,79,0.15); --text:#1A332D; --text-mid:#4A5B56;
  --text-muted:#7A8A84; --text-faint:#A8B4AF; --border:rgba(26,51,45,0.08); --border-mid:rgba(26,51,45,0.14);
  --border-strong:rgba(26,51,45,0.22); --font-display:'Playfair Display', Georgia, serif; --font-body:'DM Sans', system-ui, sans-serif;
  --font-mono:'IBM Plex Mono', monospace; --max:1140px; --side:clamp(1.5rem, 5vw, 3.5rem); --nav-h:64px;
  --ease-out:cubic-bezier(0.16, 1, 0.3, 1); --ease-smooth:cubic-bezier(0.4, 0, 0.2, 1);
}
html { scroll-behavior: smooth; }
body { background:var(--bg); color:var(--text); font-family:var(--font-body); font-weight:300; font-size:16px; line-height:1.72; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x:hidden; }
.skip-link { position:absolute; left:1rem; top:-4rem; background:var(--green); color:#fff; padding:.55rem .8rem; border-radius:.4rem; z-index:200; text-decoration:none; }
.skip-link:focus { top:1rem; }
.container { max-width:var(--max); margin:0 auto; padding:0 var(--side); }

/* ── Nav ── */
nav.nav { border-bottom:1px solid var(--border); background:rgba(246,244,239,.95); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); position:fixed; top:0; left:0; right:0; z-index:80; transition:box-shadow .28s var(--ease-smooth), border-color .28s var(--ease-smooth), background .28s var(--ease-smooth); }
nav.nav.scrolled { box-shadow:0 8px 30px rgba(26,51,45,.08); border-bottom-color:var(--border-mid); background:rgba(246,244,239,.98); }
.nav-inner { height:var(--nav-h); display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.nav-logo { font-family:var(--font-display); font-size:1.02rem; color:var(--green); text-decoration:none; font-weight:500; letter-spacing:.01em; }
.nav-logo .dot { color:var(--gold); }
.nav-toggle { display:none; font-family:var(--font-mono); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-mid); background:transparent; border:1px solid var(--border-mid); border-radius:3px; padding:.42rem .6rem; }
.nav-links { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; justify-content:flex-end; }
.nav-links a:not(.btn-nav) { font-family:var(--font-mono); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-mid); text-decoration:none; padding-bottom:.2rem; border-bottom:1px solid transparent; transition:color .3s, border-color .3s; }
.nav-links a:not(.btn-nav):hover, .nav-links a:not(.btn-nav).current { color:var(--gold); border-bottom-color:var(--gold); }
.btn-nav { display:inline-block; font-family:var(--font-mono); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; color:var(--surface); background:var(--green); padding:.85rem 1.6rem; border-radius:2px; text-decoration:none; transition:background .3s, box-shadow .3s, transform .2s; position:relative; overflow:hidden; }
.btn-nav::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg, transparent 40%, rgba(255,255,255,.06)); pointer-events:none; }
.btn-nav:hover { background:var(--green-light); box-shadow:0 4px 20px rgba(26,51,45,.18); transform:translateY(-1px); }

/* ── Utilities ── */
.kicker { font-family:var(--font-mono); font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; color:var(--text-mid); display:block; margin-bottom:1rem; }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .8s var(--ease-out), transform .8s var(--ease-out); }
.reveal.visible { opacity:1; transform:translateY(0); }
.d1 { transition-delay:.1s; } .d2 { transition-delay:.2s; } .d3 { transition-delay:.3s; } .d4 { transition-delay:.4s; }

/* ── Hero ── */
#hero { padding-top:calc(var(--nav-h) + 6rem); padding-bottom:5.5rem; position:relative; }
.hero-inner { display:block; max-width:680px; position:relative; }
.hero-eyebrow { display:flex; align-items:center; gap:.75rem; margin-bottom:1.75rem; }
.hero-eyebrow-line { width:2.5rem; height:1px; background:var(--border-strong); flex-shrink:0; }
h1.hero-h1 { font-family:var(--font-display); font-size:clamp(2.8rem,5.2vw,4.6rem); font-weight:400; line-height:1.1; letter-spacing:-.015em; color:var(--green); margin-bottom:1.75rem; }
h1.hero-h1 em { font-style:italic; color:inherit; }
.hero-sub { font-size:1rem; color:var(--text-mid); line-height:1.72; margin-bottom:2.5rem; max-width:580px; }
.hero-ctas { display:flex; gap:1.25rem; align-items:center; flex-wrap:wrap; }
.btn-primary { display:inline-block; font-family:var(--font-mono); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; color:var(--surface); background:var(--green); padding:.85rem 1.6rem; border-radius:2px; text-decoration:none; transition:background .3s, box-shadow .3s, transform .2s; position:relative; overflow:hidden; }
.btn-primary::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg, transparent 40%, rgba(255,255,255,.06)); pointer-events:none; }
.btn-primary:hover { background:var(--green-light); box-shadow:0 4px 20px rgba(26,51,45,.18); transform:translateY(-1px); }
.btn-ghost { display:inline-block; font-family:var(--font-mono); font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-mid); text-decoration:none; border-bottom:1px solid var(--border-mid); padding-bottom:.15rem; transition:color .3s, border-color .3s; }
.btn-ghost:hover { color:var(--gold); border-color:var(--gold); }

/* ── Verdict card (used in problem section on /abl/) ── */
.hero-verdict { border-left:2px solid var(--border-strong); padding:1.25rem 1.5rem; background:var(--surface); margin-bottom:2rem; box-shadow:0 1px 3px rgba(26,51,45,.04), 0 8px 32px rgba(26,51,45,.03); }
.hero-verdict p { font-family:var(--font-display); font-size:1.05rem; font-weight:400; font-style:italic; color:var(--green); line-height:1.6; }

/* ── Labeled rules ── */
.labeled-rule { display:flex; align-items:center; gap:1.75rem; padding:0 var(--side); max-width:var(--max); margin:0 auto; }
.labeled-rule hr { flex:1; border:none; border-top:1px solid var(--border); }
.labeled-rule span { font-size:.68rem; letter-spacing:.06em; text-transform:lowercase; font-family:var(--font-body); color:var(--text-faint); white-space:nowrap; }

/* ── Problem ── */
#problem { background:var(--green); padding:5rem 0; color:var(--bg); position:relative; overflow:hidden; }
.problem-grid { display:grid; grid-template-columns:1fr 1.7fr; gap:4rem; align-items:start; position:relative; }
.problem-heading { font-family:var(--font-display); font-size:clamp(2rem,3vw,2.7rem); font-weight:400; line-height:1.2; color:var(--bg); position:sticky; top:calc(var(--nav-h) + 2rem); }
.problem-heading em { font-style:italic; color:inherit; }
.problem-body p { font-size:.92rem; color:rgba(246,244,239,.68); line-height:1.88; margin-bottom:1.25rem; }
.problem-body p:last-child { margin-bottom:0; }
.problem-body strong { color:var(--bg); font-weight:400; }

/* ── Process ── */
#process, #fit, #contact { padding:5rem 0; }
.process-intro-row { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:end; margin-bottom:3.75rem; }
.section-h2, .fit-h2, .market-h2 { font-family:var(--font-display); font-size:clamp(2rem,3vw,2.7rem); font-weight:400; line-height:1.2; color:var(--green); }
.section-h2 em, .market-h2 em { font-style:italic; color:inherit; }
.process-desc { font-size:.88rem; color:var(--text-mid); line-height:1.82; max-width:380px; align-self:end; }
.tiles { display:grid; gap:1px; background:var(--border); border:1px solid var(--border); grid-template-columns:repeat(2,1fr); }
.tile { background:var(--surface); padding:2.5rem 2.25rem; transition:background .4s var(--ease-smooth); position:relative; }
.tile::before { content:''; position:absolute; top:0; left:0; width:0; height:2px; background:var(--green); transition:width .5s var(--ease-out); }
.tile:hover { background:var(--bg); }
.tile:hover::before { width:100%; }
.tile-top { display:block; margin-bottom:1.25rem; }
.tile-num { font-family:var(--font-mono); font-size:.62rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-faint); line-height:1; display:block; margin-bottom:.5rem; }
.tile-title { font-family:var(--font-display); font-size:1.25rem; font-weight:500; color:var(--green); line-height:1.28; }
.tile-body { font-size:.86rem; color:var(--text-mid); line-height:1.78; }
.tile-point { display:flex; align-items:flex-start; gap:.65rem; margin-top:.85rem; font-size:.78rem; color:var(--text-mid); font-family:var(--font-mono); letter-spacing:.04em; }
.tile-point::before { content:''; display:inline-block; width:16px; height:1px; background:var(--border-strong); margin-top:.55em; flex-shrink:0; }

/* ── Offer ── */
#offer { background:var(--surface); padding:5rem 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.offer-grid { display:grid; grid-template-columns:1fr 1.8fr; gap:5rem; align-items:start; }
.offer-label-sub { font-size:.88rem; color:var(--text-mid); line-height:1.72; margin-top:.75rem; }
.offer-card { border:1px solid var(--border-mid); border-top:2px solid var(--green); background:var(--bg); box-shadow:0 1px 2px rgba(26,51,45,.03), 0 8px 40px rgba(26,51,45,.04); }
.offer-card-head { padding:1.75rem 2rem; border-bottom:1px solid var(--border); }
.offer-title { font-family:var(--font-display); font-size:2rem; font-weight:400; color:var(--green); }
.offer-col-label, .fit-col-head, .stat-label { font-family:var(--font-mono); text-transform:uppercase; }
.offer-body-pad { padding:1.75rem 2rem; }
.offer-desc { font-size:.88rem; color:var(--text-mid); line-height:1.82; margin-bottom:2rem; }
.offer-cols { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; margin-bottom:2rem; padding:1.5rem 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.offer-col-label { font-size:.6rem; letter-spacing:.12em; color:var(--text-faint); margin-bottom:.85rem; display:block; }
.offer-list, .fit-list, .contact-checklist, .contact-bullets, .footer-links { list-style:none; display:flex; flex-direction:column; }
.offer-list { gap:.45rem; }
.offer-list li { font-size:.84rem; color:var(--text-mid); padding-left:1rem; position:relative; line-height:1.58; }
.offer-list li::before, .contact-bullets li::before { content:'/'; position:absolute; left:0; color:var(--text-faint); font-size:.72rem; }
.offer-cta-row { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.offer-cta-note, .offer-note { font-size:.78rem; color:var(--text-muted); }
.offer-note { line-height:1.72; margin-top:1.75rem; padding-top:1.25rem; border-top:1px solid var(--border); }

/* ── Fit ── */
.fit-header { margin-bottom:3.25rem; }
.fit-h2 { max-width:540px; }
.fit-grid { display:grid; gap:1px; background:var(--border); border:1px solid var(--border); grid-template-columns:1fr 1fr; }
.fit-col { padding:2.25rem 2rem; }
.fit-col.strong { background:var(--surface); }
.fit-col.weak { background:var(--bg); }
.fit-col-head { font-size:.6rem; letter-spacing:.14em; margin-bottom:1.75rem; padding-bottom:1rem; border-bottom:1px solid var(--border); }
.fit-col.strong .fit-col-head { color:var(--green); }
.fit-col.weak .fit-col-head { color:var(--text-faint); }
.fit-list { gap:1.1rem; }
.fit-list li { font-size:.86rem; color:var(--text-mid); line-height:1.68; padding-left:1.5rem; position:relative; }
.fit-col.strong .fit-list li::before { content:'+'; position:absolute; left:0; color:var(--green); }
.fit-col.weak .fit-list li::before { content:'×'; position:absolute; left:.1rem; color:var(--text-faint); }

/* Dual-strong layout for homepage fit section */
.fit-strong-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--border); border:1px solid var(--border); border-bottom:none; }
.fit-shared { border:1px solid var(--border); border-top:none; border-bottom:none; padding:1.75rem 2rem; background:var(--bg); }
.fit-shared p { font-size:.86rem; color:var(--text-mid); line-height:1.68; }
.fit-not-fit { border:1px solid var(--border); border-top:none; }
.fit-not-fit .fit-col { background:var(--bg); width:100%; }

/* ── Market ── */
#market { background:var(--surface-2); padding:5rem 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.market-grid { display:grid; grid-template-columns:1fr 1.7fr; gap:5rem; align-items:start; }
.market-sticky { position:sticky; top:calc(var(--nav-h) + 2rem); }
.market-h2 { margin-bottom:1.75rem; }
.market-body p { font-size:.9rem; color:var(--text-mid); line-height:1.88; margin-bottom:1.25rem; }
.market-body p:last-child { margin-bottom:0; }
.market-body strong { color:var(--green); font-weight:400; }
.stat-row { display:grid; gap:1px; background:var(--border); border:1px solid var(--border); grid-template-columns:repeat(3,1fr); margin-top:2.5rem; }
.stat-cell { background:var(--surface); padding:1.5rem 1.25rem; text-align:center; }
.stat-num { font-family:var(--font-display); font-size:2rem; font-weight:400; color:var(--green); line-height:1; margin-bottom:.5rem; }
.stat-label { font-size:.58rem; letter-spacing:.12em; color:var(--text-muted); line-height:1.5; }

/* Dual-rail market layout for homepage */
.market-header { max-width:720px; margin-bottom:3rem; }
.market-intro { font-size:.92rem; color:var(--text-mid); line-height:1.88; margin-top:1rem; }
.market-dual { display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.market-vertical-label { font-family:var(--font-mono); font-size:.62rem; letter-spacing:.14em; text-transform:uppercase; color:var(--text-faint); display:block; margin-bottom:1.5rem; padding-bottom:.75rem; border-bottom:1px solid var(--border); }
.market-body-text { font-size:.9rem; color:var(--text-mid); line-height:1.88; }

/* ── Contact ── */
.contact-grid { display:grid; gap:1px; background:var(--border); border:1px solid var(--border); grid-template-columns:1fr 1fr; }
.contact-col { padding:2.5rem 2.25rem; }
.contact-col.primary { background:var(--surface); }
.contact-col.alt { background:var(--bg); }
.contact-h2 { font-family:var(--font-display); font-size:clamp(2.2rem,3.5vw,3rem); font-weight:400; line-height:1.14; color:var(--green); margin-bottom:1rem; }
.contact-h2 em { font-style:italic; color:inherit; }
.contact-sub, .contact-right-sub { font-size:.86rem; color:var(--text-mid); line-height:1.82; }
.contact-sub { margin-bottom:2rem; max-width:340px; }
.contact-checklist { gap:.85rem; margin-bottom:2.5rem; }
.contact-checklist li { font-size:.86rem; color:var(--text-mid); padding-left:1.5rem; position:relative; line-height:1.65; }
.contact-checklist li::before { content:'›'; position:absolute; left:0; color:var(--text-mid); font-size:1rem; top:-.05em; font-weight:500; }
.contact-right-h3 { font-family:var(--font-display); font-size:1.5rem; font-weight:400; color:var(--green); margin-bottom:.75rem; }
.contact-right-sub { margin-bottom:1.5rem; }
.contact-bullets { gap:.65rem; margin-bottom:2rem; }
.contact-bullets li { font-size:.84rem; color:var(--text-mid); padding-left:1.25rem; position:relative; line-height:1.65; }
.contact-email-link { display:inline-block; font-family:var(--font-mono); font-size:.78rem; letter-spacing:.04em; color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(160,125,79,.3); padding-bottom:.15rem; transition:border-color .3s, color .3s; }
.contact-email-link:hover { border-color:var(--gold); color:var(--gold-light); }

/* ── Footer ── */
footer { padding:2.25rem 0; border-top:1px solid var(--border); background:var(--bg); }
.footer-inner { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:1.25rem; }
.footer-brand-block { display:flex; flex-direction:column; gap:.3rem; }
.footer-brand { font-family:var(--font-display); font-size:.98rem; color:var(--text-mid); font-weight:500; }
.footer-brand .dot { color:var(--gold); }
.footer-location { font-family:var(--font-body); font-size:.72rem; font-weight:300; color:var(--text-faint); }
.footer-right { display:flex; flex-direction:column; align-items:flex-end; gap:.5rem; }
.footer-copy { font-family:var(--font-body); font-size:.72rem; font-weight:300; letter-spacing:.02em; color:var(--text-faint); }
.footer-links { flex-direction:row; gap:1.5rem; }
.footer-links a { font-family:var(--font-body); font-size:.72rem; font-weight:300; color:var(--text-muted); text-decoration:none; transition:color .3s; }
.footer-links a:hover { color:var(--green); }

/* ── Responsive ── */
@media (max-width:880px) {
  :root { --nav-h:56px; }
  .nav-inner { align-items:center; flex-wrap:wrap; padding-top:.6rem; padding-bottom:.6rem; height:auto; row-gap:.7rem; }
  .nav-toggle { display:inline-flex; align-items:center; justify-content:center; margin-left:auto; }
  .nav-links { width:100%; justify-content:flex-start; gap:.65rem .9rem; max-height:0; opacity:0; overflow:hidden; pointer-events:none; transform:translateY(-6px); transition:max-height .26s var(--ease-smooth), opacity .22s var(--ease-smooth), transform .22s var(--ease-smooth); }
  nav.nav.menu-open .nav-links { max-height:260px; opacity:1; pointer-events:auto; transform:translateY(0); }
  .nav-links a:not(.btn-nav) { font-size:.6rem; letter-spacing:.08em; }
  .btn-nav { padding:.7rem 1rem; }
  #hero { padding-top:calc(var(--nav-h) + 4.5rem); }
  .hero-verdict { padding:1.2rem 1.1rem; }
  .hero-verdict p { font-size:1.02rem; line-height:1.55; }
  .offer-card-head, .offer-body-pad { padding-left:1.25rem; padding-right:1.25rem; }
  .fit-col, .contact-col { padding-left:1.25rem; padding-right:1.25rem; }
  .tile { padding:1.6rem 1.35rem; }
  .footer-inner { justify-content:flex-start; }
  .footer-right { align-items:flex-start; }
  .problem-grid, .offer-grid, .market-grid, .process-intro-row { grid-template-columns:1fr; gap:2.5rem; }
  .tiles, .fit-grid, .contact-grid, .offer-cols, .stat-row { grid-template-columns:1fr; }
  .fit-strong-grid { grid-template-columns:1fr; }
  .market-dual { grid-template-columns:1fr; gap:2rem; }
  .market-sticky, .problem-heading { position:static; }
  section { padding:4rem 0 !important; }
}
@media (max-width:540px) {
  :root { --side:1.1rem; }
  .nav-inner { row-gap:.6rem; }
  .nav-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:.55rem; }
  .nav-links a:not(.btn-nav) { text-align:center; font-size:.66rem; padding:.58rem .28rem; border:1px solid var(--border-mid); border-radius:3px; background:rgba(255,255,255,.88); }
  .btn-nav { width:100%; text-align:center; grid-column:1 / -1; }
  h1.hero-h1 { font-size:2rem; margin-bottom:1.75rem; }
  .hero-ctas { flex-direction:column; align-items:stretch; width:100%; }
  .hero-ctas .btn-primary, .hero-ctas .btn-ghost { width:100%; text-align:center; }
  .hero-ctas .btn-ghost { padding:.7rem 1rem; border:1px solid var(--border-mid); }
  .tile-title { font-size:1.1rem; }
  .contact-h2 { font-size:2rem; }
}