:root{
  --red:#e50914;
  --red2:#ff2a35;
  --black:#030303;
  --charcoal:#0b0b0d;
  --card:#141416;
  --white:#ffffff;
  --soft:#f4f4f5;
  --muted:#a5a5aa;
  --text:#efefef;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:var(--black);
  color:var(--white);
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.grain{
  position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;
  background-image:radial-gradient(#fff 1px,transparent 1px);
  background-size:5px 5px;
}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:16px 6%;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{
  width:56px;height:56px;border-radius:18px;
  display:grid;place-items:center;
  font-weight:950;letter-spacing:1px;
  background:linear-gradient(135deg,var(--red),#5a0005);
  box-shadow:0 18px 55px rgba(229,9,20,.34);
}
.brand h1{margin:0;font-size:22px;letter-spacing:1.8px}
.brand p{margin:2px 0 0;color:var(--muted);font-size:11px;letter-spacing:2px}
.nav-links{display:flex;gap:24px}
.nav-links a{font-size:14px;font-weight:900;color:#e8e8e8}
.nav-links a:hover{color:var(--red2)}
.header-cta,.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;border-radius:999px;
  padding:13px 22px;font-weight:950;
}
.header-cta,.primary{
  background:linear-gradient(135deg,var(--red),var(--red2));
  color:white;
  box-shadow:0 16px 48px rgba(229,9,20,.30);
}
.outline{border:1px solid rgba(255,255,255,.40)}
.black-btn{background:#090909;color:#fff}
.hero{
  min-height:100vh;position:relative;display:grid;
  grid-template-columns:1.12fr .88fr;gap:42px;align-items:end;
  padding:130px 6% 80px;
  background:
    linear-gradient(110deg,rgba(0,0,0,.97),rgba(0,0,0,.78),rgba(0,0,0,.46)),
    radial-gradient(circle at 78% 20%,rgba(229,9,20,.45),transparent 27%),
    url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?auto=format&fit=crop&w=2000&q=90');
  background-size:cover;background-position:center;
}
.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(transparent,var(--black))}
.hero-content,.hero-panel{position:relative;z-index:2}
.kicker,.section-label{
  color:var(--red2);font-size:13px;font-weight:950;letter-spacing:2.7px;text-transform:uppercase;
}
.hero h2{
  font-size:clamp(56px,9.2vw,116px);
  line-height:.86;letter-spacing:-3.8px;text-transform:uppercase;margin:18px 0 24px;
}
.hero h2 span{
  color:transparent;
  -webkit-text-stroke:1.35px #fff;
  text-shadow:0 0 80px rgba(229,9,20,.45);
}
.hero-copy{max-width:790px;color:#f2f2f2;font-size:21px;line-height:1.65}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-panel{
  padding:34px;border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(20px);
  box-shadow:0 35px 100px rgba(0,0,0,.48);
}
.hero-panel p{color:var(--red2);font-size:12px;letter-spacing:2.2px;font-weight:950;margin:0 0 12px}
.hero-panel h3{font-size:32px;line-height:1.14;margin:0}
.panel-line{height:1px;background:rgba(255,255,255,.18);margin:26px 0}
.panel-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.panel-stats div{padding:16px;border-radius:18px;background:rgba(0,0,0,.32)}
.panel-stats strong{display:block;color:var(--red2);font-size:32px}
.panel-stats span{font-size:11px;color:#ddd;letter-spacing:1.5px;font-weight:900}
.brand-section{
  display:grid;grid-template-columns:1.08fr .92fr;gap:58px;
  padding:100px 6%;background:#fff;color:#0b0b0b;
}
h2{
  font-size:clamp(36px,4.7vw,66px);
  line-height:1.02;letter-spacing:-2px;margin:10px 0 28px;
}
.brand-copy p,.contact-section p{
  font-size:18px;line-height:1.75;color:#333;
}
.signature{
  display:grid;grid-template-columns:repeat(3,1fr);
  background:#f4f4f5;color:#111;
  border-top:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;
}
.signature div{padding:48px 6vw;border-right:1px solid #e0e0e0}
.signature div:last-child{border-right:none}
.signature span{color:var(--red);font-weight:950}
.signature h3{font-size:26px;margin:14px 0 10px}
.signature p{color:#444;line-height:1.65}
.section{padding:100px 6%}
.dark-section{background:linear-gradient(180deg,#050505,#101015)}
.center{text-align:center}
.zone-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;
}
.zone-grid article,.membership-grid article{
  position:relative;overflow:hidden;padding:32px;border-radius:30px;
  background:linear-gradient(180deg,#17171a,#101014);
  border:1px solid rgba(255,255,255,.10);
}
.zone-grid article:after,.membership-grid article:after{
  content:"";position:absolute;right:-55px;bottom:-70px;width:160px;height:160px;border-radius:50%;
  background:rgba(229,9,20,.18);filter:blur(12px);
}
.zone-grid span{color:var(--red2);font-size:12px;letter-spacing:2px;font-weight:950}
.zone-grid h3,.membership-grid h3{font-size:28px;margin:14px 0 10px}
.zone-grid p,.membership-grid p{color:var(--muted);line-height:1.65}
.programs-section{padding:100px 6%;background:#fff;color:#111}
.program-header{max-width:900px}
.program-list{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;
}
.program-list div{
  padding:34px;border-radius:30px;background:#f3f3f5;border:1px solid #e4e4e7;
}
.program-list b{color:var(--red);font-size:14px}
.program-list h3{font-size:28px;margin:14px 0 10px}
.program-list p{color:#444;line-height:1.65}
.brand-manifesto{
  text-align:center;padding:105px 6%;
  background:linear-gradient(135deg,rgba(229,9,20,.96),rgba(0,0,0,.96));
}
.brand-manifesto p{font-size:13px;letter-spacing:2.5px;font-weight:950}
.brand-manifesto h2{max-width:1050px;margin:14px auto 34px}
.light{background:#fff;color:#111;box-shadow:none}
.membership-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;
}
.membership-grid small{
  position:absolute;right:22px;top:22px;background:var(--red);padding:7px 12px;border-radius:999px;font-weight:950;
}
.membership-grid a{
  display:inline-flex;margin-top:18px;background:#fff;color:#111;border-radius:999px;padding:12px 18px;font-weight:950;
}
.premium-plan{border-color:var(--red2)!important;box-shadow:0 0 0 2px rgba(229,9,20,.20),0 25px 80px rgba(229,9,20,.16)}
.proof-section{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;
  padding:100px 6%;background:#fff;color:#111;
}
.proof-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.proof-cards article{padding:30px;border-radius:28px;background:#f4f4f5;border:1px solid #e5e5e8}
.proof-cards span{color:var(--red);font-size:20px}
.proof-cards p{color:#222;line-height:1.65;font-size:18px}
.lead-flow{
  padding:95px 6%;background:linear-gradient(180deg,#050505,#111);color:#fff;
}
.lead-buttons{
  max-width:1000px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.lead-buttons a{
  padding:22px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);
  font-weight:950;text-align:center;
}
.lead-buttons a:hover{background:var(--red)}
.contact-section{
  display:grid;grid-template-columns:1.15fr .85fr;gap:36px;
  padding:100px 6%;background:#f7f7f8;color:#111;
}
.timing-box{background:#090909;color:#fff;border-radius:32px;padding:38px}
.timing-box h3{font-size:28px;margin:0 0 16px}
.timing-box p{color:#ddd}
footer{text-align:center;padding:52px 6%;background:#050505;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
footer h2{margin:0;color:var(--red2);letter-spacing:3px}
footer p{color:#aaa}
.floating-wa{
  position:fixed;right:18px;bottom:18px;z-index:1200;background:#25D366;color:#fff;
  padding:15px 18px;border-radius:999px;font-weight:950;box-shadow:0 14px 42px rgba(0,0,0,.35);
}
@media(max-width:1050px){
  .nav-links,.header-cta{display:none}
  .hero,.brand-section,.proof-section,.contact-section{grid-template-columns:1fr}
  .zone-grid,.membership-grid{grid-template-columns:repeat(2,1fr)}
  .program-list,.lead-buttons,.signature{grid-template-columns:1fr}
  .signature div{border-right:none;border-bottom:1px solid #e0e0e0}
}
@media(max-width:620px){
  .site-header{padding:13px 4%}
  .brand-logo{width:48px;height:48px}
  .brand h1{font-size:18px}
  .hero{padding:120px 5% 60px}
  .hero h2{letter-spacing:-1.8px}
  .hero-copy{font-size:17px}
  .btn{width:100%}
  .panel-stats,.zone-grid,.membership-grid,.proof-cards{grid-template-columns:1fr}
  .brand-section,.section,.programs-section,.proof-section,.lead-flow,.contact-section{padding:72px 5%}
}