:root{
  --bg:#0e0c0b; --bg-2:#171412; --bg-3:#211c19; --line:#3a2f27;
  --text:#ece4da; --muted:#b2a596;
  --gold-1:#ffe2a3; --gold-2:#f0b44c; --gold-3:#b8701c;
  --ember:#ff8a1f; --kiss:#d4142a;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:400 17px/1.7 Inter,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-2)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.gold{background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 45%,var(--gold-3) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cinzel{font-family:Cinzel,Georgia,serif;letter-spacing:.06em}
.rule{height:2px;background:linear-gradient(90deg,transparent,var(--gold-2),var(--ember),var(--gold-2),transparent);border:0;margin:18px 0}

/* header */
header{position:fixed;inset:0 0 auto 0;z-index:20;background:rgba(14,12,11,.82);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-family:Cinzel,serif;font-weight:900;font-size:1.05rem;letter-spacing:.12em;text-decoration:none}
nav{display:flex;gap:26px}
nav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}
nav a:hover{color:var(--gold-1)}
.nav-cta{color:var(--bg)!important;background:linear-gradient(180deg,var(--gold-1),var(--gold-2));padding:8px 16px;border-radius:4px;font-weight:600}
@media(max-width:760px){nav a:not(.nav-cta){display:none}}

/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:110px 0 70px;
  background:linear-gradient(90deg,rgba(14,12,11,.92) 0%,rgba(14,12,11,.72) 45%,rgba(14,12,11,.35) 100%),url(/img/the-takeover-artist-world-is-yours.webp) center/cover no-repeat}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(transparent,var(--bg))}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.kicker{font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.22em;color:var(--gold-2);text-transform:uppercase}
