:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--bg: #0f172a;--bg-elevated: #111827;--surface: #121a2b;--surface-soft: #162033;--text: #e5e7eb;--muted: #9ca3af;--muted-subtle: #6b7280;--brand: #22505f;--brand-dark: #1f3f4b;--brand-soft: rgba(34, 80, 95, .18);--border: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .28);--container: 1120px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--shadow-sm: 0 8px 18px rgba(0, 0, 0, .18);--shadow: 0 18px 40px rgba(0, 0, 0, .22);--shadow-hover: 0 22px 48px rgba(0, 0, 0, .28);--h1: clamp(2.5rem, 4.2vw, 4.4rem);--h2: clamp(1.75rem, 2.4vw, 2.5rem);--h3: 1.2rem;--body: 1rem;--small: .92rem;--lh-heading: 1.15;--lh-tight: 1.08;--lh-normal: 1.7;--focus: 0 0 0 3px rgba(34, 80, 95, .35)}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--body);line-height:var(--lh-normal);color:var(--text);background:radial-gradient(circle at 14% 18%,rgba(34,80,95,.22),transparent 30%),radial-gradient(circle at 85% 22%,rgba(31,63,75,.16),transparent 26%),radial-gradient(circle at 78% 82%,rgba(34,80,95,.14),transparent 28%),linear-gradient(180deg,#0b1220,#0f172a 36%,#10192b);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video{display:block;max-width:100%;height:auto}a{color:#dbe7ee;text-decoration:none;transition:color .14s ease,opacity .14s ease,background-color .14s ease,border-color .14s ease,transform .14s ease}a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:8px}.container{width:min(var(--container),calc(100% - 2 * var(--space-6)));margin-inline:auto}.section{padding:var(--space-16) 0}.section--soft{max-width:var(--container);background:linear-gradient(180deg,#ffffff08,#ffffff04);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-16) var(--space-8);margin:var(--space-16) auto;box-shadow:var(--shadow-sm)}.hero{min-height:82vh;display:flex;align-items:center;padding:var(--space-20) 0}.hero__inner{max-width:780px}.hero__title{font-size:var(--h1);line-height:var(--lh-tight);letter-spacing:-.04em;margin:0 0 var(--space-6);color:var(--text)}.hero__lead{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.75;color:var(--muted);max-width:58ch;margin:0 0 var(--space-8)}h1,h2,h3{margin:0 0 var(--space-4);color:var(--text);line-height:var(--lh-heading);letter-spacing:-.03em}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}p{margin:0 0 var(--space-4);color:var(--text)}.lead{font-size:1.12rem;line-height:1.8;color:var(--muted);max-width:62ch}.small{font-size:var(--small)}.muted{color:var(--muted)}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card--hover{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card--hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.card--featured{border-color:#22505f6b;box-shadow:var(--shadow)}.card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:var(--brand-soft);border:1px solid rgba(34,80,95,.28);color:#d9e7ee;margin-bottom:var(--space-5);flex-shrink:0}.card-icon svg{width:22px;height:22px}.badge{display:inline-flex;align-items:center;width:fit-content;padding:.3rem .65rem;border-radius:999px;background:#22505f29;color:#d9e7ee;border:1px solid rgba(34,80,95,.28);font-size:.82rem;font-weight:600;margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:.75rem 1.5rem;border-radius:999px;border:1px solid rgba(34,80,95,.26);background:linear-gradient(135deg,#22505f,#1f3f4b);color:#fff;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:0 10px 22px #11182740}.btn:hover{background:linear-gradient(135deg,#255c6d,#214856);text-decoration:none;transform:translateY(-1px)}.btn--ghost{background:#ffffff05;color:#dbe7ee;border-color:var(--border);box-shadow:none}.btn--ghost:hover{background:#ffffff0d;border-color:var(--border-strong)}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:#0a111eb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:72px}.nav__brand{color:#f3f4f6;font-weight:600;letter-spacing:-.02em;flex-shrink:0;z-index:60}.nav__brand:hover{text-decoration:none;color:#fff}.nav-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.nav-links a{color:#d5dbe3;font-weight:500}.nav-links a:hover{color:#fff;text-decoration:none}.nav-links a[aria-current=page],.nav-links a.is-active{color:#fff;position:relative}.nav-links a[aria-current=page]:after,.nav-links a.is-active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:2px;border-radius:999px;background:var(--brand)}.nav__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:0;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;z-index:60;align-items:center}.nav__toggle span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.cta-row{margin-top:var(--space-6);display:flex;gap:var(--space-4);flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6)}.text-link{display:inline-block;margin-top:var(--space-3);color:#e5eef3;font-weight:600}.text-link:hover{color:#fff}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tag{display:inline-flex;align-items:center;padding:.28rem .58rem;border-radius:999px;border:1px solid rgba(148,163,184,.16);background:#22505f1a;color:#d9e7ee;font-size:.84rem;line-height:1.2}.link-row{display:flex;gap:var(--space-4);margin-top:var(--space-4)}.site-footer{border-top:1px solid var(--border);padding:var(--space-8) 0;margin-top:var(--space-16);color:var(--muted);font-size:var(--small);background:transparent}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.footer-copy{white-space:nowrap;color:var(--muted)}.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-4)}.footer-nav a{color:var(--muted);font-size:var(--small)}.footer-nav a:hover{color:#fff;text-decoration:underline}.footer-nav--legal{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);margin-top:var(--space-3)}.footer-nav--legal a{color:var(--muted-subtle);font-size:.82rem}.footer-nav--legal a:hover{color:var(--muted);text-decoration:underline}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:0}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.section--soft{padding:var(--space-12) var(--space-6)}}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:768px){.nav{min-height:60px;flex-wrap:nowrap;padding:0}.nav__toggle{display:flex}.nav-links{position:fixed;inset:0;z-index:55;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:center;gap:var(--space-6);padding:var(--space-16) var(--space-8);background:#0a111ef7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .22s ease,transform .22s ease}.nav-links.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{font-size:1.3rem;font-weight:600}.footer-inner{flex-direction:column;align-items:flex-start}.footer-right{align-items:flex-start;width:100%}}.article-content{max-width:760px;margin-top:var(--space-8)}.article-content p{font-size:1.05rem;line-height:1.8;color:var(--text);margin-bottom:var(--space-5)}.article-content h2{font-size:1.6rem;margin-top:var(--space-10);margin-bottom:var(--space-4);line-height:1.3}.article-content h3{font-size:1.25rem;margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content ul,.article-content ol{margin-bottom:var(--space-6);padding-left:1.4rem}.article-content li{margin-bottom:.4rem;line-height:1.7}.article-content img{border-radius:10px;margin:var(--space-8) 0;border:1px solid var(--border)}.article-content a{color:#8ecae6;text-decoration:underline}.article-content a:hover{color:#fff}.article-content blockquote{border-left:4px solid var(--brand);padding-left:var(--space-4);margin:var(--space-8) 0;color:var(--muted);font-style:italic}.article-content pre{background:#0b1220;padding:var(--space-5);border-radius:10px;overflow-x:auto;margin:var(--space-8) 0}.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.scanline-wrap{position:absolute;inset:0;overflow:hidden;opacity:.12;pointer-events:none;z-index:0}.scanline-wrap:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(34,80,95,.6) 30px,rgba(34,80,95,.6) 31px)}.scanline-wrap:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 60px,rgba(34,80,95,.3) 60px,rgba(34,80,95,.3) 61px)}.scan-beam{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(34,160,190,.7),transparent);filter:blur(1px);animation:scan 6s linear infinite}@keyframes scan{0%{top:-4px}to{top:100%}}.hero{position:relative;overflow:hidden}body{position:relative}body:before{content:"";position:fixed;inset:-40px;background-image:radial-gradient(circle,rgba(34,80,95,.45) 1px,transparent 1px);background-size:28px 28px;animation:dot-drift 18s linear infinite;mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 100% 100% at 50% 50%,black 30%,transparent 100%);pointer-events:none;z-index:0}.site-header,main,.site-footer{position:relative;z-index:1}@keyframes dot-drift{0%{transform:translateY(0)}to{transform:translateY(28px)}}