:root{color-scheme:dark;--bg:#0d121c;--surface:#141d2c;--text:#fff;--muted:#cbd5e1;--line:rgba(255,255,255,.17);--accent:#38bdf8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse 80% 34% at 50% 0%,rgba(95,130,180,.23),transparent 70%),linear-gradient(#101623,var(--bg) 50%,#090d14);line-height:1.65}a{color:inherit}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.container{width:min(1120px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;padding:10px 16px;background:#fff;color:#111;z-index:5}.skip-link:focus{top:10px}.site-head{border-bottom:1px solid var(--line);background:rgba(13,18,28,.9)}.head-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}.brand img{border-radius:9px}.site-head nav{display:flex;gap:20px;flex-wrap:wrap}.site-head nav a,.site-foot a{text-decoration:none;color:var(--muted);font-size:14px}.site-head nav a:hover,.site-foot a:hover{color:#fff}.breadcrumbs{padding:27px 0 16px;display:flex;gap:10px;flex-wrap:wrap;color:#aab8cd;font-size:13px}.breadcrumbs a{color:#aab8cd}.page-hero{padding:56px 0 58px;max-width:900px}.eyebrow{color:#7dd3fc;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2{letter-spacing:-.035em;line-height:1.12}h1{font-size:clamp(38px,5.4vw,70px);margin:18px 0 22px}h2{font-size:clamp(25px,3vw,34px);margin:0 0 20px}.lead{font-size:clamp(18px,2vw,22px);line-height:1.55;color:#e0e8f1;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:11px 20px;text-decoration:none;border-radius:12px;font-weight:650}.button.primary{background:#e7f5ff;color:#102037}.button.primary:hover{background:#fff;color:#102037}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.06)}.feature-figure{margin:0 0 42px;padding:20px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.04);text-align:center}.feature-figure img{max-width:100%;max-height:390px;object-fit:contain}.feature-figure figcaption{font-size:13px;color:#aab8cd}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px;padding-bottom:84px}.article-content{max-width:730px}.content-section{padding:36px 0;border-top:1px solid var(--line)}.content-section p,.content-section li{font-size:18px;color:#e0e8f1}.content-section p{margin:0 0 18px}.content-section ul{padding-left:22px;margin:0}.content-section li{padding:0 0 10px}.related{align-self:start;position:sticky;top:24px;padding:25px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}.related h2{font-size:20px}.related ul{padding:0;list-style:none}.related li{border-top:1px solid var(--line);padding:12px 0}.related li a{text-decoration:none}.related p{color:#b8c5d7;font-size:14px}.related p a{text-decoration:underline}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-size:18px;font-weight:600}.faq details p{padding-top:15px;font-size:16px}.closing{padding:38px 42px;margin-bottom:64px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(130deg,rgba(56,189,248,.15),rgba(255,255,255,.04))}.closing p{font-size:18px;color:#d4deea;max-width:680px}.site-foot{border-top:1px solid var(--line);padding:28px 0 42px;display:flex;justify-content:space-between;gap:22px}.site-foot nav{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:800px){.head-inner{align-items:flex-start;flex-direction:column;padding:16px 0}.site-head nav{gap:8px 16px}.page-hero{padding:38px 0}.article-grid{display:block}.related{position:static;margin:0 0 50px}.content-section p,.content-section li{font-size:17px}.closing{padding:28px}.site-foot{flex-direction:column}}
@media(max-width:480px){.container{width:min(100% - 32px,1120px)}.site-head nav a{font-size:13px}.button{width:100%;justify-content:center}.feature-figure{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.feature-photo{padding:0;overflow:hidden}.feature-photo img{display:block;width:100%;height:clamp(240px,36vw,420px);max-height:none;object-fit:cover}.feature-photo figcaption{padding:8px 16px 12px;text-align:left}