/* THE LANTERN CODE — brand.css · copper on black, gold reserved for accents */
:root{
  --black:#141414; --panel:#1A1A1A; --panel-2:#20201E;
  --copper:#B8541C; --copper-hi:#D96A2B; --gold:#C8A23E;
  --silver:#8A94A6; --white:#F5F2EC; --line:#2C2A27;
  --sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--white);font-family:var(--serif);font-size:17px;line-height:1.65}
.shell{max-width:1080px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px;top:0;background:var(--copper);color:#fff;padding:8px 16px;z-index:99}
.skip:focus{left:0}
img{max-width:100%;height:auto}
a{color:var(--gold)}
.copper{color:var(--copper)}
.gold{color:var(--gold)}
.silver{color:var(--silver)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:#161616;border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:34px;height:auto}
.brand-word{font-family:var(--sans);font-weight:700;letter-spacing:.22em;color:var(--white);font-size:15px}
.site-nav{display:flex;align-items:center;gap:22px}
.site-nav a{font-family:var(--sans);font-size:13px;letter-spacing:.08em;text-decoration:none;color:var(--silver)}
.site-nav a:hover{color:var(--white)}
.site-nav a.active{color:var(--gold)}
.menu-btn{display:none;font-family:var(--sans);background:none;border:1px solid var(--line);color:var(--white);padding:8px 14px;letter-spacing:.1em;cursor:pointer}
@media(max-width:880px){
  .menu-btn{display:block}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--panel);flex-direction:column;align-items:flex-start;padding:20px 24px;border-bottom:1px solid var(--line)}
  .site-nav.open{display:flex}
}

/* buttons */
.btn{display:inline-block;font-family:var(--sans);font-weight:700;font-size:14px;letter-spacing:.1em;text-decoration:none;padding:14px 28px;border:1px solid transparent;cursor:pointer;text-align:center}
.btn-copper{background:var(--copper);color:#fff !important}
.btn-copper:hover{background:var(--copper-hi)}
.btn-ghost{border-color:var(--copper);color:var(--copper) !important;background:transparent}
.btn-ghost:hover{border-color:var(--copper-hi);color:var(--copper-hi) !important}
.nav-cta{padding:10px 18px}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}

/* type & sections */
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:18px}
h1{font-family:var(--sans);font-weight:800;font-size:clamp(34px,5.5vw,58px);letter-spacing:.04em;line-height:1.12;color:var(--white)}
h2{font-family:var(--sans);font-weight:700;font-size:clamp(24px,3.4vw,34px);letter-spacing:.03em;color:var(--white);margin-bottom:18px}
h3{font-family:var(--sans);font-weight:700;font-size:19px;letter-spacing:.04em;color:var(--copper);margin-bottom:10px}
.lede{font-size:20px;color:var(--silver);max-width:46em}
p+p{margin-top:14px}
section{padding:72px 0}
.hero{padding:110px 0 90px;text-align:center;background:radial-gradient(ellipse at 50% -20%,#26211C 0%,var(--black) 62%)}
.hero .lede{margin:22px auto 0}
.hero-hub{width:min(440px,72vw);height:auto;margin:0 auto 34px;display:block;
  filter:brightness(1.22) contrast(1.06) drop-shadow(0 0 26px rgba(200,162,62,.30)) drop-shadow(0 2px 10px rgba(184,84,28,.22))}
.hero .cta-row{justify-content:center}
.tagline{font-style:italic;color:var(--gold);font-size:21px}
.wave{width:220px;display:block;margin:26px auto}
.alt{background:var(--panel)}
.center{text-align:center}
.measure{max-width:46em}
.measure-c{max-width:46em;margin-left:auto;margin-right:auto}

/* cards & grids */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
@media(max-width:880px){.grid-3,.grid-2{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--copper);padding:30px 26px}
.alt .card{background:var(--panel-2)}
.card p{color:var(--silver);font-size:16px}
.list{margin:20px 0 0 0;list-style:none}
.list li{padding:12px 0 12px 34px;position:relative;color:var(--silver);border-bottom:1px solid var(--line)}
.list li::before{content:"";position:absolute;left:6px;top:21px;width:14px;height:2px;background:var(--copper)}
.list li strong{color:var(--white)}

/* part rows */
.part{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}
@media(max-width:720px){.part{grid-template-columns:1fr}}
.part h3{margin:0}
.part p{color:var(--silver)}
.part .ch{font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--silver)}

/* pricing */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;align-items:stretch}
@media(max-width:880px){.tiers{grid-template-columns:1fr}}
.tier{background:var(--panel);border:1px solid var(--line);padding:36px 30px;display:flex;flex-direction:column;text-align:center}
.tier.feature{border-color:var(--gold);position:relative}
.tier .flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--gold);color:#141414;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.18em;padding:5px 14px}
.tier h3{color:var(--white);letter-spacing:.14em}
.price{font-family:var(--sans);font-weight:800;font-size:46px;color:var(--copper);margin:14px 0 4px}
.tier.feature .price{color:var(--gold)}
.save{font-family:var(--sans);font-size:13px;letter-spacing:.12em;color:var(--gold)}
.tier ul{list-style:none;text-align:left;margin:24px 0 30px;flex:1}
.tier li{padding:9px 0 9px 26px;position:relative;color:var(--silver);font-size:15.5px}
.tier li::before{content:"";position:absolute;left:2px;top:17px;width:12px;height:2px;background:var(--copper)}
.trust{margin-top:34px;font-family:var(--sans);font-size:12.5px;letter-spacing:.14em;color:var(--silver);text-transform:uppercase;text-align:center}

