/* The Lionheart Ritual: the Scorpio Confession design (midnight blue, carved gold
   capitals, white italic) kept section for section, with Mars's red spark in the
   art. Three-part composition: prehead, headline, sub-headline (no quiet line,
   no quoted line). Wraps the shared checkout form, which keeps checkout.css. */
:root{--night:#070c1a;--night2:#0b1326;--night3:#121c36;--gold-l:#f3e0ae;--gold-m:#e2c37e;--silver:#d8dce6;--mist:#a3acc2;--ink:#eef0f6;--mars:#e0623a}
html,body{overflow-x:hidden}
body{background:linear-gradient(180deg,var(--night) 0%,var(--night2) 35%,var(--night3) 70%,var(--night2) 100%);color:var(--ink);font-family:'Inter',system-ui,sans-serif}

.lh-hero{position:relative;overflow:hidden;text-align:center;padding:56px 20px 30px;line-height:1.6;
  background:radial-gradient(ellipse 60% 40% at 50% 22%,rgba(243,224,174,.10),transparent 70%)}
.lh-stars{position:absolute;inset:0;pointer-events:none;opacity:.6;animation:lh-twinkle 7s ease-in-out infinite alternate;
  background-image:radial-gradient(1px 1px at 8% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 38%,#fff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 35% 8%,#d8dce6 50%,transparent 51%),radial-gradient(1px 1px at 64% 18%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 78% 6%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 30%,#d8dce6 50%,transparent 51%),
    radial-gradient(1px 1px at 14% 62%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 86% 58%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 48% 72%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 5% 88%,#d8dce6 50%,transparent 51%),
    radial-gradient(1px 1px at 70% 90%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 95% 80%,#fff 50%,transparent 51%)}
@keyframes lh-twinkle{from{opacity:.35}to{opacity:.75}}
.lh-inner{position:relative;max-width:780px;margin:0 auto}
.lh-pre{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.3 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--silver);padding:9px 18px;border:1px solid rgba(216,220,230,.35);border-radius:999px;background:rgba(216,220,230,.05)}
/* Headline composition: the prehead, the headline in gold capitals (three beats,
   each on its own line), the sub-headline in white italic, smaller than the headline. */
h1.lh-title{font-family:'Cinzel',Georgia,serif;font-weight:500;max-width:780px;margin:26px auto 0;font-size:clamp(27px,4.4vw,40px);line-height:1.16;letter-spacing:.01em;
  background:linear-gradient(180deg,var(--gold-l),var(--gold-m));-webkit-background-clip:text;background-clip:text;color:transparent}
.lh-title span{display:block;text-wrap:balance}
.lh-sub{margin:22px auto 0;max-width:640px;font:italic 500 clamp(19px,2.6vw,26px)/1.3 'Playfair Display',Georgia,serif;color:#fff;text-wrap:balance}
.lh-art{max-width:440px;margin:30px auto 0}
.lh-art svg{display:block;width:100%;height:auto}

/* Countdown: shown only, never closes the checkout. */
.lh-clockbox{text-align:center;padding:6px 20px 24px}
.lh-clockbox .lbl{font:600 12px/1.4 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-m)}
.lh-clockbox .when{font-size:14px;color:var(--mist);margin-top:2px}
.lh-clock{display:flex;justify-content:center;gap:10px;margin-top:12px}
.lh-clock div{min-width:66px;padding:10px 6px 8px;border:1px solid rgba(226,195,126,.35);border-radius:12px;background:rgba(18,28,54,.8)}
.lh-clock b{display:block;font:500 30px/1 'Cinzel',Georgia,serif;color:var(--gold-l);font-variant-numeric:tabular-nums}
.lh-clock span{font:600 10px/1.6 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}

.lh-gets{max-width:560px;margin:0 auto;padding:0 20px 10px}
.lh-gets h2{font:500 22px/1.3 'Cinzel',Georgia,serif;color:var(--gold-l);text-align:center;margin:0 0 14px}
.lh-gets ul{list-style:none;margin:0;padding:0}
.lh-gets li{position:relative;padding:0 0 14px 30px;color:var(--mist);font-size:16px;line-height:1.6}
.lh-gets li::before{content:"";position:absolute;left:4px;top:6px;width:12px;height:12px;border-radius:50%;background:#16100f;box-shadow:0 0 0 1px var(--gold-m)}
.lh-gets li b{color:var(--ink);font-weight:600}

.lh-order{padding:8px 16px 34px}
.lh-order .order{max-width:560px}
.order-head{background:linear-gradient(180deg,#16213f,#0d1630)}
.order-head h2{font-family:'Cinzel',Georgia,serif;font-weight:500;font-size:22px}
.pay{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.04em;color:#141008;background:linear-gradient(90deg,var(--gold-l),var(--gold-m));box-shadow:0 10px 24px -8px rgba(226,195,126,.5)}

.lh-faq{max-width:680px;margin:0 auto;padding:36px 20px 50px}
.lh-faq h2{font:500 clamp(26px,4.2vw,36px)/1.2 'Cinzel',Georgia,serif;text-align:center;color:var(--gold-l);margin:0 0 22px}
.lh-faq details{border:1px solid rgba(216,220,230,.2);border-radius:14px;background:rgba(255,255,255,.03);margin:0 0 12px}
.lh-faq summary{cursor:pointer;list-style:none;padding:16px 46px 16px 18px;position:relative;font:600 17px/1.4 'Inter',sans-serif;color:var(--ink)}
.lh-faq summary::-webkit-details-marker{display:none}
.lh-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--gold-m)}
.lh-faq details[open] summary::after{content:"–"}
.lh-faq .a{padding:0 18px 16px;color:var(--mist);font-size:16px;line-height:1.65}
.lh-faq .a p{margin:0 0 10px}
.lh-faq .a b{color:var(--ink);font-weight:600}
.lh-faq .a a{color:var(--gold-m)}
.lh-again{display:block;max-width:420px;margin:26px auto 0;text-align:center;text-decoration:none}

footer{border-top-color:rgba(216,220,230,.15)}
footer p{color:#8790a6}
footer .lk a{color:var(--mist)}
.sticky .l{color:var(--gold-l)}
.sticky button{color:#141008;background:linear-gradient(90deg,var(--gold-l),var(--gold-m));font-family:'Inter',sans-serif;font-weight:700}

@media (max-width:520px){.lh-hero{padding-top:40px}h1.lh-title{font-size:27px;line-height:1.14;margin-top:22px}.lh-sub{font-size:19px;margin-top:18px}.lh-pre{font-size:11px;letter-spacing:.1em;padding:8px 14px}.lh-clock div{min-width:58px}}
@media (prefers-reduced-motion:reduce){.lh-stars{animation:none}}
