:root{color-scheme:dark;--bg:#03050a;--panel:rgba(255,255,255,.045);--line:rgba(255,255,255,.11);--text:#f5f5f7;--muted:#a1a1a6;--blue:#0a84ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(ellipse 850px 420px at 50% 0%,rgba(27,82,145,.25),transparent),var(--bg);color:var(--text);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
a{color:#7dbaff}
a:hover{color:#b5d8ff}
a:focus-visible,summary:focus-visible{outline:3px solid #70adff;outline-offset:4px;border-radius:4px}
.top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px max(22px,calc((100vw - 1040px)/2));border-bottom:1px solid var(--line);background:rgba(3,5,10,.88);backdrop-filter:blur(18px)}
.brand{color:var(--text);font-weight:700;font-size:18px;text-decoration:none}
.top nav{display:flex;align-items:center;gap:18px}
.top nav a{font-size:14px;text-decoration:none}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--blue);color:#fff;font-weight:650;text-decoration:none}
.button:hover{background:#2997ff;color:#fff}
.wrap{max-width:900px;margin:0 auto;padding:24px 24px 80px}
.crumb{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px}
.crumb a{color:var(--muted)}
article{max-width:760px;margin:46px auto 0}
.eyebrow{color:#70adff;font-size:13px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
h1{max-width:760px;margin:10px 0 20px;font-size:clamp(40px,7vw,68px);line-height:1.07;letter-spacing:-.045em}
.lead{color:#c9cbd0;font-size:20px;line-height:1.65}
article>p{margin:18px 0}
.text-link{margin-left:10px}
article section{margin-top:54px}
h2{margin:0 0 16px;font-size:30px;line-height:1.2;letter-spacing:-.025em}
h3{margin:0 0 8px;font-size:19px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.card p{margin:0;color:#c4c5ca}
.steps{padding-left:24px}
.steps li{padding:6px 0 6px 4px}
details{padding:16px 0;border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:650}
details p{margin:10px 0 0;color:#c4c5ca}
footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:24px;border-top:1px solid var(--line);font-size:14px}
footer a{color:var(--muted)}
@media(max-width:600px){.top{padding:12px 16px}.top nav{gap:10px}.top nav>a:not(.button){display:none}.wrap{padding:18px 18px 60px}article{margin-top:32px}.lead{font-size:18px}.text-link{display:inline-block;margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}