/* Seção 8 (oferta): junção Claude + Codex, aprovada pelo dono em 28/09. Classes com prefixo ox- para não bater com a LP. */
#preco .ox{--ox-bg:#f7f7ed;--ox-card:#fff;--ox-ink:#14251d;--ox-ink2:#617067;--ox-green:#24543a;--ox-forest:#123f32;--ox-lime:#c4f56a;--ox-lime-soft:#d8f3ad;--ox-line:#d9dfd3;
  background:var(--ox-bg);color:var(--ox-ink);border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35);text-align:left}
#preco .ox p,#preco .ox ul,#preco .ox figure,#preco .ox h2{margin:0}
#preco .ox-head{padding:30px 24px 8px;text-align:center}
#preco .ox-kicker{font:700 12px 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ox-green)}
#preco .ox-kicker::after{content:"";display:block;width:44px;height:4px;border-radius:9px;background:var(--ox-lime);margin:10px auto 0}
#preco .ox h2.ox-h{font:800 clamp(34px,8.6vw,48px)/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.01em;margin:14px 0 10px;color:var(--ox-ink);text-transform:none}
#preco .ox h2.ox-h em{font-style:normal;color:var(--ox-green);background:linear-gradient(transparent 62%,var(--ox-lime) 62%)}
#preco .ox-sub{color:var(--ox-ink2);font-size:16px;line-height:1.55;max-width:520px;margin:0 auto!important}

#preco .ox-show{display:grid;gap:18px;padding:22px 20px 6px}
@media(min-width:680px){#preco .ox-show{grid-template-columns:300px 1fr;align-items:start;padding:26px 30px 6px}}
#preco .ox-try{justify-self:center;text-align:center;width:100%;max-width:335px}
#preco .ox-q{font:700 15px 'DM Sans',sans-serif;margin-bottom:10px!important;color:var(--ox-ink)}
#preco .ox-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px}
#preco .ox-chip{border:1.5px solid var(--ox-forest);background:transparent;color:var(--ox-forest);font:700 13px 'DM Sans',sans-serif;border-radius:99px;padding:8px 11px;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,transform .1s}
#preco .ox-chip:active{transform:scale(.96)}
#preco .ox-chip[aria-pressed=true]{background:var(--ox-forest);color:var(--ox-lime)}
#preco .ox-chip:focus-visible,#preco .ox-play:focus-visible,#preco .ox-cta:focus-visible{outline:3px solid #689a2d;outline-offset:3px}

#preco .ox-phone-wrap{position:relative;width:220px;margin:0 auto}
#preco .ox-phone{width:220px;border-radius:30px;background:var(--ox-forest);padding:9px;box-shadow:0 18px 40px rgba(18,63,50,.28);transform:rotate(-2deg)}
#preco .ox-screen{border-radius:22px;background:#fbfbf6;overflow:hidden;font-size:11px;line-height:1.3;text-align:left;height:268px}
#preco .ox-top{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#fff;border-bottom:1px solid #eef0e8;color:var(--ox-ink)}
#preco .ox-brand{background:var(--ox-lime-soft);color:var(--ox-forest);font-weight:700;border-radius:8px;padding:3px 7px}
#preco .ox-body{padding:10px;transition:opacity .18s,transform .18s}
#preco .ox-body.ox-swap{opacity:0;transform:translateY(6px)}
#preco .ox-sq{font:800 17px/1 'Barlow Condensed',sans-serif;color:var(--ox-ink);margin-bottom:8px!important}
#preco .ox-play{display:flex;gap:8px;align-items:center;width:100%;background:#fff;border:1px solid #e6e9df;border-radius:12px;padding:6px;margin-bottom:8px;cursor:pointer;text-align:left;font:inherit;color:var(--ox-ink)}
#preco .ox-circle{position:relative;width:46px;height:46px;border-radius:50%;flex:none;background:#2c4a3c center/cover;box-shadow:0 0 0 3px var(--ox-lime-soft)}
#preco .ox-circle::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--ox-lime);animation:ox-halo 2.4s ease-out infinite}
#preco .ox-circle i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:15px;text-shadow:0 1px 4px #0008}
#preco .ox-listen{display:inline-flex;align-items:center;gap:4px;background:var(--ox-lime);color:var(--ox-forest);font-weight:800;border-radius:99px;padding:2px 7px;margin-top:3px}
#preco .ox-eq{display:inline-flex;gap:1.5px;align-items:flex-end;height:9px}
#preco .ox-eq b{width:2px;background:var(--ox-forest);border-radius:1px;animation:ox-eq 1s ease-in-out infinite}
#preco .ox-eq b:nth-child(2){animation-delay:.2s}#preco .ox-eq b:nth-child(3){animation-delay:.4s}
#preco .ox-said{font:700 10px 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ox-green);margin:2px 0 5px!important}
#preco .ox-print{position:relative;border-radius:10px;box-shadow:0 6px 16px rgba(18,63,50,.22);border:2px solid #fff}
#preco .ox-print img{display:block;width:100%;height:auto;border-radius:8px}
#preco .ox-print::after{content:'FECHOU ✓';position:absolute;right:-8px;top:-10px;background:var(--ox-lime);color:var(--ox-forest);font:800 10px 'DM Sans',sans-serif;letter-spacing:.06em;border-radius:99px;padding:3px 7px;box-shadow:0 2px 6px #0003}
#preco .ox-receipt{position:absolute;right:-40px;bottom:-34px;width:216px;margin:0;background:#fff;border-radius:12px;padding:5px;box-shadow:0 14px 30px rgba(0,0,0,.28);transform:rotate(5deg);animation:ox-float 4s ease-in-out infinite}
#preco .ox-receipt img{display:block;width:100%;height:auto;border-radius:8px}
@media(max-width:420px){#preco .ox-receipt{right:-22px;width:193px}}
#preco .ox-note{margin-top:40px!important;font-size:12.5px;line-height:1.45;color:var(--ox-ink2)}
@keyframes ox-halo{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@keyframes ox-eq{0%,100%{height:3px}50%{height:9px}}
@keyframes ox-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-5px)}}

