:root{
    --navy:#0E1E3B;
    --navy-2:#16294D;
    --navy-soft:#22355C;
    --gold:#C9A227;
    --gold-light:#E7C766;
    --gold-pale:#F2DFA0;
    --cream:#FBF5E7;
    --cream-2:#FFFCF6;
    --burgundy:#7B1E2B;
    --burgundy-light:#9C2E3C;
    --cta-red:#E43D30;
    --cta-red-dark:#B71F1F;
    --ink:#1C2438;
    --ink-soft:#4B5468;
    --success:#2E6E4E;
    --line:#E7DCC0;
    --shadow: 0 18px 40px -20px rgba(14,30,59,0.35);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:'Poppins', sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:640px; margin:0 auto; padding:0 20px;}
  h1,h2,h3{font-family:'Playfair Display', serif; margin:0; color:var(--navy); font-weight:700;}
  .eyebrow{
    font-family:'Playfair Display', serif;
    letter-spacing:0.14em;
    text-transform:uppercase;
    font-size:12.5px;
    font-weight:700;
  }

  /* ---------- ornament divider ---------- */
  .ornament{ display:flex; align-items:center; justify-content:center; gap:14px; margin:18px 0 10px; }
  .ornament svg{ flex:0 0 auto; }
  .ornament .rule{ height:1px; width:56px; background:linear-gradient(90deg, transparent, var(--gold), transparent); }

  /* ---------- URGENCY BAR ---------- */
  .urgency-bar{
    background:linear-gradient(90deg, var(--gold), var(--gold-light));
    border-bottom:1px solid rgba(14,30,59,0.25);
    text-align:center;
    padding:10px 12px;
    font-family:'Poppins', sans-serif;
    font-size:12.5px;
    font-weight:700;
    color:var(--navy);
    display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
  }
  .urgency-bar .sep{ color:rgba(14,30,59,0.4); }
  .urgency-bar .timer{ color:var(--burgundy); font-weight:800; letter-spacing:0.5px; }

  /* ---------- HERO ---------- */
  .hero{
    background:
      radial-gradient(ellipse at 50% -10%, rgba(201,162,39,0.25), transparent 55%),
      linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);
    padding:44px 0 40px;
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .hero::after{
    content:"";
    position:absolute; inset:0;
    background-image: radial-gradient(rgba(231,199,102,0.35) 1px, transparent 1.4px);
    background-size:26px 26px;
    opacity:0.15;
    pointer-events:none;
  }
  .hero .badge{
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(123,30,43,0.9);
    border:1px solid rgba(255,255,255,0.15);
    color:var(--cream);
    padding:8px 16px;
    border-radius:100px;
    font-family:'Playfair Display', serif;
    font-size:12px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:20px;
  }
  .hero h1{
    color:var(--cream-2);
    font-size:38px;
    line-height:1.12;
    letter-spacing:0.2px;
    margin:0 auto 16px;
    max-width:520px;
  }
  .hero h1 em{ font-style:italic; color:var(--gold-light); }
  .hero p.sub{
    color:#CBD3E6;
    font-size:16.5px;
    line-height:1.55;
    max-width:440px;
    margin:0 auto 26px;
  }

  /* card stack illustration */
  .stack{ position:relative; height:210px; margin:6px auto 30px; width:260px; }
  .pcard{
    position:absolute; top:0; left:50%;
    width:150px; height:200px;
    border-radius:10px;
    border:1px solid rgba(231,199,102,0.55);
    background:linear-gradient(160deg, var(--navy-soft), var(--navy));
    box-shadow:0 20px 34px -16px rgba(0,0,0,0.55);
  }
  .pcard .frame{
    position:absolute; inset:8px;
    border:1px solid rgba(231,199,102,0.4);
    border-radius:6px;
  }
  .pcard.c1{ transform:translateX(-50%) rotate(-13deg); z-index:1; }
  .pcard.c2{ transform:translateX(-50%) rotate(6deg); z-index:2; }
  .pcard.c3{ transform:translateX(-50%) rotate(-3deg); z-index:3; background:linear-gradient(165deg,#1B2E52,#0E1E3B); }
  .pcard .glyph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; }

  .cta-btn{
    display:inline-block;
    background:linear-gradient(180deg, #2E4778, var(--navy-2) 55%, var(--navy));
    color:#fff;
    font-family:'Playfair Display', serif;
    font-weight:700;
    letter-spacing:0.05em;
    text-transform:uppercase;
    font-size:15px;
    padding:16px 30px;
    border-radius:9px;
    text-decoration:none;
    box-shadow:0 14px 30px -8px rgba(14,30,59,0.55);
    border:1px solid rgba(231,199,102,0.35);
  }
  .microtrust{
    margin-top:16px; display:flex; gap:18px; justify-content:center; flex-wrap:wrap;
    color:#9DA9C2; font-size:12.5px;
  }
  .microtrust span{ display:inline-flex; align-items:center; gap:6px; }

  /* ---------- HERO IMAGE ---------- */
  .hero-image{
    max-width:480px; margin:6px auto 28px;
    border-radius:16px; overflow:hidden;
    border:1px solid rgba(231,199,102,0.4);
    box-shadow:0 24px 48px -20px rgba(0,0,0,0.55);
  }
  .hero-image img{ display:block; width:100%; height:auto; }

  /* ---------- STEPS (PASSO A PASSO) ---------- */
  .steps{ padding:36px 0 10px; }
  .step-row{
    display:flex; gap:16px; align-items:flex-start;
    background:var(--cream-2); border:1px solid var(--line);
    border-radius:16px; padding:18px; margin:14px 0;
  }
  .step-num{
    flex:0 0 auto; width:40px; height:40px; border-radius:50%;
    background:var(--navy); color:var(--gold-light);
    font-family:'Playfair Display', serif; font-weight:700; font-size:18px;
    display:flex; align-items:center; justify-content:center;
    border:1.5px solid var(--gold);
  }
  .step-text h3{ font-size:17px; color:var(--navy); margin-bottom:5px; }
  .step-text p{ font-size:13.5px; color:var(--ink-soft); line-height:1.55; margin:0 0 8px; }
  .step-tip{
    display:flex; align-items:center; gap:6px; font-size:12px; color:var(--burgundy); font-weight:600;
  }

  /* ---------- SOCIAL PROOF ---------- */
  .social{ padding:36px 0 8px; }
  .social-stats{
    display:flex; justify-content:center; gap:10px; align-items:center;
    margin:6px 0 20px; flex-wrap:wrap;
  }
  .stars{ color:var(--gold); font-size:17px; letter-spacing:2px; }
  .social-stats .count{ font-size:13px; color:var(--ink-soft); font-weight:600; }

  .testi-grid{ display:flex; flex-direction:column; gap:12px; }
  .testi-card{
    background:var(--cream-2); border:1px solid var(--line); border-radius:14px;
    padding:16px 16px 14px; display:flex; gap:12px;
  }
  .testi-avatar{
    flex:0 0 auto; width:42px; height:42px; border-radius:50%;
    background:linear-gradient(160deg, var(--navy-soft), var(--navy));
    color:var(--gold-light); display:flex; align-items:center; justify-content:center;
    font-family:'Playfair Display', serif; font-weight:700; font-size:16px;
    border:1.5px solid var(--gold);
  }
  .testi-body .stars{ font-size:13px; letter-spacing:1.5px; margin-bottom:4px; display:block; }
  .testi-body p{ font-size:13.5px; color:var(--ink); line-height:1.5; margin:0 0 6px; }
  .testi-body .who{ font-size:12px; color:var(--ink-soft); font-weight:600; }

  /* ---------- HOW IT WORKS (IMAGE) ---------- */
  .howto{ padding:34px 0 8px; text-align:center; }
  .howto h2{ font-size:26px; line-height:1.28; max-width:440px; margin:0 auto 12px; }
  .howto p{ color:var(--ink-soft); font-size:15px; line-height:1.6; max-width:460px; margin:0 auto 22px; }
  .howto img{
    width:100%; max-width:460px; border-radius:16px;
    border:1px solid var(--line); box-shadow:var(--shadow);
    display:block; margin:0 auto;
  }

  /* ---------- FEITO PARA (PURPOSE LIST) ---------- */
  .purpose{ padding:34px 0 6px; }
  .purpose-intro{ text-align:center; margin-bottom:22px; }
  .purpose-intro h2{ font-size:26px; line-height:1.28; max-width:440px; margin:0 auto 10px; }
  .purpose-intro p{ color:var(--ink-soft); font-size:14.5px; line-height:1.6; max-width:440px; margin:0 auto; }
  .purpose-row{
    display:flex; gap:14px; align-items:flex-start;
    background:var(--cream-2); border:1px solid var(--line);
    border-radius:14px; padding:16px; margin:12px 0;
  }
  .purpose-icon{
    flex:0 0 auto; width:38px; height:38px; border-radius:50%;
    background:var(--navy); display:flex; align-items:center; justify-content:center;
    border:1.5px solid var(--gold);
  }
  .purpose-text h3{ font-size:16px; color:var(--navy); margin-bottom:4px; }
  .purpose-text p{ font-size:13.5px; color:var(--ink-soft); line-height:1.5; margin:0; }

  /* ---------- SAMPLES SHOWCASE ---------- */
  .showcase{ padding:34px 0 8px; text-align:center; }
  .showcase h2{ font-size:24px; line-height:1.3; max-width:440px; margin:0 auto 10px; }
  .showcase p{ color:var(--ink-soft); font-size:14.5px; line-height:1.65; max-width:460px; margin:0 auto 20px; }
  .showcase img{
    width:100%; max-width:520px; border-radius:14px;
    border:1px solid var(--line); box-shadow:var(--shadow);
    display:block; margin:0 auto;
  }

  /* ---------- INTRO / PAIN ---------- */
  .intro{ padding:38px 0 6px; text-align:center;}
  .intro .eyebrow{ color:var(--burgundy); }
  .intro h2{ font-size:27px; line-height:1.25; margin:10px 0 14px; }
  .intro p{ color:var(--ink-soft); font-size:15.5px; line-height:1.65; margin:0 auto; max-width:480px;}
  .intro p + p{ margin-top:12px; }
  .intro strong{ color:var(--navy); }

  /* ---------- WHAT YOU GET GRID ---------- */
  .section-label{ text-align:center; padding-top:34px; }
  .section-label .eyebrow{ color:var(--gold); }
  .section-label h2{ font-size:28px; margin-top:8px; }

  .bonus-grid{
    display:grid; grid-template-columns:1fr 1fr; gap:14px;
    padding:22px 0 6px;
  }
  .bcard{
    background:var(--cream-2);
    border:1px solid var(--line);
    border-radius:14px;
    padding:16px 14px;
  }
  .bcard .num{
    width:26px; height:26px; border-radius:50%;
    background:var(--navy); color:var(--gold-light);
    font-family:'Playfair Display', serif; font-weight:700; font-size:13px;
    display:flex; align-items:center; justify-content:center;
    margin-bottom:10px;
  }
  .bcard h3{ font-size:16px; color:var(--navy); line-height:1.25; margin-bottom:6px;}
  .bcard p{ font-size:13px; color:var(--ink-soft); line-height:1.45; margin:0;}

  /* ---------- PREMIUM PANELS ---------- */
  .premium{ padding:8px 0 4px; }
  .ptitle{ text-align:center; padding:18px 0 4px; }
  .ptitle span{ font-family:'Playfair Display', serif; letter-spacing:0.12em; text-transform:uppercase; font-size:13px; color:var(--burgundy); font-weight:700;}

  .pcard-wide{
    display:flex; gap:0; margin:16px 0;
    border-radius:16px; overflow:hidden;
    background:var(--cream-2);
    border:1px solid var(--gold-pale);
    box-shadow:var(--shadow);
  }
  .pcard-wide .art{
    flex:0 0 190px;
    background:transparent;
    display:flex; align-items:center; justify-content:center;
    position:relative; overflow:hidden; padding:4px;
  }
  .pcard-wide .art .ring{
    width:78px; height:78px; border-radius:50%;
    border:1.5px solid rgba(231,199,102,0.55);
    display:flex; align-items:center; justify-content:center;
  }
  .pcard-wide .body{ padding:16px 16px 16px 14px; flex:1; }
  .pcard-wide .tag{
    display:inline-block; background:var(--burgundy); color:#fff;
    font-family:'Playfair Display', serif; font-size:10.5px; letter-spacing:0.08em;
    text-transform:uppercase; font-weight:700; padding:4px 9px; border-radius:5px; margin-bottom:8px;
  }
  .pcard-wide h3{ font-size:18px; color:var(--navy); line-height:1.2; margin-bottom:6px;}
  .pcard-wide p{ font-size:13px; color:var(--ink-soft); line-height:1.5; margin:0 0 10px;}
  .pcard-wide .price-row{ display:flex; align-items:baseline; gap:8px; }
  .pcard-wide .was{ text-decoration:line-through; color:#9AA3B5; font-size:13px;}
  .pcard-wide .free{
    background:var(--gold-pale); color:var(--navy); font-weight:700;
    font-size:11.5px; letter-spacing:0.03em; padding:4px 10px; border-radius:6px;
    font-family:'Poppins', sans-serif;
  }

  .cta-mid{ text-align:center; padding:30px 0 8px; }

  /* ---------- OFFERS ---------- */
  .offers{ padding:42px 0 10px; }
  .offers .section-label h2{ color:var(--navy); }

  .offer-card{
    border-radius:20px;
    margin:20px 0;
    overflow:hidden;
    position:relative;
  }
  .offer-card.featured{
    border:2px solid var(--gold);
    box-shadow:0 26px 50px -20px rgba(201,162,39,0.45);
    background:var(--cream-2);
  }
  .offer-card.basic{
    border:1px solid var(--line);
    background:var(--cream-2);
    opacity:0.97;
  }
  .offer-banner{
    background:linear-gradient(90deg, var(--gold), var(--gold-light));
    color:var(--navy);
    text-align:center;
    padding:10px 12px;
    font-family:'Playfair Display', serif;
    font-weight:700;
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-size:13px;
  }
  .offer-banner.basic-banner{
    background:var(--navy-2); color:#C7CFE3;
  }
  .offer-inner{ padding:22px 20px 24px; }

  .offer-visual{
    border-radius:14px; margin-bottom:16px;
    background:transparent;
    display:flex; align-items:center; justify-content:center;
    position:relative; overflow:hidden;
  }
  .offer-visual img{
    width:100%; max-width:100%; height:auto; object-fit:contain;
    filter:drop-shadow(0 10px 18px rgba(14,30,59,0.25));
    position:relative; z-index:1; border-radius:10px;
  }
  .offer-visual.basic-visual{ background:transparent; }
  .offer-visual.basic-visual img{ width:100%; max-width:100%; height:auto; }

  .offer-inner h3{ font-size:22px; color:var(--navy); text-align:center; margin-bottom:14px;}

  /* ---------- BONUS INCLUSOS BOX (dentro do card) ---------- */
  .included-bonus{
    background:var(--cream); border:1px solid var(--gold-pale);
    border-radius:12px; padding:12px 14px; margin:0 0 16px;
  }
  .included-bonus .label{
    font-family:'Playfair Display', serif; font-size:11.5px; letter-spacing:0.1em;
    text-transform:uppercase; color:var(--burgundy); font-weight:700;
    display:flex; align-items:center; gap:6px; margin-bottom:10px;
  }
  .included-bonus-row{
    display:flex; gap:10px; align-items:center; padding:7px 0;
  }
  .included-bonus-row + .included-bonus-row{ border-top:1px dashed var(--line); }
  .included-bonus-row .thumb{
    flex:0 0 auto; width:72px; height:72px; border-radius:10px;
    background:transparent;
    border:1px solid rgba(231,199,102,0.5);
    display:flex; align-items:center; justify-content:center;
    font-family:'Playfair Display', serif; color:var(--gold-light); font-weight:700; font-size:13px;
    overflow:hidden;
  }
  .included-bonus-row .txt strong{ display:block; font-size:12.5px; color:var(--navy); }
  .included-bonus-row .txt span{ font-size:11.5px; color:var(--ink-soft); }

  .offer-list{ list-style:none; padding:0; margin:0 0 16px; }
  .offer-list li{
    display:flex; align-items:flex-start; gap:9px;
    font-size:14px; color:var(--ink); padding:5px 0; line-height:1.4;
  }
  .offer-list li .ic{ flex:0 0 auto; margin-top:1px; }
  .offer-list li.yes .ic{ color:var(--success); }
  .offer-list li.no{ color:#A6ADBC; text-decoration:line-through; }
  .offer-list li.no .ic{ color:#C2482F; }

  .price-block{ text-align:center; margin:14px 0 16px; }
  .price-block .was{ color:#9AA3B5; text-decoration:line-through; font-size:14px; display:block; margin-bottom:2px; font-family:'Poppins', sans-serif; font-weight:500;}
  .price-block .now{ color:var(--navy); font-family:'Poppins', sans-serif; font-weight:800; font-size:36px; letter-spacing:-0.5px; }
  .price-block .now sup{ font-size:18px; top:-14px; }
  .price-block .note{ color:var(--burgundy); font-size:12.5px; font-weight:600; margin-top:4px; }

  .buy-btn{
    display:block; text-align:center; text-decoration:none;
    font-family:'Playfair Display', serif; font-weight:700; letter-spacing:0.05em;
    text-transform:uppercase; font-size:15px; padding:15px; border-radius:10px;
  }
  .buy-btn.primary{
    background:linear-gradient(180deg, #2E4778, var(--navy-2) 55%, var(--navy));
    color:#fff;
    box-shadow:0 14px 30px -8px rgba(14,30,59,0.55);
    border:1px solid rgba(231,199,102,0.3);
    animation:pulseSlow 3s ease-in-out infinite;
  }
  @keyframes pulseSlow{
    0%{ box-shadow:0 14px 30px -8px rgba(14,30,59,0.55); transform:scale(1); }
    50%{ box-shadow:0 14px 34px -4px rgba(14,30,59,0.75); transform:scale(1.03); }
    100%{ box-shadow:0 14px 30px -8px rgba(14,30,59,0.55); transform:scale(1); }
  }
  .buy-btn.secondary{
    background:transparent; color:var(--navy); border:1.5px solid var(--navy);
    transition:background 0.15s ease, color 0.15s ease;
  }
  .buy-btn.secondary:active,
  .buy-btn.secondary:focus{
    background:#BFE0F5; color:var(--navy); border-color:#8FCBEB;
  }
  .secure-row{
    text-align:center; margin-top:10px; color:#8A93A6; font-size:12px;
  }

  .down-nudge{
    text-align:center; margin-top:6px; color:var(--burgundy); font-size:12.5px; font-weight:600;
    display:flex; align-items:center; justify-content:center; gap:6px;
  }

  /* ---------- GUARANTEE ---------- */
  .guarantee{
    margin:36px 0; padding:26px 22px; text-align:center;
    background:linear-gradient(180deg, #EFF3EC, #E4EBE1);
    border:1px solid #CFDDC9; border-radius:18px;
  }
  .guarantee .seal{
    width:56px; height:56px; border-radius:50%; margin:0 auto 12px;
    background:var(--success); display:flex; align-items:center; justify-content:center;
  }
  .guarantee h3{ font-size:21px; color:var(--navy); margin-bottom:8px;}
  .guarantee p{ color:var(--ink-soft); font-size:14px; line-height:1.6; max-width:420px; margin:0 auto;}

  /* ---------- FAQ ---------- */
  .faq{ padding:14px 0 40px; }
  details{
    border-bottom:1px solid var(--line); padding:14px 2px;
  }
  summary{
    cursor:pointer; list-style:none; font-weight:600; color:var(--navy);
    font-size:15px; display:flex; justify-content:space-between; align-items:center; gap:10px;
  }
  summary::-webkit-details-marker{ display:none; }
  summary::after{
    content:"+"; color:var(--gold); font-size:20px; font-weight:700; flex:0 0 auto;
  }
  details[open] summary::after{ content:"–"; }
  details p{ color:var(--ink-soft); font-size:13.5px; line-height:1.6; margin:10px 0 0; }

  /* ---------- FOOTER ---------- */
  footer{
    background:var(--navy); color:var(--cream); text-align:center; padding:44px 20px 30px;
  }
  footer .cross{ margin-bottom:14px; }
  footer h2{ color:var(--cream-2); font-size:25px; line-height:1.3; max-width:400px; margin:0 auto 10px;}
  footer h2 em{ color:var(--gold-light); font-style:italic; }
  footer p.foot-sub{ color:#B7C0D6; font-size:14px; max-width:380px; margin:0 auto 22px; line-height:1.55;}
  footer .disclaimer{ margin-top:26px; color:#5D6B8C; font-size:11px; line-height:1.6; max-width:420px; margin-left:auto; margin-right:auto;}
  footer .copyright{ color:#4A567A; font-size:11px; margin-top:14px;}

  @media (max-width:420px){
    .hero h1{ font-size:32px; }
    .bonus-grid{ grid-template-columns:1fr; }
    .pcard-wide{ flex-direction:column; }
    .pcard-wide .art{ height:170px; width:100%; }
  }