:root{
  --ink:#0e0718;
  --ink-2:#160b26;
  --violet:#8b3dff;
  --lilac:#d6b4ff;
  --pink:#ff5fd2;
  --paper:#f6f0ff;
  --muted:rgba(246,240,255,.62);
  --line:rgba(214,180,255,.18);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',sans-serif;
  color:var(--paper);
  background:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:500;line-height:1.08;}
h1 em,h2 em,h3 em,.brand em{font-style:italic;color:var(--lilac);}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}
ul{list-style:none;}
.container{max-width:1200px;margin:0 auto;padding:0 28px;}
.eyebrow{
  text-transform:uppercase;letter-spacing:.24em;font-size:11px;
  color:var(--lilac);font-weight:500;
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid transparent;border-radius:999px;cursor:pointer;transition:.25s ease;
  font-family:'Inter',sans-serif;font-weight:500;
}
.btn-glow{
  background:linear-gradient(90deg,var(--violet),var(--pink));color:#fff;
  box-shadow:0 0 26px rgba(139,61,255,.55);
}
.btn-glow:hover{box-shadow:0 0 40px rgba(255,95,210,.7);transform:translateY(-1px);}
.btn-line-light{border-color:rgba(246,240,255,.5);color:#fff;}
.btn-line-light:hover{background:rgba(246,240,255,.12);}

/* ---------- Header ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:200;padding:22px 0;transition:.3s ease;}
header.scrolled{background:rgba(14,7,24,.88);backdrop-filter:blur(8px);padding:14px 0;}
header .container{display:flex;align-items:center;justify-content:space-between;}
.brand{color:#fff;display:flex;flex-direction:column;line-height:1.1;}
.brand .name{font-family:'Cormorant Garamond',serif;font-size:24px;letter-spacing:.02em;}
.brand .role{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-top:3px;}
nav ul{display:flex;gap:34px;}
nav a{color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.8;}
nav a:hover{opacity:1;color:var(--lilac);}
.header-actions{display:flex;align-items:center;gap:18px;}
.header-actions .btn{padding:11px 22px;}
.menu-toggle{
  display:none;align-items:center;gap:10px;
  padding:9px 16px;border:1px solid rgba(255,255,255,.45);border-radius:999px;
  background:none;color:#fff;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
}
.menu-toggle .mt-lines{display:flex;flex-direction:column;gap:4px}
.menu-toggle .mt-lines i{display:block;width:16px;height:1px;background:#fff}

.menu-panel{
  position:fixed;inset:0;z-index:999;
  height:100vh;height:100dvh;
  display:flex;flex-direction:column;justify-content:center;
  padding:80px 28px 40px;
  background:var(--ink);color:var(--paper);
  opacity:0;visibility:hidden;transform:translateY(-12px);
  transition:opacity .35s ease,transform .35s ease,visibility .35s ease;
}
.menu-panel.aberto{opacity:1;visibility:visible;transform:none}
.menu-panel nav{display:flex;flex-direction:column;gap:6px}
.menu-panel nav a{
  font-family:'Cormorant Garamond',serif;font-size:42px;line-height:1.2;
  color:var(--paper);padding:10px 0;border-bottom:1px solid var(--line);
  text-transform:none;letter-spacing:0;opacity:1;
}
.menu-panel nav a.menu-cta{
  margin-top:26px;padding:16px;border:0;border-radius:999px;
  background:linear-gradient(90deg,var(--violet),var(--pink));
  font-family:'Inter',sans-serif;font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  text-align:center;color:#fff;
}
.menu-panel p{margin-top:28px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.menu-close{
  position:absolute;top:22px;right:20px;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(246,240,255,.4);background:none;color:var(--paper);font-size:18px;cursor:pointer;
}
@media (min-width:721px){.menu-panel{display:none!important}}

/* ---------- Hero / vídeo na rolagem ---------- */
.video-scrub{position:relative;height:400vh;background:var(--ink);}
.video-sticky{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;}
.scrolly-box{
  position:absolute;inset:0;overflow:hidden;
  background:var(--ink) url(../images/capa.jpg) center/cover no-repeat;
}
.scrolly-box video{object-fit:cover;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;top:0!important;left:0!important;transform:none!important;}
.video-fade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(14,7,24,.72) 0%,rgba(14,7,24,.25) 42%,rgba(14,7,24,0) 65%),
    linear-gradient(180deg,rgba(14,7,24,.35) 0%,rgba(14,7,24,0) 25%,rgba(14,7,24,0) 70%,rgba(14,7,24,.9) 100%);
}
.hero-caps{position:absolute;inset:0;pointer-events:none;}
.hero-cap{
  position:absolute;left:6vw;bottom:18vh;max-width:680px;
  opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;
}
.hero-cap.is-on{opacity:1;transform:none;pointer-events:auto;}
.hero-cap h1,.hero-cap h2{font-size:clamp(40px,6vw,82px);margin:14px 0 22px;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.45);}
.scroll-hint{
  position:absolute;left:50%;transform:translateX(-50%);bottom:24px;
  color:rgba(255,255,255,.65);font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap;
}
.scroll-hint::after{content:"";width:1px;height:34px;background:rgba(255,255,255,.5);}