#preco .ox-items{display:grid;gap:10px;list-style:none;padding:0}
#preco .ox-it{display:flex;gap:12px;align-items:flex-start;background:var(--ox-card);border:1px solid var(--ox-line);border-radius:14px;padding:12px 14px}
#preco .ox-ck{flex:none;width:26px;height:26px;border-radius:50%;background:var(--ox-lime);color:var(--ox-forest);display:grid;place-items:center;font-weight:800;font-size:14px;margin-top:1px}
#preco .ox-it b{display:block;font-size:16px;line-height:1.3;color:var(--ox-ink)}
#preco .ox-it span{display:block;color:var(--ox-ink2);font-size:14.5px;line-height:1.45;margin-top:2px}
.js #preco .ox.ox-in .ox-it{animation:ox-in .5s cubic-bezier(.2,.8,.2,1) both}
.js #preco .ox.ox-in .ox-it:nth-child(2){animation-delay:.12s}.js #preco .ox.ox-in .ox-it:nth-child(3){animation-delay:.24s}.js #preco .ox.ox-in .ox-it:nth-child(4){animation-delay:.36s}
@keyframes ox-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

#preco .ox-price{margin:18px 20px 0;padding:22px 20px 20px;background:var(--ox-card);border:2px solid var(--ox-forest);border-radius:18px;text-align:center;position:relative}
#preco .ox-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--ox-forest);color:var(--ox-lime);font:700 12px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:99px;white-space:nowrap}
#preco .ox-val{font:800 clamp(78px,21vw,96px)/.9 'Barlow Condensed',sans-serif;color:var(--ox-green);letter-spacing:-.03em}
#preco .ox-val small{font-size:.34em;vertical-align:.95em;margin-right:4px;color:var(--ox-ink)}
#preco .ox-then{margin-top:8px!important;color:var(--ox-ink2);font-size:14.5px;line-height:1.5}
#preco .ox-then b{color:var(--ox-ink)}
#preco .ox-pays{margin:14px auto 0!important;max-width:420px;background:var(--ox-lime-soft);border-radius:12px;padding:10px 14px;font-size:15px;line-height:1.45;color:var(--ox-ink)}
#preco .ox-pays b{color:var(--ox-forest)}
#preco .ox-cta{margin:18px 0 0;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;background:var(--ox-lime);color:var(--ox-forest);
  font:800 16px "DM Sans",sans-serif;letter-spacing:.01em;text-transform:uppercase;text-decoration:none;padding:19px 18px;white-space:nowrap;border-radius:14px;
  box-shadow:0 5px 0 #8fb349,0 14px 30px rgba(143,179,73,.35);position:relative;overflow:hidden;transition:transform .12s,box-shadow .12s}
