:root { --ink:#123d35; --ink-strong:#0c302a; --paper:#fbf8f0; --mist:#e9eee8; --line:#d4ddd5; --amber:#f3b73f; --muted:#587068; --radius:22px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink-strong); font:16px/1.5 ui-rounded, "SF Pro Rounded", "Avenir Next", Avenir, system-ui, sans-serif; }
a { color:inherit; text-underline-offset:3px; }
a:focus-visible { outline:3px solid var(--amber); outline-offset:4px; }
.wrap { width:min(1120px, calc(100% - 40px)); margin:auto; }
.topbar { background:var(--ink); color:white; font-size:.85rem; text-align:center; padding:8px 18px; }
nav { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-size:1.2rem; font-weight:800; letter-spacing:-.03em; }
.mark { width:33px; height:33px; display:inline-grid; grid-template-columns:repeat(3,1fr); gap:3px; padding:4px; border-radius:10px; background:var(--ink); }
.mark i { display:block; background:var(--amber); border-radius:2px; align-self:end; }.mark i:nth-child(1){height:40%}.mark i:nth-child(2){height:65%}.mark i:nth-child(3){height:100%}
.links { display:flex; align-items:center; gap:24px; color:var(--muted); font-size:.92rem; }.links a { text-decoration:none; }.links .locale { color:var(--ink); font-size:.78rem; font-weight:900; letter-spacing:.08em; border:1px solid var(--line); border-radius:999px; padding:6px 8px; }.button { display:inline-block; background:var(--amber); color:#1c342d; border-radius:999px; padding:12px 19px; font-weight:800; text-decoration:none; box-shadow:0 5px 0 #d7951e; }.button:hover { transform:translateY(-1px); }
.hero { padding:76px 0 88px; display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:54px; }.eyebrow { color:#907020; font-size:.78rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.hero h1 { font-size:clamp(3rem, 7vw, 5.75rem); letter-spacing:-.075em; line-height:.93; margin:15px 0 24px; max-width:720px; }.hero p { font-size:1.18rem; color:var(--muted); max-width:570px; margin:0 0 30px; }.micro { font-size:.83rem!important; margin-top:23px!important; }
.record { background:var(--ink); color:#f9f6ec; border-radius:28px; padding:24px; box-shadow:17px 17px 0 var(--mist); transform:rotate(2deg); }.record-head { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,.18); padding-bottom:16px; }.record-name { font-weight:800; letter-spacing:-.03em; }.chip { background:rgba(243,183,63,.18); color:#ffd46d; border:1px solid rgba(243,183,63,.35); padding:4px 9px; border-radius:999px; font-size:.7rem; font-weight:800; }.timeline { display:grid; gap:15px; padding:21px 0; }.event { display:grid; grid-template-columns:52px 1fr auto; align-items:center; gap:10px; font-size:.84rem; }.event time { color:#b0c4bc; }.dot { width:10px; height:10px; border-radius:99px; background:var(--amber); }.event span:last-child { color:#b0c4bc; font-size:.74rem; }.report-card { background:#f7f2e5; border-radius:15px; padding:14px; color:var(--ink); font-size:.78rem; }.report-card b { display:block; font-size:.89rem; margin-bottom:5px; }.hash { color:#657b73; font-family:ui-monospace, monospace; font-size:.65rem; }
.band { background:var(--ink); color:white; padding:82px 0; }.band h2,.section h2 { max-width:670px; letter-spacing:-.055em; font-size:clamp(2rem,4vw,3.5rem); line-height:1; margin:0 0 16px; }.band p { max-width:600px; color:#c0d0c9; font-size:1.08rem; }.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px; }.step { border:1px solid rgba(255,255,255,.2); border-radius:16px; padding:21px; }.step strong { display:block; color:#ffd46d; font-size:.8rem; letter-spacing:.09em; }.step h3 { margin:27px 0 8px; font-size:1.25rem; }.step p { font-size:.92rem; margin:0; }
.section { padding:94px 0; }.section > p { max-width:620px; color:var(--muted); font-size:1.08rem; }.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:42px; }.card { background:#fffdf8; border:1px solid var(--line); border-radius:var(--radius); padding:25px; }.card h3 { margin:18px 0 8px; letter-spacing:-.03em; }.card p { color:var(--muted); margin:0; }.icon { width:37px; height:37px; display:grid; place-items:center; border-radius:12px; background:var(--mist); color:var(--ink); font-weight:900; }
.truth { border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:80px 0; }.truth-grid { display:grid; grid-template-columns:1fr 1fr; gap:55px; }.truth h2 { letter-spacing:-.04em; font-size:2.25rem; margin:0; }.truth ul { padding:0; margin:0; list-style:none; }.truth li { padding:14px 0; border-bottom:1px solid var(--line); color:var(--muted); }.truth li::before { content:"→"; color:#bd851a; margin-right:11px; }.cta { padding:93px 0; text-align:center; }.cta h2 { letter-spacing:-.06em; font-size:clamp(2.2rem,5vw,4.2rem); line-height:.95; max-width:700px; margin:0 auto 21px; }.cta p { color:var(--muted); max-width:570px; margin:0 auto 30px; }
footer { border-top:1px solid var(--line); padding:28px 0 42px; display:flex; justify-content:space-between; gap:22px; color:var(--muted); font-size:.85rem; }.footer-links { display:flex; gap:18px; flex-wrap:wrap; }
.legal { max-width:760px; padding:60px 0 90px; }.legal h1 { font-size:clamp(2.4rem,6vw,4.5rem); letter-spacing:-.06em; line-height:1; margin:15px 0; }.legal h2 { margin-top:44px; letter-spacing:-.035em; }.legal p,.legal li { color:#456159; }.notice { background:#fff4d5; border:1px solid #e8c979; padding:17px 20px; border-radius:14px; color:#5c4614; }.meta { color:var(--muted); font-size:.9rem; }
@media (max-width:760px) { .links a:not(.button) { display:none; }.hero { grid-template-columns:1fr; padding:50px 0 72px; }.record { max-width:390px; justify-self:center; }.steps,.grid,.truth-grid { grid-template-columns:1fr; }.section,.band { padding:65px 0; } footer { flex-direction:column; }.hero h1 { font-size:3.4rem; } }