/* ---------- Seções ---------- */
section{position:relative;}
.sec-head{text-align:center;margin-bottom:46px;}
.sec-head h2{font-size:clamp(34px,4.4vw,56px);margin-top:12px;}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:none;}

.fragrancia{
  padding:110px 0;
  background:radial-gradient(60% 70% at 15% 40%,rgba(139,61,255,.28),transparent 70%),var(--ink);
}
.frag-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;}
.frag-img{border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(139,61,255,.35);border:1px solid var(--line);}
.frag-img img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.frag-txt h2{font-size:clamp(36px,4.4vw,58px);margin:12px 0 20px;}
.frag-txt>p{color:var(--muted);font-size:16px;margin-bottom:26px;}
.frag-list{margin-bottom:32px;border-top:1px solid var(--line);}
.frag-list li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px;}
.frag-list span{color:var(--muted);}
.frag-list b{font-weight:500;text-align:right;}

.experiencia{padding:100px 0;background:var(--ink-2);}
.exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.exp-card{
  padding:34px 30px;border-radius:20px;border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(139,61,255,.16),rgba(255,95,210,.05));
}
.exp-n{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:30px;color:var(--pink);}
.exp-card h3{font-size:30px;margin:10px 0 10px;}
.exp-card p{color:var(--muted);font-size:15px;}
.exp-card:nth-child(2){transition-delay:.12s}
.exp-card:nth-child(3){transition-delay:.24s}

.galeria{padding:100px 0;background:var(--ink);}
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:260px;gap:14px;}
.gal-item{border-radius:16px;overflow:hidden;border:1px solid var(--line);}
.gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease;}
.gal-item:hover img{transform:scale(1.06);}
.g-wide{grid-column:span 2;}

.cta-final{
  padding:110px 0;text-align:center;
  background:radial-gradient(50% 80% at 50% 100%,rgba(255,95,210,.22),transparent 70%),
             radial-gradient(60% 80% at 50% 0%,rgba(139,61,255,.3),transparent 70%),var(--ink-2);
}
.cta-final h2{font-size:clamp(34px,4.6vw,60px);margin:14px 0 20px;}
.cta-txt{max-width:620px;margin:0 auto 34px;color:var(--muted);}
.cta-final .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ---------- Preço no topo ---------- */
.hero-price{font-family:'Cormorant Garamond',serif;font-size:clamp(64px,8vw,104px);line-height:1;color:#fff;margin:6px 0 4px;text-shadow:0 4px 30px rgba(0,0,0,.45);}
.hero-price small{font-size:.45em;}
.hero-parc{color:var(--lilac);font-size:15px;margin-bottom:22px;}

/* ---------- Faixa de confiança ---------- */
.faixa{background:linear-gradient(90deg,#2a0f4d,#3d1260);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.faixa-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.faixa-grid div{padding:22px 16px;text-align:center;border-right:1px solid var(--line);}
.faixa-grid div:last-child{border-right:0;}
.faixa-grid b{display:block;font-size:14px;font-weight:600;}
.faixa-grid span{font-size:12px;color:var(--muted);}

/* ---------- Benefícios ---------- */
.beneficios li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);}
.beneficios li:first-child{border-top:1px solid var(--line);}
.beneficios span{color:var(--pink);font-size:18px;line-height:1.4;}
.beneficios b{display:block;font-size:16px;font-weight:600;margin-bottom:2px;}
.beneficios p{color:var(--muted);font-size:15px;}

/* ---------- Notas ---------- */
.notas{padding:100px 0;background:var(--ink-2);}
.notas-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;}
.notas-img{border-radius:22px;overflow:hidden;border:1px solid var(--line);}
.notas-img img{width:100%;aspect-ratio:4/5;object-fit:cover;}
.notas-grid{display:flex;flex-direction:column;gap:14px;}
.nota{padding:24px 26px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,rgba(139,61,255,.16),rgba(255,95,210,.05));}
.nota-tempo{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);}
.nota h3{font-size:30px;margin:4px 0 2px;}
.nota p{color:var(--muted);}
.notas-quando{margin-top:22px;color:var(--muted);}
.notas-quando b{color:var(--paper);}
.notas .sec-head{text-align:left;margin-bottom:28px;}

