*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#16181d;color:#c4c8d0;font:17px/1.78 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:#f0a830}a:hover{color:#5cc8e0}img{max-width:100%;height:auto;display:block}
.w{max-width:1060px;margin:0 auto;padding:0 20px}.rd{max-width:760px;margin:0 auto}
.hd{position:sticky;top:0;z-index:80;background:#0f1013;border-bottom:1px solid rgba(200,205,215,.13)}
.hdin{display:flex;align-items:center;gap:20px;height:66px}.lg img{height:27px;width:auto}
.nv{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}.nv a{color:#8a909c;font-size:14.5px;font-weight:600;text-decoration:none}
.nv a:hover,.nv a[aria-current=page]{color:#f0a830}
.cta{background:#f0a830;color:#0f1013!important;font-weight:800;padding:10px 21px;border-radius:5px;font-size:14px;text-transform:uppercase;letter-spacing:.03em;text-decoration:none}.cta:hover{background:#c8871c}
.hero{background:#0f1013;padding:58px 0 44px;border-bottom:3px solid #f0a830}
.kick{display:inline-block;color:#f0a830;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
h1{color:#f2f0ec;font-size:clamp(30px,4.4vw,47px);line-height:1.12;margin:0 0 18px;font-weight:800;letter-spacing:-.024em;max-width:22ch}
h1 em{font-style:normal;color:#f0a830}.dek{font-size:18px;color:#8a909c;margin:0 0 26px;max-width:62ch}
.hb{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.gh{border:1px solid rgba(200,205,215,.13);color:#f2f0ec!important;padding:9px 21px;border-radius:5px;font-weight:600;font-size:14px;text-decoration:none}.gh:hover{border-color:#f0a830}
.byl{color:#8a909c;font-size:14px;margin:20px 0 0}.byl strong{color:#f2f0ec}.ribbon{display:none}
.band{padding:42px 0;border-bottom:1px solid rgba(200,205,215,.13)}.band:nth-of-type(even){background:#1d2027}
h2{color:#f2f0ec;font-size:clamp(23px,2.8vw,31px);line-height:1.22;margin:0 0 15px;font-weight:800;letter-spacing:-.018em;scroll-margin-top:84px}
h2::before{content:"";display:inline-block;width:26px;height:3px;background:#f0a830;vertical-align:middle;margin-right:12px;margin-bottom:6px}
h3{color:#5cc8e0;font-size:19px;margin:26px 0 9px;font-weight:700}
p{margin:0 0 17px}ul,ol{margin:0 0 18px;padding-left:22px}li{margin-bottom:9px}strong{color:#f2f0ec}
.def{background:#242830;border-left:4px solid #5cc8e0;border-radius:0 10px 10px 0;padding:16px 20px;margin:0 0 20px}
.def b{display:block;color:#5cc8e0;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.def p{margin:0;color:#f2f0ec}
.note{background:#242830;border:1px solid rgba(200,205,215,.13);border-radius:10px;padding:18px 22px;margin:22px 0}
.note.warn{border-color:rgba(240,168,48,.5)}.note.alt{border-left:4px solid #5cc8e0}.note h3{margin-top:0;color:#f2f0ec}
.tw{overflow-x:auto;margin:24px 0;border:1px solid rgba(200,205,215,.13);border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:480px}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(200,205,215,.13)}
th{background:#0f1013;color:#f0a830;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}
tr:last-child td{border-bottom:0}td:first-child{color:#f2f0ec;font-weight:600}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.cmp>div{background:#242830;border:1px solid rgba(200,205,215,.13);border-radius:10px;padding:18px 20px}
.cmp h3{margin:0 0 10px;font-size:15.5px;text-transform:uppercase}.cmp .a h3{color:#5cc8e0}.cmp .b h3{color:#f0a830}.cmp ul{margin:0;padding-left:19px;font-size:15px}
.steps{counter-reset:st;list-style:none;margin:24px 0;padding:0}.steps li{counter-increment:st;position:relative;padding:0 0 18px 52px}
.steps li::before{content:counter(st);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:8px;background:#f0a830;color:#0f1013;font-weight:800;display:grid;place-items:center}
.steps b{display:block;color:#f2f0ec;margin-bottom:3px}.steps .t{display:inline-block;color:#5cc8e0;font-size:12.5px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
details{background:#242830;border:1px solid rgba(200,205,215,.13);border-radius:9px;padding:15px 19px;margin-bottom:10px}
summary{cursor:pointer;font-weight:700;color:#f2f0ec;list-style:none}summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:#f0a830;font-weight:800}details[open] summary::after{content:"\2212"}details p{margin:11px 0 0;color:#8a909c}
.ft{background:#0f1013;border-top:2px solid #f0a830;padding:42px 0 28px;font-size:14px;color:#8a909c}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:32px;margin-bottom:26px}.fg h4{color:#f2f0ec;font-size:14px;margin:0 0 12px}
.fg a{color:#8a909c;display:block;margin-bottom:8px;text-decoration:none}.fg a:hover{color:#f0a830}
.lgl{border-top:1px solid rgba(200,205,215,.13);padding-top:18px;font-size:12.8px;line-height:1.7}.lgl strong{color:#f2f0ec}
.so{display:flex;gap:10px;margin-top:14px}.so a{width:34px;height:34px;border-radius:7px;background:rgba(255,255,255,.07);display:grid;place-items:center;margin:0}
.so a:hover{background:rgba(255,255,255,.14)}.so svg{width:17px;height:17px;display:block}
@media(max-width:820px){.cmp{grid-template-columns:1fr}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.nv{display:none}.hdin{height:58px}.fg{grid-template-columns:1fr}h1{max-width:none}}
