
:root{--night:#07080b;--frame:#101318;--frame2:#171b22;--line:#3a3226;--bronze:#7a5c2c;--bronze-l:#c9a45c;--gold:#ffd100;--gold-soft:#e7c06a;--text:#efe6cf;--muted:#a39a86;--dim:#6f6859;--orange:#ff9a2e;--green:#1eff00;--blue:#78c0ff;
  --title:"Cinzel",Georgia,serif;--ui:"Marcellus",Georgia,serif;--read:"Alegreya",Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;font:17px/1.6 var(--read);color:var(--text);
  background:radial-gradient(1200px 700px at 50% -10%,rgba(60,80,110,.35),transparent 60%),radial-gradient(900px 600px at 85% 110%,rgba(110,60,25,.28),transparent 60%),var(--night);background-attachment:fixed;-webkit-font-smoothing:antialiased}
a{color:var(--gold-soft)}
a:focus-visible,.cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}
.brand{display:inline-flex;align-items:center;gap:8px;font:900 20px/1 var(--title);color:var(--gold);text-decoration:none;letter-spacing:.14em}
.brand img{display:block}
.brand em{font:600 11px/1 var(--title);letter-spacing:.3em;font-style:normal;color:#f1e3bf;margin-left:2px}
.top nav a{font:15px var(--ui);color:var(--muted);text-decoration:none;margin-left:18px}
.top nav a:hover{color:var(--gold-soft)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;padding:40px 0 30px}
.kicker{font:14px var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-l);margin:0 0 10px}
h1{font:700 clamp(30px,5vw,50px)/1.12 var(--title);margin:0 0 16px;color:#fff;text-shadow:0 2px 18px rgba(255,209,0,.15)}
h1 span{color:var(--gold)}
.lede{font-size:19px;color:#e4dbc4;margin:0 0 24px;max-width:36em}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cta{display:inline-block;font:600 18px/1 var(--title);letter-spacing:.05em;text-decoration:none;color:#1a1104;background:linear-gradient(#ffe066,#e3a90f);border:1px solid #fff2b0;border-radius:6px;padding:16px 26px;box-shadow:0 0 0 2px #5a3e08,0 8px 30px rgba(255,190,40,.25)}
.cta:hover{filter:brightness(1.07)}
.cta2{font:16px var(--ui);color:var(--gold-soft);text-decoration:none;border-bottom:1px solid var(--bronze);padding-bottom:2px}
.free{font:14px var(--ui);color:var(--muted);margin-top:12px}
.hero-art{position:relative;aspect-ratio:1/1;max-width:400px;justify-self:center;width:100%}
.hero-art img{position:absolute;border-radius:12px;border:2px solid var(--bronze);box-shadow:0 20px 50px rgba(0,0,0,.6);object-fit:cover;object-position:top;aspect-ratio:4/5;height:auto}
.hero-art .a{width:64%;left:0;top:0}
.hero-art .b{width:50%;right:0;bottom:0;border-color:var(--bronze-l)}
section{padding:34px 0}
h2{font:700 clamp(24px,3.2vw,32px)/1.2 var(--title);color:#fff;margin:0 0 8px}
.sub{color:var(--muted);margin:0 0 22px;max-width:44em}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:linear-gradient(180deg,rgba(23,27,34,.95),rgba(16,19,24,.95));border:1px solid var(--line);border-radius:10px;padding:18px 18px 16px;position:relative}
.card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:var(--c,var(--bronze-l))}
.card h3{font:600 17px/1.3 var(--title);color:var(--gold-soft);margin:0 0 6px}
.card p{margin:0;font-size:16px;color:#d9d0ba}
.pill{display:inline-block;font:13px var(--ui);padding:2px 9px;border-radius:20px;border:1px solid var(--line);color:var(--muted);margin:0 6px 6px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.panel{background:rgba(9,10,13,.7);border:1px solid var(--line);border-radius:12px;padding:22px}
.panel ul{margin:0;padding-left:20px}
.panel li{margin:6px 0}
.badge{font:13px var(--ui);color:var(--orange)}
.feel{text-align:center;max-width:760px;margin:0 auto}
.feel p{font-size:19px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:0}
.steps li{counter-increment:s;background:rgba(23,27,34,.9);border:1px solid var(--line);border-radius:10px;padding:18px}
.steps li::before{content:counter(s);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:#1a1104;font:700 16px var(--title);margin-bottom:8px}
.steps b{display:block;font:600 17px var(--title);color:var(--gold-soft)}
details{background:rgba(23,27,34,.85);border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:0 18px}
summary{cursor:pointer;font:600 17px/1.4 var(--title);color:var(--text);padding:14px 0;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--gold)}
details[open] summary::after{content:"\2212"}
details p{margin:0 0 14px;color:#d9d0ba}
.final{text-align:center;padding:50px 0 60px}
.final h2{margin-bottom:12px}
footer{border-top:1px solid var(--line);padding:22px 0 40px;color:var(--dim);font:14px/1.6 var(--ui)}
footer a{color:var(--muted)}
.updated{font:14px var(--ui);color:var(--dim)}
@media (max-width:860px){.hero{grid-template-columns:1fr}.hero-art{max-width:280px}.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.top nav{display:none}}
@media (max-width:560px){.wrap{padding:0 16px}.grid{grid-template-columns:1fr}.cta{width:100%;text-align:center}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* tier tables (generated SEO pages) */
table.tier{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:16px}
table.tier th,table.tier td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}
table.tier th{font:600 14px var(--ui);color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
table.tier td.t{font:700 18px var(--title);width:44px}
.tS{color:#ff8000}.tA{color:#a335ee}.tB{color:#0070dd}.tC{color:#1eff00}
.newtag{font:12px var(--ui);color:var(--orange);border:1px solid var(--orange);border-radius:10px;padding:0 6px;margin-left:6px}
.facA{color:#4a90e2}.facH{color:#d0402f}
.crumbs{font:14px var(--ui);color:var(--dim);margin:0 0 6px}.crumbs a{color:var(--muted)}
@media (max-width:560px){table.tier{font-size:15px}table.tier .hide-s{display:none}}
