:root{
  --bg:#fdf6f3;
  --bg-soft:#f9e9e5;
  --surface:#ffffff;
  --ink:#2b1a24;
  --text:#3d2b34;
  --muted:#7a6470;
  --line:#f0dcd6;
  --rose:#c2185b;
  --rose-dark:#9a1048;
  --rose-soft:#fde4ee;
  --deep:#3d1531;
  --radius:20px;
  --maxw:1180px;
  --serif:"Fraunces", Georgia, "Times New Roman", serif;
  --sans:"DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --shadow:0 1px 2px rgba(61,21,49,.04), 0 8px 24px -12px rgba(61,21,49,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
svg{display:block}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
@media (max-width:640px){.wrap{padding:0 16px}}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:6px}

h1,h2{font-family:var(--serif);color:var(--ink);font-weight:600;letter-spacing:-.02em;font-optical-sizing:auto}
h1 em,h2 em{font-style:italic;color:var(--rose)}
h3{color:var(--ink)}

/* ====== Botões ====== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-weight:700;border-radius:14px;text-decoration:none;transition:background .2s, transform .2s, box-shadow .2s;cursor:pointer}
.btn svg{width:22px;height:22px;flex:none}
.btn-primary{background:var(--rose);color:#fff;padding:18px 28px;font-size:18px;box-shadow:0 6px 18px -6px rgba(194,24,91,.45)}
.btn-primary:hover{background:var(--rose-dark);transform:translateY(-1px)}
.btn-sm{background:var(--rose);color:#fff;padding:10px 18px;font-size:15px}
.btn-sm:hover{background:var(--rose-dark)}
.btn-light{background:#fff;color:var(--rose-dark);box-shadow:none}
.btn-light:hover{background:#fdeef4}

/* ====== Header ====== */
.top{position:sticky;top:0;z-index:50;background:rgba(253,246,243,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
.top.scrolled{border-bottom-color:var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;color:var(--ink);line-height:1.15}
.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--rose);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:21px}
.brand small{display:block;font-weight:500;font-size:12px;color:var(--muted)}
.nav{display:flex;gap:28px;font-size:15px}
.nav a{text-decoration:none;color:var(--muted)}
.nav a:hover{color:var(--ink)}
@media (max-width:820px){.nav{display:none}}

/* ====== Hero ====== */
.hero{padding:56px 0 72px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--rose-dark);background:var(--rose-soft);padding:7px 14px;border-radius:999px}
.kicker .dot{width:8px;height:8px;border-radius:50%;background:var(--rose)}
h1{font-size:clamp(44px,6vw,78px);line-height:1.02;margin:22px 0 20px}
.lead{font-size:clamp(18px,1.6vw,20px);color:var(--muted);max-width:540px}
.lead strong{color:var(--ink)}
.hero-cta{margin-top:32px}
.cta-note{font-size:14px;color:var(--muted);margin-top:12px;max-width:420px}
.assure{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:15px;color:var(--text)}
.assure li{display:flex;align-items:center;gap:7px}
.assure svg{width:18px;height:18px;color:var(--rose)}

/* Galeria vertical do hero */
.hero-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:600px;overflow:hidden;border-radius:28px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);
          mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.col{overflow:hidden}
.col-track{display:flex;flex-direction:column;gap:16px;animation:up 38s linear infinite}
.col-down .col-track{animation-name:down}
.hero-gallery:hover .col-track{animation-play-state:paused}
@keyframes up{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 8px))}}
@keyframes down{from{transform:translateY(calc(-50% - 8px))}to{transform:translateY(0)}}
.pcard{position:relative;border-radius:18px;overflow:hidden;background:var(--bg-soft);aspect-ratio:21/26;box-shadow:var(--shadow)}
.pcard img{width:100%;height:100%;object-fit:cover}
.pcard figcaption{position:absolute;left:10px;right:10px;bottom:10px;background:rgba(255,255,255,.94);border-radius:12px;padding:8px 12px;font-size:14px;font-weight:600;color:var(--ink);line-height:1.25}
.pcard figcaption span{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rose)}

/* ====== Faixa de lojas ====== */
.stores-bar{border-block:1px solid var(--line);background:var(--surface)}
.stores-bar .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 26px;padding-block:18px;font-size:15px;color:var(--muted)}
.store{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.store i,.hot-list small i{width:10px;height:10px;border-radius:50%;display:inline-block}
.ml{background:#f5d800}.sp{background:#ee4d2d}

/* ====== Seções ====== */
.sec{padding:100px 0}
.soft{background:var(--bg-soft)}
@media (max-width:760px){.sec{padding:72px 0}}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);margin-bottom:14px}
h2{font-size:clamp(32px,4.2vw,52px);line-height:1.08;max-width:760px}
.sec-sub{color:var(--muted);font-size:18px;max-width:600px;margin-top:16px}

