:root{
  --primary:#B11226;       /* Brand Crimson */
  --secondary:#0F172A;     /* Authority Dark */
  --accent:#22C55E;        /* Proof Green */
  --light:#FFFFFF;         /* White Background */
  --premium:#F5F3EF;       /* Soft Gold Tint */
  --muted:#6B7280;         /* Professional Grey */
}

*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body{
  color:var(--secondary);
  line-height:1.7;
  background:#FFFFFF;
}

/* GLOBAL */
section{padding:90px 8%;}
h1,h2,h3{font-weight:800;color:var(--secondary);}
p{color:var(--muted);}

.btn{
  background:var(--primary);
  color:#fff;
  padding:15px 28px;
  border-radius:10px;
  text-decoration:none;
  font-weight:600;
  display:inline-block;
  transition:.3s;
}
.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 35px rgba(177,18,38,.35);
}

/* HERO */
.hero{
  min-height:100vh;
  background:#FFFFFF;
  color:var(--secondary);
  display:flex;
  align-items:center;
}
.hero-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:60px;
}
.hero h1 span{color:var(--primary);}

.hero-stats{display:flex;gap:30px;margin-top:30px;}
.stat{
  background:var(--premium);
  padding:20px;
  border-radius:14px;
  text-align:center;
}
.stat h2{color:var(--accent);}

/* PROBLEM */
.problem{background:var(--premium);}
.problem-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:25px;
}
.problem-card{
  background:#fff;
  padding:30px;
  border-radius:18px;
  box-shadow:0 10px 40px rgba(0,0,0,.05);
}

/* MODEL */
.model-steps{display:flex;flex-wrap:wrap;gap:15px;}
.step{
  background:var(--secondary);
  color:#fff;
  padding:12px 20px;
  border-radius:30px;
  font-weight:600;
}

/* TIERS */
.tiers{background:#FFFFFF;}
.tier-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:30px;
}
.tier{
  background:#fff;
  border-radius:22px;
  padding:40px;
  box-shadow:0 15px 50px rgba(0,0,0,.07);
  transition:.4s;
}
.tier:hover{transform:translateY(-10px);}
.price{
  font-size:32px;
  font-weight:800;
  color:var(--accent); /* Proof green for metrics */
}

/* CTA */
.cta{
  background:linear-gradient(135deg,#B11226,#C4161C);
  color:#fff;
  text-align:center;
}
.countdown{font-size:22px;font-weight:600;margin-top:15px;}

/* FOOTER */
footer{
  background:var(--secondary);
  color:#fff;
  padding:40px 8%;
  text-align:center;
}

/* MODAL */
.modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.85);
  backdrop-filter:blur(6px);
  z-index:999;
}

.modal-content::-webkit-scrollbar{
  width:8px;
}
.modal-content::-webkit-scrollbar-thumb{
  background:#ccc;
  border-radius:10px;
}

.modal-content{
  background:#fff;
  max-width:520px;
  width:90%;
  margin:5vh auto;
  padding:30px;
  border-radius:20px;
  animation:scaleIn .4s ease;

  max-height:85vh;        /* 👈 limit height */
  overflow-y:auto;        /* 👈 enable scroll */
}

@keyframes scaleIn{
  from{transform:scale(.9);opacity:0}
  to{transform:scale(1);opacity:1}
}
.close{
  float:right;
  font-size:28px;
  cursor:pointer;
}
.modal form{
  margin-top:20px;
  display:grid;
  gap:15px;
}
.modal input,.modal select,.modal textarea{
  padding:14px;
  border-radius:10px;
  border:1px solid #CBD5E1;
}
.modal textarea{height:110px;resize:none;}
.modal button{
  background:var(--primary);
  color:#fff;
  padding:15px;
  border:none;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
}

/* RESPONSIVE */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;}
}


/* TESTIMONIALS */
.testimonials{
  background:#fff;
}

.testimonial-block{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
  margin-top:80px;
}

.testimonial-block:nth-child(even){
  direction: rtl;
}
.testimonial-block:nth-child(even) .testimonial-text{
  direction: ltr;
}

.testimonial-image{
  width:100%;
  height:520px;   /* You can adjust this number */
  border-radius:24px;
  overflow:hidden;
}

.testimonial-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}


.testimonial-text{
  background:#F8FAFC;
  padding:40px;
  border-radius:24px;
}

.testimonial-text h3{
  margin-bottom:10px;
}

.testimonial-text .role{
  color:#6B7280;
  font-weight:600;
  margin-bottom:20px;
}

.testimonial-text blockquote{
  font-size:18px;
  line-height:1.8;
  color:#0F172A;
}

@media(max-width:900px){
  .testimonial-block{
    grid-template-columns:1fr;
  }
  .testimonial-block:nth-child(even){
    direction: ltr;
  }
}


.video-section {
  padding: 80px 20px;
  text-align: center;
}

.video-section h2 {
  font-size: 2.2rem;
  margin-bottom: 10px;
}

.video-subtitle {
  color: #777;
  margin-bottom: 30px;
}

.video-wrapper {
  max-width: 900px;
  margin: auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,0.15);
}

.video-wrapper video {
  width: 100%;
  display: block;
}