:root{
/* ShowHive palette — gold, black, white. Gold is for fills and accents only;
   #FFBF00 on white is ~1.7:1 so it must never carry body text. --gold-ink is
   the darkened gold used when a gold-coloured LINK or label is needed. */
--gold:#FFBF00;--gold-hover:#FFCB2B;--gold-deep:#E0A800;--gold-ink:#8A6A00;
--ink:#0B0B0B;--body:#2E2E2E;--muted:#6B6B6B;
--bg:#FFFFFF;--surface:#F7F7F5;--border:#E4E2DC;
--dark:#0B0B0B;--dark-surface:#1A1A18;--dark-border:#2C2C29;
--radius:12px}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
color:var(--body);background:var(--bg);line-height:1.65;font-size:16px}
h1,h2,h3,h4{color:var(--ink);line-height:1.25;margin:0 0 .5em}
h1{font-size:2.1rem}h2{font-size:1.5rem;margin-top:1.6em}h3{font-size:1.15rem;margin-top:1.3em}
p{margin:.4em 0 1em}
a{color:var(--gold-ink);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--gold);color:var(--ink);font-weight:600;
padding:12px 22px;border-radius:10px;text-decoration:none}
.btn:hover{filter:brightness(1.05);text-decoration:none}
.btn-small{padding:8px 16px;font-size:.9rem}
.btn-ghost{background:transparent;border:1.5px solid var(--body);color:var(--border)}
/* header */
.site-header{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);
border-bottom:1px solid var(--border);z-index:10}
.header-inner{display:flex;align-items:center;gap:24px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:1.15rem;color:var(--ink)}
.brand:hover{text-decoration:none}
.site-nav{display:flex;gap:20px;margin-left:auto}
.site-nav a{color:var(--body);font-weight:500}
.site-nav a.active{color:var(--gold-ink);font-weight:700}
/* hero */
.hero{background:var(--dark);color:var(--border);padding:72px 0 64px;text-align:center}
.hero h1{color:#fff;font-size:2.6rem;max-width:760px;margin:0 auto .4em}
.hero .accent{color:var(--gold)}
.hero p{max-width:640px;margin:0 auto 1.6em;font-size:1.15rem;color:var(--border)}
.hero-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.badge-row{margin-top:26px;color:#A8A59C;font-size:.9rem}
/* sections */
.section{padding:56px 0}
.section-alt{background:var(--surface)}
.section h2{text-align:center;margin-top:0}
.section .lead{text-align:center;max-width:680px;margin:0 auto 2em;color:var(--muted)}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:28px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px}
.card h3{margin-top:0;font-size:1.05rem}
.card p{margin-bottom:0;font-size:.95rem;color:var(--muted)}
.card .k{display:inline-block;background:#FFF4CC;color:var(--gold-ink);font-weight:700;
font-size:.75rem;border-radius:6px;padding:2px 8px;margin-bottom:10px;letter-spacing:.03em}
.steps{counter-reset:step}
.steps .card{position:relative;padding-left:64px}
.steps .card::before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:20px;
width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:700;
display:flex;align-items:center;justify-content:center}
/* pricing */
.tiers{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:28px}
.tier{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.tier.featured{border-color:var(--gold);box-shadow:0 6px 24px rgba(255,191,0,.22)}
.tier h3{margin-top:0}
.tier .price{font-size:2rem;font-weight:800;color:var(--ink)}
.tier .per{color:var(--muted);font-size:.9rem}
.tier ul{padding-left:0;list-style:none;margin:16px 0;flex:1}
.tier li{padding:5px 0 5px 26px;position:relative;font-size:.95rem}
.tier li::before{content:"\2713";position:absolute;left:2px;color:var(--gold-deep);font-weight:700}
.tier li.no::before{content:"\2014";color:var(--border)}
.price-note{max-width:760px;margin:26px auto 0;font-size:.92rem;color:var(--muted);text-align:center}
table{border-collapse:collapse;width:100%;margin:1em 0}
th,td{border:1px solid var(--border);padding:9px 12px;text-align:left;font-size:.93rem}
th{background:var(--surface)}
/* help */
.help-wrap{display:grid;grid-template-columns:250px 1fr;gap:44px;padding-top:40px;padding-bottom:64px}
.help-side{font-size:.92rem}
.help-side h4{margin:1.4em 0 .4em;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.help-side a{display:block;padding:4px 0;color:var(--body)}
.help-side a.active{color:var(--gold-ink);font-weight:700}
.help-home{font-weight:600}
.help-article h1{margin-top:0}
.help-article ol,.help-article ul{padding-left:1.3em}
.help-article li{margin:.35em 0}
.help-footer{margin-top:40px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);
border-radius:10px;font-size:.92rem}
.note{background:#FFF4CC;border:1px solid var(--gold);border-radius:10px;padding:14px 18px;font-size:.93rem;color:var(--ink)}
.draft{background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;padding:14px 18px;font-size:.95rem;
color:#7f1d1d;font-weight:600;margin-bottom:28px}
/* prose pages */
.prose{max-width:760px;margin:0 auto;padding:48px 20px 72px}
.prose h1{margin-top:0}
/* footer */
.site-footer{background:var(--dark);color:#B9B7B0;margin-top:48px}
.footer-inner{display:flex;gap:48px;flex-wrap:wrap;padding:44px 20px}
.brand-footer{color:#fff}
.footer-tag{font-size:.92rem;margin:8px 0 2px}
.footer-copy{font-size:.8rem}
.footer-cols{display:flex;gap:56px;flex-wrap:wrap;margin-left:auto}
.footer-cols h4{color:var(--border);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6em}
.footer-cols a{display:block;color:#B9B7B0;padding:3px 0;font-size:.92rem}
.footer-cols a:hover{color:#fff}
@media(max-width:820px){
.site-nav{display:none}
.hero h1{font-size:2rem}
.help-wrap{grid-template-columns:1fr}
.help-side{order:2;border-top:1px solid var(--border);padding-top:20px}
.footer-cols{margin-left:0}}