.landing-container { width:min(1200px, calc(100% - 28px)); margin:0 auto; }
.landing-section { padding:3rem 0; }
.section-title { margin-bottom:2.5rem; text-align:center; font-size:2rem; }

.landing-hero { 
  padding:4rem 14px; 
  color:#fff; 
  text-align:center; 
  background:linear-gradient(rgba(42,92,61,.85),rgba(42,92,61,.9)),url('https://images.unsplash.com/photo-1598880940080-ff9c8d3b170d?auto=format&fit=crop&w=1600&q=85') center/cover; 
}
.landing-hero h1 { max-width:900px; margin:0 auto 1.5rem; color:#fff; font-size:clamp(1.8rem,5vw,3.2rem); }
.landing-hero p { max-width:800px; margin:0 auto 2rem; font-size:1.05rem; }
.landing-cta, .email-link { 
  display:inline-block; 
  padding:.8rem 1.5rem; 
  border-radius:8px; 
  background:#ff9800; 
  color:#fff; 
  font-weight:700; 
  text-decoration:none; 
  transition:.2s; 
}
.landing-cta:hover { background:#e88700; color:#fff; transform:translateY(-2px); }

.features, .advantages, .video-review { background:#fff; }
.package, .audience { background:#f0f9f3; }
.features-grid, .audience-cards { 
  display:grid; 
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); 
  gap:1.5rem; 
}
.feature-card, .audience-card { 
  padding:1.5rem; 
  border-radius:12px; 
  background:#f8fdf7; 
  box-shadow:0 5px 15px rgba(0,0,0,.05); 
  transition:.25s; 
}
.feature-card { border-left:5px solid #3a8c5e; }
.audience-card { text-align:center; background:#fff; }
.feature-card:hover, .audience-card:hover { transform:translateY(-5px); box-shadow:0 10px 25px rgba(0,0,0,.1); }
.feature-icon, .audience-card>i, .advantage>i { display:block; margin-bottom:1.2rem; color:#3a8c5e; font-size:2.3rem; }
.feature-card p, .audience-card p, .advantage p { color:#555; font-size:.95rem; }

.package-container { display:flex; flex-wrap:wrap; align-items:center; gap:2rem; }
.package-image, .package-info { flex:1; min-width:260px; }
.package-image img { display:block; width:100%; height:auto; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.1); }
.price { margin:1rem 0; color:#ff9800; font:700 2rem 'Outfit', Montserrat, sans-serif; }
.components-list { padding:0; margin:1.5rem 0; list-style:none; }
.components-list li { display:flex; gap:10px; align-items:flex-start; padding:.7rem 0; border-bottom:1px solid #e0e0e0; font-size:0.95rem; }
.components-list i { width:20px; margin-top:4px; color:#3a8c5e; flex-shrink:0; }
.contact-info { padding:1.5rem; border:2px solid #3a8c5e; border-radius:12px; background:#f8fdf7; text-align:center; }
.email-link { background:#2a5c3d; }
.email-link:hover { background:#3a8c5e; color:#fff; }

.advantages-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem; }
.advantage { padding:1.5rem 1rem; text-align:center; }
.advantage>i { font-size:2.5rem; }

.video-container { 
  max-width:480px; 
  width:100%;
  overflow:hidden; 
  margin:0 auto; 
  border:2px solid #3a8c5e; 
  border-radius:12px;
  background:#f8fdf7; 
  box-shadow:0 10px 30px rgba(0,0,0,.1); 
}
.video-wrapper { aspect-ratio:9/16; background:#000; width:100%; }
.video-wrapper video { display:block; width:100%; height:100%; object-fit:contain; }
.video-info { padding:1.5rem; text-align:center; }
.video-download-link, .experiment-download-link { margin:1.5rem 0 0; text-align:center; color:#666; font-style:italic; }
.video-download-link a { color:#3a8c5e; font-weight:700; text-decoration:none; }

.experiment { color:#fff; background:linear-gradient(135deg,#1e3c2c,#2a5c3d); }
.experiment .section-title { color:#fff; margin-bottom:1rem; }
.experiment-subtitle { margin:0 auto 2.5rem; text-align:center; font-size:1.05rem; font-style:italic; opacity:.9; }
.experiment-container { 
  max-width:760px; 
  width:100%;
  margin:0 auto; 
  aspect-ratio:4/3; 
  border:3px solid #ff9800; 
  border-radius:12px;
  background:#0a1f12; 
  box-shadow:0 15px 35px rgba(0,0,0,.3); 
  overflow:hidden;
}
.experiment-container video { display:block; width:100%; height:100%; object-fit:contain; }
.experiment-download-link { color:rgba(255,255,255,.8); }
.experiment-download-link a { color:#ff9800; font-weight:700; text-decoration:none; }

.contact { color:#fff; background:linear-gradient(135deg,#2a5c3d,#3a8c5e); }
.contact h2 { color:#fff; text-align:center; font-size:2rem; }
.contact-content { max-width:800px; margin:auto; text-align:center; }
.contact-details { margin-top:1.5rem; padding:1.8rem 1.2rem; border-radius:12px; background:rgba(255,255,255,.1); backdrop-filter:blur(10px); }
.contact-details div+div { margin-top:1rem; }
.contact-details i { margin-right:10px; color:#ff9800; }
.contact a { color:#fff; }

@media (max-width:768px) {
  .landing-section { padding:2rem 0; }
  .section-title { margin-bottom:1.5rem; font-size:1.55rem; }
  .landing-hero { padding:2.8rem 12px; }
  .landing-hero h1 { font-size:1.75rem; }
  .landing-hero p { font-size:0.95rem; }
  .features-grid, .audience-cards, .advantages-grid { grid-template-columns:1fr; gap:1rem; }
  .package-container { flex-direction:column; gap:1.2rem; }
  .package-image, .package-info { width:100%; min-width:100%; }
  .price { font-size:1.7rem; }
  .contact-details { padding:1.2rem 1rem; font-size:0.92rem; }
}
