@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&display=swap');

:root { --ink:#18181b; --muted:#52525b; --bg:#f4f4f5; --surface:#fff; --surface-muted:#fafafa; --line:#e4e4e7; --teal:#0f766e; --teal-bright:#14b8a6; --teal-soft:#ccfbf1; --orange:#c2410c; --sidebar:#18181b; --max:1240px; --shadow:0 10px 30px rgba(24,24,27,.06); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font-family:"Work Sans",ui-sans-serif,system-ui,sans-serif; font-size:16px; font-weight:500; line-height:1.6; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--teal); }
.section-shell { max-width:var(--max); margin:0 auto; padding-left:32px; padding-right:32px; }
.site-header { max-width:var(--max); margin:0 auto; padding:24px 32px; display:flex; align-items:center; justify-content:space-between; }
.brand,.footer-brand { display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.18rem; letter-spacing:-.05em; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; color:var(--teal); background:var(--teal-soft); border:1px solid #99f6e4; font-size:1rem; font-weight:800; border-radius:10px; }
.site-nav,.footer-links { display:flex; gap:28px; align-items:center; font-size:.9rem; color:var(--muted); }
.site-nav a.active { color:var(--teal); }
.nav-button,.button { display:inline-flex; align-items:center; gap:14px; padding:11px 15px; border:1px solid var(--line); border-radius:8px; color:var(--ink); font-weight:700; font-size:.86rem; letter-spacing:0; box-shadow:0 2px 5px rgba(24,24,27,.04); }
.nav-button:hover,.button:hover { color:#fff; background:var(--teal); border-color:var(--teal); }
.hero { min-height:650px; padding-top:78px; padding-bottom:86px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }
.eyebrow,.page-kicker,.card-label,.visual-topline,.legal-date { font-family:"Work Sans",ui-sans-serif,system-ui,sans-serif; text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:800; color:var(--muted); }
.eyebrow { display:flex; align-items:center; gap:11px; margin:0 0 24px; }
.eyebrow-line { width:27px; height:2px; background:var(--teal); display:inline-block; border-radius:2px; }
h1,h2,p { margin-top:0; }
h1,h2 { line-height:1.08; letter-spacing:-.065em; }
h1 { max-width:650px; margin-bottom:26px; font-size:clamp(3.7rem,7vw,6.5rem); font-weight:800; }
h2 { font-size:clamp(2.4rem,4.5vw,4.2rem); font-weight:700; }
em { color:var(--teal); font-style:normal; }
.hero-lede { max-width:470px; color:var(--muted); font-size:1.08rem; }
.hero-actions { display:flex; align-items:center; gap:26px; margin-top:36px; }
.button-primary { border-color:var(--teal); background:var(--teal); color:#fff; box-shadow:0 5px 14px rgba(15,118,110,.18); }.button-primary:hover { background:#115e59; border-color:#115e59; }
.text-link { display:inline-flex; align-items:center; gap:12px; color:var(--teal); border-bottom:1px solid #99f6e4; padding-bottom:4px; font-size:.9rem; font-weight:700; }.text-link:hover { border-color:var(--teal); }
.hero-visual { position:relative; max-width:480px; margin-left:auto; padding:24px; background:var(--surface); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); }
.visual-topline { display:flex; justify-content:space-between; color:var(--muted); font-size:.66rem; }
.live-status { color:var(--teal); letter-spacing:0; text-transform:none; }.live-status i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:var(--teal-bright); }
.visual-card { padding:22px; background:var(--surface-muted); border:1px solid var(--line); border-radius:10px; }.visual-card-large { margin-top:20px; }
.card-label { font-size:.65rem; color:var(--muted); }.movement-number { padding:18px 0 12px; font-size:3.5rem; line-height:1; letter-spacing:-.07em; font-weight:800; }.movement-number span { color:var(--muted); font-size:.86rem; letter-spacing:0; font-weight:600; }
.movement-bar { height:7px; margin:8px 0 12px; background:var(--line); border-radius:9px; overflow:hidden; }.movement-bar span { display:block; width:72%; height:100%; background:var(--teal-bright); border-radius:9px; }
.movement-meta,.card-foot { color:var(--muted); font-size:.75rem; }.movement-meta { display:flex; justify-content:space-between; }.movement-meta strong { color:var(--teal); font-weight:700; }
.visual-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }.small-number { display:block; margin:14px 0 2px; font-size:2rem; line-height:1; letter-spacing:-.07em; }.accent-card { display:flex; flex-direction:column; align-items:flex-end; justify-content:space-between; min-height:116px; background:var(--teal); color:#fff; border-color:var(--teal); }.accent-card .card-foot { color:#d1fae5; font-weight:700; text-align:right; }.qr-pattern { display:grid; grid-template-columns:repeat(3,8px); gap:3px; align-self:flex-start; }.qr-pattern span { width:8px; height:8px; background:#fff; }.qr-pattern span:nth-child(2),.qr-pattern span:nth-child(4),.qr-pattern span:nth-child(8) { background:transparent; }
.visual-stamp { position:absolute; right:-45px; bottom:48px; color:var(--muted); transform:rotate(-90deg); font-size:.65rem; font-weight:800; letter-spacing:.15em; }
.proof-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); padding-top:21px; padding-bottom:21px; }.proof-strip div { display:flex; gap:22px; align-items:center; color:var(--muted); font-size:.85rem; }.proof-strip strong { color:var(--teal); font-size:.72rem; font-weight:800; }
.story { padding-top:145px; padding-bottom:145px; display:grid; grid-template-columns:1fr 1fr; gap:80px; }.story h2 { margin:0; }.story-copy { max-width:470px; padding-top:18px; color:var(--muted); }.story-copy p { margin-bottom:24px; }.story-copy .text-link { margin-top:18px; }
.feature-band { display:grid; grid-template-columns:1fr 3fr; gap:60px; padding-top:75px; padding-bottom:75px; background:var(--sidebar); color:#f4f4f5; border-radius:12px; }.feature-index { color:var(--teal-bright); font-size:.75rem; font-weight:800; letter-spacing:.1em; }.feature-content h2 { margin:0 0 60px; }.feature-content h2 span { color:#a1a1aa; }.feature-list { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }.feature-list>div { border-top:1px solid #3f3f46; padding-top:17px; }.feature-number { color:var(--teal-bright); font-size:.72rem; font-weight:800; }.feature-list p { margin-top:22px; color:#a1a1aa; font-size:.88rem; line-height:1.6; }.feature-list strong { color:#f4f4f5; font-size:.92rem; }
.closing { padding-top:145px; padding-bottom:160px; }.closing h2 { margin-bottom:38px; }
.site-footer { border-top:1px solid var(--line); padding-top:32px; padding-bottom:40px; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:20px; color:var(--muted); font-size:.8rem; }.site-footer p { margin:4px 0 0; }.site-footer small { grid-column:1/-1; margin-top:55px; color:#71717a; font-size:.72rem; }.footer-brand { color:var(--ink); }.footer-links { justify-content:flex-end; gap:20px; }
.content-page,.legal-page { padding-top:90px; padding-bottom:135px; }.page-kicker { color:var(--teal); margin-bottom:42px; }.content-page h1,.legal-page h1 { font-size:clamp(3rem,6vw,5.8rem); margin-bottom:85px; }.content-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; border-top:1px solid var(--line); padding-top:36px; }.content-lead .lead { max-width:410px; font-size:1.5rem; line-height:1.4; letter-spacing:-.04em; }.content-body { max-width:540px; color:var(--muted); }.content-body p { margin-bottom:25px; }.contact-panel { margin-top:65px; padding:30px; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:var(--shadow); }.contact-panel h2 { font-size:2rem; color:var(--ink); margin-bottom:28px; }.contact-panel .eyebrow { margin-bottom:18px; }
.legal-page { max-width:930px; }.legal-page h1 { margin-bottom:18px; }.legal-date { margin-bottom:70px; }.legal-body { max-width:700px; border-top:1px solid var(--line); padding-top:36px; color:var(--muted); }.legal-body h2 { color:var(--ink); font-size:1.4rem; letter-spacing:-.04em; margin:42px 0 11px; }.legal-body p { margin-bottom:18px; }.legal-body a { color:var(--teal); text-decoration:underline; text-underline-offset:3px; }
@media (max-width:800px) { .section-shell { padding-left:22px; padding-right:22px; }.site-header { padding:20px 22px; }.site-nav a:not(.nav-button) { display:none; }.hero { min-height:auto; padding-top:62px; padding-bottom:70px; grid-template-columns:1fr; gap:65px; }.hero-visual { margin:0 14px 0 0; }.visual-stamp { right:-40px; }.proof-strip { grid-template-columns:1fr; gap:15px; }.story,.content-grid { grid-template-columns:1fr; gap:35px; }.story { padding-top:95px; padding-bottom:95px; }.feature-band { grid-template-columns:1fr; gap:24px; padding-top:55px; padding-bottom:55px; }.feature-list { grid-template-columns:1fr; gap:28px; }.feature-content h2 { margin-bottom:40px; }.closing { padding-top:95px; padding-bottom:110px; }.site-footer { grid-template-columns:1fr; gap:17px; }.footer-links { justify-content:flex-start; flex-wrap:wrap; }.site-footer small { grid-column:auto; margin-top:35px; }.content-page,.legal-page { padding-top:62px; padding-bottom:90px; }.content-page h1,.legal-page h1 { margin-bottom:58px; }.content-lead .lead { font-size:1.3rem; }.legal-date { margin-bottom:50px; } }
@media (max-width:420px) { h1 { font-size:3.25rem; }.hero-actions { align-items:flex-start; flex-direction:column; gap:20px; }.hero-visual { padding:17px; }.movement-number { font-size:2.8rem; } }