:root{--radius: 18px;--brand: #d42531}[data-theme=dark]{--bg: #0e0f12;--card-bg: #111318;--text: #f6f7f9;--muted: #9aa3af;--shadow: 0 6px 25px rgba(0, 0, 0, .25);--gradient-start: #0b0c10;--gradient-mid: #0e0f12;--gradient-end: #0b0c10;--card-overlay: linear-gradient( to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, .26) 45%, rgba(0, 0, 0, 0) 65% );--cta-bg: color-mix(in oklab, var(--brand) 24%, black);--cta-border: color-mix(in oklab, var(--brand) 42%, black);--cta-shadow: 0 6px 14px rgba(212, 37, 49, .28);--modal-bg: rgba(14, 15, 18, .95);--modal-content-bg: #1a1b23;color-scheme:dark}[data-theme=light]{--bg: #fafbfc;--card-bg: #ffffff;--text: #1f2937;--muted: #6b7280;--shadow: 0 6px 25px rgba(0, 0, 0, .08);--gradient-start: #f9fafb;--gradient-mid: #fafbfc;--gradient-end: #f3f4f6;--card-overlay: linear-gradient( to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, .2) 45%, rgba(0, 0, 0, 0) 65% );--cta-bg: #c41e3a;--cta-border: #991b1b;--cta-shadow: 0 6px 14px rgba(196, 30, 58, .3);--modal-bg: rgba(250, 251, 252, .95);--modal-content-bg: #ffffff;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0e0f12;--card-bg: #111318;--text: #f6f7f9;--muted: #9aa3af;--shadow: 0 6px 25px rgba(0, 0, 0, .25);--gradient-start: #0b0c10;--gradient-mid: #0e0f12;--gradient-end: #0b0c10;--card-overlay: linear-gradient( to top, rgba(0, 0, 0, .72), rgba(0, 0, 0, .26) 45%, rgba(0, 0, 0, 0) 65% );--cta-bg: color-mix(in oklab, var(--brand) 24%, black);--cta-border: color-mix(in oklab, var(--brand) 42%, black);--cta-shadow: 0 6px 14px rgba(212, 37, 49, .28);--modal-bg: rgba(14, 15, 18, .95);--modal-content-bg: #1a1b23;color-scheme:dark}}@media (prefers-color-scheme: light){:root:not([data-theme]){--bg: #fafbfc;--card-bg: #ffffff;--text: #1f2937;--muted: #6b7280;--shadow: 0 6px 25px rgba(0, 0, 0, .08);--gradient-start: #f9fafb;--gradient-mid: #fafbfc;--gradient-end: #f3f4f6;--card-overlay: linear-gradient( to top, rgba(0, 0, 0, .65), rgba(0, 0, 0, .2) 45%, rgba(0, 0, 0, 0) 65% );--cta-bg: #c41e3a;--cta-border: #991b1b;--cta-shadow: 0 6px 14px rgba(196, 30, 58, .3);--modal-bg: rgba(250, 251, 252, .95);--modal-content-bg: #ffffff;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;padding-top:65px;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 900px at 10% 0%,var(--gradient-start) 10%,var(--gradient-mid) 60%,var(--gradient-end)),var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}.wrap{max-width:1200px;margin:0 auto;padding:clamp(16px,4vw,40px)}.main-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0e0f12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);transition:all .3s ease}[data-theme=light] .main-header{background:#fafbfcf2}.header-content{max-width:1200px;margin:0 auto;padding:16px clamp(16px,4vw,40px);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;text-decoration:none;color:var(--text);font-weight:700;font-size:18px;transition:opacity .2s ease}.logo:hover{opacity:.8}.logo img{height:70px;width:auto;margin-right:12px}.nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}.nav-links a{color:var(--text);text-decoration:none;font-weight:500;font-size:15px;transition:color .2s ease;position:relative}.nav-links a:hover{color:var(--brand)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--brand);transition:width .2s ease}.nav-links a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:16px}.theme-toggle{width:40px;height:40px;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:999px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);transition:all .2s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 30px #00000026;background:color-mix(in srgb,var(--card-bg) 80%,var(--text))}.theme-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.theme-toggle svg{width:20px;height:20px;stroke:var(--text);fill:none;stroke-width:2;transition:all .2s ease}.sun-icon{display:none}[data-theme=light] .sun-icon{display:block}[data-theme=light] .moon-icon{display:none}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:8px}@media (max-width: 768px){.nav-links{position:fixed;top:65px;left:0;right:0;background:var(--bg);border-top:1px solid color-mix(in srgb,var(--text) 8%,transparent);flex-direction:column;gap:0;padding:24px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible}.nav-links li{width:100%;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:16px 0;font-size:16px}.mobile-menu-toggle{display:block}.header-actions{gap:8px}.theme-toggle{width:36px;height:36px;padding:6px}.mobile-menu-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--text) 15%,transparent)}.logo span{display:none}}header.page-intro{position:relative;margin-bottom:clamp(16px,3.2vw,28px)}.eyebrow{display:inline-block;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--muted);margin-bottom:6px}h1{margin:0 0 8px;font-weight:750;letter-spacing:-.02em;font-size:clamp(28px,4.5vw,42px)}p.lede{color:var(--muted);margin:0}@media (prefers-reduced-motion: reduce){.theme-toggle,.btn,.nav-links{transition:none}}
