@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b0a17;--surface:#18162a;--text:#f7f3e9;--muted:#c3bdd2;--accent:#18e5e4;--line:#3b344d;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.7}a{color:var(--accent);text-underline-offset:.25em}a:hover{color:#fff}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:3px}.skip{position:absolute;left:1rem;top:-5rem}.skip:focus{top:1rem;background:var(--bg);padding:.5rem;z-index:3}.wrap{max-width:1100px;margin:auto;padding:0 24px}header{border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.brand{font-weight:800;letter-spacing:-.04em;font-size:1.4rem;color:var(--text);text-decoration:none}nav{display:flex;gap:24px;flex-wrap:wrap}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:56px 0 72px}.hero img{width:100%;height:auto;max-width:440px;border-radius:28px;justify-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:.8rem;font-weight:750}h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.045em;margin:.3em 0}h2{font-size:1.45rem;line-height:1.3;margin:2em 0 .5em}p{margin:0 0 1em}.intro{font-size:1.15rem;color:var(--muted);max-width:55ch}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px}.button{display:inline-block;padding:13px 22px;background:var(--accent);color:#0b0a17;font-weight:750;text-decoration:none;border-radius:12px}.button:hover{color:#0b0a17;background:#fff}.article{max-width:760px;padding:55px 0 72px}.article h1{font-size:clamp(2.4rem,4vw,3.4rem)}.article p,.article li{color:var(--muted)}.note{padding:20px 24px;background:var(--surface);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;margin:28px 0}.note p:last-child{margin-bottom:0}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.9rem}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:24px;padding-top:32px}.hero img{max-width:350px;grid-row:1}.nav{gap:12px}nav{gap:16px}.article{padding-top:32px}.wrap{padding-left:20px;padding-right:20px}}