
:root{
  --bg:#0b0b0c;
  --panel:#121214;
  --text:#e9e9ec;
  --muted:#b9b9c2;
  --gold:#FFAF01;
  --gold-2:#FFAF01;
  --accent:#ffffff;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,.6);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;scroll-behavior:smooth}
a{color:var(--text);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:50;background:rgba(11,11,12,.7);
  backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.15)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px;font-family:Cinzel,serif;letter-spacing:.18em}
.brand .brand-mark{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px rgba(212,175,55,.35)}
.brand-name{font-weight:700;color:var(--text);font-size:.92rem}
.nav nav{display:flex;gap:18px;align-items:center}
.nav nav a{opacity:.8;padding:6px 4px;border-bottom:2px solid transparent}
.nav nav a:hover{opacity:1}
.nav nav a.active{border-bottom:2px solid var(--gold);opacity:1}
.burger{display:none;background:none;border:0;color:var(--text);font-size:24px}
.hero{position:relative;padding:120px 0 80px;background:
  radial-gradient(1200px 500px at 50% -50%,rgba(212,175,55,.18),transparent 60%),var(--bg)}
.hero-badge{display:flex;justify-content:center;margin-bottom:24px}
.hero-badge img{width:120px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}
.hero h1{font-family:Cinzel,serif;font-weight:900;text-align:center;letter-spacing:.03em;
  font-size:42px;margin:0 0 14px}
.lead{max-width:820px;margin:0 auto 24px;text-align:center;color:var(--muted);font-size:1.08rem}
.cta{display:flex;justify-content:center;gap:14px}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.12);
  transition:.2s ease;box-shadow:var(--shadow);font-weight:600}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111;border-color:rgba(212,175,55,.6)}
.btn-outline{background:transparent;color:var(--text)}
.btn.full{display:block;text-align:center;margin-top:14px}
.section{padding:80px 0}
.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 60%)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{background:linear-gradient(180deg,#101012,#0c0c0e);border:1px solid rgba(212,175,55,.18);
  border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.card h3{font-family:Cinzel,serif;margin:0 0 10px;font-weight:700;letter-spacing:.03em}
.card p{margin:0;color:var(--muted)}
.process h2,.pricing h2,.contact h2,.section h2{font-family:Cinzel,serif;font-weight:800;font-size:32px;margin:0 0 20px;letter-spacing:.02em}
.process ol{margin:0;padding-left:20px;color:var(--muted);line-height:1.8}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:18px}
.price-card{background:linear-gradient(180deg,#121216,#0d0d10);border:1px solid rgba(212,175,55,.22);
  border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);position:relative}
.price-card .pc-head{display:flex;align-items:flex-start;justify-content:space-between;
  font-family:Cinzel,serif;font-size:20px;font-weight:800;margin-bottom:8px;gap:12px;flex-wrap:wrap}
.price-card .pc-head span{font-weight:700;color:var(--gold);margin-left:12px;padding-left:12px;border-left:1px solid rgba(212,175,55,.25)}
.price-card p{color:var(--muted)}
.price-card ul{margin:12px 0 0 16px;line-height:1.7}
.price-card.featured{border-color:rgba(255,204,102,.9);box-shadow:0 0 0 1px rgba(255,204,102,.35),var(--shadow)}
.note{margin-top:18px;color:var(--muted);text-align:center}
.contact-form{margin-top:16px}
.contact-form input,.contact-form textarea{width:100%;background:#0e0e11;color:var(--text);
  border:1px solid rgba(212,175,55,.18);border-radius:12px;padding:12px 14px;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(212,175,55,.5)}
.emblems{display:flex;gap:14px;align-items:center;justify-content:center;margin-top:28px}
.emblems img{height:80px;width:auto}
.footer{border-top:1px solid rgba(212,175,55,.15);padding:18px 0;background:#0a0a0b;color:#b9b9bf}
.foot{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}
.subhero{padding:80px 0 50px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 70%)}
.subhero h1{font-family:Cinzel,serif;font-size:34px;margin:0 0 6px}
.breadcrumbs{color:var(--muted);font-size:.92rem}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}
.table .row{display:grid;grid-template-columns:160px 1fr;gap:14px;padding:12px 14px;background:#101012;
  border:1px solid rgba(212,175,55,.18);border-radius:12px;margin-bottom:10px}
