:root{--bg:#0b1220;--bg2:#121b2c;--card:#16223a;--tx:#e8edf5;--mu:#a9b5c8;--ac:#f5a524;--ac2:#ff7a1a}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--tx)}
a{color:var(--ac)}.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--ac);color:#000;padding:8px;z-index:9}
.nav{position:sticky;top:0;z-index:5;background:rgba(11,18,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid #22304a}
.navin{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;gap:10px;align-items:center;color:var(--tx);text-decoration:none;font-weight:700}
nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}nav a{color:var(--mu);text-decoration:none;font-weight:500}nav a:hover,nav a[aria-current]{color:var(--ac)}
.menu{display:none;background:none;border:1px solid #33425e;color:var(--tx);padding:6px 12px;border-radius:6px}
section{padding:72px 0}.alt{background:var(--bg2)}h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin:.2em 0}h2{font-size:1.9rem;margin-top:0}
.hero{padding:110px 0 90px;background:radial-gradient(circle at 80% 20%,rgba(245,165,36,.18),transparent 50%),linear-gradient(160deg,#0b1220,#1a2438)}.hero.sm{padding:72px 0 56px}
.eyebrow{color:var(--ac);text-transform:uppercase;letter-spacing:.15em;font-weight:700;font-size:.85rem}.lead{font-size:1.15rem;color:var(--mu);max-width:720px}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;background:linear-gradient(90deg,var(--ac),var(--ac2));color:#111;font-weight:700;padding:13px 24px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.btn.ghost{background:none;color:var(--tx);border:1px solid #3a4a68}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:24px}
.card,.pt{background:var(--card);border:1px solid #23314d;border-radius:12px;padding:22px;color:var(--tx);text-decoration:none;transition:.2s}.card:hover{border-color:var(--ac);transform:translateY(-3px)}
.card p,.pt p{color:var(--mu);margin:0}.card h3,.pt h3{margin:.5em 0 .3em}.ic{width:40px;height:40px;color:var(--ac)}
.tags{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.tags li{border:1px solid #33425e;padding:8px 16px;border-radius:999px;color:var(--mu)}
.cap{border-bottom:1px solid #1d2840;padding:56px 0}.cap:nth-of-type(even){background:var(--bg2)}.capin{display:flex;gap:28px}.capin .ic{width:56px;height:56px;flex:none}
.checks{columns:2;padding:0;list-style:none}.checks li{padding:4px 0 4px 24px;position:relative;break-inside:avoid}.checks li:before{content:"▸";color:var(--ac);position:absolute;left:0}
.steps li{margin:8px 0}.cta{text-align:center;background:linear-gradient(90deg,#1a2438,#2a1f12)}.cta .btn{margin-top:10px}
.form{display:grid;gap:8px}.form input,.form textarea{background:var(--card);border:1px solid #33425e;color:var(--tx);padding:12px;border-radius:8px;font:inherit}.form input:focus,.form textarea:focus{outline:2px solid var(--ac)}
.form button{margin-top:12px;justify-self:start}.note{color:var(--mu)}
footer{background:#070c16;padding:40px 0;color:var(--mu);font-size:.95rem}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}footer strong{color:var(--tx)}
@media(max-width:760px){.menu{display:block}nav ul{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--bg);padding:20px}nav ul.open{display:flex}.checks{columns:1}.capin{flex-direction:column}}
.note{border-left:4px solid var(--ac);background:var(--card);padding:14px 18px;border-radius:8px;color:var(--mu)}
.tbc{color:var(--ac);font-weight:700}
.tl{list-style:none;padding:0;counter-reset:s}.tl li{counter-increment:s;background:var(--card);border:1px solid #23314d;border-radius:10px;padding:14px 18px 14px 56px;margin:10px 0;position:relative}.tl li:before{content:counter(s);position:absolute;left:16px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--ac);color:#111;font-weight:700;text-align:center;line-height:28px}
table.cfg{width:100%;border-collapse:collapse;margin-top:18px}table.cfg th,table.cfg td{border:1px solid #23314d;padding:10px;text-align:left;vertical-align:top}table.cfg th{background:var(--card)}

a:focus-visible,button:focus-visible,.btn:focus-visible{outline:3px solid var(--ac);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