#preco .ox-cta:active{transform:translateY(4px);box-shadow:0 1px 0 #8fb349,0 6px 16px rgba(143,179,73,.3)}
#preco .ox-cta::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);animation:ox-shine 3.2s ease-in-out infinite}
@keyframes ox-shine{0%,60%{left:-60%}100%{left:130%}}
#preco .ox-cta span{font-size:22px}
#preco .ox-under{margin-top:10px!important;color:var(--ox-ink2);font-size:13.5px}

#preco .ox-risk{margin:18px 20px 24px;display:flex;gap:14px;align-items:center;border:1px dashed var(--ox-green);border-radius:16px;padding:14px 16px}
#preco .ox-seal{flex:none;width:62px;height:62px;border-radius:50%;background:var(--ox-forest);color:var(--ox-lime);display:grid;place-items:center;text-align:center;font:800 24px/.8 'Barlow Condensed',sans-serif}
#preco .ox-seal small{display:block;font-size:10px;letter-spacing:.08em;margin-top:3px}
#preco .ox-risk p{font-size:14.5px;line-height:1.45;color:var(--ox-ink2)}
#preco .ox-risk b{color:var(--ox-ink)}
#preco .ox-extras{margin:0 20px 26px!important;font-size:13.5px;line-height:1.5;color:var(--ox-ink2);text-align:center}

#preco .ox-dialog{border:0;padding:0;background:transparent;max-width:min(420px,92vw);width:100%}
#preco .ox-dialog::backdrop{background:rgba(10,25,19,.82)}
#preco .ox-player{background:#123f32;border-radius:18px;overflow:hidden}
#preco .ox-player-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;color:#fff;font:700 15px 'DM Sans',sans-serif}
#preco .ox-player-head button{background:#c4f56a;color:#123f32;border:0;border-radius:99px;font:800 14px 'DM Sans',sans-serif;padding:9px 14px;cursor:pointer;white-space:nowrap}
#preco .ox-player video{display:block;width:100%;aspect-ratio:1;background:#000}

