

  /* ---------- Top bar / logo ---------- */
  .topbar{
    background:var(--forest-950);
    padding:16px 0;
    position:sticky;top:0;z-index:100;
  }
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;}
  .topbar-logo{display:flex;align-items:center;gap:10px;}
  .topbar-logo img{height:36px;width:auto;display:block;}
  .topbar-logo span{
    font-family:'Fraunces',serif;font-weight:600;font-size:14.5px;color:var(--cream-50);line-height:1.15;
  }
  .topbar-cta{
    padding:11px 22px;font-size:14px;white-space:nowrap;
  }
  @media (max-width:560px){.topbar-logo span{display:none;}}

  /* ---------- Hero ---------- */
  .hero{
    background:
      radial-gradient(1100px 480px at 85% -10%, rgba(184,145,43,0.10), transparent 60%),
      linear-gradient(180deg, var(--mint-50) 0%, var(--cream-50) 78%);
    padding:64px 0 40px;
  }
  .hero-grid{
    display:flex;flex-direction:column;gap:28px;max-width:720px;margin:0 auto;text-align:center;
  }
  .hero h1{
    font-size:clamp(30px,4.4vw,50px);line-height:1.08;margin:18px 0 20px;color:var(--forest-950);
  }
  .hero h1 em{font-style:italic;color:var(--emerald-600);}
  .hero p.lead{font-size:16px;color:var(--ink-700);max-width:560px;margin:0 auto 8px;}
  .hero-cta-row{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;}
  .trust-line{font-size:14.5px;color:var(--ink-500);display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap;}
  .trust-line strong{color:var(--forest-950);}
  .trust-item{display:flex;align-items:center;gap:7px;}
  .trust-item .icon{color:var(--emerald-600);width:17px;height:17px;}

  @keyframes heroFadeUp{
    from{opacity:0;transform:translateY(20px);}
    to{opacity:1;transform:translateY(0);}
  }
  .hero .eyebrow,
  .hero h1,
  .hero p.lead,
  .hero .video-wrap,
  .hero .trust-line,
  .hero .hero-cta-row{
    opacity:0;
    animation:heroFadeUp .6s cubic-bezier(0.16,1,0.3,1) forwards;
  }
  .hero .eyebrow{animation-delay:.1s;}
  .hero h1{animation-delay:.25s;}
  .hero p.lead{animation-delay:.4s;}
  .hero .video-wrap{animation-delay:.55s;}
  .hero .trust-line{animation-delay:.7s;}
  .hero .hero-cta-row{animation-delay:.85s;}
  @media (prefers-reduced-motion: reduce){
    .hero .eyebrow, .hero h1, .hero p.lead, .hero .video-wrap, .hero .trust-line, .hero .hero-cta-row{
      animation:none;opacity:1;transform:none;
    }
  }

  .video-wrap{position:relative;max-width:340px;margin:0 auto;}
  .video-frame{
    position:relative;width:100%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;
    background:
      radial-gradient(700px 360px at 85% -10%, rgba(217,130,43,0.35), transparent 60%),
      linear-gradient(160deg, var(--forest-950), #341A12);
    box-shadow:var(--shadow-soft);border:1px solid rgba(27,15,12,0.15);
    display:flex;align-items:center;justify-content:center;
  }
  .video-frame video, .video-frame iframe{
    position:absolute;inset:0;width:100%;height:100%;border:none;object-fit:cover;
  }
  .video-placeholder{
    display:flex;flex-direction:column;align-items:center;gap:14px;color:rgba(255,255,255,0.8);
    text-align:center;padding:0 24px;
  }
  .play-btn{
    width:66px;height:66px;border-radius:50%;background:var(--emerald-600);
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 8px rgba(217,130,43,0.22);
  }
  .play-btn::after{
    content:"";width:0;height:0;
    border-top:11px solid transparent;border-bottom:11px solid transparent;
    border-left:18px solid var(--cream-50);margin-left:5px;
  }
  .video-placeholder span{font-size:13.5px;letter-spacing:.02em;}
  .video-placeholder small{font-size:11.5px;color:rgba(255,255,255,0.5);}

  /* ---------- Offer block ---------- */
  .offer{
    background:
      radial-gradient(900px 460px at 88% -10%, rgba(217,130,43,0.35), transparent 60%),
      linear-gradient(155deg, var(--forest-950) 0%, #341A12 60%, var(--forest-800) 100%);
    color:var(--cream-50);border-radius:24px;
    padding:56px;display:grid;grid-template-columns:0.95fr 1.05fr;gap:48px;
    text-align:center;
  }
  .offer > div{display:flex;flex-direction:column;align-items:center;}
  .offer > div.guar-row{flex-direction:row;align-items:center;}
  .offer > div.scarcity{flex-direction:row;align-items:flex-start;}
  .offer .price-row{justify-content:center;}
  .offer .bonus-list li{text-align:left;}
  @media (max-width:900px){.offer{grid-template-columns:1fr;padding:36px 24px;border-radius:18px;}}
  .offer .eyebrow{color:var(--gold-300);}
  .offer .eyebrow::before{background:var(--gold-300);}
  .offer h2{color:var(--cream-50);font-size:clamp(24px,3vw,32px);margin:14px 0 22px;line-height:1.2;}
  .price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:6px;}
  .price-old{font-size:17px;color:rgba(255,255,255,0.55);text-decoration:line-through;}
  .price-new{font-size:44px;font-family:'Fraunces',serif;font-weight:700;color:var(--gold-300);}
  .price-sub{font-size:14.5px;color:rgba(255,255,255,0.75);margin-bottom:26px;}
  .bonus-list{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px;}
  .bonus-list li{display:flex;gap:12px;font-size:15px;color:rgba(255,255,255,0.92);align-items:flex-start;line-height:1.3;}
  .bonus-list li .tick{
    flex:none;width:20px;height:20px;border-radius:50%;background:var(--emerald-500);
    display:flex;align-items:center;justify-content:center;margin-top:1px;
  }