/* faq */
.qa{border-bottom:1px solid var(--line);padding:6px 0}
.qa summary{cursor:pointer;font-family:var(--sans);font-weight:700;font-size:17px;color:var(--white);padding:16px 0;list-style:none;position:relative;padding-right:36px}
.qa summary::after{content:"+";position:absolute;right:6px;top:12px;color:var(--copper);font-size:24px;font-weight:400}
.qa[open] summary::after{content:"\2212"}
.qa p{color:var(--silver);padding:0 0 18px;max-width:50em}

/* sample quiz */
.q-card{background:var(--panel);border:1px solid var(--line);padding:30px 28px;margin-top:26px}
.q-dom{font-family:var(--sans);font-size:11px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
.q-stem{margin:12px 0 18px;color:var(--white);font-size:18px}
.q-choice{display:block;padding:12px 16px;border:1px solid var(--line);margin-top:10px;cursor:pointer;color:var(--silver);font-size:16px}
.q-choice:hover{border-color:var(--copper)}
.q-choice input{margin-right:12px;accent-color:#B8541C}
.q-choice.correct{border-color:#3E7A4E;background:rgba(62,122,78,.12);color:var(--white)}
.q-choice.wrong{border-color:#8A3A2A;background:rgba(138,58,42,.12)}
.q-rat{display:none;margin-top:16px;padding:16px 18px;background:var(--panel-2);border-left:3px solid var(--gold);color:var(--silver);font-size:15.5px}
.q-rat strong{color:var(--gold)}
.show .q-rat{display:block}
.score-panel{background:var(--panel);border:1px solid var(--gold);padding:36px;margin-top:40px;text-align:center;display:none}
.score-big{font-family:var(--sans);font-weight:800;font-size:52px;color:var(--gold)}
/* footer hub mark */
.site-footer{border-top:1px solid var(--line);padding:56px 0 44px;text-align:center}
.foot-line1{font-family:var(--sans);letter-spacing:.18em;font-weight:700;font-size:14px}
.foot-hub{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:12px}
.foot-hub-label{font-family:var(--sans);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--silver)}
.foot-hub-logo{height:26px;width:auto;opacity:.92}
.foot-line2{margin-top:16px;font-family:var(--sans);font-size:12.5px;letter-spacing:.1em;color:var(--silver)}
.foot-sig{margin-top:8px;font-size:14.5px;color:var(--silver)}
.foot-legal{margin-top:14px;font-family:var(--sans);font-size:12px;color:var(--silver)}
.legal-block h3{margin-top:34px}
.legal-block p{color:var(--silver)}
.note{font-family:var(--sans);font-size:13px;color:var(--silver);letter-spacing:.06em}

.gate-wrap{max-width:520px;margin:0 auto}
.gate-input{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--white);
  font-family:Menlo,Consolas,monospace;font-size:20px;letter-spacing:.12em;text-align:center;
  padding:16px;margin:22px 0 6px;text-transform:uppercase}
.gate-input:focus{outline:none;border-color:var(--copper)}
.gate-err{color:#C96A4A;font-family:var(--sans);font-size:14px;min-height:22px;margin-bottom:10px}
.code-panel{background:var(--panel);border:1px solid var(--gold);padding:34px;text-align:center;margin-top:30px}
.code-big{font-family:Menlo,Consolas,monospace;font-size:30px;letter-spacing:.08em;color:var(--gold);margin:12px 0}
.dl-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding:16px 4px}
.dl-row p{margin:0;color:var(--white);font-size:16.5px}
.dl-row .note{display:block;margin-top:3px}