.elementor-5999 .elementor-element.elementor-element-77fa1e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}body.elementor-page-5999:not(.elementor-motion-effects-element-type-background), body.elementor-page-5999 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-77fa1e7 */:root{
    --navy-900:#0a1e3d;
    --navy-800:#0f2a54;
    --navy-700:#173a6e;
    --navy-600:#204a8a;
    --navy-100:#e8edf6;
    --white:#ffffff;
    --off-white:#f5f8fc;
    --gold:#f5a623;
    --gold-dark:#d98c0f;
    --green:#25d366;
    --text-dark:#16202e;
    --text-muted:#5c6b80;
    --radius:14px;
    --shadow:0 10px 30px rgba(10,30,61,0.12);
    --max-width:1160px;
    --font-display:'Poppins', sans-serif;
    --font-body:'Inter', sans-serif;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font-body);
    color:var(--text-dark);
    background:var(--white);
    line-height:1.6;
    padding-top:92px; /* offset for fixed header */
  }
  img{max-width:100%; display:block;}
  a{text-decoration:none; color:inherit;}
  ul{list-style:none;}
  .container{max-width:var(--max-width); margin:0 auto; padding:0 20px;}
  section{padding:64px 0;}
  .section-title{
    font-family:var(--font-display);
    font-weight:700;
    font-size:clamp(1.5rem, 3vw, 2.1rem);
    color:--navy-900;
    text-align:center;
    margin-bottom:10px;
  }
  .section-subtitle{
    text-align:center;
    color:--navy-900;
    max-width:620px;
    margin:0 auto 40px;
    font-size:0.98rem;
  }
  .section-titled{
    font-family:var(--font-display);
    font-weight:700;
    font-size:clamp(1.5rem, 3vw, 2.1rem);
    color:white;
    text-align:center;
    margin-bottom:10px;
  }
    .section-subtitled{
    text-align:center;
    color:white;
    max-width:620px;
    margin:0 auto 40px;
    font-size:0.98rem;
    }
  .eyebrow{
    display:inline-block;
    font-size:0.75rem;
    font-weight:700;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--gold-dark);
    background:#fff4e0;
    padding:5px 14px;
    border-radius:20px;
    margin-bottom:14px;
  }
  .center{text-align:center;}

  /* ============ HEADER ============ */
  header{
    position:fixed;
    top:0; left:0; right:0;
    z-index:1000;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(10,30,61,0.08);
  }
  .nav-wrap{
    max-width:var(--max-width);
    margin:0 auto;
    padding:16px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .logo{
    font-family:var(--font-display);
    font-weight:800;
    font-size:1.7rem;
    letter-spacing:0.03em;
    color:var(--navy-900);
  }
  .logo span{color:var(--gold);}
  nav ul{
    display:flex;
    gap:30px;
  }
  nav a{
    font-weight:600;
    font-size:0.95rem;
    color:var(--navy-800);
    transition:color .2s;
  }
  nav a:hover{color:var(--gold-dark);}
  .nav-cta{
    background:var(--navy-800);
    color:var(--white) !important;
    padding:10px 20px;
    border-radius:8px;
    font-weight:600;
  }
  .nav-cta:hover{background:var(--navy-600);}
  .hamburger{
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    background:none;
    border:none;
  }
  .hamburger span{
    width:26px; height:3px;
    background:var(--navy-900);
    border-radius:2px;
  }

  /* ============ MARQUEE / MOVING TEXT ============ */
  .marquee-bar{
    background:var(--navy-900);
    color:var(--white);
    overflow:hidden;
    white-space:nowrap;
    padding:10px 0;
  }
  .marquee-track{
    display:inline-block;
    padding-left:100%;
    animation:marquee 18s linear infinite;
    font-weight:600;
    font-size:0.95rem;
    letter-spacing:0.02em;
  }
  .marquee-track span{margin:0 40px; color:var(--gold);}
  @keyframes marquee{
    0%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
  }
  .full-bleed,
.marquee-bar,
.disclaimer-section,
#packages {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* prevents a horizontal scrollbar caused by the 100vw trick */
html, body {
  overflow-x: hidden;
}

  /* ============ PROMO / COUNTDOWN ============ */
  .promo{
    background:linear-gradient(135deg, var(--navy-900), var(--navy-700));
    color:var(--white);
    text-align:center;
  }
  .promo .eyebrow{background:rgba(245,166,35,0.15); color:var(--gold);}
  .promo h2{
    font-family:var(--font-display);
    font-size:clamp(1.5rem, 4vw, 2.4rem);
    margin-bottom:16px;
  }
  .promo{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  }
  .price-row{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:16px;
    flex-wrap:wrap;
    margin:18px 0 10px;
  }
  .price-old{
    font-size:1.4rem;
    text-decoration:line-through;
    color:rgba(255,255,255,0.55);
  }
  .price-new{
    font-size:2.6rem;
    font-weight:800;
    font-family:var(--font-display);
    color:var(--gold);
  }
  .price-new small{font-size:1rem; font-weight:600; color:var(--white);}
  .hurry{
    display:inline-block;
    margin-top:6px;
    font-weight:700;
    color:#fff;
    background:#e0483f;
    padding:8px 20px;
    border-radius:30px;
    animation:pulse 1.6s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.05);}
  }
  .timer{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:32px;
    flex-wrap:wrap;
  }
  .timer .time-box{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.18);
    border-radius:12px;
    padding:14px 18px;
    min-width:78px;
  }
  .timer .time-box strong{
    display:block;
    font-size:1.8rem;
    font-family:var(--font-display);
    color:var(--white);
  }
  .timer .time-box span{
    font-size:0.72rem;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:rgba(255,255,255,0.65);
  }

  /* ============ PRODUCT BOX ============ */
  .product-box{
    display:flex;
    gap:40px;
    align-items:center;
    background:var(--off-white);
    border-radius:var(--radius);
    padding:36px;
    box-shadow:var(--shadow);
    flex-wrap:wrap;
  }
  .product-box .img-wrap{flex:1 1 320px; position:relative;}
  .product-box .img-wrap img{border-radius:var(--radius);}
  .discount-tag{
    position:absolute;
    top:14px; left:14px;
    background:var(--gold);
    color:var(--navy-900);
    font-weight:800;
    font-size:0.85rem;
    padding:6px 14px;
    border-radius:30px;
  }
  .product-box .info{flex:1 1 320px;}
  .product-box .info h3{
    font-family:var(--font-display);
    font-size:1.5rem;
    color:var(--navy-900);
    margin-bottom:12px;
  }
  .product-box .info p{color:var(--text-muted); margin-bottom:18px;}
  .btn-navy{
    display:inline-block;
    background:var(--navy-800);
    color:var(--white);
    font-weight:700;
    padding:14px 30px;
    border-radius:8px;
    border:none;
    cursor:pointer;
    font-size:1rem;
    transition:background .2s, transform .2s;
  }
  .btn-navy:hover{background:var(--navy-600); transform:translateY(-2px);}

  /* ============ VIDEOS ============ */
  .video-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
  }
  .video-card{
    background:var(--off-white);
    border-radius:var(--radius);
    padding:20px;
    box-shadow:var(--shadow);
  }
  .video-card h4{
    font-family:var(--font-display);
    color:var(--navy-900);
    margin-bottom:12px;
    font-size:1.1rem;
  }
  .video-frame{
    position:relative;
    width:100%;
    padding-top:56.25%;
    border-radius:10px;
    overflow:hidden;
    background:#000;
  }
  .video-frame iframe, .video-frame video{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    border:none;
  }

  /* ============ REASONS LIST ============ */
  .reasons-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
    gap:24px;
  }
  .reason-card{
    background:var(--white);
    border:1px solid var(--navy-100);
    border-radius:var(--radius);
    padding:26px 22px;
    box-shadow:var(--shadow);
  }
  .reason-card .num{
    font-family:var(--font-display);
    font-weight:800;
    font-size:1.6rem;
    color:var(--gold-dark);
    margin-bottom:10px;
  }
  .reason-card h4{
    color:var(--navy-900);
    margin-bottom:8px;
    font-size:1.05rem;
  }
  .reason-card p{color:var(--text-muted); font-size:0.92rem;}

  /* ============ HOW TO USE (tabs) ============ */
  .howto-tabs{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-bottom:30px;
  }
  .howto-tab-btn{
    padding:10px 26px;
    border-radius:30px;
    border:2px solid var(--navy-800);
    background:var(--white);
    color:var(--navy-800);
    font-weight:700;
    cursor:pointer;
    transition:.2s;
  }
  .howto-tab-btn.active{background:var(--navy-800); color:var(--white);}
  .howto-panel{display:none;}
  .howto-panel.active{display:block;}
  .step-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
  }
  .step-card{
    background:var(--off-white);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
  }
  .step-card img{aspect-ratio:1/1; object-fit:cover; width:100%;}
  .step-card .step-label{
    padding:12px 14px;
  }
  .step-card .step-label .step-no{
    color:var(--gold-dark);
    font-weight:800;
    font-size:0.8rem;
  }
  .step-card .step-label p{font-size:0.88rem; color:var(--text-dark); margin-top:2px;}

  /* ============ WHAT'S IN THE BOX ============ */
  .box-contents{
    background:var(--navy-900);
    border-radius:var(--radius);
    padding:44px;
    color:var(--white);
  }
  .box-contents .section-title, .box-contents .section-subtitle{color:var(--white);}
  .box-contents .section-subtitle{color:rgba(255,255,255,0.7);}
  .contents-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
    margin-top:10px;
  }
  .content-item{
    display:flex;
    align-items:center;
    gap:14px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:10px;
    padding:14px 16px;
  }
  .content-item .icon{font-size:1.4rem;}
  .content-item p{font-size:0.92rem; font-weight:500;}

  /* ============ PRICING PACKAGES ============ */
  .pricing-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:26px;
  }
  .pricing-card{
    background:var(--white);
    border:1.5px solid var(--navy-100);
    border-radius:var(--radius);
    padding:32px 26px;
    box-shadow:var(--shadow);
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .pricing-card.featured{
    border-color:var(--gold);
    position:relative;
  }
  .pricing-card .badge{
    position:absolute;
    top:-14px; left:50%;
    transform:translateX(-50%);
    background:var(--gold);
    color:var(--navy-900);
    font-weight:800;
    font-size:0.72rem;
    text-transform:uppercase;
    letter-spacing:0.06em;
    padding:6px 16px;
    border-radius:20px;
  }
  .pricing-card h3{
    font-family:var(--font-display);
    color:var(--navy-900);
    font-size:1.2rem;
    margin-bottom:8px;
  }
  .pricing-card .pkg-price{
    font-family:var(--font-display);
    font-weight:800;
    font-size:1.9rem;
    color:var(--navy-800);
    margin-bottom:20px;
  }
  .pricing-card ul{
    text-align:left;
    margin-bottom:26px;
    flex-grow:1;
  }
  .pricing-card ul li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:8px 0;
    font-size:0.92rem;
    color:var(--text-dark);
    border-bottom:1px dashed var(--navy-100);
  }
  .pricing-card ul li:last-child{border-bottom:none;}
  .pricing-card ul li::before{
    content:"✔";
    color:var(--gold-dark);
    font-weight:800;
    flex-shrink:0;
  }
  .pricing-card .btn-navy{width:100%;}

  /* ============ ORDER FORM ============ */
  .order-section{
    background:linear-gradient(135deg, var(--navy-900), var(--navy-700));
    border-radius:var(--radius);
    padding:44px;
  }
  .free-note{
    text-align:center;
    background:#e8f8ee;
    color:#1c7a44;
    font-weight:700;
    padding:12px 18px;
    border-radius:10px;
    margin-bottom:30px;
    font-size:0.95rem;
  }
  form.order-form{
    max-width:640px;
    margin:0 auto;
    display:grid;
    gap:18px;
  }
  .order-form label{
    display:block;
    font-weight:600;
    margin-bottom:6px;
    font-size:0.92rem;
    color:var(--navy-900);
  }
  .order-form input,
  .order-form select,
  .order-form textarea{
    width:100%;
    padding:13px 14px;
    border-radius:8px;
    border:1.5px solid #d5deeb;
    font-family:var(--font-body);
    font-size:0.95rem;
    background:var(--white);
  }
  .order-form input:focus,
  .order-form select:focus,
  .order-form textarea:focus{
    outline:none;
    border-color:var(--navy-700);
  }
  .order-form .submit-btn{
    justify-self:start;
    margin-top:6px;
    color: white;
  }
  

  /* ============ WHATSAPP + BACK TO TOP ============ */
  .whatsapp-section{
    text-align:center;
    padding:50px 20px;
  }
  .whatsapp-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--green);
    color:var(--white);
    font-weight:700;
    padding:15px 28px;
    border-radius:40px;
    font-size:1rem;
    box-shadow:0 8px 20px rgba(37,211,102,0.35);
    transition:transform .2s;
  }
  .whatsapp-btn:hover{transform:translateY(-3px);}
  .whatsapp-btn svg{width:24px; height:24px;}

  .back-to-top{
    position:fixed;
    bottom:26px;
    right:26px;
    width:48px; height:48px;
    background:var(--navy-800);
    color:var(--white);
    border:none;
    border-radius:50%;
    font-size:1.2rem;
    cursor:pointer;
    display:none;
    align-items:center;
    justify-content:center;
    box-shadow:var(--shadow);
    z-index:900;
    transition:background .2s;
  }
  .back-to-top:hover{background:var(--navy-600);}
  .back-to-top.show{display:flex;}
  
  /* ============ DISCLAIMER SECTION ============ */
