/* Lion Fludd — "Brand Like A Boss". Real-brand palette pulled from lionfludd.com:
   soft gold #F1D07B buttons with near-black #202124 text, warm cream + black bands, Roboto.
   Loaded AFTER style.css to override the frame. Keeps the other pages consistent too. */
:root{
  --gold:#F1D07B;          /* primary button gold (from lionfludd.com) */
  --gold-deep:#e0b856;     /* darker gold for gradients/borders */
  --arcane:#FAE6B6;        /* pale gold band */
  --text:#202124;          /* near-black text + headings */
  --text-muted:#5b5f66;
  --border:rgba(32,33,36,.14);
  --border-soft:#e6e3dd;
  --ink:#202124;           /* black contrast bands (his site uses these) */
  --font-display:"Roboto","Inter",system-ui,-apple-system,sans-serif;
  --font-body:"Roboto","Inter",system-ui,-apple-system,sans-serif;
}
body{font-family:var(--font-body);color:var(--text);}
h1,h2,h3,.display,.section-title{font-family:var(--font-display);color:var(--text);font-weight:900;letter-spacing:-.01em;}
.eyebrow{color:#a9821f;}                 /* deep gold eyebrow */
.btn--primary{color:#202124;}            /* dark text on gold, like his site */
.nav{background:#ffffff;border-bottom:1px solid var(--border-soft);}
/* ecosystem signature: italic gold Cinzel */
.footer .mp-credit a{font-family:"Cinzel",Georgia,serif;font-style:italic;color:var(--gold);text-decoration:none;}
.footer .mp-credit a:hover{color:#ffffff;}

/* --- About --- */
.about-wrap{display:flex;gap:32px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:22px;}
.about-wrap>img{width:190px;height:auto;flex:0 0 auto;}
.about-sig{color:var(--text);font-family:var(--font-display);font-weight:900;margin:14px 0 0;font-size:1.05rem;}

/* --- Pricing cards (Lion's real offers) --- */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:26px auto 0;}
.price{position:relative;display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-soft);
  border-radius:14px;padding:26px 22px;box-shadow:0 8px 24px rgba(20,20,15,.05);}
.price--mid{border:2px solid var(--gold);box-shadow:0 16px 44px rgba(241,208,123,.38);transform:translateY(-4px);}
.price__badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:#202124;
  font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px;white-space:nowrap;}
.price__name{font-family:var(--font-display);font-weight:900;font-size:1.22rem;color:var(--text);margin:0 0 4px;}
.price__meta{font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#a9821f;margin:0 0 12px;}
.price__desc{color:var(--text-muted);font-size:.9rem;line-height:1.55;margin:0 0 14px;}
.price ul{list-style:none;padding:0;margin:0 0 20px;flex:1;}
.price li{color:var(--text-muted);font-size:.88rem;padding:5px 0 5px 22px;position:relative;}
.price li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:6px;
  border-left:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(-45deg);}
@media(max-width:860px){ .price-grid{grid-template-columns:1fr;max-width:420px;} .price--mid{transform:none;} }

/* --- Final CTA band (black + gold, matches his site's dark sections) --- */
.cta-band{background:var(--ink);color:#f7f3e8;text-align:center;border-radius:18px;padding:48px 26px;max-width:900px;margin:0 auto;}
.cta-band .eyebrow{color:var(--gold);}
.cta-band h2{color:#ffffff;}
.cta-band p{color:#d6d2c6;}
.cta-band .btn--primary{background:var(--gold);color:#202124;}
::selection{background:var(--gold);color:#202124;}