:root { color-scheme: dark; --black:#050506; --panel:#111113; --panel-2:#19191c; --purple:#57009a; --purple-dark:#340060; --blue:#5aa2e8; --white:#fff; --muted:#bdb9c4; --line:#302b35; --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; background:var(--black); color:var(--white); font-family:"Trebuchet MS",Avenir,Montserrat,Arial,sans-serif; font-size:16px; line-height:1.55; }
a { color:inherit; } img,iframe { max-width:100%; }
.skip-link { position:absolute; left:-999px; top:8px; z-index:100; padding:10px 14px; background:#fff; color:#000; font-weight:800; }
.skip-link:focus { left:8px; }
.site-header { position:sticky; top:0; z-index:50; background:rgba(0,0,0,.96); border-bottom:1px solid #19191c; }
.nav-wrap { max-width:1320px; min-height:88px; margin:0 auto; padding:0 34px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:42px; }
.brand { text-decoration:none; display:flex; flex-direction:column; align-items:center; line-height:1; min-width:270px; }
.brand-mark { font-size:2rem; font-weight:900; letter-spacing:.12em; white-space:nowrap; }
.brand-sub { margin-top:8px; color:var(--muted); font-size:.68rem; letter-spacing:.42em; text-transform:uppercase; }
.nav-links { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:wrap; }
.nav-links a,.footer-nav a { padding:8px 6px; color:#f5f2f8; text-decoration:none; font-size:.86rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; border-bottom:1px solid transparent; }
.nav-links a:hover,.nav-links a[aria-current="page"] { border-color:#fff; }
main { overflow:hidden; }
.shell { max-width:var(--max); margin:0 auto; padding-inline:24px; }
.home-intro { min-height:620px; display:grid; place-items:center; text-align:center; background:radial-gradient(circle at 50% 22%,rgba(91,29,131,.68),transparent 38%),radial-gradient(circle at 82% 72%,rgba(90,162,232,.13),transparent 28%),linear-gradient(145deg,#17101d 0%,#050506 70%); border-bottom:1px solid #2b2030; }
.home-intro-inner { max-width:980px; padding:96px 24px 88px; }
.home-wordmark { margin:0 0 34px; display:flex; flex-direction:column; align-items:center; text-transform:uppercase; line-height:1; }
.home-wordmark span { font-size:clamp(.78rem,1.5vw,1rem); font-weight:900; letter-spacing:.42em; padding-left:.42em; color:#d8d2dd; }
.home-wordmark strong { margin-top:11px; font-size:clamp(2.8rem,8vw,6.8rem); font-weight:1000; font-style:italic; letter-spacing:-.075em; text-shadow:2px 2px 0 #62656a,-1px -1px 0 #fff,0 10px 30px #000; }
.home-intro .home-lead { margin:0 0 18px; font-size:clamp(1.05rem,2.2vw,1.45rem); }
.home-summary { max-width:740px; margin:24px auto 0; color:#c9c3ce; font-size:1.08rem; }
.home-intro h1 { margin:0; font-size:clamp(2.5rem,6vw,5.8rem); line-height:.98; letter-spacing:-.045em; text-transform:uppercase; text-shadow:0 4px 20px #000; }
.home-intro h1 span,.kicker,.price,.episode,.contact-address { color:var(--blue); }
.button-row { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:30px; }
.button { min-height:50px; padding:14px 25px; display:inline-flex; align-items:center; justify-content:center; background:#302c34; border:1px solid #302c34; color:#fff; text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font-size:.82rem; font-weight:800; }
.button:hover { background:var(--purple); border-color:var(--purple); }
.button.secondary { background:transparent; border-color:rgba(255,255,255,.75); }
.listen-section { padding:66px 24px; background:linear-gradient(135deg,var(--purple-dark),var(--purple)); }
.listen-shell { max-width:650px; margin:0 auto; text-align:center; }
.listen-shell h2 { margin:0 0 28px; font-size:clamp(2.4rem,5vw,4.5rem); line-height:1; }
.listen-shell iframe { display:block; border:0; box-shadow:0 24px 55px rgba(0,0,0,.36); }
.eyebrow { margin:0 0 14px; color:var(--blue); font-size:.78rem; font-weight:900; letter-spacing:.19em; text-transform:uppercase; }
.listen-section .eyebrow { color:#fff; }
.launch-status { background:#09090b; border-block:1px solid var(--line); }
.launch-status-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.launch-status-grid > div { min-height:132px; padding:28px 24px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--line); }
.launch-status-grid > div:last-child { border-right:0; }
.launch-status-grid strong { color:var(--blue); font-size:1.35rem; text-transform:uppercase; }
.launch-status-grid span { margin-top:6px; color:var(--muted); }
.feature-section { padding:70px 24px; background:linear-gradient(180deg,#171219,#0b090c); }
.feature-grid { max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.feature-card { min-height:330px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none; position:relative; isolation:isolate; overflow:hidden; border:1px solid #43274e; background:linear-gradient(150deg,#32103f,#111 58%); }
.feature-card::before { content:"SKSZN1"; position:absolute; top:26px; left:28px; color:#e4e5e7; font-size:2.1rem; font-weight:1000; font-style:italic; letter-spacing:-.07em; text-shadow:1px 1px 0 #62656a,-1px -1px 0 #fff; }
.feature-card::after { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 88% 12%,rgba(90,162,232,.16),transparent 34%); }
.partner-card { background:linear-gradient(150deg,#3c124b,#111 58%); }
.events-card { background:linear-gradient(150deg,#44145a,#111 58%); }
.merch-card-home { background:linear-gradient(150deg,#51166a,#111 58%); }
.feature-card span { font-size:clamp(2rem,4vw,3.7rem); font-weight:1000; line-height:.95; text-transform:uppercase; }
.feature-card small { margin-top:10px; font-size:.9rem; letter-spacing:.08em; text-transform:uppercase; }
.feature-card:hover { transform:translateY(-5px); border-color:#774098; transition:transform .2s ease,border-color .2s ease; }
.home-about { padding:92px 0; background:#0e0e10; }
.subscribe-section { padding:96px 24px; background:radial-gradient(circle at 12% 15%,rgba(87,0,154,.42),transparent 34%),#030303; border-top:1px solid #25182c; }
.subscribe-inner { max-width:1040px; margin:0 auto; display:grid; grid-template-columns:.95fr 1.05fr; gap:72px; align-items:center; }
.subscribe-section h2 { margin:0; color:var(--blue); font-size:clamp(2.8rem,6vw,5.7rem); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; }
.subscribe-copy > p:not(.eyebrow) { max-width:620px; margin:24px 0 0; color:var(--muted); font-size:1.08rem; }
.signup-form { position:relative; padding:34px; background:linear-gradient(145deg,#17131a,#0b0b0d 72%); border:1px solid #573168; border-left:6px solid var(--purple); text-align:left; box-shadow:0 28px 70px rgba(0,0,0,.35); }
.signup-fields { display:grid; gap:20px; }
.signup-field label { display:flex; justify-content:space-between; gap:14px; margin-bottom:8px; color:#f7f4f9; font-size:.8rem; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.signup-field label span { color:var(--blue); font-size:.7rem; }
.signup-field input { width:100%; min-height:52px; padding:13px 15px; border:1px solid #514b55; border-radius:0; background:#080809; color:#fff; font:inherit; }
.signup-field input::placeholder { color:#77717c; }
.signup-field input:focus { outline:3px solid rgba(90,162,232,.3); outline-offset:2px; border-color:var(--blue); }
.signup-button { width:100%; margin-top:24px; border:1px solid #8bc900; background:#b4ff22; color:#090a08; cursor:pointer; }
.signup-button:hover { background:#d0ff6e; border-color:#d0ff6e; }
.signup-note { margin:14px 0 0; color:#918b96; font-size:.8rem; text-align:center; }
.signup-honeypot { position:absolute; left:-5000px; }
.page-hero { min-height:430px; padding:90px 0 64px; display:flex; align-items:flex-end; background:radial-gradient(circle at 78% 20%,rgba(90,162,232,.18),transparent 34%),linear-gradient(135deg,#230532 0%,#0c0a0e 58%,#050506 100%); border-bottom:7px solid var(--purple); }
.page-hero h1 { margin:0; max-width:980px; font-size:clamp(3rem,8vw,7.4rem); line-height:.86; letter-spacing:-.055em; text-transform:uppercase; text-shadow:0 5px 24px #000; }
.page-hero h1 span { color:var(--blue); }
.page-intro { margin:28px 0 0; max-width:820px; color:#fff; font-size:1.16rem; text-shadow:0 2px 12px #000; }
.section { padding:88px 0; }
.section-rule { border-top:1px solid var(--line); background:#0e0e10; }
.section-head { display:grid; grid-template-columns:1fr 1fr; gap:38px; align-items:end; margin-bottom:42px; }
.section-head h2 { margin:0; font-size:clamp(2.4rem,5vw,4.8rem); line-height:.92; letter-spacing:-.045em; text-transform:uppercase; }
.section-head p { margin:0; color:var(--muted); font-size:1.08rem; }
.metric-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.metric { min-height:170px; padding:28px; border-right:1px solid var(--line); background:var(--panel); }
.metric:last-child { border-right:0; }
.metric strong { display:block; color:var(--blue); font-size:clamp(2rem,4vw,3.4rem); line-height:1; }
.metric span { display:block; margin-top:14px; color:var(--muted); }
.event-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.event-card { min-height:240px; padding:28px; display:flex; flex-direction:column; justify-content:space-between; background:linear-gradient(145deg,#211128,#0e0e10 65%); border:1px solid #4a2756; border-top:4px solid var(--purple); }
.event-card h2 { margin:26px 0 12px; font-size:1.65rem; line-height:1.05; text-transform:uppercase; }
.event-card p { margin:0; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.series-hero { background:radial-gradient(circle at 78% 20%,rgba(90,162,232,.22),transparent 34%),radial-gradient(circle at 10% 78%,rgba(87,0,154,.45),transparent 33%),linear-gradient(135deg,#230532 0%,#0c0a0e 58%,#050506 100%); }
.release-status { background:#0d0d10; border-bottom:1px solid var(--line); }
.release-status-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.release-status-grid div { padding:25px 22px; border-right:1px solid var(--line); }
.release-status-grid div:last-child { border-right:0; }
.release-status-grid span { display:block; color:#88818e; font-size:.74rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.release-status-grid strong { display:block; margin-top:5px; font-size:1.08rem; text-transform:uppercase; }
.finale-card { border-color:#8b3bc5; background:linear-gradient(145deg,#3c124b,#0e0e10 70%); box-shadow:inset 0 0 0 1px rgba(90,162,232,.22); }
.tier-grid { display:grid; gap:18px; }
.tier { display:grid; grid-template-columns:.8fr .65fr 1.55fr; gap:28px; padding:30px; border:1px solid var(--line); background:var(--panel); }
.tier.featured { border-color:#8b3bc5; box-shadow:inset 6px 0 0 var(--purple); }
.tier h2 { margin:0; font-size:1.45rem; text-transform:uppercase; }
.tier p { margin:0; color:#d0ccd4; }
.price { font-size:1.55rem; font-weight:900; white-space:nowrap; }
.fine-print { color:var(--muted); font-size:.92rem; }
.partner-hero { background:radial-gradient(circle at 78% 18%,rgba(90,162,232,.23),transparent 30%),radial-gradient(circle at 15% 70%,rgba(87,0,154,.45),transparent 34%),linear-gradient(135deg,#230532 0%,#0c0a0e 58%,#050506 100%); }
.partner-goal { padding:42px 0; background:linear-gradient(90deg,#3f076f,#1b0828 60%,#0b0b0d); border-bottom:1px solid #5d2a79; }
.partner-goal-grid { display:grid; grid-template-columns:.85fr 1.65fr; gap:50px; align-items:center; }
.partner-goal-grid .eyebrow { color:#fff; }
.partner-goal-grid strong { display:block; font-size:clamp(3rem,7vw,6.2rem); line-height:.9; letter-spacing:-.055em; }
.partner-goal-grid > p { margin:0; color:#e2dce8; font-size:1.08rem; }
.partner-heading { align-items:center; }
.partner-tier-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.partner-tier { padding:32px; border:1px solid var(--line); background:linear-gradient(145deg,#17131a,#0c0c0e 72%); }
.partner-tier.featured { border-color:#8b3bc5; box-shadow:inset 6px 0 0 var(--purple); background:linear-gradient(145deg,rgba(87,0,154,.35),#0c0c0e 68%); }
.tier-topline { display:flex; justify-content:space-between; align-items:flex-start; gap:22px; padding-bottom:22px; border-bottom:1px solid var(--line); }
.tier-label { margin:0 0 6px; color:var(--blue); font-size:.75rem; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }
.partner-tier h2 { margin:0; font-size:clamp(1.65rem,3vw,2.45rem); line-height:1; text-transform:uppercase; }
.partner-tier .tier-summary { min-height:78px; margin:24px 0 14px; color:#eee9f1; font-size:1.05rem; }
.partner-tier ul { margin:0; padding-left:1.2rem; color:#bbb5c1; }
.partner-tier li + li { margin-top:9px; }
.partner-value-grid .metric strong { font-size:clamp(1.8rem,3.5vw,3rem); }
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:54px; }
.prose h2 { margin:0 0 18px; font-size:2.1rem; text-transform:uppercase; }
.prose p,.prose ul { color:#cbc7cf; }
.prose li + li { margin-top:10px; }
.growth { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
.growth article { padding:25px; background:var(--panel); }
.growth strong { color:var(--blue); font-size:1.1rem; }
.growth p { margin:7px 0 0; color:var(--muted); }
.merch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.merch-card { min-height:270px; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid #37243f; background:linear-gradient(150deg,#32103f,#111 55%); }
.merch-wordmark { margin-bottom:auto; font-size:2.1rem; font-weight:1000; font-style:italic; letter-spacing:-.07em; }
.merch-card h2 { margin:28px 0 5px; text-transform:uppercase; }
.merch-card p { margin:0; color:var(--muted); }
.merch-hero { background:radial-gradient(circle at 82% 28%,rgba(180,255,34,.13),transparent 27%),radial-gradient(circle at 18% 75%,rgba(87,0,154,.48),transparent 36%),linear-gradient(135deg,#21042f,#08080a 62%); }
.merch-status { background:#b4ff22; color:#080909; }
.merch-status-inner { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.merch-status-inner strong { font-size:1.1rem; text-transform:uppercase; letter-spacing:.08em; }
.merch-status-inner span { font-weight:800; }
.presale-card { border-color:#8bc900; background:linear-gradient(150deg,#28390a,#111 58%); }
.presale-card .merch-wordmark { color:#b4ff22; }
.inquiry-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.inquiry-card { min-height:280px; padding:32px; display:flex; flex-direction:column; border:1px solid var(--line); background:linear-gradient(145deg,#1b1020,#0d0d0f 68%); }
.inquiry-card h2 { margin:0; font-size:2rem; text-transform:uppercase; }
.inquiry-card > p:not(.eyebrow) { color:#c9c3ce; }
.text-link { margin-top:auto; padding-top:26px; color:var(--blue); font-weight:900; text-decoration:none; text-transform:uppercase; letter-spacing:.08em; }
.text-link::after { content:"  →"; }
.text-link:hover { color:#fff; }
.response-note { font-size:.94rem; }
.compact-card { padding:34px; }
.compact-card h2 { font-size:clamp(2rem,4vw,3.4rem); }
.contact-card { max-width:900px; padding:46px; border:1px solid #774098; border-left:7px solid var(--purple); background:linear-gradient(135deg,rgba(87,0,154,.35),rgba(255,255,255,.035)); }
.contact-card h2 { margin:0; font-size:clamp(2.2rem,5vw,4.4rem); line-height:.96; text-transform:uppercase; }
.contact-card p { color:#d3ced7; }
.contact-address { font-weight:900; word-break:break-word; }
.site-footer { padding:62px 24px 48px; background:#08080b; border-top:1px solid #16131a; }
.footer-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; margin-bottom:46px; }
.footer-grid { max-width:var(--max); margin:0 auto; display:flex; justify-content:space-between; gap:30px; flex-wrap:wrap; color:#9f9aa5; text-align:center; }
.footer-grid strong { color:#c6c0cc; font-size:1.15rem; }
@media (max-width:980px) { .nav-wrap{grid-template-columns:1fr;gap:16px;padding-block:18px}.nav-links{justify-content:center}.feature-grid{gap:18px}.section-head,.two-col,.partner-goal-grid,.subscribe-inner{grid-template-columns:1fr}.metric-grid,.launch-status-grid,.release-status-grid{grid-template-columns:repeat(2,1fr)}.event-grid,.merch-grid,.inquiry-grid{grid-template-columns:repeat(2,1fr)}.tier{grid-template-columns:1fr;gap:12px}.partner-goal-grid{gap:24px}.partner-tier-grid{grid-template-columns:1fr}.subscribe-inner{gap:38px}.launch-status-grid > div:nth-child(2),.release-status-grid div:nth-child(2){border-right:0}.launch-status-grid > div:nth-child(-n+2),.release-status-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)} }
@media (max-width:660px) { .brand{min-width:0}.brand-mark{font-size:1.5rem}.nav-links{gap:2px 8px}.nav-links a{font-size:.72rem;padding:6px 3px}.home-intro{min-height:540px}.home-intro-inner{padding-block:72px}.feature-grid,.event-grid,.merch-grid,.metric-grid,.launch-status-grid,.release-status-grid,.inquiry-grid{grid-template-columns:1fr}.feature-card{min-height:360px}.metric,.launch-status-grid > div,.release-status-grid div{border-right:0;border-bottom:1px solid var(--line)}.release-status-grid div:last-child,.launch-status-grid > div:last-child{border-bottom:0}.page-hero{min-height:390px;padding-top:72px}.shell{padding-inline:18px}.subscribe-section{padding:72px 18px}.signup-form{padding:28px 20px}.merch-status-inner{padding-block:20px;align-items:flex-start;flex-direction:column;gap:5px}.partner-tier{padding:26px 22px}.tier-topline{flex-direction:column;gap:12px}.partner-tier .tier-summary{min-height:0}.contact-card,.inquiry-card{padding:30px 22px}.footer-grid{justify-content:center} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.feature-card:hover{transform:none} }
