/* Shared tokens for the prototypes. The real site has its own copy in src/styles. */
@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&family=Instrument+Serif:ital@1&display=swap");
:root{
  --navy:#1c2341; --gold:#f4d98b; --bone:#f6efdd; --bone-2:#ece3cc; --ink:#1c2341; --ink-soft:#4a5070; --ink-faint:#8b90a8;
  --line:#d9d0b8; --paper:var(--bone); --text:var(--ink); --muted:var(--ink-soft);
  --sans:"Geist",system-ui,sans-serif; --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace; --serif:"Instrument Serif",Georgia,serif;
}
.dark{ --paper:var(--navy); --text:#efe9d8; --muted:#aeb3c9; --line:#2d3558; --ink-faint:#6a7090; }
*{box-sizing:border-box} html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);line-height:1.5;font-size:17px}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.mono{font-family:var(--mono);font-size:13px;letter-spacing:.02em}
.eyebrow{font-family:var(--mono);font-size:12.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}
nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}
.logo{width:26px;height:26px;display:block}
.links{display:flex;gap:26px;font-size:14.5px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:6px;font-weight:500;font-size:15px;border:1px solid transparent;transition:background .15s,color .15s}
.btn-primary{background:var(--navy);color:var(--gold)} .dark .btn-primary{background:var(--gold);color:var(--navy)}
.btn-ghost{border-color:var(--line);color:var(--text)} .btn-ghost:hover{background:rgba(28,35,65,.06)} .dark .btn-ghost:hover{background:rgba(244,217,139,.08)}
h1{font-weight:500;letter-spacing:-.035em;line-height:1.02;margin:0}
h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.lede{font-size:19px;color:var(--muted);max-width:52ch;margin:22px 0 0}
.cmd{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13.5px;border:1px solid var(--line);border-radius:6px;padding:10px 14px;background:rgba(255,255,255,.35)} .dark .cmd{background:rgba(255,255,255,.04)}
.cmd b{color:var(--ink-faint);font-weight:400}
footer{border-top:1px solid var(--line);padding:28px 0;font-size:13.5px;color:var(--muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lab-tag{position:fixed;left:12px;bottom:12px;font-family:var(--mono);font-size:11px;background:var(--navy);color:var(--gold);padding:6px 9px;border-radius:4px;z-index:50}
@keyframes draw{to{stroke-dashoffset:0}}
.thread{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 6s cubic-bezier(.4,0,.2,1) .4s forwards}
@media(prefers-reduced-motion:reduce){.thread{animation:none;stroke-dashoffset:0}}