:root{color-scheme:dark;--bg:#0c1014;--surface:#151b21;--surface2:#1b232b;--text:#f1f4f6;--muted:#a9b5bc;--line:#2c353c;--accent:#e38b5c;--accent2:#f4b18a;--max:1060px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#26201f 0%,transparent 38%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65}a{color:var(--accent2);text-underline-offset:3px}a:hover{color:#ffd1ad}a:focus-visible{outline:2px solid var(--accent2);outline-offset:4px;border-radius:3px}.shell{max-width:var(--max);margin:auto;padding:0 26px}.topbar{border-bottom:1px solid var(--line);background:#0c1014c9}.topbar .shell{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:800;letter-spacing:.07em;font-size:15px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid #a36043;border-radius:11px;background:linear-gradient(135deg,#48352c,#1d2328);color:var(--accent2)}.brand-mark svg{width:24px;height:24px}.nav{display:flex;gap:24px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--muted);font-weight:600;font-size:13px}.nav a[aria-current="page"],.nav a:hover{color:var(--accent2)}
.hero{padding:98px 0 86px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent2);font-weight:800}.hero h1{font-size:clamp(38px,6.3vw,72px);line-height:1.09;letter-spacing:-.055em;max-width:850px;margin:16px 0 26px}.hero .intro{font-size:19px;max-width:690px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-block;text-decoration:none;border:1px solid #dc8a62;background:var(--accent);color:#1b1511;padding:12px 20px;border-radius:9px;font-weight:800;font-size:14px}.button:hover{color:#18120e;background:#f3a778}.button.secondary{background:transparent;border-color:#606061;color:var(--text)}.button.secondary:hover{background:var(--surface2);color:var(--text)}.rule{border:0;border-top:1px solid var(--line);margin:0}
.section{padding:70px 0}.section h2{font-size:clamp(25px,4vw,36px);letter-spacing:-.035em;line-height:1.25;margin:8px 0 22px}.muted{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.tile{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--surface),#12171c);padding:27px}.tile .number{color:var(--accent2);font-size:12px;font-weight:900;letter-spacing:.13em}.tile h3{margin:18px 0 6px;line-height:1.3;font-size:19px}.tile p{font-size:14px;color:var(--muted);margin:0}.info{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.info h3{margin:0 0 10px}.info p{margin:0;color:var(--muted)}.pill{display:inline-block;color:var(--accent2);border:1px solid #685144;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700;background:#2b2522}
.page-head{padding:64px 0 28px}.page-head h1{font-size:clamp(33px,5vw,52px);line-height:1.12;letter-spacing:-.04em;margin:12px 0}.page-head p{color:var(--muted);max-width:720px}.article{max-width:790px;padding-top:15px;padding-bottom:92px}.article h2{font-size:23px;margin:38px 0 12px;line-height:1.3}.article h3{font-size:17px;margin:20px 0 8px}.article p,.article li{color:#c1cbd1}.article ul{padding-left:23px}.article li{margin:8px 0}.article strong{color:var(--text)}.article code{background:#25303a;padding:2px 6px;border-radius:5px;color:#ffd0b8}.article .note{margin-top:30px;padding:18px;border-left:3px solid var(--accent);background:var(--surface)}
.footer{border-top:1px solid var(--line);padding:30px 0 42px;color:var(--muted);font-size:13px}.footer .shell{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer a{color:var(--muted)}.footer a:hover{color:var(--accent2)}
@media(max-width:720px){.topbar .shell{padding-top:14px;padding-bottom:14px;align-items:flex-start;flex-direction:column}.nav{gap:16px}.hero{padding:60px 0 54px}.hero .intro{font-size:17px}.tiles,.info{grid-template-columns:1fr}.section{padding:46px 0}.page-head{padding-top:43px}.shell{padding-left:20px;padding-right:20px}}