@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Space+Grotesk:wght@400;700&display=swap');

:root { --ink:#0a0e17; --ink-soft:#141c2a; --copper:#d48c86; --mist:#e2e8f0; --muted:#96a2b4; --line:rgba(226,232,240,.16); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--mist); font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height:1.55; }
a { color:var(--mist); }
body::before { content:""; position:fixed; inset:0; z-index:-1; opacity:.35; pointer-events:none; background:radial-gradient(circle at 90% 8%, #24334c 0, transparent 27rem), radial-gradient(circle at 15% 75%, #1a2230 0, transparent 31rem); }
.skip-link { position:absolute; left:-999px; }
.skip-link:focus { left:16px; top:16px; z-index:10; padding:10px; background:var(--mist); color:var(--ink); }
.site-header { position:sticky; top:0; z-index:1000; display:flex; align-items:center; justify-content:space-between; padding:18px clamp(24px,5vw,80px); border-bottom:1px solid var(--line); background:rgba(10,14,23,.95); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.wordmark, h1, h2, h3 { color:var(--mist); font-family:"Space Grotesk", "Inter", system-ui, sans-serif; font-weight:700; letter-spacing:.12em; }
.wordmark { font-size:.8rem; }
nav { display:flex; gap:18px; margin-left:auto; margin-right:34px; } nav a { color:var(--muted); font-size:.63rem; font-weight:700; letter-spacing:.1em; text-decoration:none; } nav a:hover, nav a:focus-visible { color:var(--copper); }
.header-actions, .status, .language-toggle { display:flex; align-items:center; gap:16px; }
.state-indicators { display:flex; align-items:center; gap:13px; color:var(--muted); font-size:10px; font-weight:700; letter-spacing:.08em; white-space:nowrap; }.state-indicators > span + span { padding-left:13px; border-left:1px solid var(--line); }.state-day { color:var(--copper); }.state-date { color:var(--mist); }
.status { color:var(--muted); font-size:.64rem; letter-spacing:.14em; }
.status span:first-child { display:block; width:7px; height:7px; border-radius:100%; background:var(--copper); box-shadow:0 0 16px var(--copper); }
.language-toggle { gap:0; border:1px solid var(--line); }
.language-toggle button { border:0; padding:7px 9px; color:var(--muted); background:transparent; cursor:pointer; font-size:.66rem; letter-spacing:.12em; }
.language-toggle button.active { background:var(--mist); color:var(--ink); }
.hero { min-height:calc(100vh - 84px); display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:4rem; max-width:1440px; padding:clamp(70px,10vw,150px) clamp(24px,9vw,144px); margin:auto; }
.eyebrow, .overline, .section-label, .entry-day, .entry-date { color:var(--copper); font-size:.68rem; font-weight:700; letter-spacing:.18em; }
h1 { margin:.2rem 0 0; font-size:clamp(3.2rem,9vw,8.7rem); line-height:.9; }
.hero-subtitle { margin:1.2rem 0 0; color:var(--mist); font-size:clamp(1.2rem,2vw,1.8rem); }
.divider { width:68px; height:1px; margin:2.4rem 0; background:var(--copper); }
.launch-line { margin:0; font-size:1rem; }
.button { display:inline-block; border:1px solid var(--copper); padding:13px 17px; color:var(--mist); font-size:.7rem; font-weight:700; letter-spacing:.12em; text-decoration:none; transition:.2s; }
.button:hover { background:var(--copper); color:var(--ink); }
.hero-flag { margin:0; text-align:center; }
.hero-flag img { display:block; width:100%; max-width:540px; margin:auto; box-shadow:0 28px 80px rgba(0,0,0,.36); }
.hero-flag p { color:var(--muted); margin:15px 0 0; font-size:.67rem; letter-spacing:.14em; }
.principle-strip { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:22px; padding:23px; background:var(--copper); color:var(--ink); font-size:.67rem; font-weight:700; letter-spacing:.15em; text-align:center; }
.principle-strip p { margin:0; }.principle-strip i { width:4px; height:4px; background:var(--ink); transform:rotate(45deg); }
.section { display:grid; grid-template-columns:minmax(140px,.35fr) 1fr; gap:3rem; max-width:1120px; margin:auto; padding:clamp(70px,10vw,150px) 24px; border-bottom:1px solid var(--line); }
.section-label { display:flex; gap:15px; }.section-label span:first-child { color:var(--muted); }
.overline { margin:0 0 1rem; }
h2 { max-width:720px; margin:0; color:var(--mist); font-size:clamp(2rem,4.2vw,4rem); line-height:1.08; }
.manifesto-text { max-width:690px; margin-top:3rem; columns:2; gap:3rem; color:#c5cfdb; font-size:.96rem; }
.manifesto-text p { margin:0 0 1.25rem; break-inside:avoid; }
.chronicle-entry { display:grid; grid-template-columns:150px 1fr; gap:2rem; margin-top:3rem; padding:2rem 0; border-top:1px solid var(--line); }
.chronicle-entry div:first-child { display:flex; flex-direction:column; gap:7px; }.entry-date { color:var(--muted); font-size:.63rem; }h3 { margin:0 0 1rem; font-size:1.1rem; }.chronicle-entry p, .treasury-intro { max-width:620px; margin:0; color:#c5cfdb; }
.chronicle-complete { margin-top:3rem; }.chronicle-chapter { max-width:670px; padding:1.2rem 0; border-top:1px solid var(--line); }.chronicle-chapter:first-of-type { margin-top:2rem; }.chronicle-chapter h4 { margin:0 0 .55rem; color:var(--copper); font-family:"Space Grotesk", "Inter", system-ui, sans-serif; font-size:.72rem; letter-spacing:.1em; }.chronicle-chapter p { line-height:1.7; }
.treasury { border-bottom:0; }.treasury-intro { margin-top:1.5rem; }.ledger { max-width:640px; margin-top:2.5rem; border-top:1px solid var(--line); }.ledger div { display:flex; justify-content:space-between; padding:17px 0; border-bottom:1px solid var(--line); color:var(--muted); }.ledger strong { color:var(--mist); font-size:1.2rem; }
.timeline { max-width:680px; margin:3rem 0 0; padding:0; list-style:none; border-left:1px solid var(--line); }.timeline li { position:relative; display:flex; justify-content:space-between; gap:1rem; padding:0 0 26px 34px; color:var(--mist); }.timeline li::before { content:""; position:absolute; left:-6px; top:5px; width:10px; height:10px; border:1px solid var(--mist); border-radius:50%; background:var(--ink); }.timeline li.done::before { border-color:var(--copper); background:var(--copper); box-shadow:0 0 14px rgba(212,140,134,.7); }.timeline li.active::before { width:12px; height:12px; left:-7px; top:4px; border:2px solid var(--mist); }.timeline strong { font-size:.84rem; letter-spacing:.08em; }.timeline span { color:var(--muted); font-size:.65rem; letter-spacing:.1em; white-space:nowrap; }
.cabinet-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:760px; margin-top:3rem; }.cabinet-card { min-height:115px; padding:22px; border:1px solid var(--line); background:rgba(226,232,240,.025); }.cabinet-card strong { display:block; margin-bottom:8px; color:var(--copper); font-size:.77rem; letter-spacing:.1em; }.cabinet-card span { color:#c5cfdb; font-size:.85rem; }
.observe-content > p:not(.overline) { max-width:600px; margin:1.5rem 0 0; color:#c5cfdb; }.cta-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:2.3rem; }.button-secondary { border-color:var(--line); }.button-secondary:hover { border-color:var(--copper); }.footer-detail { display:grid; gap:8px; max-width:520px; }.footer-detail a { color:var(--mist); text-decoration-color:var(--copper); text-underline-offset:4px; } .footer-detail a:hover, .footer-detail a:focus-visible { color:var(--copper); }
footer { display:flex; justify-content:space-between; gap:4rem; padding:32px clamp(24px,5vw,80px); border-top:1px solid var(--line); color:var(--muted); font-size:.68rem; line-height:1.6; }footer p { max-width:520px; margin:0; }footer > p:first-child { color:var(--mist); letter-spacing:.15em; }footer > p:first-child span { color:var(--copper); }
@media (max-width:900px) { nav { display:none; } }
@media (max-width:768px) { .site-header { align-items:flex-start; padding:14px 20px; gap:12px; }.header-actions { margin-left:auto; align-items:flex-start; gap:9px; }.state-indicators { flex-direction:column; align-items:flex-end; gap:3px; }.state-indicators > span + span { padding-left:0; border-left:0; }.state-treasury { display:none; } }
@media (max-width:700px) { .status { display:none; }.hero { grid-template-columns:1fr; padding-top:80px; }.hero-flag { grid-row:1; }.hero-flag img { max-width:400px; }.section { grid-template-columns:1fr; gap:1.5rem; }.manifesto-text { columns:1; }.chronicle-entry { grid-template-columns:1fr; gap:1rem; }.cabinet-cards { grid-template-columns:1fr; } footer { flex-direction:column; gap:1rem; } }