*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#05070d;color:#b7c0d8;font-family:Manrope,system-ui,sans-serif;line-height:1.75;font-size:1.06rem;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60vw 40vw at 85% -10%,rgba(79,209,255,.13),transparent),radial-gradient(50vw 40vw at -10% 30%,rgba(124,92,255,.12),transparent)}
a{color:#4fd1ff}a:hover{color:#8be4ff}
.wrap{max-width:760px;margin:0 auto;padding:0 22px}
.wide{max-width:1080px;margin:0 auto;padding:0 22px}
header.top{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,7,13,.8);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}
header.top .wide{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:#f4f6fb;font-weight:800;text-decoration:none;letter-spacing:-.01em}
.logo b{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#4fd1ff,#7c5cff);color:#05070d;font-size:.72rem}
nav.links{display:flex;gap:22px;align-items:center;font-size:.92rem;font-weight:600}
nav.links a{color:#b7c0d8;text-decoration:none}nav.links a:hover{color:#fff}
.btn{display:inline-block;padding:12px 22px;border-radius:12px;background:linear-gradient(135deg,#4fd1ff,#7c5cff);color:#05070d!important;font-weight:800;text-decoration:none}
.btn:hover{filter:brightness(1.1)}
nav.links .btn{padding:9px 16px;font-size:.88rem}
@media(max-width:640px){nav.links a:not(.btn){display:none}}
.kicker{display:inline-block;margin:56px 0 14px;font-family:"Fragment Mono",ui-monospace,monospace;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:#4fd1ff}
h1{margin:0 0 18px;color:#f4f6fb;font-size:clamp(2rem,5vw,3rem);line-height:1.12;letter-spacing:-.025em;font-weight:800}
.meta{color:#7c86a3;font-size:.9rem;margin-bottom:34px}
.lede{font-size:1.2rem;color:#dfe5f2;line-height:1.65;margin:0 0 8px;padding-left:18px;border-left:3px solid #4fd1ff}
article h2{margin:46px 0 12px;color:#f4f6fb;font-size:1.55rem;line-height:1.25;letter-spacing:-.015em;font-weight:800}
article p{margin:0 0 18px}
article strong{color:#eef2fb}
article ol,article ul{padding-left:22px;margin:0 0 18px}article li{margin-bottom:8px}
table{width:100%;border-collapse:collapse;margin:6px 0 20px;font-size:.95rem;border:1px solid rgba(255,255,255,.08)}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}
th{background:rgba(255,255,255,.05);color:#f4f6fb;font-weight:700}
.cta{margin:56px 0 30px;padding:34px 30px;border-radius:22px;border:1px solid rgba(79,209,255,.3);background:linear-gradient(135deg,rgba(79,209,255,.1),rgba(124,92,255,.12))}
article .cta h2{margin:0 0 10px;font-size:1.6rem}
.cta p{color:#dfe5f2}
.cta .row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:20px}
.cta .ghost{color:#dfe5f2;font-weight:700}
.related{margin:40px 0 70px;display:grid;gap:14px}
.related h3{margin:0;color:#f4f6fb;font-size:1.1rem}
.card{display:block;padding:22px 24px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);text-decoration:none;color:#b7c0d8;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:rgba(79,209,255,.4)}
.card h2{margin:6px 0 8px;font-size:1.3rem;color:#f4f6fb;line-height:1.25}
.card p{margin:0;font-size:.98rem}
.card .kicker{margin:0;font-size:.7rem}
.card .more{display:inline-block;margin-top:12px;font-weight:700;color:#4fd1ff}
.crumbs{margin-top:34px;font-size:.85rem;color:#7c86a3}.crumbs a{color:#7c86a3}
footer.bottom{border-top:1px solid rgba(255,255,255,.08);padding:34px 0 50px;color:#7c86a3;font-size:.88rem}
footer.bottom .wide{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer.bottom a{color:#7c86a3}footer.bottom a:hover{color:#dfe5f2}