.disclaimer-section {
  background: #000000;
  color: #ffffff;
  padding: 48px 20px;
  text-align: center;
}

.disclaimer-section .container {
  max-width: 720px;
  margin: 0 auto;
}

.disclaimer-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.03em;
  margin: 0 0 24px;
  color: #ffffff;
}

.disclaimer-text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: #e6e6e6;
  margin: 0 0 20px;
}

.disclaimer-text:last-of-type {
  margin-bottom: 0;
}

.disclaimer-copyright {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #cccccc;
  margin: 28px 0 0;
}


  footer{
    background:var(--navy-900);
    color:rgba(255,255,255,0.7);
    text-align:center;
    padding:26px 20px;
    font-size:0.85rem;
  }
  footer span{color:var(--gold);}

  /* ============ 12. RESPONSIVE (mobile) ============ */
  @media (max-width:900px){
    .product-box{flex-direction:column;}
    .video-grid{grid-template-columns:1fr;}
    .contents-grid{grid-template-columns:repeat(2,1fr);}
    .step-grid{grid-template-columns:repeat(2,1fr);}
    .pricing-grid{grid-template-columns:1fr;}
  }
  @media (max-width:768px){
    body{padding-top:74px;}
    nav ul{
      position:fixed;
      top:74px; left:0; right:0;
      background:var(--white);
      flex-direction:column;
      gap:0;
      padding:10px 20px 20px;
      box-shadow:var(--shadow);
      transform:translateY(-150%);
      transition:transform .3s ease;
    }
    nav ul.open{transform:translateY(0);}
    nav ul li{border-bottom:1px solid var(--navy-100);}
    nav ul li a{display:block; padding:14px 0;}
    .hamburger{display:flex;}
    .nav-cta{display:none;}
    .contents-grid{grid-template-columns:1fr 1fr;}
    .box-contents{padding:30px 20px;}
  }
  @media (max-width:520px){
    .step-grid{grid-template-columns:repeat(2,1fr);}
    .contents-grid{grid-template-columns:1fr;}
    .timer .time-box{min-width:64px; padding:10px 12px;}
    .timer .time-box strong{font-size:1.4rem;}
    .price-new{font-size:2rem;}
    .order-section, .promo, .box-contents{padding:30px 18px;}
  }/* End custom CSS */