.hours{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kicker{display:inline-block;font-size:.84rem;letter-spacing:.2em;color:var(--gold);margin-bottom:8px}
@media (max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  .pricing{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .nav nav{display:none}
  .burger{display:block}
  .table .row{grid-template-columns:1fr}
  .hours{grid-template-columns:1fr}
}

/* --- New homepage sections --- */
.trustbar{padding:14px 0;border-top:1px solid rgba(212,175,55,.12);border-bottom:1px solid rgba(212,175,55,.12);background:#0a0a0b}
.marquee{position:relative;overflow:hidden}
.marquee-track{display:flex;gap:14px;white-space:nowrap;animation:scroll 25s linear infinite}
.marquee-track.clone{position:absolute;left:100%;top:0}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.pill{display:inline-block;padding:6px 12px;border:1px solid rgba(212,175,55,.2);border-radius:999px;color:#cfcfd6}

.reels .reel-card{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.reel-frame{background:linear-gradient(180deg,#121216,#0d0d10);border:1px solid rgba(212,175,55,.22);border-radius:16px;padding:14px;box-shadow:var(--shadow)}
.fake-video{height:240px;background:radial-gradient(600px 180px at 50% 0, rgba(212,175,55,.18), transparent), #0c0c0e;
  border:1px dashed rgba(212,175,55,.22);border-radius:12px;display:grid;place-items:center}
.fake-video .play{font-size:48px;color:var(--gold);opacity:.85}

.metrics .metric{display:grid;place-items:center;text-align:center}
.metrics .num{font-family:Cinzel,serif;font-size:48px;font-weight:900;color:var(--gold);line-height:1}
.metrics .label{color:var(--muted)}

.process-wide .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.process-wide .step{display:flex;gap:12px;align-items:flex-start;background:#101012;border:1px solid rgba(212,175,55,.18);border-radius:14px;padding:14px}
.process-wide .badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#111;font-weight:800}

.cta-band{background:radial-gradient(1200px 400px at 50% 0, rgba(212,175,55,.08), transparent), #09090a;border-top:1px solid rgba(212,175,55,.12)}
.cta-inner{text-align:center}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease, transform .5s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width: 900px){
  .reels .reel-card{grid-template-columns:1fr}
  .process-wide .steps{grid-template-columns:1fr}
}

/* v7 bump */

/* v8: seamless marquee & polish */
.trustbar{padding:14px 0;border-top:1px solid rgba(212,175,55,.12);border-bottom:1px solid rgba(212,175,55,.12);background:#0a0a0b}
.marquee{overflow:hidden}
.marquee-inner{display:flex;gap:14px;white-space:nowrap;width:max-content;animation:marquee 26s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.pill{display:inline-block;padding:6px 12px;border:1px solid rgba(212,175,55,.2);border-radius:999px;color:#cfcfd6}

/* Hover polish */
.price-card{transition:transform .2s ease, box-shadow .2s ease}
.price-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(212,175,55,.25)}

/* Buttons micro-interaction */
.btn{transition:transform .2s ease, box-shadow .2s ease}
.btn:active{transform:translateY(0) scale(.98)}

/* Sticky nav shrink */
.nav{transition:backdrop-filter .2s ease, background .2s ease}
.nav.shrink .container{height:56px}
.nav.shrink{background:rgba(11,11,12,.85);backdrop-filter:blur(12px)}

/* FAQ accordion */
.faq-card{cursor:pointer}
.faq-card p{max-height:0;overflow:hidden;transition:max-height .25s ease, opacity .25s ease;opacity:.6;margin-top:0}
.faq-card.open p{max-height:200px;opacity:1;margin-top:6px}
.faq-hint{color:var(--muted);margin:8px 0 0 2px;font-size:.92rem}


/* v10: ensure all plan headers align visually */
.price-card .pc-head span{
  min-width: 270px;   /* gives Premium the same footprint as Starter/Growth */
  text-align: left;
}
@media (max-width: 600px){
  .price-card .pc-head span{ min-width: 0; } /* let it wrap naturally on small screens */
}


/* v11: always place price block below the title */
.price-card .pc-head{justify-content:flex-start}
.price-card .pc-head span{
  flex-basis:100%;
  min-width:unset; /* override v10 */
  display:block;
}


/* v4.6.3 pricing equalize */
.pricing{align-items:stretch}
.price-card{display:flex;flex-direction:column}
.price-card .pc-head{min-height:54px}
.price-card p{min-height:48px}
.price-card .btn{margin-top:auto}



/* v5.3 comparison table */
.compare{width:100%;border-collapse:separate;border-spacing:0 8px}
.compare th,.compare td{padding:10px 12px;text-align:center}
.compare th:first-child,.compare td:first-child{text-align:left}
.compare thead th{border-bottom:1px solid rgba(255,255,255,.08);color:#f6f3e8}
.compare tbody td{background:rgba(255,255,255,.04)}
.compare tbody tr td:first-child{background:transparent;color:#cfc9b6}
.compare-wrap{overflow-x:auto}



/* v5.3.3 sticky footer */
html, body { height: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
footer { margin-top: auto; }



/* === Nav/CTA overrides (safe + minimal) === */
header.nav nav a.active,
header.nav nav a[aria-current="page"] {
  color: #FFAF01 !important;
}
header.nav nav a.btn-gold,
.btn-gold,
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold:visited {
  background: #FFAF01 !important;
  color: #111 !important;
  border: 1px solid #FFAF01 !important;
  opacity: 1 !important;
  filter: none !important;
  text-decoration: none !important;
}
/* Keep CTA free of underline rules coming from generic link styles */
header.nav nav a.btn-gold { border-bottom-color: transparent !important; }


/* Active underline + CTA lock */
header.nav nav a{padding:6px 4px; border-bottom:2px solid transparent;}
header.nav nav a:hover{opacity:1}
header.nav nav a.active, header.nav nav a[aria-current="page"]{color:#FFAF01 !important; border-bottom-color:#FFAF01 !important;}
header.nav nav a.btn, header.nav nav a.btn-gold{opacity:1 !important; border-bottom-color:transparent !important;}
.btn-gold, .btn-gold:hover, .btn-gold:focus, .btn-gold:active, .btn-gold:visited{background:#FFAF01 !important; color:#111 !important; border:1px solid #FFAF01 !important;}