/* ---------- Oferta ---------- */
.oferta{padding:100px 0;background:radial-gradient(60% 60% at 50% 30%,rgba(139,61,255,.25),transparent 70%),var(--ink);}
.oferta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:22px;justify-content:center;}
.plano{position:relative;text-align:center;padding:0 0 32px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);overflow:hidden;}
.plano-img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:24px;}
.plano h3,.plano p,.plano .btn{margin-left:28px;margin-right:28px;}
.plano-destaque{border-color:rgba(255,95,210,.6);box-shadow:0 0 50px rgba(255,95,210,.25);}
.plano-selo{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:2;padding:6px 14px;border-radius:999px;background:var(--pink);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;}
.plano h3{font-size:32px;}
.plano-desc{color:var(--muted);font-size:14px;margin-bottom:16px;}
.plano-de{color:var(--muted);text-decoration:line-through;font-size:14px;}
.plano-preco{font-family:'Cormorant Garamond',serif;font-size:60px;line-height:1.05;}
.plano-preco small{font-size:.45em;}
.plano-parc{color:var(--lilac);font-size:14px;margin-bottom:22px;}
.plano .btn{display:flex;}
.oferta-seguro{text-align:center;margin-top:28px;color:var(--muted);font-size:14px;}

/* ---------- Dúvidas ---------- */
.duvidas{padding:100px 0;background:var(--ink-2);}
.duvidas-wrap{max-width:820px;}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{cursor:pointer;list-style:none;padding:22px 40px 22px 0;position:relative;font-size:17px;font-weight:500;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:6px;top:16px;font-size:26px;color:var(--lilac);transition:transform .3s ease;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details p{color:var(--muted);padding:0 0 22px;}

/* ---------- Fechamento ---------- */
.fechamento{
  padding:130px 0;text-align:center;
  background:radial-gradient(50% 80% at 50% 100%,rgba(255,95,210,.22),transparent 70%),
             radial-gradient(60% 80% at 50% 0%,rgba(139,61,255,.3),transparent 70%),var(--ink-2);
}
.fechamento h2{font-size:clamp(38px,5vw,66px);margin:14px 0 16px;}

/* ---------- História / por que amar ---------- */
.historia{padding:120px 0;background:radial-gradient(60% 70% at 10% 30%,rgba(139,61,255,.22),transparent 70%),var(--ink);}
.historia-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:start;}
.historia h2{font-size:clamp(40px,4.8vw,64px);margin-top:16px;}
.historia .eyebrow{line-height:1.7;max-width:420px;}
.historia-txt{color:var(--muted);font-size:17px;margin-bottom:18px;}
.historia-txt em{color:var(--lilac);}
.historia .beneficios{margin-top:30px;}

/* ---------- Faixa do meio ---------- */
.banner-meio{
  padding:150px 0;
  background:linear-gradient(90deg,rgba(14,7,24,.9) 0%,rgba(14,7,24,.55) 40%,rgba(14,7,24,0) 65%),url(../images/magnetico.jpg) right center/cover no-repeat;
}
.banner-txt{max-width:500px;}
.banner-txt h2{font-size:clamp(46px,6vw,84px);margin:12px 0 18px;}
.banner-txt p{color:rgba(246,240,255,.8);font-size:17px;margin-bottom:28px;}