.hero h1{font-family:Cinzel,serif;font-weight:900;font-size:clamp(2.6rem,7vw,5.4rem);line-height:.98;letter-spacing:.03em;margin-top:14px;text-shadow:0 4px 30px rgba(255,138,31,.25)}
.sub{font-family:Cinzel,serif;font-weight:700;font-size:clamp(1.1rem,2.6vw,1.7rem);letter-spacing:.32em}
.lede{font-size:1.15rem;color:#d9cfc3;max-width:560px;margin-top:6px}
.author{margin-top:22px;font-family:Cinzel,serif;font-weight:700;letter-spacing:.2em}
.author .kiss{color:var(--kiss)}
.ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.btn{display:inline-block;text-decoration:none;font-weight:600;padding:15px 26px;border-radius:4px;font-size:1rem;border:0;cursor:pointer;font-family:inherit}
.btn-gold{color:#1a1208;background:linear-gradient(180deg,var(--gold-1),var(--gold-2) 55%,var(--gold-3));box-shadow:0 8px 30px rgba(240,180,76,.25)}
.btn-gold:hover{filter:brightness(1.08)}
.btn-ghost{color:var(--gold-1);border:1px solid var(--gold-3);background:rgba(0,0,0,.35)}
.cover{position:relative;max-width:400px;justify-self:center}
.cover img{border-radius:3px;box-shadow:0 30px 60px rgba(0,0,0,.7),0 0 70px rgba(255,138,31,.22);transform:perspective(1200px) rotateY(-8deg)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:40px}.cover{max-width:300px}.cover img{transform:none}}

/* sections */
section{padding:90px 0}
.sec-head{text-align:center;max-width:760px;margin:0 auto 46px}
.sec-head h2{font-family:Cinzel,serif;font-weight:900;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:.04em;line-height:1.15}
.sec-head p{color:var(--muted);margin-top:12px}
.crack{background:radial-gradient(ellipse at 20% 0%,rgba(255,138,31,.10),transparent 55%),var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.blurb{max-width:760px;margin:0 auto;font-size:1.15rem}
.blurb p+p{margin-top:18px}
.blurb .first::first-letter{font-family:Cinzel,serif;font-weight:900;float:left;font-size:4.2rem;line-height:.8;padding:8px 10px 0 0;color:var(--gold-2)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.pillar{background:var(--bg-3);border:1px solid var(--line);border-top:2px solid var(--gold-2);padding:28px 24px;border-radius:4px}
.pillar .num{font-family:Cinzel,serif;color:var(--ember);font-weight:700;letter-spacing:.2em;font-size:.8rem}
.pillar h3{font-family:Cinzel,serif;font-size:1.3rem;margin:6px 0 8px;letter-spacing:.04em}
.pillar p{color:var(--muted);font-size:.98rem}
@media(max-width:820px){.pillars{grid-template-columns:1fr}}

.quote{text-align:center;padding:80px 0}
.quote blockquote{font-family:Cinzel,serif;font-size:clamp(1.4rem,3.4vw,2.2rem);line-height:1.35;max-width:880px;margin:0 auto;letter-spacing:.02em}
.quote cite{display:block;margin-top:18px;color:var(--muted);font-style:normal;letter-spacing:.2em;font-size:.85rem}

.unlock{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.meter{background:var(--bg-3);border:1px solid var(--line);border-radius:6px;padding:30px}
.meter h3{font-family:Cinzel,serif;font-size:1.35rem;letter-spacing:.04em}
.meter p{color:var(--muted);margin:8px 0 18px}
.track{height:12px;background:#000;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.fill{height:100%;width:38%;background:linear-gradient(90deg,var(--gold-3),var(--ember),var(--gold-1));box-shadow:0 0 18px var(--ember)}
.meter small{display:block;margin-top:10px;color:var(--muted)}
@media(max-width:820px){.unlock{grid-template-columns:1fr}}

.author-sec{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}
.author-card{aspect-ratio:4/5;border-radius:4px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,138,31,.15),transparent 50%),url(/img/the-takeover-artist-world-is-yours.webp) 22% 40%/340% no-repeat;box-shadow:0 20px 50px rgba(0,0,0,.6)}
.author-sec h2{font-family:Cinzel,serif;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:900;letter-spacing:.04em}
.author-sec p{color:#d9cfc3;margin-top:14px}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.facts span{border:1px solid var(--line);background:var(--bg-3);padding:6px 12px;border-radius:30px;font-size:.88rem;color:var(--gold-1)}
@media(max-width:820px){.author-sec{grid-template-columns:1fr}.author-card{max-width:360px}}

.join{text-align:center;background:linear-gradient(180deg,var(--bg),#160f0a)}
.join form{max-width:620px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.join input{background:#0a0908;border:1px solid var(--line);color:var(--text);padding:15px 16px;border-radius:4px;font:inherit;width:100%}
.join input:focus{outline:none;border-color:var(--gold-2)}
.join .full{grid-column:1/-1}
.join .note{color:var(--muted);font-size:.85rem;margin-top:14px}
@media(max-width:560px){.join form{grid-template-columns:1fr}}
.form-done h3{font-family:Cinzel,serif;font-size:1.6rem}

footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted);font-size:.88rem}
footer .bar{height:auto;flex-wrap:wrap;gap:12px}

html.protect body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html.protect input,html.protect textarea{-webkit-user-select:text;user-select:text}
#veil{position:fixed;inset:0;z-index:9999;background:#000;display:none;align-items:center;justify-content:center}
#veil.on{display:flex}#veil span{font-family:Cinzel,serif;color:#b8701c;letter-spacing:.3em;font-size:.9rem}
@media print{html.protect body{display:none!important}}

.sub-hero{padding:130px 0 40px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(255,138,31,.14),transparent 60%)}
.sub-hero h1{font-family:Cinzel,serif;font-weight:900;font-size:clamp(2rem,6vw,3.6rem);letter-spacing:.04em;line-height:1.1;margin-top:10px}
.sub-hero p{color:var(--muted);max-width:640px;margin:14px auto 0}
.reader{max-width:720px;margin:0 auto;padding:10px 20px 90px;font:400 1.14rem/1.85 Georgia,"Times New Roman",serif;color:#e6ddd2}
.reader p{margin:0 0 1.15em}
.reader .sep{text-align:center;color:var(--gold-2);margin:1.6em 0;letter-spacing:.3em}
.reader .inside{font-family:Cinzel,serif;text-align:center;font-size:1.8rem;margin:1.6em 0 1em}
.endcap{border-top:1px solid var(--line);margin-top:40px;padding-top:34px;text-align:center}
.endcap p{font-family:Inter,sans-serif;font-size:1rem;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--bg-3);border:1px solid var(--line);border-top:2px solid var(--gold-2);border-radius:4px;padding:30px 26px;display:flex;flex-direction:column;gap:10px}
.card .num{font-family:Cinzel,serif;color:var(--ember);letter-spacing:.2em;font-size:.8rem}
.card h3{font-family:Cinzel,serif;font-size:1.35rem;letter-spacing:.04em}
.card p{color:var(--muted);font-size:.98rem;flex:1}
.card .btn{align-self:flex-start;margin-top:8px}
@media(max-width:860px){.cards{grid-template-columns:1fr}}
.excerpt{max-width:720px;margin:0 auto;font:400 1.15rem/1.8 Georgia,serif}
.excerpt p+p{margin-top:14px}
.excerpt .warn{font-family:Cinzel,serif;font-weight:700;font-size:1.3rem;color:var(--gold-1)}
.center{text-align:center}
.arc-band{background:linear-gradient(120deg,#1d120b,#0e0c0b 60%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.arc-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.big-num{font-family:Cinzel,serif;font-weight:900;font-size:clamp(4rem,12vw,7.5rem);line-height:1;text-align:center}
@media(max-width:820px){.arc-grid{grid-template-columns:1fr}}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 auto 50px;max-width:1000px}
.step{background:var(--bg-3);border:1px solid var(--line);border-radius:4px;padding:22px}
.step b{display:block;font-family:Cinzel,serif;color:var(--gold-2);font-size:1.6rem}
.step span{color:var(--muted);font-size:.95rem}
@media(max-width:820px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.steps{grid-template-columns:1fr}}
.app{max-width:720px;margin:0 auto;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:34px}
.app label.f{display:block;font-weight:600;font-size:.92rem;margin:18px 0 6px;color:var(--gold-1)}
.app input[type=text],.app input[type=email],.app input[type=url],.app select,.app textarea{width:100%;background:#0a0908;border:1px solid var(--line);color:var(--text);padding:13px 14px;border-radius:4px;font:inherit}
.app input:focus,.app select:focus,.app textarea:focus{outline:none;border-color:var(--gold-2)}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 18px}
@media(max-width:520px){.checks{grid-template-columns:1fr}}
.checks label,.agree label{display:flex;gap:10px;align-items:flex-start;color:#d9cfc3;font-size:.95rem}
.checks input,.agree input{margin-top:5px;accent-color:#f0b44c}
.agree{margin-top:24px;display:grid;gap:10px;border-top:1px solid var(--line);padding-top:20px}
.app .btn{width:100%;margin-top:26px}
.fine{color:var(--muted);font-size:.85rem;margin-top:14px}
.gate{position:fixed;inset:0;z-index:50;background:rgba(8,7,6,.97);display:none;align-items:center;justify-content:center;padding:20px}
.gate.on{display:flex}
.gate .box{max-width:460px;text-align:center;border:1px solid var(--line);background:var(--bg-2);padding:36px 28px;border-radius:6px}
.gate h2{font-family:Cinzel,serif;font-size:1.7rem}
.gate p{color:var(--muted);margin:12px 0 22px}
.gate .ctas{justify-content:center;margin-top:0}
.foot-nav{display:flex;flex-wrap:wrap;gap:18px}
.foot-nav a{color:var(--muted);text-decoration:none}
.foot-nav a:hover{color:var(--gold-1)}