:root{color-scheme:dark;--bg: #0c1421;--surface: #131d2e;--surface-2: #1a2740;--ink: #e8edf5;--ink-dim: #b0bdd0;--muted: #6b7d95;--line: #1f3048;--line-dim: #172438;--red: #c41e1e;--red-soft: rgba(196,30,30,.12);--red-glow: rgba(196,30,30,.25);--green: #2d5a3f;--green-soft:rgba(45,90,63,.15);--blue: #60a5fa;--blue-soft: rgba(37,99,235,.1);--amber: #d97706;--amber-soft:rgba(217,119,6,.12);--cta-bg: var(--red);--cta-hover: #dc2626;--cta-fg: #fff;--link: #93c5fd;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5.5rem;--max: 1120px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--ease-out: cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--dur-fast: .15s;--dur-md: .3s;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(0,0,0,.25), 0 8px 24px rgba(0,0,0,.15);--shadow-lg: 0 4px 16px rgba(0,0,0,.3), 0 16px 48px rgba(0,0,0,.2);--shadow-red: 0 2px 12px rgba(196,30,30,.25);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light;--bg: #faf8f5;--surface: #ffffff;--surface-2: #f3efe8;--ink: #1a1f2b;--ink-dim: #4a5568;--muted: #7b8794;--line: #e0dcd5;--line-dim: #ede9e2;--red-soft: #fef2f2;--red-glow: rgba(196,30,30,.18);--green-soft:#f0f7f3;--blue: #2563eb;--blue-soft: #eff6ff;--amber: #92400e;--amber-soft:#fffbeb;--cta-hover: #a01818;--link: var(--blue);--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04);--shadow-lg: 0 4px 16px rgba(0,0,0,.08), 0 16px 48px rgba(0,0,0,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65;font-size:1rem;overflow-x:clip;transition:background var(--dur-md),color var(--dur-md)}img,svg{max-width:100%;display:block}a{color:var(--link);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--red)}input,button,select,textarea{font:inherit;color:inherit}::selection{background:var(--red);color:#fff}.container{max-width:var(--max);margin:0 auto;padding:0 var(--space-lg)}.header{border-bottom:1px solid var(--line-dim);background:color-mix(in srgb,var(--bg) 92%,transparent);position:sticky;top:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:var(--space-md)}.brand{display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.05rem;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.brand:hover{color:var(--ink)}.brand-logo{width:24px;height:24px;flex-shrink:0;border-radius:4px}.brand .dot{color:var(--red);font-weight:900}.navlinks{display:flex;gap:.15rem;flex-wrap:wrap;font-size:.85rem;font-weight:500}.navlinks a{color:var(--muted);padding:.35rem .7rem;border-radius:var(--radius-sm);transition:all var(--dur-fast)}.navlinks a:hover{background:var(--surface-2);color:var(--ink);text-decoration:none}.navlinks a.lang-switch{color:var(--amber);font-weight:650}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:1rem;transition:all var(--dur-fast);margin-left:.25rem}.theme-toggle:hover{background:var(--surface-2);color:var(--ink)}.hamburger{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:1.2rem;flex-shrink:0;transition:all var(--dur-fast)}.hamburger:hover{background:var(--surface-2)}.hamburger.active{background:var(--surface-2);border-color:var(--muted)}.nav-cta{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .9rem;border-radius:var(--radius-md);background:var(--cta-bg);color:var(--cta-fg)!important;font-weight:650!important;font-size:.82rem;border:none;cursor:pointer;transition:all var(--dur-fast)}.nav-cta:hover{background:var(--cta-hover)!important;color:var(--cta-fg)!important;text-decoration:none!important}.nav-overlay{display:none;position:fixed;inset:65px 0 0;background:var(--bg);z-index:30;flex-direction:column;padding:var(--space-xl) var(--space-lg);overflow-y:auto}.nav-overlay.open{display:flex}.nav-overlay a{display:block;padding:.75rem 0;font-size:1.05rem;font-weight:550;color:var(--ink);border-bottom:1px solid var(--line-dim);text-decoration:none}.nav-overlay a:hover{color:var(--red)}.nav-overlay .nav-cta{display:inline-flex;margin-top:var(--space-md);font-size:.95rem;padding:.65rem 1.2rem}.nav-overlay .mobile-meta{display:flex;gap:var(--space-md);margin-top:var(--space-xl);align-items:center}.hero{padding:var(--space-4xl) 0 var(--space-3xl);position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 20% 30%,var(--red-soft),transparent 60%),radial-gradient(ellipse 50% 40% at 75% 70%,var(--blue-soft),transparent 50%),linear-gradient(180deg,transparent 60%,var(--green-soft))}.hero.compact{padding:var(--space-3xl) 0 var(--space-2xl)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),var(--red),transparent);opacity:.25}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:.4rem;color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;margin-bottom:var(--space-md)}.eyebrow:before,.kicker:before{content:"";width:8px;height:8px;background:var(--red);border-radius:2px}h1{font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:420;line-height:1.06;letter-spacing:-.03em;margin:0 0 var(--space-lg);max-width:920px;color:var(--ink)}h2{font-family:Newsreader,Georgia,Times New Roman,serif;font-size:clamp(1.5rem,3.5vw,2.3rem);font-weight:400;line-height:1.14;letter-spacing:-.02em;margin:0 0 var(--space-md);color:var(--ink)}h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.1rem;font-weight:650;line-height:1.3;margin:0 0 .35rem;color:var(--ink)}h4{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;margin:0 0 var(--space-sm)}.lede{font-size:clamp(1.05rem,2vw,1.22rem);color:var(--ink-dim);max-width:760px;line-height:1.55;margin-bottom:var(--space-sm)}.ctas{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xl)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.75rem 1.3rem;border-radius:var(--radius-md);border:1px solid var(--line);font-weight:650;font-size:.9rem;background:var(--surface);color:var(--ink);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);text-decoration:none;line-height:1}.button:hover{background:var(--surface-2);border-color:var(--muted);text-decoration:none;color:var(--ink)}.button.primary{background:var(--cta-bg);border-color:var(--cta-bg);color:var(--cta-fg);box-shadow:var(--shadow-red);font-weight:700}.button.primary:hover{background:var(--cta-hover);border-color:var(--cta-hover);box-shadow:0 4px 20px #c41e1e66;transform:translateY(-1px)}.section{padding:var(--space-3xl) 0}.section.alt{background:var(--surface);border-block:1px solid var(--line-dim)}.grid{display:grid;gap:var(--space-md)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line-dim);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:border-color var(--dur-md),box-shadow var(--dur-md),transform var(--dur-md)}.card:hover{border-color:var(--line);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card p,.card li{color:var(--ink-dim)}.content-card{background:var(--surface);border:1px solid var(--line-dim);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-sm)}.content-card p,.content-card li{color:var(--ink-dim)}.link-card{display:block;color:var(--ink);text-decoration:none}.link-card:hover{text-decoration:none;color:var(--ink)}.card.featured{border-color:var(--red);box-shadow:var(--shadow-md),0 0 0 1px #c41e1e1a;background:linear-gradient(135deg,var(--surface),var(--red-soft))}.card.stat{text-align:center;padding:var(--space-xl) var(--space-md)}.card.stat .number{font-family:Newsreader,Georgia,serif;font-size:2.5rem;font-weight:500;color:var(--red);line-height:1}.two-column{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-xl);align-items:start}.sidebar{min-width:0}.sticky-card{position:sticky;top:84px}.article-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--line-dim)}.article-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.checklist{padding-left:0;list-style:none;display:grid;gap:.6rem}.checklist li{padding-left:1.6rem;position:relative;color:var(--ink-dim);line-height:1.45}.checklist li:before{content:"→";position:absolute;left:0;top:0;color:var(--red);font-weight:700;font-size:.82em}.signup-form{display:grid;gap:var(--space-sm);margin:var(--space-md) 0}.signup-form label{display:grid;gap:.25rem;font-weight:650;color:var(--ink);font-size:.85rem}.signup-form input,.signup-form select{width:100%;border:1px solid var(--line);border-radius:var(--radius-md);padding:.7rem .85rem;background:var(--bg);color:var(--ink);transition:border-color var(--dur-fast)}.signup-form input:focus,.signup-form select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-glow)}.notice{border:1px solid var(--line);background:var(--surface);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--ink-dim);font-size:.9rem;line-height:1.5}.notice strong{color:var(--ink)}.code-block{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);margin:var(--space-md) 0;overflow-x:auto;position:relative}.code-block pre{margin:0;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.85rem;line-height:1.55;color:var(--ink-dim);padding-right:2.5rem}.code-block .copy-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.8rem;transition:all var(--dur-fast);opacity:0}.code-block:hover .copy-btn,.code-block .copy-btn.copied{opacity:1}.code-block .copy-btn:hover{background:var(--surface-2);color:var(--ink)}.code-block .copy-btn.copied{background:var(--green-soft);border-color:var(--green);color:var(--green)}:not(pre)>code{background:var(--surface-2);color:var(--amber);padding:.12em .4em;border-radius:4px;font-size:.88em;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;border:1px solid var(--line-dim)}.tag{display:inline-block;font-size:.68rem;font-weight:600;padding:.18rem .55rem;border-radius:100px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line-dim)}.tag.active{background:var(--red-soft);border-color:#c41e1e40;color:var(--red)}.footer{border-top:1px solid var(--line);padding:var(--space-2xl) 0;color:var(--muted);font-size:.85rem;background:var(--bg)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--space-xl)}.footer strong{color:var(--ink);font-size:.95rem}.footer-links{display:grid;gap:.3rem;list-style:none;padding:0}.footer-links a{color:var(--muted);font-size:.82rem}.footer-links a:hover{color:var(--ink)}hr{border:none;border-top:1px solid var(--line-dim);margin:var(--space-xl) 0}.small{font-size:.8rem;color:var(--muted);line-height:1.4}.mt{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb{margin-bottom:var(--space-md)}.text-center{text-align:center}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fade-up .5s var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.grid.two,.grid.three,.grid.four,.two-column,.footer-grid{grid-template-columns:1fr}.hero{padding:var(--space-3xl) 0 var(--space-2xl)}.hero.compact{padding:var(--space-2xl) 0 var(--space-lg)}.sticky-card{position:static}h1{font-size:clamp(1.8rem,5vw,3rem)}}@media(max-width:768px){.navlinks{display:none}.hamburger{display:flex}}@media(max-width:600px){.container{padding:0 var(--space-md)}.card,.content-card{padding:var(--space-md)}}