@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/jetbrains-mono-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/newsreader-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"Sora";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/sora-latin-800-normal.woff2) format("woff2")}

:root{
  --bg:#FAF8F5;
  --surface:#F3EFE8;
  --surface-card:#F7F4EE;
  --paper:#FFFFFF;
  --ink:#191918;
  --muted:#615E57;
  --line:#E5E0D6;
  --line-dark:#2E2E2C;
  --accent:#CC785C;
  --accent-ink:#A85A40;
  --accent-soft:rgba(204,120,92,0.12);
  --max:1160px;
  --radius:24px;
  --radius-sm:16px;
  --shadow:0 18px 45px -15px rgba(25,25,24,0.06), 0 4px 12px -2px rgba(25,25,24,0.03);
}
*{box-sizing:border-box}
b,strong{font-weight:600}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}
.wrap{width:min(calc(100% - 40px),var(--max));margin:0 auto}
a{color:inherit}
.section{margin-bottom:84px}

/* HEADER */
.site-header-bar{position:sticky;top:0;z-index:100;background:rgba(250,248,245,0.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px}
.brand,.footer-brand{text-decoration:none;display:inline-flex;align-items:center;flex-shrink:0}
.brand-logo-typography{font-family:"Sora",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-0.06em;line-height:0.85;user-select:none;white-space:nowrap;color:var(--ink);font-size:clamp(18px,2vw,24px);transition:color .2s ease}
.brand:hover .brand-logo-typography{color:var(--accent)}
.footer-brand .brand-logo-typography{font-size:clamp(16px,1.8vw,20px)}
.nav{display:flex;gap:8px;align-items:center}
.pill{text-decoration:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--ink);transition:all .2s ease;white-space:nowrap}
.pill:hover{border-color:var(--ink);background:var(--surface)}
.pill.primary{background:var(--ink);border-color:var(--ink);color:#fff}
.pill.primary:hover{background:var(--accent);border-color:var(--accent)}
.hero-check{background:var(--paper);border:1.5px solid var(--ink);border-radius:18px;padding:12px 12px 12px 18px;box-shadow:0 14px 40px rgba(25,25,24,.10);max-width:640px}
.hc-title{display:block;font-size:14px;color:var(--muted);margin:0 0 8px 2px}
.hc-title b{color:var(--ink);font-weight:600}
.hc-row{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.hc-input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;padding:9px 14px;color:var(--ink);outline:none}
.hc-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.hc-row .btn{padding:11px 22px;flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;text-decoration:none;background:var(--ink);color:#fff;font-weight:600;border:1px solid var(--ink);font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px rgba(25,25,24,0.12);font-family:inherit}
.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}
.site-footer{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:32px 32px 24px}
.footer-main{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.footer-info p{margin:12px 0 0;font-size:13px;color:var(--muted);max-width:520px}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a{color:var(--muted);text-underline-offset:4px;font-size:13px;font-weight:500}
.footer-links a:hover{color:var(--ink)}
.footer-legal{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
    .footer-legal a{color:var(--muted);text-underline-offset:3px}
    .footer-more{display:block;margin-top:6px}
@media(max-width:1000px){.nav .pill.opt{display:none}}
@media(max-width:560px){.nav .pill:not(.primary){display:none}.wrap{width:min(calc(100% - 28px),var(--max))}}
.crumbs{font-size:13px;color:var(--muted);margin:28px 0 22px}
.crumbs a{color:var(--muted);text-underline-offset:3px}
.art{max-width:760px}
.art .cat{font-family:"JetBrains Mono",monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-ink);font-weight:600}
.art h1{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:clamp(32px,4.4vw,48px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 18px}
.art p,.art li{font-size:17px;color:#3D3B37}
.art p.lead{font-size:20px;color:var(--ink);font-weight:500;line-height:1.5}
.art ul,.art ol{padding-left:22px}.art li{margin-bottom:6px}.art li strong{color:var(--ink)}
.art a{color:var(--accent-ink);text-underline-offset:3px}
.art-cta{margin:40px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px}
.art-cta h2{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:26px;margin:0 0 6px}
.art-cta p{margin:0 0 14px;color:var(--muted);font-size:15px}
.art-cta .hero-check{max-width:none;box-shadow:none}
.art-cta .links{margin-top:12px;font-size:14px;display:flex;gap:18px;flex-wrap:wrap}
.art-cta .links a{color:var(--ink);font-weight:600}
.more{margin:0 0 64px}
.more h2{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:24px;margin:0 0 12px}
.more ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.more a{display:block;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-decoration:none;font-weight:500}
.more a:hover{border-color:var(--ink)}
@media(max-width:560px){.hc-row .btn{padding:11px 16px}.art p,.art li{font-size:16px}}