/* Static landing pages that Google can read without running any script. Brand tokens mirror the app. */
:root { --bg:#0d0b09; --card:#15110d; --line:#3b2816; --fg:#f7f5f2; --prose:#d9d2c9; --muted:#9a928a; --o1:#FC7100; --o2:#FFD200; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--prose); font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; }
a { color:#FFB000; text-decoration:none; } a:hover { text-decoration:underline; }
.wrap { max-width:880px; margin:0 auto; padding:0 20px; }
header.site { border-bottom:1px solid var(--line); }
header.site .wrap { display:flex; align-items:center; justify-content:space-between; height:60px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--fg); font-weight:800; font-size:17px; }
.brand img { border-radius:7px; }
.btn { display:inline-block; padding:12px 24px; border-radius:12px; font-weight:800; color:#1a1008 !important; background:linear-gradient(90deg,var(--o1),var(--o2)); text-decoration:none !important; }
.btn.ghost { background:transparent; color:var(--fg) !important; border:1px solid #5a3a1c; }
main { padding:56px 0 40px; }
h1 { margin:0 0 16px; color:var(--fg); font-size:clamp(32px,6vw,48px); line-height:1.1; font-weight:800; letter-spacing:-0.02em; }
h1 span { background:linear-gradient(90deg,var(--o1),var(--o2)); -webkit-background-clip:text; background-clip:text; color:transparent; }
h2 { margin:44px 0 12px; color:var(--fg); font-size:26px; line-height:1.25; }
h3 { margin:0 0 6px; color:var(--fg); font-size:18px; }
p { margin:0 0 14px; }
.lead { font-size:19px; color:#e8e1d8; max-width:680px; }
.cta { margin:26px 0 8px; display:flex; flex-wrap:wrap; gap:12px; }
.note { color:var(--muted); font-size:14px; }
.hero { width:100%; height:auto; border-radius:18px; border:1px solid var(--line); margin:30px 0 0; display:block; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-top:18px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px; }
.card p { margin:0; font-size:15px; }
ol.steps { padding-left:20px; } ol.steps li { margin:0 0 10px; }
.price { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:14px; margin-top:16px; }
.price .card strong { display:block; font-size:28px; color:#FFB000; }
details { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 18px; margin:10px 0; }
summary { cursor:pointer; color:var(--fg); font-weight:700; }
details p { margin:10px 0 0; }
.related { margin-top:40px; display:flex; flex-wrap:wrap; gap:10px 22px; }
footer.site { border-top:1px solid var(--line); padding:26px 0 40px; color:var(--muted); font-size:14px; }
footer.site a { color:var(--muted); margin-right:18px; }
.hero.small { max-width:480px; }