:root{
  --black:#050505; --panel:#0b0b0b; --panel2:#101010; --gold:#d5a12f; --gold2:#f1c85a;
  --red:#e21b23; --red2:#ff3b32; --white:#f5f4ef; --muted:#969696; --line:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:"Manrope",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 80%);pointer-events:none;z-index:-3}
.ambient{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:-2}
.ambient-one{width:520px;height:520px;background:rgba(226,27,35,.16);right:-150px;top:10vh}
.ambient-two{width:380px;height:380px;background:rgba(213,161,47,.07);left:-120px;top:60vh}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:0;z-index:20;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(5,5,5,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-brand{display:flex;align-items:center;gap:10px;font-family:"Bebas Neue";font-size:25px;letter-spacing:1.2px}
.nav-brand small{color:var(--gold2);font-size:13px;margin-left:3px}
.xmark{display:grid;place-items:center;width:33px;height:33px;color:white;background:linear-gradient(145deg,var(--red2),#8c0007);clip-path:polygon(18% 0,50% 28%,82% 0,100% 18%,72% 50%,100% 82%,82% 100%,50% 72%,18% 100%,0 82%,28% 50%,0 18%);font-size:24px}
.nav-links{display:flex;gap:28px;color:#b9b9b9;font-size:13px}
.nav-links a:hover{color:white}
.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 23px;border-radius:2px;background:linear-gradient(135deg,#ff352e,#bb0711);font-weight:800;font-size:12px;letter-spacing:1.1px;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px rgba(226,27,35,.18);transition:.25s}
.button:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(226,27,35,.3)}
.button.small{padding:10px 16px}
.button.ghost{background:transparent;border-color:rgba(241,200,90,.45);color:var(--gold2);box-shadow:none}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:.92fr 1.08fr;gap:4vw;align-items:center;padding:70px 5vw 80px}
.eyebrow{color:var(--gold2);font-size:11px;font-weight:800;letter-spacing:3.2px;margin:0 0 18px}
h1,h2,h3,.footer-word{font-family:"Bebas Neue",sans-serif}
h1{font-size:clamp(76px,9vw,150px);line-height:.79;letter-spacing:-1px;margin:0}
h1 span{color:var(--red2);text-shadow:0 0 34px rgba(226,27,35,.2)}
.lede{max-width:650px;color:#b3b3b3;font-size:17px;line-height:1.75;margin:32px 0}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.micro{display:flex;gap:18px;flex-wrap:wrap;margin-top:32px;color:#6f6f6f;text-transform:uppercase;font-size:10px;letter-spacing:1.5px}
.hero-visual{text-align:center}
.logo-shell{position:relative;border:1px solid rgba(241,200,90,.16);background:radial-gradient(circle at 50% 42%,rgba(226,27,35,.11),transparent 48%),#050505;overflow:hidden;box-shadow:0 40px 110px rgba(0,0,0,.65)}
.logo-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 52%,rgba(255,255,255,.07),transparent 67%);transform:translateX(-120%);animation:sheen 5s infinite}
@keyframes sheen{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.logo-shell img{width:100%;display:block;mix-blend-mode:screen}
.hero-tagline{font-family:"Bebas Neue";letter-spacing:3px;margin-top:18px;color:#d0d0d0;font-size:18px}
.hero-tagline b{color:var(--red2);font-weight:400}
.signal{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.signal div{padding:28px 3vw;border-right:1px solid var(--line);display:flex;align-items:center;gap:14px;background:#080808}
.signal div:last-child{border-right:0}
.signal b{font-family:"Bebas Neue";color:var(--red2);font-size:22px}
.signal span{font-size:11px;letter-spacing:1.5px;color:#c8c8c8}
.section{padding:120px 7vw}
.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}
.section-copy{max-width:800px}
.section-copy.centered{text-align:center;margin:0 auto 60px}
h2{font-size:clamp(52px,7vw,105px);line-height:.9;letter-spacing:.2px;margin:0 0 24px}
.section-copy>p:last-child{color:var(--muted);font-size:17px;line-height:1.75}
.product-stage{background:linear-gradient(145deg,#0e0e0e,#050505);border:1px solid var(--line);min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-stage img{width:100%;height:100%;object-fit:cover;transition:.6s}
.product-stage:hover img{transform:scale(1.025)}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.pillars article{background:var(--panel);padding:34px;min-height:260px}
.pillars span{color:var(--red2);font-size:11px;font-weight:800}
.pillars h3{font-size:31px;letter-spacing:.7px;margin:56px 0 10px;color:var(--gold2)}
.pillars p{color:var(--muted);line-height:1.6;font-size:14px}
.flavors{background:#080808}
.flavor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.flavor-card{border:1px solid var(--line);background:#0b0b0b;min-height:650px;overflow:hidden}
.flavor-card img{width:100%;height:480px;object-fit:cover;display:block;transition:.6s}
.flavor-card:hover img{transform:scale(1.035)}
.flavor-card div{padding:30px 34px}
.flavor-label{font-size:10px;letter-spacing:2.2px;font-weight:800}
.gold .flavor-label{color:var(--gold2)} .red .flavor-label{color:var(--red2)}
.flavor-card h3{font-size:39px;margin:6px 0 10px}
.flavor-card p{color:var(--muted)}
.manifesto{padding:150px 6vw;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(226,27,35,.09),transparent 40%)}
.manifesto h2{font-size:clamp(70px,9vw,145px)}
.manifesto h2 span{color:var(--red2)}
.waitlist{text-align:center;padding:145px 5vw}
.waitlist h2{font-size:110px;margin-bottom:14px}
.waitlist>p:not(.eyebrow){color:var(--muted);margin:0 auto 28px}
.faq{display:grid;grid-template-columns:.55fr 1fr;gap:7vw}
.accordion details{border-top:1px solid var(--line);padding:24px 0}
.accordion details:last-child{border-bottom:1px solid var(--line)}
.accordion summary{cursor:pointer;list-style:none;font-family:"Bebas Neue";font-size:27px;letter-spacing:.5px}
.accordion summary:after{content:"+";float:right;color:var(--red2);font-size:30px}
.accordion details[open] summary:after{content:"–"}
.accordion p{color:var(--muted);line-height:1.7;max-width:760px}
footer{padding:80px 5vw 45px;border-top:1px solid var(--line);color:#747474;font-size:12px;line-height:1.75}
.footer-word{font-size:78px;color:#d9a83d;letter-spacing:2px;margin-bottom:18px}
.legal{max-width:900px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
 .nav-links{display:none}.hero{grid-template-columns:1fr}.hero-visual{margin-top:25px}
 .signal{grid-template-columns:1fr 1fr}.split,.faq{grid-template-columns:1fr}
 .pillars{grid-template-columns:1fr 1fr}.flavor-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
 .nav{padding:0 18px}.nav .small{display:none}.hero,.section{padding-left:22px;padding-right:22px}
 h1{font-size:78px}.lede{font-size:15px}.signal{grid-template-columns:1fr}.signal div{border-right:0;border-bottom:1px solid var(--line)}
 .pillars{grid-template-columns:1fr}.product-stage{min-height:420px}.flavor-card img{height:390px}
 .waitlist h2{font-size:80px}.footer-word{font-size:60px}
}