/* Resposta direta */
.answer{padding:72px 0 0}
.answer-box{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--rose);border-radius:var(--radius);padding:30px 34px;box-shadow:var(--shadow)}
.answer-box h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:10px}
.answer-box p{color:var(--muted)}
.answer-box strong{color:var(--ink)}
@media (max-width:640px){.answer-box{padding:24px 20px}}

/* Nichos */
.niches{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:48px}
.niche{grid-column:span 2;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s}
.niche:nth-child(4),.niche:nth-child(5){grid-column:span 3}
.niche:hover{transform:translateY(-3px)}
.niche img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s}
.niche:hover img{transform:scale(1.04)}
.niche-body{padding:22px 24px 24px}
.niche h3{font-family:var(--serif);font-weight:600;font-size:26px}
.niche p{color:var(--muted);font-size:15.5px;margin-top:4px}
.niche .ex{font-size:14px;color:var(--text);margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:900px){.niches{grid-template-columns:1fr 1fr}.niche,.niche:nth-child(4){grid-column:span 1}.niche:nth-child(5){grid-column:span 2}.niche:nth-child(5) img{aspect-ratio:21/9}}
@media (max-width:560px){.niches{grid-template-columns:1fr}.niche:nth-child(5){grid-column:span 1}.niche:nth-child(5) img{aspect-ratio:16/10}}

/* Faixa de fotos */
.strip{overflow:hidden;padding:0 0 8px}
.strip-track{display:flex;gap:16px;width:max-content;animation:left 60s linear infinite}
.strip img{width:260px;height:190px;object-fit:cover;border-radius:16px;flex:none}
@keyframes left{to{transform:translateX(calc(-50% - 8px))}}
@media (max-width:640px){.strip img{width:200px;height:150px}}

/* Segurança */
.safe-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.safe-list{list-style:none;display:grid;gap:14px}
.safe-list li{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow)}
.safe-list .ic{width:44px;height:44px;border-radius:12px;background:var(--rose-soft);color:var(--rose-dark);display:grid;place-items:center;flex:none}
.safe-list .ic svg{width:22px;height:22px}
.safe-list h3{font-size:17.5px;font-weight:700;margin-bottom:3px}
.safe-list p{color:var(--muted);font-size:15.5px}
.safe-list b{color:var(--ink)}
@media (max-width:900px){.safe-grid{grid-template-columns:1fr;gap:36px}}
@media (max-width:480px){.safe-list li{flex-direction:column;gap:12px;padding:20px}}

/* Mais clicados */
.hot-list{list-style:none;counter-reset:hot;display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:40px;border-top:1px solid var(--line)}
.hot-list li{counter-increment:hot;position:relative;padding:18px 0 18px 48px;border-bottom:1px solid var(--line)}
.hot-list li::before{content:counter(hot,decimal-leading-zero);position:absolute;left:0;top:18px;font-family:var(--serif);font-size:20px;font-weight:600;color:var(--rose)}
.hot-list h3{font-size:16px;font-weight:600;line-height:1.35}
.hot-list small{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted);margin-top:4px}
.note{font-size:14px;color:var(--muted);margin-top:20px}
@media (max-width:820px){.hot-list{grid-template-columns:1fr}}

/* Como funciona */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.steps .n{width:40px;height:40px;border-radius:50%;background:var(--rose);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:19px}
.steps h3{font-size:20px;font-weight:700;margin:18px 0 6px}
.steps p{color:var(--muted);font-size:15.5px}
@media (max-width:820px){.steps{grid-template-columns:1fr}}

