:root{--bg:#0b1224;--bg2:#0e1730;--line:rgba(255,255,255,.1);--text:#e2e8f0;--muted:#94a3b8;--copper:#dcab88}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--copper)}a:hover{color:#fff}code{background:var(--bg2);border:1px solid var(--line);border-radius:4px;padding:.05em .35em;font-size:.9em;overflow-wrap:anywhere}
.wrap{max-width:68rem;margin:0 auto;padding:0 16px}@media(min-width:640px){.wrap{padding:0 24px}}
header{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,18,36,.94);backdrop-filter:blur(8px);z-index:5}
.bar{display:flex;align-items:center;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;letter-spacing:.12em;text-decoration:none;flex:none}.brand img{width:32px;height:32px}
.menu{display:none;margin-left:auto;align-items:center;gap:4px}.menu a{color:#cbd5e1;text-decoration:none;font-size:14px;font-weight:500;padding:8px 10px;border-radius:6px}.menu a:hover,.menu a[aria-current]{color:#fff;background:rgba(255,255,255,.05)}
.actions{display:none;align-items:center;gap:14px}.actions .signin{color:#e2e8f0;text-decoration:none;font-size:14px;font-weight:500}
@media(min-width:900px){.menu,.actions{display:flex}.mob{display:none}}
.mob{margin-left:auto}.mob summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:6px;color:#e2e8f0}.mob summary::-webkit-details-marker{display:none}.mob summary:hover{background:rgba(255,255,255,.08)}
.mob .panel{position:absolute;left:0;right:0;top:64px;background:#0d1427;border-bottom:1px solid var(--line);padding:12px 16px 20px}.mob .panel a{display:block;color:#e2e8f0;text-decoration:none;padding:11px 8px;border-radius:6px;font-weight:500}.mob .panel a:hover,.mob .panel a[aria-current]{background:rgba(255,255,255,.06);color:#fff}
.mob .row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.mob .row a{text-align:center;border:1px solid rgba(255,255,255,.15)}.mob .row a.btn{border:0}
.btn{display:inline-block;background:linear-gradient(135deg,#cd8d62,#a6613a);color:#fff;text-decoration:none;font-weight:600;border-radius:6px;padding:10px 18px}.btn:hover{filter:brightness(1.1);color:#fff}
.crumbs{font-size:14px;color:var(--muted);padding-top:28px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:#fff}
.hero{padding:28px 0 24px}.hero.top{padding-top:64px}.hero h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.15;margin:0 0 16px;color:#fff;letter-spacing:-.01em}.lead{font-size:1.125rem;color:#cbd5e1;max-width:46rem;margin:0}
main section{padding-bottom:64px;max-width:52rem}main section.wide{max-width:none}h2{color:#fff;font-size:1.5rem;margin:48px 0 12px}h3{color:#fff;font-size:1.05rem;margin:0 0 6px}
.grid{display:grid;gap:16px;margin-top:24px}@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:8px;padding:20px}.card p{margin:0;color:var(--muted);font-size:.95rem}.card-link{text-decoration:none;display:block;transition:border-color .2s}.card-link:hover{border-color:rgba(220,171,136,.5)}
.list{padding-left:1.25rem}.list li{margin:6px 0}
.steps{list-style:none;padding:0;margin:32px 0 0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.steps .n{font:300 1.9rem/1 ui-monospace,monospace;color:var(--copper)}.steps p{margin:0 0 10px;color:#cbd5e1}
.code{background:#070d1c;border:1px solid var(--line);border-radius:8px;padding:14px 16px;overflow-x:auto;font:13.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#e2e8f0;margin:12px 0}.code code{background:none;border:0;padding:0;font-size:inherit;overflow-wrap:normal}
.tip{border-left:3px solid var(--copper);background:rgba(220,171,136,.06);padding:12px 16px;border-radius:0 6px 6px 0;color:#cbd5e1}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;margin-top:24px}table{border-collapse:collapse;width:100%;min-width:30rem;font-size:.95rem}
caption{text-align:left;padding:14px 16px;color:var(--muted);font-size:.85rem}th,td{text-align:left;padding:12px 16px;border-top:1px solid var(--line)}thead th{color:var(--muted);font-weight:500}tbody th{font-weight:400;color:var(--text)}
.hl{background:rgba(220,171,136,.07);color:#fff;font-weight:600}.ok{color:var(--copper);margin-right:6px}.note{color:#64748b;font-size:.8rem}
.faq{margin-top:24px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:16px 0}.faq summary{cursor:pointer;color:#fff;font-weight:600}.faq details p{color:#cbd5e1;margin:10px 0 0}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:40px}
footer{border-top:1px solid var(--line);background:#0a1020;padding:40px 0;font-size:14px;color:var(--muted)}footer .cols{display:grid;gap:28px}@media(min-width:640px){footer .cols{grid-template-columns:1.6fr 1fr 1fr 1fr}}
footer ul{list-style:none;padding:0;margin:10px 0 0}footer li{margin:7px 0}footer a{color:#cbd5e1;text-decoration:none}footer a:hover{color:#fff}footer h2{font-size:14px;margin:0;color:#fff}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:#000;padding:8px;z-index:9}
a:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:2px}