:root{color-scheme:dark;--bg:#0b0b0c;--panel:#171718;--text:#f5f2eb;--muted:#c4c1ba;--accent:#edc575}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,sans-serif}a{color:var(--accent);text-underline-offset:5px}a:hover{color:white}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #38332a}nav{display:flex;gap:24px;flex-wrap:wrap}.brand{font-size:26px;font-weight:800;color:white;text-decoration:none}.brand span{color:var(--accent)}h1{font-size:clamp(36px,6vw,76px);line-height:1.08;letter-spacing:-.045em;margin:22px 0}h2{font-size:25px;line-height:1.3;margin-top:32px}p{color:var(--muted)}.hero{padding:65px 0 48px;max-width:850px}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.1em;font-size:14px;text-transform:uppercase}.hero p{max-width:690px;font-size:21px}.button{display:inline-block;background:var(--accent);color:#0b0b0c;padding:12px 22px;border-radius:10px;font-weight:700;text-decoration:none}.button:hover{background:white;color:#0b0b0c}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid #38332a;border-radius:16px;padding:26px}.card h2{margin:0;font-size:22px}.card p{margin-bottom:0}.plans{margin:48px 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.plans h2{margin-top:0}.legal{max-width:800px;padding-bottom:64px}.legal h1{font-size:clamp(32px,5vw,50px)}.legal li{color:var(--muted);margin:8px 0}.note{border-left:3px solid var(--accent);background:var(--panel);padding:18px 22px}.meta{font-size:14px}footer{border-top:1px solid #38332a;font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}@media(max-width:720px){header{align-items:flex-start;flex-direction:column}nav{gap:12px 20px;font-size:15px}.hero{padding-top:35px}.grid,.plans{grid-template-columns:1fr}header,main,footer{padding:22px}}

.brand{display:flex;align-items:center;gap:12px}.brand img{display:block;border-radius:50%;object-fit:contain}.brand span{color:var(--text)}.hero{max-width:none;display:flow-root}.hero-logo{float:right;width:32%;max-width:320px;height:auto;margin:10px 0 24px 36px}.hero h1{font-size:clamp(36px,5.4vw,66px)}.button{background:linear-gradient(120deg,#f4d695,#d6a748)}.card{background:linear-gradient(145deg,#1e1e20,#121213)}@media(max-width:720px){.hero-logo{float:none;display:block;width:170px;margin:0 auto 28px}.brand img{width:48px;height:48px}}