.fixa .fixa-g{display:block;font:500 11px 'DM Sans',sans-serif;color:#b9d3bf;margin-top:2px;letter-spacing:0}

@media(prefers-reduced-motion:reduce){#preco .ox *{animation:none!important;transition:none!important}}

/* Como funciona (logo depois da abertura) e motivo acima dos botões — 28/09 */
.cf{margin:26px 0 4px;background:#fff;border:1px solid #d9dfd3;border-radius:18px;padding:18px 18px 16px;box-shadow:0 15px 40px rgba(40,53,28,.06)}
.cf-k{font:700 12px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#24543a;margin:0 0 12px}
.cf-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
@media(min-width:640px){.cf-steps{grid-template-columns:repeat(3,1fr)}}
.cf-steps li{display:flex;gap:10px;align-items:center;font-size:16px;line-height:1.35;color:#14251d}
.cf-steps b{flex:none;width:30px;height:30px;border-radius:50%;background:#123f32;color:#c4f56a;display:grid;place-items:center;font:800 17px 'Barlow Condensed',sans-serif}
.cf-steps i{font-style:normal;background:#d9fdd3;border-radius:8px;padding:1px 6px}
.cf-n{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.cf-n span{background:#d8f3ad;color:#123f32;font:700 13px 'DM Sans',sans-serif;border-radius:99px;padding:5px 10px}
.cta-why{margin:26px 0 -8px;font:600 15px/1.45 'DM Sans',sans-serif;color:#24543a;text-align:center}
.cta-why::before{content:"↓ ";color:#96b951}

/* Movimentos: explicação recolhida (29/09) */
.mov-mais{margin-top:10px}
.mov-mais + *{margin-top:22px}
.mov-mais>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:700 14px 'DM Sans',sans-serif;color:#24543a;border:1.5px solid #c4f56a;background:#f3fbe4;border-radius:99px;padding:7px 13px}
.mov-mais>summary::-webkit-details-marker{display:none}
.mov-mais>summary::after{content:"+";font-size:16px;line-height:1}
.mov-mais[open]>summary::after{content:"–"}
.mov-mais>summary:focus-visible{outline:3px solid #689a2d;outline-offset:3px}
.mov-mais[open]>*:not(summary){animation:mv-in .25s ease both}
@keyframes mv-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.mov-mais[open]>*{animation:none}}

/* Subtítulo leve (29/09) */
.sub-leve{font:500 18px/1.45 'DM Sans',sans-serif;color:#4a5a50;margin:-4px 0 18px}
.sub-leve b{color:#14251d;font-weight:700}

/* Etiqueta 'No app' nos movimentos (29/09) */
.no-app{display:inline-block;margin:8px 0 2px;background:#123f32;color:#d8f3ad;font:600 13px/1.35 'DM Sans',sans-serif;border-radius:99px;padding:5px 11px}
.no-app b{color:#fff}

/* ===== Cenas animadas (29/09): chat "ERRADO" e gravação de áudio ===== */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.cena-errado{position:relative;padding:0!important;overflow:hidden}
.ce-top{display:flex;align-items:center;gap:10px;background:#F0F2F5;padding:8px 12px;border-bottom:1px solid #E1E3E5}
.ce-av{width:32px;height:32px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font:700 14px 'DM Sans',sans-serif}
.ce-top b{display:block;font:600 15px/1.2 'DM Sans',sans-serif;color:#111B21}
.ce-top small{font:400 12px 'DM Sans',sans-serif;color:#667781}
.ce-body{padding:14px 12px 8px;background:#E5DDD5 radial-gradient(circle at 1px 1px,rgba(0,0,0,.045) 1px,transparent 0) 0 0/20px 20px}
.cena-errado.ce-armado .zb{opacity:0;transform:translateY(10px)}
.cena-errado .zb.ce-on{opacity:1;transform:none;transition:opacity .3s ease,transform .3s ease}
.cena-errado .ck{color:#8696a0;transition:color .3s}
.cena-errado .ck.lido{color:#53BDEB}
.selo-errado{position:absolute;right:8%;top:42%;display:grid;place-items:center;text-align:center;padding:8px 16px;border:4px solid #D7263D;border-radius:10px;color:#D7263D;background:rgba(255,255,255,.72);transform:rotate(-12deg);pointer-events:none;box-shadow:0 0 0 2px rgba(215,38,61,.25) inset}
.selo-errado b{font:800 34px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.06em}
.selo-errado small{font:700 11px 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
.cena-errado.ce-armado .selo-errado{opacity:0}
.cena-errado.ce-carimbo .selo-errado{animation:carimbo .42s cubic-bezier(.2,1.6,.4,1) both}
.cena-errado.ce-carimbo{animation:tranco .32s .28s ease both}
.cena-errado.ce-carimbo .ce-preco{filter:grayscale(.5);opacity:.75;transition:filter .3s .3s,opacity .3s .3s}
@keyframes carimbo{0%{opacity:0;transform:rotate(-12deg) scale(2.6)}60%{opacity:1;transform:rotate(-12deg) scale(.92)}100%{opacity:1;transform:rotate(-12deg) scale(1)}}
@keyframes tranco{0%,100%{transform:none}25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}}

.rec{margin:8px 0 4px}
.rec-bar,.rec-sent{display:flex;align-items:center;gap:10px;border-radius:24px;padding:9px 12px}
.rec-bar{background:#F0F2F5;border:1px solid #e1e3e5}
.rec-dot{width:10px;height:10px;border-radius:50%;background:#EA0038;animation:recpulse 1s ease-in-out infinite}
.rec-t{font:600 14px 'DM Sans',sans-serif;color:#111B21;min-width:34px}
.rec-wave{flex:1;display:flex;align-items:center;gap:2px;height:22px}
.rec-wave i{flex:1;max-width:4px;height:30%;background:#8696a0;border-radius:2px}
.rec-bar .rec-wave i{animation:onda .9s ease-in-out infinite}
.rec-bar .rec-wave i:nth-child(3n){animation-delay:.15s}.rec-bar .rec-wave i:nth-child(3n+1){animation-delay:.3s}.rec-bar .rec-wave i:nth-child(4n){animation-delay:.45s}
.rec-mic{width:36px;height:36px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:micring 1.2s ease-out infinite}
.rec-sent{background:#D9FDD3;max-width:320px;margin-left:auto;border-radius:12px 0 12px 12px}
.rec-play{width:30px;height:30px;border-radius:50%;background:#fff;color:#54656f;display:grid;place-items:center;font-size:12px}
.rec-wave-fixa i{background:#7aa37d}
.rec-wave-fixa i:nth-child(odd){height:65%}.rec-wave-fixa i:nth-child(3n){height:90%}.rec-wave-fixa i:nth-child(5n){height:40%}
.rec-dur{font:500 12px 'DM Sans',sans-serif;color:#667781}
.rec-ck{color:#53BDEB;font-size:12px}
.rec-fala{margin:10px 0 0!important;padding-left:12px;border-left:3px solid #c4f56a;font-size:16px;line-height:1.5}
.rec.rec-armado .rec-sent,.rec.rec-armado .rec-fala{display:none}
.rec.rec-gravando .rec-sent,.rec.rec-gravando .rec-fala{display:none}
.rec:not(.rec-armado):not(.rec-gravando) .rec-bar{display:none}
.rec.rec-enviado .rec-sent{animation:recin .35s ease both}
.rec.rec-enviado .rec-fala{animation:recin .45s .35s ease both}
@keyframes recpulse{50%{opacity:.25}}
@keyframes onda{0%,100%{height:25%}50%{height:95%}}
@keyframes micring{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 0 0 12px rgba(37,211,102,0)}}
@keyframes recin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){.cena-errado *,.cena-errado,.rec *{animation:none!important;transition:none!important}}

/* Mini-oferta junto do botão da demo */
.mini-ox{max-width:520px;margin:22px auto 16px;padding:16px 18px;border:1.5px solid var(--line,#e3e0d6);border-radius:16px;background:var(--card,#fff)}
.mini-ox p{margin:0 0 8px;font-weight:700;color:var(--ink,#111)}
.mini-ox ul{margin:0;padding:0;list-style:none}
.mini-ox li{position:relative;padding-left:22px;margin:0 0 6px;font-size:15.5px;line-height:1.45;color:var(--ink2,#444)}
.mini-ox li::before{content:"✓";position:absolute;left:0;font-weight:800;color:var(--green2,#2E6B49)}
.mini-ox .mini-ox-preco{margin:10px 0 0;font-size:15.5px}

/* Oferta v4 (29/09): cartão único, preço antes da demo, âncora R$127 visível, garantia curta */
#preco .ox h2.ox-h{font-size:clamp(30px,7.6vw,44px)}
#preco .ox-card{margin:18px 20px 0;background:var(--ox-card);border:2px solid var(--ox-forest);border-radius:20px;overflow:hidden}
#preco .ox-card .ox-items{gap:0;padding:6px 18px 4px}
#preco .ox-card .ox-it{background:none;border:0;border-bottom:1px solid var(--ox-line);border-radius:0;padding:13px 0}
#preco .ox-card .ox-it:last-child{border-bottom:0}
#preco .ox-it-main b{font-size:18px}
#preco .ox-it-main span{font-size:15.5px}
#preco .ox-card .ox-price{margin:0;border:0;border-top:2px solid var(--ox-forest);border-radius:0;background:#f4f8e9;padding:18px 18px 20px}
#preco .ox-duo{display:flex;align-items:flex-end;justify-content:center;gap:22px}
#preco .ox-duo span{display:block;font:700 12px/1.2 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ox-ink2);margin-bottom:4px}
#preco .ox-agora span{color:var(--ox-forest)}
#preco .ox-depois{padding-bottom:8px}
#preco .ox-depois p{font:800 40px/.9 'Barlow Condensed',sans-serif;color:#9aa59d;letter-spacing:-.02em}
#preco .ox-depois small{font-size:.45em;vertical-align:.7em;margin-right:2px}
#preco .ox-entrega{margin-top:4px!important;color:var(--ox-ink);font-size:14px;font-weight:600}
#preco .ox-risk{border:0;background:var(--ox-lime-soft);align-items:flex-start}
#preco .ox-seal{width:70px;height:70px;font-size:30px}
#preco .ox-risk .ox-risk-h{font-size:16px;color:var(--ox-ink)}
#preco .ox-como{margin-top:6px}
#preco .ox-como summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--ox-green)}
#preco .ox-como p{margin-top:6px;font-size:14px}
#preco .ox-show{display:block;padding:22px 20px 6px}
#preco .ox-try{margin:0 auto}
#preco .ox-antes{margin:18px 0 2px!important;font:700 12px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ox-ink2)}
/* Garantia no celular: selo em cima, texto em largura cheia (29/09) */
@media(max-width:560px){#preco .ox-risk{flex-direction:column;align-items:center;text-align:center;gap:10px}}
/* Passo 5: limite da condição visível (29/09) */
.mov .limite{margin:0 0 12px;padding:10px 14px;border-left:3px solid var(--gold,#A98F3D);background:rgba(169,143,61,.08);border-radius:0 10px 10px 0;font-size:15.5px;line-height:1.5;color:var(--ink2,#4A5A50)}
.mov .limite b{color:var(--ink,#14231C)}