:root{--bg:#070a0c;--panel:#0b1115;--text:#f4f0ea;--muted:#c6bfb4;--gold:#c99b5e;--line:rgba(201,155,94,.36)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-weight:300}
a{color:var(--gold)}
.guide-header{border-bottom:1px solid var(--line);background:#090d10}
.guide-nav{max-width:1100px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.guide-nav img{width:180px;display:block}
.guide-nav a:last-child{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.1em}
.guide-hero{max-width:1100px;margin:auto;padding:100px 28px 70px}
.eyebrow{margin:0 0 16px;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:13px}
h1{max-width:900px;margin:0 0 28px;font-size:54px;line-height:1.08;font-weight:300;letter-spacing:-.025em}
.lead{max-width:780px;font-size:20px;line-height:1.65;color:var(--muted)}
.guide-layout{max-width:1100px;margin:auto;padding:0 28px 90px;display:grid;grid-template-columns:minmax(0,760px) 240px;gap:80px}
.guide-content h2{margin:60px 0 20px;font-size:34px;line-height:1.2;font-weight:300}
.guide-content h2:first-child{margin-top:0}
.guide-content h3{margin:34px 0 12px;font-size:22px;font-weight:400}
.guide-content p,.guide-content li{color:var(--muted);font-size:17px;line-height:1.75}
.guide-content ul{padding-left:22px}
.guide-content li{margin-bottom:10px}
.comparison{width:100%;border-collapse:collapse;margin:32px 0}
.comparison th,.comparison td{padding:18px 16px;text-align:left;vertical-align:top;border:1px solid var(--line);color:var(--muted);line-height:1.5}
.comparison th{color:var(--text);background:#0d1419;font-weight:400}
.guide-aside{align-self:start;position:sticky;top:28px;border:1px solid var(--line);padding:25px;background:var(--panel)}
.guide-aside strong{display:block;margin-bottom:14px;font-size:18px}
.guide-aside p{color:var(--muted);line-height:1.6;font-size:14px}
.button{display:inline-block;margin-top:10px;padding:13px 16px;border:1px solid var(--gold);text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
.guide-footer{border-top:1px solid var(--line);padding:30px 28px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:800px){.guide-nav img{width:150px}.guide-hero{padding-top:70px}h1{font-size:40px}.guide-layout{grid-template-columns:1fr;gap:40px}.guide-aside{position:static}.comparison{font-size:14px}.comparison th,.comparison td{padding:12px 9px}}