:root{--ink:#0B1526;--ink2:#2B3647;--mut:#5B6779;--line:#E3E8EF;--bg:#F6F8FB;--card:#fff;--blue:#1A6DFF;--teal:#00A88F;--tealbg:#E6F7F4;--f:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.top{background:#060A12;color:#fff}.top .in{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px}
.top img{height:26px;display:block}.top .lib{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#00E5C3}
.top .sp{flex:1}.top .cta{background:#1A6DFF;color:#fff;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px}.top .cta:hover{text-decoration:none;background:#0F5BE0}
.wrap{max-width:1120px;margin:0 auto;padding:28px 20px 70px}
.crumbs{font-size:13px;color:var(--mut);margin-bottom:14px}.crumbs a{color:var(--mut)}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.kick{font-family:"DM Mono",ui-monospace,monospace;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal);font-weight:600}
h1{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-1px;margin:8px 0 12px}
.dek{font-size:19px;color:var(--ink2);margin:0 0 14px}.meta{font-size:13.5px;color:var(--mut);margin-bottom:24px}
.take{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:14px;padding:18px 22px;margin:0 0 30px}
.take b{display:block;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);margin-bottom:6px}.take ul{margin:0;padding-left:20px}
.body h2{font-size:26px;line-height:1.25;letter-spacing:-.4px;margin:38px 0 10px}.body p{margin:0 0 16px;color:var(--ink2)}.body ul,.body ol{margin:0 0 18px;padding-left:24px;color:var(--ink2)}.body li{margin-bottom:7px}
.body strong{color:var(--ink)}
.dm{background:linear-gradient(140deg,#071426,#0B2A3A);color:#EAF6FF;border-radius:18px;padding:26px 26px 24px;margin:40px 0 10px}
.dm .k{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#00E5C3}.dm h3{font-size:23px;margin:8px 0 8px;color:#fff;letter-spacing:-.3px}.dm p{color:#B8CBE0;margin:0 0 16px}
.dm .btns{display:flex;gap:10px;flex-wrap:wrap}.dm a{display:inline-block;font-weight:700;font-size:15px;padding:11px 18px;border-radius:999px}.dm a.p{background:#1A6DFF;color:#fff}.dm a.g{border:1px solid rgba(255,255,255,.3);color:#fff}
.faq h2{margin-top:40px}.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:9px}.faq summary{cursor:pointer;padding:14px 18px;font-weight:700}.faq details p{padding:0 18px 14px;margin:0;color:var(--ink2)}
.src{font-size:13px;color:var(--mut);margin-top:30px;border-top:1px solid var(--line);padding-top:14px}
aside .box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 12px;margin-bottom:16px;position:sticky;top:18px}
aside h4{margin:0 0 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--mut)}aside a{display:block;font-size:15px;line-height:1.4;margin-bottom:12px;color:var(--ink)}
aside .cta{display:block;text-align:center;background:#1A6DFF;color:#fff;font-weight:700;border-radius:999px;padding:11px;margin:4px 0 8px}
.hub h1{font-size:clamp(34px,5vw,52px)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}
.tile{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:block;color:var(--ink)}.tile:hover{border-color:#B9CCF2;text-decoration:none}
.tile .k{font-size:12px;color:var(--teal);font-weight:700;letter-spacing:1px;text-transform:uppercase}.tile h3{margin:6px 0 6px;font-size:19px;line-height:1.3}.tile p{margin:0;color:var(--mut);font-size:15px;line-height:1.55}
.list a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px;color:var(--ink)}.list a:hover{text-decoration:none;border-color:#B9CCF2}.list b{font-size:18px}.list span{display:block;color:var(--mut);font-size:15px}
.foot{background:#060A12;color:#8FA3BF;font-size:13.5px}.foot .in{max-width:1120px;margin:0 auto;padding:26px 20px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}.foot a{color:#C9D6E8}
@media(max-width:600px){.top .lib{display:none}.top .cta{white-space:nowrap;font-size:13px;padding:8px 13px}}
@media(max-width:900px){.art{grid-template-columns:1fr}aside .box{position:static}.grid{grid-template-columns:1fr}html,body{font-size:16px}.body h2{font-size:22px}}