/* Start custom CSS */<style>
  :root{
    --navy-900:#0a1e3d;
    --navy-800:#0f2a54;
    --navy-700:#173a6e;
    --navy-600:#204a8a;
    --navy-100:#e8edf6;
    --white:#ffffff;
    --off-white:#f5f8fc;
    --gold:#f5a623;
    --gold-dark:#d98c0f;
    --green:#25d366;
    --text-dark:#16202e;
    --text-muted:#5c6b80;
    --radius:14px;
    --shadow:0 10px 30px rgba(10,30,61,0.12);
    --max-width:1160px;
    --font-display:'Poppins', sans-serif;
    --font-body:'Inter', sans-serif;
  }

  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--font-body);
    color:var(--text-dark);
    background:var(--white);
    line-height:1.6;
    padding-top:92px; /* offset for fixed header */
  }
  img{max-width:100%; display:block;}
  a{text-decoration:none; color:inherit;}
  ul{list-style:none;}
  .container{max-width:var(--max-width); margin:0 auto; padding:0 20px;}
  section{padding:64px 0;}
  .section-title{
    font-family:var(--font-display);
    font-weight:700;
    font-size:clamp(1.5rem, 3vw, 2.1rem);
    color:--navy-900;
    text-align:center;
    margin-bottom:10px;
  }
  .section-subtitle{
    text-align:center;
    color:--navy-900;
    max-width:620px;
    margin:0 auto 40px;
    font-size:0.98rem;
  }
  .section-titled{
    font-family:var(--font-display);
    font-weight:700;
    font-size:clamp(1.5rem, 3vw, 2.1rem);
    color:white;
    text-align:center;
    margin-bottom:10px;
  }
    .section-subtitled{
    text-align:center;
    color:white;
    max-width:620px;
    margin:0 auto 40px;
    font-size:0.98rem;
    }
  .eyebrow{
    display:inline-block;
    font-size:0.75rem;
    font-weight:700;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--gold-dark);
    background:#fff4e0;
    padding:5px 14px;
    border-radius:20px;
    margin-bottom:14px;
  }
  .center{text-align:center;}

  /* ============ HEADER ============ */
  header{
    position:fixed;
    top:0; left:0; right:0;
    z-index:1000;
    background:rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(10,30,61,0.08);
  }
  .nav-wrap{
    max-width:var(--max-width);
    margin:0 auto;
    padding:16px 20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .logo{
    font-family:var(--font-display);
    font-weight:800;
    font-size:1.7rem;
    letter-spacing:0.03em;
    color:var(--navy-900);
  }
  .logo span{color:var(--gold);}
  nav ul{
    display:flex;
    gap:30px;
  }
  nav a{
    font-weight:600;
    font-size:0.95rem;
    color:var(--navy-800);
    transition:color .2s;
  }
  nav a:hover{color:var(--gold-dark);}
  .nav-cta{
    background:var(--navy-800);
    color:var(--white) !important;
    padding:10px 20px;
    border-radius:8px;
    font-weight:600;
  }
  .nav-cta:hover{background:var(--navy-600);}
  .hamburger{
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
    background:none;
    border:none;
  }
  .hamburger span{
    width:26px; height:3px;
    background:var(--navy-900);
    border-radius:2px;
  }

  /* ============ MARQUEE / MOVING TEXT ============ */
  .marquee-bar{
    background:var(--navy-900);
    color:var(--white);
    overflow:hidden;
    white-space:nowrap;
    padding:10px 0;
  }
  .marquee-track{
    display:inline-block;
    padding-left:100%;
    animation:marquee 18s linear infinite;
    font-weight:600;
    font-size:0.95rem;
    letter-spacing:0.02em;
  }
  .marquee-track span{margin:0 40px; color:var(--gold);}
  @keyframes marquee{
    0%{transform:translateX(0);}
    100%{transform:translateX(-100%);}
  }

  /* ============ PROMO / COUNTDOWN ============ */
  .promo{
    background:linear-gradient(135deg, var(--navy-900), var(--navy-700));
    color:var(--white);
    text-align:center;
  }
  .promo .eyebrow{background:rgba(245,166,35,0.15); color:var(--gold);}
  .promo h2{
    font-family:var(--font-display);
    font-size:clamp(1.5rem, 4vw, 2.4rem);
    margin-bottom:16px;
  }
  .price-row{
    display:flex;
    justify-content:center;
    align-items:baseline;
    gap:16px;
    flex-wrap:wrap;
    margin:18px 0 10px;
  }
  .price-old{
    font-size:1.4rem;
    text-decoration:line-through;
    color:rgba(255,255,255,0.55);
  }
  .price-new{
    font-size:2.6rem;
    font-weight:800;
    font-family:var(--font-display);
    color:var(--gold);
  }
  .price-new small{font-size:1rem; font-weight:600; color:var(--white);}
  .hurry{
    display:inline-block;
    margin-top:6px;
    font-weight:700;
    color:#fff;
    background:#e0483f;
    padding:8px 20px;
    border-radius:30px;
    animation:pulse 1.6s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{transform:scale(1);}
    50%{transform:scale(1.05);}
  }
  .timer{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-top:32px;
    flex-wrap:wrap;
  }
  .timer .time-box{
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.18);
    border-radius:12px;
    padding:14px 18px;
    min-width:78px;
  }
  .timer .time-box strong{
    display:block;
    font-size:1.8rem;
    font-family:var(--font-display);
    color:var(--white);
  }
  .timer .time-box span{
    font-size:0.72rem;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:rgba(255,255,255,0.65);
  }

  /* ============ PRODUCT BOX ============ */
  .product-box{
    display:flex;
    gap:40px;
    align-items:center;
    background:var(--off-white);
    border-radius:var(--radius);
    padding:36px;
    box-shadow:var(--shadow);
    flex-wrap:wrap;
  }
  .product-box .img-wrap{flex:1 1 320px; position:relative;}
  .product-box .img-wrap img{border-radius:var(--radius);}
  .discount-tag{
    position:absolute;
    top:14px; left:14px;
    background:var(--gold);
    color:var(--navy-900);
    font-weight:800;
    font-size:0.85rem;
    padding:6px 14px;
    border-radius:30px;
  }
  .product-box .info{flex:1 1 320px;}
  .product-box .info h3{
    font-family:var(--font-display);
    font-size:1.5rem;
    color:var(--navy-900);
    margin-bottom:12px;
  }
  .product-box .info p{color:var(--text-muted); margin-bottom:18px;}
  .btn-navy{
    display:inline-block;
    background:var(--navy-800);
    color:var(--white);
    font-weight:700;
    padding:14px 30px;
    border-radius:8px;
    border:none;
    cursor:pointer;
    font-size:1rem;
    transition:background .2s, transform .2s;
  }
  .btn-navy:hover{background:var(--navy-600); transform:translateY(-2px);}

  /* ============ VIDEOS ============ */
  .video-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
  }
  .video-card{
    background:var(--off-white);
    border-radius:var(--radius);
    padding:20px;
    box-shadow:var(--shadow);
  }
  .video-card h4{
    font-family:var(--font-display);
    color:var(--navy-900);
    margin-bottom:12px;
    font-size:1.1rem;
  }
  .video-frame{
    position:relative;
    width:100%;
    padding-top:56.25%;
    border-radius:10px;
    overflow:hidden;
    background:#000;
  }
  .video-frame iframe, .video-frame video{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    border:none;
  }

  /* ============ REASONS LIST ============ */
  .reasons-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
    gap:24px;
  }
  .reason-card{
    background:var(--white);
    border:1px solid var(--navy-100);
    border-radius:var(--radius);
    padding:26px 22px;
    box-shadow:var(--shadow);
  }
  .reason-card .num{
    font-family:var(--font-display);
    font-weight:800;
    font-size:1.6rem;
    color:var(--gold-dark);
    margin-bottom:10px;
  }
  .reason-card h4{
    color:var(--navy-900);
    margin-bottom:8px;
    font-size:1.05rem;
  }
  .reason-card p{color:var(--text-muted); font-size:0.92rem;}

  /* ============ HOW TO USE (tabs) ============ */
  .howto-tabs{
    display:flex;
    justify-content:center;
    gap:14px;
    margin-bottom:30px;
  }
  .howto-tab-btn{
    padding:10px 26px;
    border-radius:30px;
    border:2px solid var(--navy-800);
    background:var(--white);
    color:var(--navy-800);
    font-weight:700;
    cursor:pointer;
    transition:.2s;
  }
  .howto-tab-btn.active{background:var(--navy-800); color:var(--white);}
  .howto-panel{display:none;}
  .howto-panel.active{display:block;}
  .step-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
  }
  .step-card{
    background:var(--off-white);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
  }
  .step-card img{aspect-ratio:1/1; object-fit:cover; width:100%;}
  .step-card .step-label{
    padding:12px 14px;
  }
  .step-card .step-label .step-no{
    color:var(--gold-dark);
    font-weight:800;
    font-size:0.8rem;
  }
  .step-card .step-label p{font-size:0.88rem; color:var(--text-dark); margin-top:2px;}

  /* ============ WHAT'S IN THE BOX ============ */
  .box-contents{
    background:var(--navy-900);
    border-radius:var(--radius);
    padding:44px;
    color:var(--white);
  }
  .box-contents .section-title, .box-contents .section-subtitle{color:var(--white);}
  .box-contents .section-subtitle{color:rgba(255,255,255,0.7);}
  .contents-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
    margin-top:10px;
  }
  .content-item{
    display:flex;
    align-items:center;
    gap:14px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:10px;
    padding:14px 16px;
  }
  .content-item .icon{font-size:1.4rem;}
  .content-item p{font-size:0.92rem; font-weight:500;}

  /* ============ PRICING PACKAGES ============ */
  .pricing-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:26px;
  }
  .pricing-card{
    background:var(--white);
    border:1.5px solid var(--navy-100);
    border-radius:var(--radius);
    padding:32px 26px;
    box-shadow:var(--shadow);
    display:flex;
    flex-direction:column;
    text-align:center;
  }
  .pricing-card.featured{
    border-color:var(--gold);
    position:relative;
  }
  .pricing-card .badge{
    position:absolute;
    top:-14px; left:50%;
    transform:translateX(-50%);
    background:var(--gold);
    color:var(--navy-900);
    font-weight:800;
    font-size:0.72rem;
    text-transform:uppercase;
    letter-spacing:0.06em;
    padding:6px 16px;
    border-radius:20px;
  }
  .pricing-card h3{
    font-family:var(--font-display);
    color:var(--navy-900);
    font-size:1.2rem;
    margin-bottom:8px;
  }
  .pricing-card .pkg-price{
    font-family:var(--font-display);
    font-weight:800;
    font-size:1.9rem;
    color:var(--navy-800);
    margin-bottom:20px;
  }
  .pricing-card ul{
    text-align:left;
    margin-bottom:26px;
    flex-grow:1;
  }
  .pricing-card ul li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:8px 0;
    font-size:0.92rem;
    color:var(--text-dark);
    border-bottom:1px dashed var(--navy-100);
  }
  .pricing-card ul li:last-child{border-bottom:none;}
  .pricing-card ul li::before{
    content:"✔";
    color:var(--gold-dark);
    font-weight:800;
    flex-shrink:0;
  }
  .pricing-card .btn-navy{width:100%;}

  /* ============ ORDER FORM ============ */
  .order-section{
    background:linear-gradient(135deg, var(--navy-900), var(--navy-700));
    border-radius:var(--radius);
    padding:44px;
  }
  .free-note{
    text-align:center;
    background:#e8f8ee;
    color:#1c7a44;
    font-weight:700;
    padding:12px 18px;
    border-radius:10px;
    margin-bottom:30px;
    font-size:0.95rem;
  }
  form.order-form{
    max-width:640px;
    margin:0 auto;
    display:grid;
    gap:18px;
  }
  .order-form label{
    display:block;
    font-weight:600;
    margin-bottom:6px;
    font-size:0.92rem;
    color:var(--navy-900);
  }
  .order-form input,
  .order-form select,
  .order-form textarea{
    width:100%;
    padding:13px 14px;
    border-radius:8px;
    border:1.5px solid #d5deeb;
    font-family:var(--font-body);
    font-size:0.95rem;
    background:var(--white);
  }
  .order-form input:focus,
  .order-form select:focus,
  .order-form textarea:focus{
    outline:none;
    border-color:var(--navy-700);
  }
  .order-form .submit-btn{
    justify-self:start;
    margin-top:6px;
    color: white;
  }

  /* ============ WHATSAPP + BACK TO TOP ============ */
  .whatsapp-section{
    text-align:center;
    padding:50px 20px;
  }
  .whatsapp-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:var(--green);
    color:var(--white);
    font-weight:700;
    padding:15px 28px;
    border-radius:40px;
    font-size:1rem;
    box-shadow:0 8px 20px rgba(37,211,102,0.35);
    transition:transform .2s;
  }
  .whatsapp-btn:hover{transform:translateY(-3px);}
  .whatsapp-btn svg{width:24px; height:24px;}

  .back-to-top{
    position:fixed;
    bottom:26px;
    right:26px;
    width:48px; height:48px;
    background:var(--navy-800);
    color:var(--white);
    border:none;
    border-radius:50%;
    font-size:1.2rem;
    cursor:pointer;
    display:none;
    align-items:center;
    justify-content:center;
    box-shadow:var(--shadow);
    z-index:900;
    transition:background .2s;
  }
  .back-to-top:hover{background:var(--navy-600);}
  .back-to-top.show{display:flex;}

  footer{
    background:var(--navy-900);
    color:rgba(255,255,255,0.7);
    text-align:center;
    padding:26px 20px;
    font-size:0.85rem;
  }
  footer span{color:var(--gold);}

  /* ============ 12. RESPONSIVE (mobile) ============ */
  @media (max-width:900px){
    .product-box{flex-direction:column;}
    .video-grid{grid-template-columns:1fr;}
    .contents-grid{grid-template-columns:repeat(2,1fr);}
    .step-grid{grid-template-columns:repeat(2,1fr);}
    .pricing-grid{grid-template-columns:1fr;}
  }
  @media (max-width:768px){
    body{padding-top:74px;}
    nav ul{
      position:fixed;
      top:74px; left:0; right:0;
      background:var(--white);
      flex-direction:column;
      gap:0;
      padding:10px 20px 20px;
      box-shadow:var(--shadow);
      transform:translateY(-150%);
      transition:transform .3s ease;
    }
    nav ul.open{transform:translateY(0);}
    nav ul li{border-bottom:1px solid var(--navy-100);}
    nav ul li a{display:block; padding:14px 0;}
    .hamburger{display:flex;}
    .nav-cta{display:none;}
    .contents-grid{grid-template-columns:1fr 1fr;}
    .box-contents{padding:30px 20px;}
  }
  @media (max-width:520px){
    .step-grid{grid-template-columns:repeat(2,1fr);}
    .contents-grid{grid-template-columns:1fr;}
    .timer .time-box{min-width:64px; padding:10px 12px;}
    .timer .time-box strong{font-size:1.4rem;}
    .price-new{font-size:2rem;}
    .order-section, .promo, .box-contents{padding:30px 18px;}
  }
</style>/* End custom CSS */