/* Exact design tokens from the supplied donna.html. */
:root{
  color-scheme:light;
  --creme:#FFF9F5;--branco:#FFFFFF;--petala:#FFF0F5;--borda:#FFD6E8;
  --rosa:#E8628C;--rosa-press:#D4497B;--amora:#B03560;--logo:#ED6B97;
  --tinta:#2D2B3D;--nevoa:#6B6880;
  --azul:#60A5FA;--verde:#4ADE80;--laranja:#FB923C;--bronze:#CD7F32;
  --sombra:0 4px 18px rgba(176,53,96,.12);
  --sombra-card:0 8px 30px rgba(232,98,140,.08);
  --sombra-btn:0 4px 16px rgba(232,98,140,.25);
  --gradiente:linear-gradient(180deg,var(--creme) 0%,#FFFCFA 50%,var(--petala) 100%);
  --cream:var(--creme);--white:var(--branco);--petal:var(--petala);--border:var(--borda);
  --pink:var(--rosa);--berry:var(--amora);--ink:var(--tinta);--muted:var(--nevoa);
  --surface-soft:var(--petala);--berry-hover:var(--rosa-press);--shadow:var(--sombra-card);
}
body{background:var(--creme);color:var(--tinta)}
::selection{background:var(--borda);color:var(--amora)}
.header{background:rgba(255,249,245,.92);border-bottom-color:var(--borda)}
.brand strong,.brand small{color:var(--logo)}
.preview-bar{background:var(--petala);color:var(--amora)}
.button,.btn-primary{background:var(--rosa);color:#fff;box-shadow:var(--sombra-btn)}
.button:hover,.btn-primary:hover{background:var(--rosa-press)}
.button.secondary,.btn-secondary{background:var(--branco);border-color:var(--borda);color:var(--amora);box-shadow:none}
.button.secondary:hover,.btn-secondary:hover{background:var(--branco);border-color:var(--rosa);box-shadow:var(--sombra-card)}
.manifesto,.plans-section,.dd-comparison,.dd-proof{background:var(--gradiente);border-color:var(--borda)}
.manifesto{border-top:0}
.quiz-invitation,.savings,.demo-tag,.thanks-receipt,.checkout-summary,.app-access{background:var(--petala)}
.footer,.dd-feature-card,.dd-feature-preview,.dd-comparison-card,.dd-proof-card,.option,.quiz-preview{background:var(--branco)}
.dd-feature-card,.dd-proof-card,.dd-proof-stats{box-shadow:var(--sombra-card)}
.dd-feature-label small{color:var(--amora)}
.dd-comparison-card.with .dd-comparison-heading{background:var(--amora)}
.dd-comparison-card.with{border-color:var(--amora);box-shadow:var(--sombra-card)}
.dd-comparison-card li,.dd-feature-preview{border-color:var(--borda)}
.dd-comparison-card:not(.with) li svg{background:var(--creme);color:var(--nevoa)}
.dd-proof-stats b{color:var(--rosa)}
.dd-proof-notice{background:none}.dd-proof-notice p{color:var(--nevoa);font-size:12px}
.profile-card{background:var(--amora);box-shadow:var(--sombra)}
.option[aria-pressed=true]{background:var(--petala);border-color:var(--rosa);color:var(--amora)}
.plan.featured{border-color:var(--rosa)}
progress::-webkit-progress-value,progress::-moz-progress-bar{background:var(--rosa)}
.phone{border-color:var(--tinta)}
/* Let the complete phone and its shadow fit above a soft, transparent glow. */
.hero-stage{align-items:flex-start;padding-top:28px;padding-bottom:64px;min-height:580px;overflow:clip}
.hero-stage:before{inset:0;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,#FBD9E4 0%,var(--petala) 42%,rgba(255,249,245,0) 72%);mask-image:linear-gradient(#000 65%,transparent 100%)}
.illustration-note{margin-top:0;margin-bottom:60px}
@keyframes donna-card-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(prefers-reduced-motion:no-preference){
  .hero-stage .note-left{animation:donna-card-float 6.5s ease-in-out infinite}
  .hero-stage .note-right{animation:donna-card-float 7.5s ease-in-out -3s infinite}
}
@media(max-width:760px){
  .hero-stage{padding-top:70px;padding-bottom:78px;min-height:610px}
  .hero-stage:before{inset:30px 0 0;background:radial-gradient(ellipse at 50% 45%,#FBD9E4 0%,var(--petala) 44%,rgba(255,249,245,0) 72%)}
  .hero-stage .note-left{top:14px;left:5px}.hero-stage .note-right{bottom:18px;right:5px}
  .illustration-note{margin-top:0;margin-bottom:45px}
}

.home-faq{max-width:850px}.home-faq .section-heading{margin-bottom:30px}
.home-faq .faq{display:grid;gap:12px}.home-faq details{background:var(--branco);border:1px solid var(--borda);border-radius:18px;padding-inline:24px}
.home-faq summary{padding-block:21px}.home-faq details p{line-height:1.8}.home-faq details[open]{box-shadow:var(--sombra-card)}
@media(max-width:760px){.home-faq details{padding-inline:20px}.home-faq details p{padding-right:0}.home-faq .section-heading h2{font-size:32px}}