/* Quem é */
.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.about-photo{position:relative;aspect-ratio:6/7;border-radius:28px;overflow:hidden;background:linear-gradient(150deg,var(--rose-soft),var(--bg-soft));display:grid;place-items:center;max-width:440px}
.about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.initials{font-family:var(--serif);font-size:120px;font-weight:600;color:var(--rose);opacity:.5}
.about-text p{color:var(--muted);font-size:18px;margin-top:18px;max-width:560px}
.contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.contact a{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;font-size:15px;font-weight:600;color:var(--ink)}
.contact a:hover{border-color:var(--rose)}
.contact svg{width:19px;height:19px;color:var(--rose)}
@media (max-width:820px){.about{grid-template-columns:1fr;gap:36px}.about-photo{max-width:320px}}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faq-list{display:grid;gap:10px}
details{background:var(--surface);border:1px solid var(--line);border-radius:16px}
summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}
summary::-webkit-details-marker{display:none}
summary h3{font-size:17px;font-weight:700}
.pl{width:26px;height:26px;border-radius:50%;background:var(--rose-soft);flex:none;position:relative;transition:transform .3s}
.pl::before,.pl::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;background:var(--rose-dark);transform:translate(-50%,-50%);border-radius:2px}
.pl::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .3s}
details[open] .pl::after{opacity:0}
.faq-a{padding:0 22px 20px;color:var(--muted);font-size:16px}
@media (max-width:900px){.faq-grid{grid-template-columns:1fr;gap:28px}}

/* CTA final */
.final{padding:100px 0}
.final-card{background:var(--deep);border-radius:32px;padding:72px 40px;text-align:center;color:#f1dbe6}
.final-photos{display:flex;justify-content:center;margin-bottom:28px}
.final-photos img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--deep);margin-left:-14px}
.final-photos img:first-child{margin-left:0}
.final-card h2{color:#fff;margin:0 auto 14px;font-size:clamp(34px,5vw,58px)}
.final-card h2 em{color:#ffb0cf}
.final-card > p{font-size:18px;max-width:520px;margin:0 auto 32px}
.final-note{font-size:14px;margin-top:16px;opacity:.75}
@media (max-width:640px){.final{padding:72px 0}.final-card{padding:56px 20px;border-radius:24px}}

/* Footer */
footer{border-top:1px solid var(--line);padding:48px 0 120px;font-size:14px;color:var(--muted)}
.foot{display:grid;grid-template-columns:1fr 1.4fr;gap:32px}
.foot p+p{margin-top:8px}
.foot-brand{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink)}
.foot a{color:var(--rose-dark)}
@media (max-width:760px){.foot{grid-template-columns:1fr}}

/* CTA fixo no celular */
.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;display:none;transform:translateY(140%);transition:transform .35s ease}
.sticky-cta.on{transform:none}
.sticky-cta .btn{width:100%;padding:16px 20px;font-size:17px}

/* Revelar ao rolar */
.rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease, transform .7s ease}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.06s}.d2{transition-delay:.12s}.d3{transition-delay:.18s}.d4{transition-delay:.24s}

