:root{
  --onyx:#17130F; --graphite:#221C17; --graphite-2:#2B241E;
  --ivory:#F2EBE2; --taupe:#A79789; --taupe-dim:#7C6E63;
  --gold:#C89B5C; --gold-lit:#E8CB99; --rosewood:#C08A80;
  --line:rgba(200,155,92,.20); --line-soft:rgba(242,235,226,.10);
  --whats:#25D366; --whats-deep:#128C4A;
  --wrap:480px; --pad:22px; --r-lg:20px; --r-md:14px;
  --step-0:16px; --step-1:17px;
  --step-2:clamp(22px,6vw,26px);
  --step-3:clamp(26px,7.4vw,32px);
  --step-4:clamp(38px,11vw,50px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
body{
  margin:0; color-scheme:dark;
  background:var(--onyx); color:var(--ivory);
  font-family:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:var(--step-0); line-height:1.6;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(70% 40% at 50% 0%,rgba(200,155,92,.13),transparent 62%),
    radial-gradient(55% 35% at 88% 96%,rgba(192,138,128,.10),transparent 60%);
}
.shell{
  position:relative; z-index:1; width:100%; max-width:var(--wrap);
  margin:0 auto; padding-bottom:calc(96px + env(safe-area-inset-bottom));
}
.serif{
  font-family:"Fraunces","Georgia",serif;
  font-optical-sizing:auto; font-variation-settings:"SOFT" 40;
  font-weight:400; letter-spacing:-.01em; text-wrap:balance;
}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}

/* faixa de publicidade, exigencia do CONAR, visivel sem rolar */
.adnotice{
  position:relative; z-index:2; margin:0;
  padding:8px 16px; padding-top:calc(8px + env(safe-area-inset-top));
  text-align:center; background:#0F0C0A;
  border-bottom:1px solid var(--line-soft);
  font-size:11.5px; line-height:1.42; color:var(--taupe);
}
.adnotice b{color:var(--gold);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:11px}

.masthead{display:flex;flex-direction:column;align-items:center;gap:9px;padding:20px var(--pad) 0;text-align:center}
.wordmark{
  font-family:"Fraunces",Georgia,serif; font-variation-settings:"SOFT" 40;
  font-weight:300; font-size:clamp(12.5px,3.6vw,15px);
  letter-spacing:clamp(.26em,1.1vw,.42em); text-transform:uppercase;
  color:var(--ivory); padding-left:.3em; margin:0; white-space:nowrap;
}
.hairline{width:100%;max-width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.75}
.kicker{margin:0;max-width:34ch;font-size:13.5px;font-weight:400;line-height:1.6;color:var(--taupe)}

/* retrato agora e um avatar pequeno, a pedido da Ursula */
.hero{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px var(--pad) 0;text-align:center}
.avatar{
  position:relative; width:128px; height:128px; border-radius:50%;
  padding:4px; background:linear-gradient(150deg,var(--gold-lit),var(--gold) 45%,transparent 75%);
}
.avatar img{
  display:block; width:100%; height:100%; border-radius:50%;
  object-fit:cover; object-position:50% 22%;
  border:3px solid var(--onyx);
}
.hero h1{margin:0;font-size:var(--step-3);line-height:1.15;color:var(--ivory)}
.hero h1 em{font-style:italic;font-weight:500;color:var(--gold-lit)}
.hero .handle{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.bio{margin:0;max-width:33ch;font-size:var(--step-1);line-height:1.6;color:var(--taupe)}

.block{padding:0 var(--pad)}
.mt-20{margin-top:20px}.mt-26{margin-top:26px}.mt-38{margin-top:38px}

.cta{
  position:relative;display:flex;align-items:center;justify-content:center;gap:11px;
  width:100%;min-height:60px;padding:18px 22px;border:0;border-radius:var(--r-md);
  background:linear-gradient(180deg,var(--whats),var(--whats-deep));color:#06240F;
  font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer;overflow:hidden;
  box-shadow:0 16px 34px -14px rgba(37,211,102,.62),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .16s ease,box-shadow .16s ease;
}
.cta:hover{transform:translateY(-2px)}
.cta:active{transform:translateY(0)}
.cta:focus-visible{outline:3px solid var(--gold-lit);outline-offset:3px}
.cta svg{width:23px;height:23px;flex:none}
.cta::after{
  content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg);animation:sweep 4.2s ease-in-out 1.2s infinite;
}
@keyframes sweep{0%,72%{left:-60%}100%{left:130%}}
.reassure{
  display:flex;align-items:flex-start;justify-content:center;gap:7px;
  max-width:31ch;margin:13px auto 0;font-size:13px;line-height:1.45;
  color:var(--taupe-dim);text-align:left;
}
.reassure svg{width:14px;height:14px;flex:none;margin-top:2px;color:var(--gold)}

.garimpo{
  margin:0 auto;max-width:34ch;text-align:center;
  font-size:15px;line-height:1.6;color:var(--taupe);
}
.garimpo b{color:var(--ivory);font-weight:600}
.garimpo i{font-style:normal;color:var(--rosewood)}

.nospam{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin-top:16px;padding:13px 16px;
  border:1px solid var(--line);border-radius:var(--r-md);
  background:rgba(200,155,92,.06);
  font-size:14px;line-height:1.4;color:var(--ivory);text-align:left;
}
.nospam svg{width:19px;height:19px;flex:none;color:var(--gold)}
.nospam span b{font-weight:700}
.nospam span i{font-style:normal;color:var(--taupe)}

.proof{
  display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 20px;
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);text-align:center;
}
.proof .num{
  font-family:"Fraunces",Georgia,serif;font-variation-settings:"SOFT" 40;
  font-weight:500;font-size:var(--step-4);line-height:1;color:var(--gold-lit);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.proof .lbl{font-size:14px;color:var(--taupe);max-width:26ch}
.capacity{
  display:flex;align-items:flex-start;gap:9px;padding:14px 0 0;
  border-top:1px solid var(--line-soft);
  font-size:12.5px;line-height:1.55;color:var(--taupe-dim);
}
.capacity svg{width:15px;height:15px;flex:none;margin-top:3px;color:var(--gold)}
.capacity b{color:var(--taupe);font-weight:600}

.sect-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:20px}
.sect-head h2{margin:0;font-size:var(--step-2);line-height:1.2;color:var(--ivory)}
.sect-head .sub{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe-dim)}

.perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.perks li{display:flex;align-items:flex-start;gap:15px;padding:18px 2px;border-bottom:1px solid var(--line-soft)}
.perks li:first-child{border-top:1px solid var(--line-soft)}
.perks .ic{
  flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  border:1px solid var(--line);background:rgba(200,155,92,.09);color:var(--gold);
}
.perks .ic svg{width:19px;height:19px}
.perks .tx h3{margin:0 0 3px;font-family:"Figtree",sans-serif;font-size:16px;font-weight:600;letter-spacing:-.005em;color:var(--ivory)}
.perks .tx p{margin:0;font-size:14px;line-height:1.55;color:var(--taupe)}

/* fileira dos marketplaces */
.sources{text-align:center;padding:18px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--graphite)}
.sources .lbl{margin:0;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--taupe-dim)}
.sources p{margin:0;font-size:14px;line-height:1.55;color:var(--taupe)}
.sources .fine{margin-top:10px;font-size:11.5px;line-height:1.5;color:var(--taupe-dim)}
.marks{display:flex;align-items:stretch;justify-content:center;gap:9px;margin:14px 0 13px}
.mark{
  flex:1 1 0;display:grid;place-items:center;min-height:66px;padding:12px 8px;
  border-radius:var(--r-md);background:#FAF7F3;box-shadow:inset 0 0 0 1px rgba(23,19,15,.10);
}
.mark img{display:block;width:auto;max-width:100%;height:var(--h,36px)}

/* grade das marcas de beleza */
.brands{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  padding:14px;border-radius:var(--r-md);
  background:#FAF7F3;box-shadow:inset 0 0 0 1px rgba(23,19,15,.10);
}
.brand{
  display:grid;place-items:center;min-height:62px;padding:10px 8px;
  background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(23,19,15,.05);
}
.brand img{display:block;max-width:100%;max-height:34px;width:auto;height:auto;object-fit:contain}
/* logos quase quadrados precisam de mais altura pra ter o mesmo peso visual */
.brand.alto img{max-height:46px}
.brands-fine{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--taupe-dim);text-align:center}

.faq{display:flex;flex-direction:column;gap:9px}
.faq details{border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--graphite);overflow:hidden}
.faq details[open]{border-color:var(--line)}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 17px;min-height:52px;cursor:pointer;list-style:none;
  font-size:15px;font-weight:600;color:var(--ivory);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.faq summary .chev{flex:none;width:17px;height:17px;color:var(--gold);transition:transform .22s ease}
.faq details[open] summary .chev{transform:rotate(180deg)}
.faq .ans{padding:0 17px 16px;margin:0;font-size:14.5px;line-height:1.6;color:var(--taupe)}

.closer{
  text-align:center;padding:32px 14px 28px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:radial-gradient(90% 70% at 50% 0%,rgba(200,155,92,.11),transparent 65%),
             linear-gradient(180deg,var(--graphite-2),var(--graphite));
}
.closer h2{margin:0 0 8px;font-size:var(--step-2);line-height:1.22;color:var(--ivory)}
.closer h2 em{font-style:italic;color:var(--gold-lit)}
.closer p{margin:0 auto 20px;max-width:30ch;font-size:15px;color:var(--taupe)}
.closer .cta{font-size:14px;letter-spacing:.03em;gap:9px}

footer{display:flex;flex-direction:column;align-items:center;gap:11px;padding:32px var(--pad) 10px;text-align:center}
footer .sig{font-family:"Fraunces",Georgia,serif;font-variation-settings:"SOFT" 40;font-size:17px;font-weight:400;color:var(--ivory)}
footer .tag{margin:0;font-size:13px;color:var(--taupe)}
footer .disc{margin:0;max-width:40ch;font-size:11.5px;line-height:1.65;color:var(--taupe-dim)}
footer a{color:var(--taupe);text-decoration:underline;text-underline-offset:2px}
footer a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
footer .rights{font-size:11px;letter-spacing:.06em;color:var(--taupe-dim)}

.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:40;
  padding:11px 16px calc(11px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg,rgba(23,19,15,.72),rgba(23,19,15,.97));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--line-soft);
  transform:translateY(120%);transition:transform .3s cubic-bezier(.3,.9,.3,1);
}
.dock.on{transform:translateY(0)}
.dock .inner{max-width:var(--wrap);margin:0 auto}
.dock .cta{min-height:54px;padding:15px 20px;font-size:15px}
.dock .cta::after{animation:none}