/* Página inicial: vídeo do app em destaque e três destaques com ícone. */
.hero-video{display:flex;justify-content:center;position:relative}
.hero-video::before{content:"";position:absolute;inset:8% 4%;background:radial-gradient(closest-side,rgba(239,182,128,.35),transparent);filter:blur(30px);z-index:0}
.hero-phone{position:relative;z-index:1;width:min(330px,78vw);aspect-ratio:9/16;border-radius:34px;padding:9px;background:#0c0c0d;border:1px solid #3a3330;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 0 1px rgba(239,182,128,.12)}
.hero-phone video{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block;background:#151719}
.hero-badge{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);white-space:nowrap;background:var(--orange,#efb680);color:#151719;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.home-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 8px}
.home-features>div{background:var(--surface,#222326);border:1px solid var(--line,#494340);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.home-features img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}

.feat-text{padding:18px 20px 22px;display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center}.feat-text p{grid-column:1/-1;margin-top:10px!important}
.home-features b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-soft,#3a2b24);font-size:24px}
.home-features h3{margin:0;font-size:19px}.home-features p{margin:0;color:var(--muted,#c0b6ac);font-size:14px;line-height:1.5}
@media(max-width:760px){
 .home-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:18px}
 .home-hero h1,.home-hero .eyebrow,.hero-copy,.home-caption{text-align:left;margin-left:0;margin-right:0;max-width:none;align-self:stretch}
 .home-hero>div:first-child{display:contents}
 .home-hero .eyebrow{order:1}.home-hero h1{order:2;font-size:33px!important;line-height:1.1!important;margin:6px 0 20px}
 .hero-video{order:3;margin-bottom:30px}.hero-phone{width:min(250px,64vw);border-radius:28px;padding:7px}.hero-phone video{border-radius:22px}.hero-badge{font-size:13px}.hero-copy{order:4}.home-actions{order:5;margin-top:18px}.home-caption{order:6}
 .home-actions .primary{width:100%;font-size:18px;min-height:60px}
 .home-features{grid-template-columns:1fr;gap:16px}.home-features img{aspect-ratio:16/10}.feat-text{padding:14px 16px 18px}.home-features h3{margin:0;font-size:18px}
}
@media(prefers-reduced-motion:reduce){.hero-phone video{animation:none}}
/* Como funciona com telas reais */
.steps-shots>div{display:flex;flex-direction:column;gap:6px;border:0!important}
.steps-shots img{width:100%;height:auto;aspect-ratio:549/570;object-fit:cover;object-position:top;border-radius:18px;border:1px solid var(--line,#494340);box-shadow:0 18px 40px rgba(0,0,0,.35);margin-bottom:10px}
.steps-shots span{font-size:14px!important;font-weight:700;letter-spacing:2px;color:var(--orange,#efb680)}
.steps-shots h3{margin:2px 0 4px;font-size:21px}
/* Antes e depois */
.before-after h2 em{font-style:normal;color:var(--orange,#efb680)}
.ba-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ba-card{border-radius:18px;padding:18px;border:1px solid var(--line,#494340);background:var(--paper,#151719)}
.ba-card>span{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted,#c0b6ac)}
.ba-card dl{margin:12px 0}.ba-card dl>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #ffffff12;font-size:14px}.ba-card dt{color:var(--muted,#c0b6ac)}.ba-card dd{margin:0;font-weight:700}
.ba-miss{color:#e58f7b!important;text-decoration:line-through;font-weight:600!important}
.ba-sub dt,.ba-sub dd{color:var(--ink,#f5eee6)!important;font-weight:700}
.ba-total{font-size:13px;color:var(--muted,#c0b6ac)}.ba-total b{display:block;font-size:26px;color:var(--ink,#f5eee6)}
.ba-before .ba-total b{color:#e58f7b}
.ba-after{border-color:var(--orange,#efb680);background:var(--accent-soft,#3a2b24)}.ba-after>span{color:var(--orange,#efb680)}.ba-after .ba-total b{color:var(--orange,#efb680)}
.ba-note{grid-column:1/-1;font-size:12px!important;color:var(--muted,#c0b6ac);margin:0}
/* Planos */
.plan-promise{font-weight:700;color:var(--green,#b6d2be)!important;font-size:15px!important}
.home-plan-grid>div{position:relative}
.plan-best{border-color:var(--orange,#efb680)!important;background:var(--accent-soft,#3a2b24)}
.plan-tag{position:absolute;top:-12px;right:16px;background:var(--orange,#efb680);color:#151719;font-size:11px;letter-spacing:1px;padding:5px 10px;border-radius:999px}
.plan-save{display:inline-block;margin-top:4px;font-style:normal;font-weight:700;font-size:13px;color:var(--green,#b6d2be)}
/* Botão fixo no celular */
.home-sticky{display:none}
@media(max-width:760px){
 .home-sticky{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:110;transform:translateY(140%);transition:transform .25s ease}
 .home-sticky.on{transform:none}
 .home-sticky button{width:100%;min-height:56px;font-size:17px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
 body.has-home-sticky.show-home .support-floating{bottom:80px!important}
 .ba-cards{grid-template-columns:1fr}
 .steps-shots img{aspect-ratio:549/430}
}
@media(prefers-reduced-motion:reduce){.home-sticky{transition:none}}