/* Grok Bot guide funnel: additions on top of the Jiffy Hits hub stylesheet (styles.css) */
/* ===== Approved funnel palette (2026-10-22). Overrides the shared styles.css for these two pages only. =====
   bg #0B1020 · cards #171B38 · primary buttons #7C3AED · accents #A78BFA · text #F8FAFC
   Muted text #CBD5E1 (12.75:1 on bg, 11.31:1 on cards). Decorative borders #2A2F5A; form-field borders #6B6FA8 (3.57:1 on cards). */
:root{--bg:#0B1020;--bg2:#0B1020;--card:#171B38;--line:#2A2F5A;--text:#F8FAFC;--muted:#CBD5E1;--brand:#7C3AED;--brand2:#A78BFA;--accent:#A78BFA;--field-line:#6B6FA8}
body{background:var(--bg);color:var(--text)}
a{color:var(--accent)}a:hover{color:var(--text)}
.site-header{background:rgba(11,16,32,.92)}
.site-footer{background:var(--bg)}
.hero{background:radial-gradient(900px 400px at 15% 0%,rgba(124,58,237,.30),transparent 60%),radial-gradient(700px 400px at 100% 20%,rgba(167,139,250,.14),transparent 60%),var(--bg)}
.page-hero{background:radial-gradient(800px 300px at 10% 0%,rgba(124,58,237,.26),transparent 60%),var(--bg)}
.section.alt{background:var(--bg)}
.btn-primary{background:#7C3AED;color:#F8FAFC;box-shadow:0 6px 20px rgba(124,58,237,.35)}
.btn-primary:hover{background:#6D28D9;color:#F8FAFC;box-shadow:0 10px 26px rgba(124,58,237,.5)}
.btn-ghost{border-color:var(--accent);color:var(--text);background:var(--card)}.btn-ghost:hover{border-color:var(--text);color:var(--text)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
input{background:var(--bg);color:var(--text);border:1px solid var(--field-line)}
input::placeholder{color:var(--muted)}
.disclosure,.card-body .disclosure{color:var(--text)}
.eyebrow{color:var(--accent)}
.lead{color:var(--muted)}
body{font-size:1.0625rem}
.small,.optin-form .fine{font-size:.9rem}
.draft-banner{background:var(--warn);color:#111;text-align:center;font-weight:700;font-size:.85rem;padding:6px 12px}
.header-inner .header-note{color:var(--muted);font-size:.9rem;text-decoration:none}
.optin-layout{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.optin-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.optin-form h2{font-size:1.35rem}
.optin-form .btn{width:100%;margin-top:4px}
.optin-form .opt{font-weight:400;color:var(--muted);font-size:.9rem}
.optin-form .fine{margin:12px 0 0;color:var(--muted)}
.form-status{display:none;margin-top:12px}.form-status.show{display:block}
.task-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:12px}
.task-list li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.task-list .num{display:inline-block;font-weight:800;color:var(--brand2);margin-right:8px;font-size:.85rem;letter-spacing:.08em}
.task-list strong{color:var(--text)}
.task-list span.d{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
.checks{list-style:none;padding:0;margin:0 0 1em}
.checks li{padding-left:1.6em;position:relative;margin:.45em 0}
.checks li::before{content:"✓";position:absolute;left:0;color:var(--brand2);font-weight:800}
.steps{display:grid;grid-template-columns:1fr;gap:12px;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;counter-increment:s}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#7C3AED;color:#F8FAFC;font-weight:800;margin-right:10px;font-size:.9rem}
.download-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.download-card>*{margin:0}
.optional-box{margin-top:8px;padding:22px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--card)}
.optional-tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:10px}
.aff-row{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-top:14px}
.aff-row .disclosure{margin:0;font-size:.95rem;max-width:640px}
.foot-mini{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.foot-mini ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:16px}
.foot-mini a{color:var(--text);text-decoration:none}.foot-mini a:hover{color:var(--brand2)}
@media (min-width:700px){.task-list{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.optin-layout{grid-template-columns:3fr 2fr}.optin-form{position:sticky;top:84px}.steps{grid-template-columns:repeat(4,1fr)}}
.confirm-note{background:var(--card);border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:10px;padding:12px 14px;color:var(--text);max-width:720px;margin:0 0 1em}