/* ---------- Dicas ---------- */
.dicas{padding:100px 0;background:var(--ink);}
.dicas-grid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.dicas-grid li{padding:28px 24px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);}
.dicas-grid span{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:28px;color:var(--pink);}
.dicas-grid b{display:block;font-size:16px;margin:6px 0 6px;}
.dicas-grid p{color:var(--muted);font-size:14px;}
.dicas-grid li:nth-child(2){transition-delay:.1s}
.dicas-grid li:nth-child(3){transition-delay:.2s}
.dicas-grid li:nth-child(4){transition-delay:.3s}
.fechamento p{color:var(--muted);margin-bottom:28px;}
.fechamento p b{color:#fff;}

/* ---------- Aviso ao comprar ---------- */
.aviso-compra{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,4,15,.82);backdrop-filter:blur(6px);}
.aviso-compra[hidden]{display:none;}
.aviso-box{position:relative;max-width:460px;padding:40px 32px 34px;border-radius:24px;text-align:center;background:var(--ink-2);border:1px solid rgba(214,180,255,.35);box-shadow:0 0 60px rgba(139,61,255,.35);}
.aviso-box h3{font-size:34px;margin:10px 0 14px;}
.aviso-box p{color:var(--muted);margin-bottom:24px;}
.aviso-fechar{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:none;color:#fff;cursor:pointer;}

footer{background:#08040f;color:var(--muted);padding:40px 0 30px;font-size:13px;}
.aviso{text-align:center;max-width:640px;margin:0 auto 22px;}
.footer-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line);}
.footer-bottom a{color:var(--lilac);}

@media (max-width:980px){
  .frag-grid{grid-template-columns:1fr;gap:40px;}
  .notas-layout{grid-template-columns:1fr;gap:36px;}
  .historia-grid{grid-template-columns:1fr;gap:30px;}
  .dicas-grid{grid-template-columns:repeat(2,1fr);}
  .faixa-grid{grid-template-columns:repeat(2,1fr);}
  .faixa-grid div:nth-child(2){border-right:0;}
  .faixa-grid div:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .oferta-grid{grid-template-columns:minmax(0,420px);}
  .exp-grid{grid-template-columns:1fr;}
  .gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;}
}
@media (max-width:720px){
  nav{display:none;}
  .menu-toggle{display:inline-flex;}
  .header-actions .btn-line-light{display:none;}
  .container{padding:0 18px;}
  .video-scrub{height:420vh;}
  header,header.scrolled{position:absolute;background:none;backdrop-filter:none;padding:20px 0;}
  .video-fade{background:linear-gradient(180deg,rgba(14,7,24,.4) 0%,rgba(14,7,24,0) 25%,rgba(14,7,24,.2) 50%,rgba(14,7,24,.92) 100%);}
  .hero-cap{left:18px;right:18px;bottom:96px;max-width:none;}
  .hero-cap h1,.hero-cap h2{font-size:clamp(36px,10.5vw,48px);margin:10px 0 18px;}
  .fragrancia,.notas,.oferta,.duvidas{padding:72px 0;}
  .fechamento{padding:90px 0;}
  .historia,.dicas{padding:72px 0;}
  .dicas-grid{grid-template-columns:1fr;}
  .banner-meio{padding:300px 0 56px;background:linear-gradient(180deg,rgba(14,7,24,0) 25%,rgba(14,7,24,.95) 62%),url(../images/magnetico.jpg) 78% top/auto 380px no-repeat,var(--ink);}
  .hero-price{font-size:64px;}
  .gal-grid{grid-auto-rows:140px;gap:8px;}
  .footer-bottom{justify-content:center;text-align:center;}
}

/* ================= TELA DE CARREGAMENTO ================= */
body.is-loading{overflow:hidden}
.intro-loader{
  position:fixed;inset:0;z-index:1000;
  display:flex;flex-direction:column;justify-content:space-between;
  height:100vh;height:100dvh;padding:28px 5vw;
  background:radial-gradient(60% 50% at 50% 50%,rgba(139,61,255,.22),transparent 70%),var(--ink);
  color:#fff;transition:opacity .7s ease,visibility .7s ease;
}
.intro-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.il-edge{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.il-center{width:100%;max-width:440px;margin:auto;text-align:center}
.il-mark{
  width:60px;height:60px;margin:0 auto 22px;border:1px solid var(--lilac);border-radius:50%;
  display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-size:34px;line-height:1;color:var(--lilac);
  box-shadow:0 0 30px rgba(139,61,255,.5);
}
.il-sub{margin:0 0 48px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px;color:rgba(255,255,255,.88);}
.il-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.il-row strong{font-weight:500;font-size:13px;color:var(--lilac);font-variant-numeric:tabular-nums}
.il-bar{height:1px;background:rgba(255,255,255,.2);overflow:hidden}
.il-bar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--violet),var(--pink));transform:scaleX(0);transform-origin:left}
@media (max-width:768px){.il-edge{font-size:9px;gap:12px}.il-sub{font-size:22px;margin-bottom:40px}}
@media (prefers-reduced-motion:reduce){.intro-loader,.reveal,.hero-cap{transition:none}}