/* Responsivo hero */
@media (max-width:980px){
  .hero{padding:36px 0 56px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero-gallery{height:auto;display:block;border-radius:0;margin:0 -24px;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
            mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
  .col-down{display:none}
  .col-track{flex-direction:row;width:max-content;animation:left 40s linear infinite}
  .pcard{width:200px;flex:none}
}
@media (max-width:640px){.hero-gallery{margin:0 -16px}.pcard{width:170px}}
@media (max-width:760px){.sticky-cta{display:block}.top .btn-sm{display:none}}
@media (max-width:480px){.btn-primary{width:100%}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}
}

/* Toques femininos: gradiente no botão e brilho suave no hero */
.btn-primary:not(.btn-light),.btn-sm{background:linear-gradient(135deg,#d81b60,#ad1457)}
.btn-primary:not(.btn-light):hover,.btn-sm:hover{background:linear-gradient(135deg,#c2185b,#880e4f)}
.brand-mark{background:linear-gradient(140deg,#e91e63,#8e1650)}
.hero{position:relative}
.hero::before{content:"";position:absolute;width:720px;height:720px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(248,187,208,.55),transparent 65%);pointer-events:none;z-index:0}
.hero::after{content:"";position:absolute;width:520px;height:520px;left:-220px;bottom:-260px;border-radius:50%;background:radial-gradient(circle,rgba(255,204,188,.45),transparent 65%);pointer-events:none;z-index:0}
.hero-grid{position:relative;z-index:1}
.final-card{background:radial-gradient(120% 130% at 50% 0%,#6a1d4f 0%,#3d1531 60%,#2a0f22 100%)}
.about-photo{background:linear-gradient(150deg,#fde4ee,#ffe9df)}
.steps .n{background:linear-gradient(140deg,#e91e63,#ad1457)}

/* =========================================================
   LOGO
   ========================================================= */
.brand{gap:11px}
.brand-logo{width:44px;height:44px;flex:none;overflow:visible;transition:transform .3s}
.brand:hover .brand-logo{transform:rotate(-6deg) scale(1.05)}
.dn-pupils{animation:peek 5s ease-in-out infinite}
@keyframes peek{0%,35%,100%{transform:translateX(0)}45%,60%{transform:translateX(-3.2px)}70%,85%{transform:translateX(0)}}
.wordmark{display:flex;flex-direction:column;line-height:1}
.wm-top{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
.wm-top em{font-style:italic;color:var(--rose)}
.wm-sub{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.foot-brand{display:flex;align-items:center;gap:11px;margin-bottom:12px}

/* =========================================================
   MAIS VIDA
   ========================================================= */
:root{
  --peach:#ffd9c7; --peach-ink:#c4532a;
  --lilac:#ebe1fb; --lilac-ink:#7446c2;
  --butter:#fff1c7; --butter-ink:#a8730a;
  --mint:#dcf3e6;  --mint-ink:#1f8a57;
  --sky:#dcecfb;   --sky-ink:#2d6fb8;
  --blush:#ffe1ec;
}

/* Sublinhado desenhado à mão */
.squiggle{position:relative;white-space:nowrap;display:inline-block}
.squiggle svg{position:absolute;left:-2%;bottom:-.08em;width:104%;height:.32em;z-index:-1}
.squiggle svg path{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.4s .6s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
h1{position:relative;z-index:0}

/* Selo do topo */
.kicker{background:linear-gradient(90deg,var(--blush),var(--peach));color:var(--rose-dark)}
.kicker .dot{animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}

/* Adesivos no hero */
.sticker{position:absolute;z-index:5;font-weight:700;font-size:15px;padding:10px 16px;border-radius:999px;box-shadow:0 10px 24px -10px rgba(61,21,49,.35);white-space:nowrap;animation:float 6s ease-in-out infinite}
.st1{background:var(--butter);color:#6b4a00;right:41%;top:70px;--r:-6deg}
.st2{background:#fff;color:var(--rose-dark);right:-8px;bottom:60px;--r:5deg;animation-delay:-3s;border:2px solid var(--blush)}
.st2 b{font-weight:400}
@keyframes float{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-10px) rotate(var(--r))}}
@media (max-width:980px){.sticker{display:none}}

/* Galeria: legendas coloridas */
.pcard figcaption span{color:var(--rose)}
.pcard:nth-child(5n+2) figcaption span{color:var(--lilac-ink)}
.pcard:nth-child(5n+3) figcaption span{color:var(--peach-ink)}
.pcard:nth-child(5n+4) figcaption span{color:var(--mint-ink)}
.pcard:nth-child(5n+5) figcaption span{color:var(--sky-ink)}

/* Faixa colorida rolando */
.band{background:linear-gradient(90deg,#d81b60,#ad1457 50%,#e65a7a);color:#fff;overflow:hidden;padding:20px 0;transform:rotate(-1.2deg);margin:10px -20px 0;box-shadow:0 14px 30px -16px rgba(173,20,87,.6)}
.band-track{display:flex;width:max-content;animation:left 34s linear infinite}
.band span{font-family:var(--serif);font-style:italic;font-weight:600;font-size:26px;display:inline-flex;align-items:center;white-space:nowrap}
.band span::after{content:"\2726";font-style:normal;font-size:16px;color:#ffd1e1;margin:0 28px}
@media (max-width:640px){.band span{font-size:20px}.band span::after{margin:0 18px}}

/* Eyebrow com brilho */
.eyebrow::before{content:"\2726  ";color:var(--peach-ink)}

/* Caixa de resposta com borda degradê */
.answer-box{border-radius:24px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#ec407a,#ffb38a,#b39ddb) border-box;border:2px solid transparent;position:relative}
.answer-box::after{content:"?";position:absolute;right:26px;top:-22px;width:46px;height:46px;border-radius:50%;background:var(--rose);color:#fff;font-family:var(--serif);font-weight:700;font-size:26px;display:grid;place-items:center;box-shadow:0 8px 18px -6px rgba(194,24,91,.6);transform:rotate(10deg)}

/* Nichos: cada um com sua cor */
.niche{border:0}
.niche:nth-child(1){background:var(--peach)}  .niche:nth-child(1) h3{color:var(--peach-ink)}
.niche:nth-child(2){background:var(--blush)}  .niche:nth-child(2) h3{color:var(--rose)}
.niche:nth-child(3){background:var(--lilac)}  .niche:nth-child(3) h3{color:var(--lilac-ink)}
.niche:nth-child(4){background:var(--butter)} .niche:nth-child(4) h3{color:var(--butter-ink)}
.niche:nth-child(5){background:var(--sky)}    .niche:nth-child(5) h3{color:var(--sky-ink)}
.niche img{border-radius:16px;margin:10px;width:calc(100% - 20px)}
.niche p{color:var(--text)}
.niche .ex{border-top-color:rgba(61,21,49,.12);font-weight:600}
.niche:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 22px 40px -20px rgba(61,21,49,.35)}

/* Faixa de fotos inclinadas */
.strip{padding:34px 0 24px}
.strip img{box-shadow:0 12px 26px -14px rgba(61,21,49,.45)}
.strip img:nth-child(odd){transform:rotate(-2deg)}
.strip img:nth-child(even){transform:rotate(2deg) translateY(10px)}

/* Segurança com fundo e ícones coloridos */
.safe{background:linear-gradient(180deg,var(--bg) 0%,#f6eefb 100%)}
.safe-list li{border:0;transition:transform .25s}
.safe-list li:hover{transform:translateX(6px)}
.safe-list li:nth-child(1) .ic{background:var(--blush);color:var(--rose)}
.safe-list li:nth-child(2) .ic{background:var(--sky);color:var(--sky-ink)}
.safe-list li:nth-child(3) .ic{background:var(--mint);color:var(--mint-ink)}
.safe-list li:nth-child(4) .ic{background:var(--butter);color:var(--butter-ink)}

/* Mais clicados: números em bolinhas coloridas */
.hot-list{border-top:0;gap:12px 22px}
.hot-list li{background:#fff;border:0;border-radius:16px;padding:16px 18px 16px 70px;box-shadow:var(--shadow);transition:transform .25s, box-shadow .25s}
.hot-list li:hover{transform:translateY(-3px);box-shadow:0 18px 30px -18px rgba(61,21,49,.4)}
.hot-list li::before{left:16px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:var(--blush);color:var(--rose)}
.hot-list li:nth-child(5n+2)::before{background:var(--lilac);color:var(--lilac-ink)}
.hot-list li:nth-child(5n+3)::before{background:var(--peach);color:var(--peach-ink)}
.hot-list li:nth-child(5n+4)::before{background:var(--mint);color:var(--mint-ink)}
.hot-list li:nth-child(5n+5)::before{background:var(--sky);color:var(--sky-ink)}

/* Como funciona: passos coloridos ligados */
.soft{background:linear-gradient(180deg,#fdeef2,#fff4ec)}
.steps li{border:0;box-shadow:var(--shadow);position:relative}
.steps li:nth-child(2) .n{background:linear-gradient(140deg,#ff8a65,#e65a2e)}
.steps li:nth-child(3) .n{background:linear-gradient(140deg,#9575cd,#6a3fb8)}
.steps .n{width:52px;height:52px;font-size:24px;box-shadow:0 8px 16px -6px rgba(61,21,49,.35)}
@media (min-width:821px){
  .steps li:not(:last-child)::after{content:"";position:absolute;top:54px;right:-18px;width:18px;border-top:3px dotted #f3a6c2}
}

/* Quem é: moldura orgânica */
.about-photo{border-radius:44% 56% 52% 48% / 48% 44% 56% 52%;box-shadow:16px 16px 0 var(--peach);overflow:visible}
.about-photo img{border-radius:inherit}
.about-photo::after{content:"\2726";position:absolute;right:4%;top:2%;font-size:38px;color:var(--rose);z-index:2;animation:twinkle 2.4s ease-in-out infinite}
@keyframes twinkle{50%{transform:scale(.6) rotate(45deg);opacity:.5}}

/* FAQ */
details{border:0;box-shadow:var(--shadow);transition:transform .2s}
details[open]{background:linear-gradient(180deg,#fff,#fff6f9)}
details:hover{transform:translateX(4px)}

/* CTA final com brilhos */
.final-card{position:relative;overflow:hidden}
.final-card::before,.final-card::after{content:"\2726";position:absolute;color:#ffb0cf;animation:twinkle 3s ease-in-out infinite}
.final-card::before{left:10%;top:18%;font-size:40px}
.final-card::after{right:12%;bottom:20%;font-size:30px;color:#ffd9c7;animation-delay:-1.5s}
.final-photos img{transition:transform .3s}
.final-photos img:hover{transform:translateY(-6px) rotate(-4deg)}

@media (prefers-reduced-motion:reduce){.squiggle svg path{stroke-dashoffset:0}}

/* evita rolagem lateral causada pela faixa inclinada */
html,body{overflow-x:clip}