:root{--pink:#fd267a;--pink-text:#e1216c;--coral:#ff6036;--ink:#202124;--muted:#68656d;--line:#ebe7e9;--soft:#fff6f8;--grad:linear-gradient(135deg,var(--pink),#ff3f69 58%,var(--coral));--shadow:0 24px 70px rgba(74,32,47,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:82px;max-width:1440px;margin:auto;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;gap:42px;background:rgba(255,255,255,.92);position:relative;z-index:10}.brand img{width:174px;height:auto}.site-nav{display:flex;gap:34px;margin:auto;font-size:14px;font-weight:600;color:#5c5960}.site-nav a,.text-link{transition:color .2s;display:inline-flex;align-items:center;min-height:24px}.site-nav a:hover,.text-link:hover{color:var(--pink-text)}.header-actions{display:flex;align-items:center;gap:24px}.text-link{font-size:14px;font-weight:700}.button{min-height:54px;padding:0 30px;border-radius:999px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;box-shadow:0 10px 28px rgba(253,38,122,.24);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(253,38,122,.32)}.button-small{min-height:44px;padding:0 23px;font-size:14px}.button-secondary{background:#fff;color:var(--ink);border:1px solid #d9d4d7;box-shadow:none}.hero{max-width:1440px;margin:auto;min-height:700px;padding:42px clamp(24px,5vw,76px) 72px;display:grid;grid-template-columns:minmax(360px,.84fr) minmax(520px,1.16fr);align-items:center;gap:58px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 20px;color:var(--pink-text);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:0;max-width:670px;font:800 clamp(48px,5.4vw,78px)/.99 Outfit,Inter,sans-serif;letter-spacing:-.06em}.hero h1 span{color:var(--pink-text)}.hero-lead{max-width:600px;margin:28px 0 30px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.fine-print{max-width:470px;margin:18px 0 0;color:#79757a;font-size:12px;line-height:1.6}.fine-print a{text-decoration:underline}.hero-media{height:590px;border-radius:34px;overflow:hidden;position:relative;background:#f3ede8;box-shadow:var(--shadow)}.hero-media>img{width:100%;height:100%;object-fit:cover}.hero-note{position:absolute;left:24px;bottom:24px;max-width:310px;padding:17px 19px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);display:grid;gap:5px}.hero-note strong{font-size:14px}.hero-note span{color:var(--muted);font-size:12px;line-height:1.45}.trust-strip{border-block:1px solid var(--line);display:flex;justify-content:center;gap:clamp(30px,7vw,100px);padding:23px 24px;color:#656169;font-size:12px;font-weight:700;letter-spacing:.02em}.trust-strip p{margin:0;padding-left:17px;position:relative}.trust-strip p:before{content:"";position:absolute;left:0;top:4px;width:7px;height:7px;border-radius:50%;background:var(--pink)}.section{max-width:1220px;margin:auto;padding:120px 36px}.section-heading{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:start;margin-bottom:64px}.section-heading h2,.product-copy h2,.safety-copy h2,.final-cta h2{margin:0;font:800 clamp(36px,4vw,58px)/1.08 Outfit,Inter,sans-serif;letter-spacing:-.045em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{border-top:2px solid var(--ink);padding:28px 8px 0 0}.steps span{color:var(--pink-text);font-size:12px;font-weight:800}.steps h3{margin:28px 0 12px;font-size:20px;letter-spacing:-.02em}.steps p,.product-copy>p,.safety-copy>p{color:var(--muted);font-size:15px;line-height:1.75}.product-section{padding:110px max(36px,calc((100vw - 1220px)/2));background:var(--soft);display:grid;grid-template-columns:.72fr 1.28fr;gap:76px;align-items:center;overflow:hidden}.product-copy ul{margin:30px 0;padding:0;list-style:none;display:grid;gap:14px}.product-copy li{padding-left:25px;position:relative;font-size:14px;font-weight:700}.product-copy li:before{content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border:2px solid var(--pink);border-radius:50%}.arrow-link{display:inline-flex;gap:10px;align-items:center;margin-top:15px;color:var(--pink-text);font-size:14px;font-weight:800}.arrow-link span{font-size:20px;transition:transform .2s}.arrow-link:hover span{transform:translateX(4px)}.app-gallery{height:620px;display:flex;align-items:center;justify-content:center}.phone{width:250px;border:8px solid #fff;border-radius:31px;overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(60,31,42,.16)}.phone img{width:100%;height:auto}.phone-main{width:290px;position:relative;z-index:2}.phone-back{transform:scale(.86);opacity:.92}.phone-back:first-child{margin-right:-48px;transform:scale(.86) rotate(-5deg)}.phone-back:last-child{margin-left:-48px;transform:scale(.86) rotate(5deg)}.safety{display:grid;grid-template-columns:.78fr 1.22fr;gap:90px;align-items:center}.safety-photo{max-width:380px;justify-self:center;padding:9px;border-radius:28px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);transform:rotate(-2deg);overflow:hidden}.safety-photo img{width:100%;height:auto;border-radius:20px}.safety-copy>p{max-width:650px}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:36px 0 15px;border-block:1px solid var(--line)}.safety-grid div{padding:22px 24px 22px 0;display:grid;gap:7px;border-bottom:1px solid var(--line)}.safety-grid div:nth-last-child(-n+2){border-bottom:0}.safety-grid strong{font-size:14px}.safety-grid span{color:var(--muted);font-size:12px;line-height:1.5}.final-cta{margin:0 24px 24px;padding:100px 30px;text-align:center;color:#fff;border-radius:34px;background:var(--grad);overflow:hidden}.final-cta .eyebrow{color:#fff;opacity:.8}.final-cta h2{max-width:820px;margin:0 auto 34px;font-size:clamp(42px,5vw,70px)}.button-light{background:#fff;color:var(--pink-text);box-shadow:0 10px 30px rgba(120,0,45,.18)}.site-footer{max-width:1220px;margin:auto;padding:70px 36px 44px;display:grid;grid-template-columns:1fr auto;gap:18px 50px;align-items:center}.brand-footer img{width:154px}.site-footer p,.site-footer small{margin:0;color:var(--muted);font-size:12px}.site-footer nav{grid-column:2;grid-row:1/3;display:flex;gap:24px;font-size:12px;font-weight:700}.site-footer nav a{display:inline-flex;align-items:center;min-height:24px;padding:5px 0}.site-footer small{grid-column:1/3;padding-top:25px;border-top:1px solid var(--line)}
@media(max-width:1000px){.site-nav{display:none}.site-header{justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{text-align:center}.hero h1,.hero-lead,.fine-print{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-media{height:540px}.product-section,.safety{grid-template-columns:1fr}.product-copy{text-align:center}.product-copy ul{justify-content:center;text-align:left}.app-gallery{order:-1}.safety-photo{max-width:330px}.safety-copy{text-align:center}.safety-copy>p{margin-inline:auto}}
@media(max-width:680px){.site-header{height:70px;padding:0 18px}.brand img{width:145px}.header-actions{gap:14px}.header-actions .text-link{display:none}.button-small{min-height:40px;padding:0 18px}.hero{min-height:auto;padding:42px 18px 54px;gap:36px}.hero h1{font-size:clamp(42px,13vw,58px)}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-media{height:430px;border-radius:24px}.hero-media>img{object-position:59% center}.hero-note{left:14px;right:14px;bottom:14px}.trust-strip{align-items:flex-start;flex-direction:column;gap:12px}.section{padding:84px 20px}.section-heading{grid-template-columns:1fr;gap:4px;margin-bottom:42px}.steps{grid-template-columns:1fr;gap:34px}.product-section{padding:80px 20px;gap:35px}.app-gallery{height:500px;width:calc(100vw - 20px);margin-left:-10px}.phone{width:190px}.phone-main{width:230px}.phone-back:first-child{margin-right:-80px}.phone-back:last-child{margin-left:-80px}.safety{gap:45px}.safety-grid{grid-template-columns:1fr;text-align:left}.safety-grid div,.safety-grid div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.safety-grid div:last-child{border-bottom:0}.final-cta{margin:0 10px 10px;padding:75px 20px;border-radius:25px}.site-footer{padding:55px 22px 35px;grid-template-columns:1fr}.site-footer nav{grid-column:1;grid-row:auto;flex-wrap:wrap}.site-footer small{grid-column:1}}

/* ── Tema escuro da landing ───────────────────────────────────────────────
   A landing tinha paleta propria e nenhuma nocao de tema: quem escolhia escuro
   recebia uma pagina branca na porta de entrada e so via a escolha valer depois
   de logar. Aqui as mesmas variaveis sao reapontadas, mais os poucos #fff que
   estavam escritos a mao. */
[data-theme="dark"]{--ink:#f4eef2;--muted:#b3a8b6;--line:#3a2c34;--soft:#241a20;
  --pink-text:#ff5c93;--shadow:0 24px 70px rgba(0,0,0,.55)}
[data-theme="dark"] body{background:#141016;color:var(--ink)}
[data-theme="dark"] .site-header{background:rgba(20,16,22,.92)}
[data-theme="dark"] .site-nav{color:#b3a8b6}
[data-theme="dark"] .button-secondary{background:#241a20;color:var(--ink);border-color:#43323b}
[data-theme="dark"] .hero-media{background:#241a20}
[data-theme="dark"] .hero-note{background:rgba(28,20,26,.92);border-color:rgba(255,255,255,.14)}
[data-theme="dark"] .hero-note span,[data-theme="dark"] .trust-strip{color:#b3a8b6}
[data-theme="dark"] .phone{background:#241a20;border-color:#241a20}
[data-theme="dark"] .safety-photo{background:#241a20}
[data-theme="dark"] .steps article{border-top-color:var(--ink)}
[data-theme="dark"] .button-light{background:#fff;color:#c2185b}
[data-theme="dark"] .fine-print{color:#9b939c}

/* O logo padrao tem letra escura: sobre o fundo escuro sumia. A landing nao carrega o
   brand-refresh.css, entao a troca precisa estar declarada aqui tambem. */
.theme-logo-dark{display:none}
[data-theme="dark"] .theme-logo-light{display:none}
[data-theme="dark"] .theme-logo-dark{display:block}

/* ── Skip link ──────────────────────────────────────────────────────────── */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--pink);color:#fff;padding:10px 18px;border-radius:0 0 12px 0;font-weight:700;font-size:14px}
.skip-link:focus{left:0}

/* Foco visível em todo lugar: o padrão do navegador sumia sobre o gradiente. */
a:focus-visible,button:focus-visible,summary:focus-visible,details:focus-visible{outline:3px solid var(--pink-text);outline-offset:2px;border-radius:6px}

/* Movimento só para quem não pediu menos movimento. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ── Menu mobile (details/summary: acessível e funciona sem JS) ────────── */
.mobile-nav{display:none;position:relative}
.mobile-nav summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 8px;border-radius:10px}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.mobile-nav[open] summary span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-nav[open] summary span:nth-child(2){opacity:0}
.mobile-nav[open] summary span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav nav{position:absolute;top:calc(100% + 8px);right:0;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:10px;display:grid;gap:2px;z-index:50}
.mobile-nav nav a{padding:11px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--ink)}
.mobile-nav nav a:hover{background:var(--soft);color:var(--pink-text)}

@media(max-width:1000px){
  .mobile-nav{display:block}
}

/* ── Trust strip vira chips de confiança ───────────────────────────────── */
.trust-strip p{padding-left:24px}
.trust-strip p:before{content:"✓";top:1px;width:auto;height:auto;border-radius:0;background:none;color:var(--pink-text);font-weight:900}

/* ── Lista de checagens sob os CTAs do hero ────────────────────────────── */
.hero-checks{max-width:470px;margin:20px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.hero-checks li{position:relative;padding-left:26px;color:#5c5960;font-size:13.5px;font-weight:600}
.hero-checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--pink-text);font-weight:900}
.fine-print{margin-top:14px}

/* ── Seção de benefícios ───────────────────────────────────────────────── */
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefits-grid article{border:1px solid var(--line);border-radius:20px;padding:24px 22px;background:#fff;display:grid;gap:9px;align-content:start;transition:transform .2s,box-shadow .2s,border-color .2s}
.benefits-grid article:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.benefits-grid strong{font-size:15.5px;letter-spacing:-.01em}
.benefits-grid article strong:before{content:"";display:block;width:34px;height:5px;border-radius:3px;background:var(--grad);margin-bottom:13px}
.benefits-grid span{color:var(--muted);font-size:13.5px;line-height:1.65}
.benefits-cta{margin-top:38px;text-align:center}
.section-heading h2{scroll-margin-top:96px}

/* ── FAQ ───────────────────────────────────────────────────────────────── */
.faq-list{display:grid;gap:12px;max-width:860px}
.faq-item{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.faq-item[open]{box-shadow:var(--shadow);border-color:transparent}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;font-weight:700;font-size:15px;min-height:24px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";font-size:22px;color:var(--pink-text);font-weight:800;line-height:1;transition:transform .2s}
.faq-item[open] summary:after{transform:rotate(45deg)}
.faq-item p{margin:0;padding:0 22px 21px;color:var(--muted);font-size:14px;line-height:1.75}

/* ── CTA persistente no mobile ─────────────────────────────────────────── */
.sticky-cta{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 12px 12px 18px;border-radius:18px;background:rgba(32,33,36,.97);color:#fff;box-shadow:0 14px 40px rgba(30,8,18,.4)}
.sticky-cta span{font-size:13.5px;font-weight:700}
.sticky-cta .button{min-height:44px;padding:0 22px;font-size:14px}
.sticky-cta[hidden]{display:none}

/* ── Tema escuro dos blocos novos ──────────────────────────────────────── */
[data-theme="dark"] .benefits-grid article,[data-theme="dark"] .faq-item{background:#241a20;border-color:#3a2c34}
[data-theme="dark"] .benefits-grid span,[data-theme="dark"] .faq-item p{color:#b3a8b6}
[data-theme="dark"] .hero-checks li{color:#c9becd}
[data-theme="dark"] .sticky-cta{background:rgba(28,20,26,.97);border:1px solid rgba(255,255,255,.08)}
[data-theme="dark"] .benefits-grid article:hover{border-color:#5c3a49}
[data-theme="dark"] .mobile-nav nav{background:#241a20;border-color:#43323b}

@media(max-width:1000px){
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .benefits-grid{grid-template-columns:1fr}
  .trust-strip{gap:14px}
  .faq-item summary{padding:16px 18px;font-size:14px}
  .faq-item p{padding:0 18px 17px}
}