/* "O que você vai receber": cards animados (velocidade e busca) no lugar do vídeo.
   Medidas em cqw para a animação escalar junto com o card (computador e celular). */
.md-anim{position:relative;display:block;width:100%;aspect-ratio:493/785;overflow:hidden;container-type:inline-size;font-family:Geist,"Geist Fallback",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.md-anim *{box-sizing:border-box}

/* ---------- Velocidade nota 99 ---------- */
.md-speed{background:radial-gradient(120% 70% at 50% 0%,#1d1410 0%,#0b0b0b 60%);color:#fff;padding:7cqw 6cqw;display:flex;flex-direction:column;gap:5cqw}
.md-speed .sp-browser{position:relative;border-radius:3cqw;background:#161616;border:1px solid rgb(255 255 255 / .1);overflow:hidden}
.md-speed .sp-bar{display:flex;align-items:center;gap:1.4cqw;height:7.5cqw;padding:0 3cqw;background:#1f1f1f}
.md-speed .sp-bar i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#3a3a3a}
.md-speed .sp-bar i:nth-child(1){background:#ff5f57}.md-speed .sp-bar i:nth-child(2){background:#febc2e}.md-speed .sp-bar i:nth-child(3){background:#28c840}
.md-speed .sp-bar span{margin-left:2cqw;flex:1;height:4.4cqw;border-radius:2.2cqw;background:#2b2b2b;color:#9a9a9a;font-size:2.7cqw;line-height:4.4cqw;padding-left:2.6cqw;letter-spacing:.02em}
.md-speed .sp-load{height:.9cqw;background:transparent}
.md-speed .sp-load b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff5a1f,#ffb37a);transform:scaleX(0);transform-origin:left}
.md-speed .sp-page{position:relative;height:34cqw;padding:3.5cqw;display:grid;grid-template-rows:1fr auto auto auto;gap:2cqw}
.md-speed .sp-page span{display:block;border-radius:1.2cqw;background:#262626;opacity:0;transform:translateY(2cqw)}
.md-speed .sp-page .sp-hero{background:linear-gradient(135deg,#ff5a1f 0%,#7a1fff 100%)}
.md-speed .sp-page .sp-l{height:2.6cqw}.md-speed .sp-page .w80{width:80%}.md-speed .sp-page .w55{width:55%}
.md-speed .sp-page .sp-btn{height:5cqw;width:34%;border-radius:2.5cqw;background:#ff5a1f}
.md-speed .sp-time{position:absolute;right:3cqw;top:10.5cqw;padding:1cqw 2.4cqw;border-radius:2cqw;background:rgb(12 206 107 / .14);color:#0cce6b;font-size:3cqw;font-weight:600;font-variant-numeric:tabular-nums;opacity:0}
.md-speed .sp-gauge{position:relative;width:44cqw;margin:0 auto;aspect-ratio:1}
.md-speed .sp-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.md-speed .sp-gauge circle{fill:none;stroke-width:7}
.md-speed .sp-gauge .trk{stroke:rgb(12 206 107 / .14)}
.md-speed .sp-gauge .val{stroke:#0cce6b;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;filter:drop-shadow(0 0 4px rgb(12 206 107 / .55))}
.md-speed .sp-gauge .sp-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0cce6b;font-size:14cqw;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.md-speed .sp-gauge .sp-num small{margin-top:1.6cqw;color:#cfcfcf;font-size:2.8cqw;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.md-speed .sp-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin:0;padding:0;list-style:none;text-align:center}
.md-speed .sp-mini li{display:flex;flex-direction:column;gap:1cqw;color:#9a9a9a;font-size:2.6cqw;letter-spacing:.06em;text-transform:uppercase}
.md-speed .sp-mini em{font-style:normal;color:#0cce6b;font-size:6.2cqw;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums}
.md-speed .sp-vs{display:grid;gap:2.6cqw;margin-top:auto}
.md-speed .sp-vs p{display:grid;grid-template-columns:23cqw 1fr 10cqw;align-items:center;gap:2cqw;margin:0;font-size:2.9cqw;color:#cfcfcf}
.md-speed .sp-vs i{height:2.4cqw;border-radius:1.2cqw;background:rgb(255 255 255 / .08);position:relative;overflow:hidden}
.md-speed .sp-vs i::after{content:"";position:absolute;inset:0;border-radius:inherit;transform:scaleX(0);transform-origin:left}
.md-speed .sp-vs .slow::after{background:#ff4e42}
.md-speed .sp-vs .fast::after{background:#0cce6b}
.md-speed .sp-vs b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.md-speed .sp-vs p:first-child b{color:#ff4e42}.md-speed .sp-vs p:last-child b{color:#0cce6b}
.md-speed .sp-vs p:last-child span{color:#fff;font-weight:600}

.md-speed.is-run .sp-load b{transform:scaleX(1);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.md-speed.is-run .sp-page span{opacity:1;transform:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.md-speed.is-run .sp-page span:nth-child(1){transition-delay:.45s}
.md-speed.is-run .sp-page span:nth-child(2){transition-delay:.55s}
.md-speed.is-run .sp-page span:nth-child(3){transition-delay:.62s}
.md-speed.is-run .sp-page span:nth-child(4){transition-delay:.7s}
.md-speed.is-run .sp-time{opacity:1;transition:opacity .3s .1s}
.md-speed.is-run .sp-gauge .val{stroke-dashoffset:3.3;transition:stroke-dashoffset 1.4s .9s cubic-bezier(.2,.8,.2,1)}
.md-speed.is-run .sp-vs .fast::after{transform:scaleX(.17);transition:transform .8s 2.6s linear}
.md-speed.is-run .sp-vs .slow::after{transform:scaleX(1);transition:transform 4.8s 2.6s linear}
.md-speed.is-reset *,.md-speed.is-reset *::after{transition:none!important}

/* ---------- SEO + GEO: Google e IA ---------- */
.md-search{background:#f4f2ee;color:#1f1f1f}
.se-panel{position:absolute;inset:0;padding:7cqw 5.5cqw;display:flex;flex-direction:column;gap:4cqw;transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1)}
.se-ai{opacity:0;transform:translateX(8%);background:#fff}
.md-search.is-ai .se-g{opacity:0;transform:translateX(-8%)}
.md-search.is-ai .se-ai{opacity:1;transform:none}
.se-head{display:flex;align-items:center;justify-content:space-between;font-size:2.7cqw;letter-spacing:.14em;text-transform:uppercase;color:#7a7670}
.se-head b{font-size:6.4cqw;letter-spacing:-.02em;text-transform:none;color:#1f1f1f;font-weight:600}
.se-box{display:flex;align-items:center;gap:2.4cqw;height:11cqw;padding:0 4cqw;border-radius:5.5cqw;background:#fff;box-shadow:0 1px 0 rgb(0 0 0 / .04),0 3cqw 8cqw -3cqw rgb(0 0 0 / .18);font-size:3.9cqw}
.se-box svg{width:4.4cqw;height:4.4cqw;flex:none;color:#8a8a8a}
.se-caret{width:.5cqw;height:4.6cqw;background:#1f1f1f;animation:se-blink 1s steps(1) infinite}
@keyframes se-blink{50%{opacity:0}}
.se-res{display:grid;gap:3cqw;margin:0;padding:0;list-style:none}
.se-res li{opacity:0;transform:translateY(3cqw);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.md-search.is-res .se-res li{opacity:1;transform:none}
.md-search.is-res .se-res li:nth-child(2){transition-delay:.12s}
.md-search.is-res .se-res li:nth-child(3){transition-delay:.22s}
.se-top{position:relative;padding:3.6cqw 3.6cqw 3.6cqw;border-radius:3cqw;background:#fff;box-shadow:0 0 0 2px #ff5a1f,0 4cqw 10cqw -4cqw rgb(255 90 31 / .45)}
.se-rank{position:absolute;right:3cqw;top:-3cqw;padding:.8cqw 2.4cqw;border-radius:2cqw;background:#ff5a1f;color:#fff;font-size:2.8cqw;font-weight:700;letter-spacing:.06em}
.se-site{display:flex;align-items:center;gap:2cqw;font-size:2.7cqw;color:#4d4d4d}
.s-modulos .md-anim .se-site img{aspect-ratio:1;width:5.4cqw;height:5.4cqw;border-radius:50%;object-fit:cover}
.se-site small{display:block;max-width:52cqw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#7a7670;font-size:2.4cqw}
.se-top strong{display:block;margin:2cqw 0 1.2cqw;color:#1a0dab;font-size:4cqw;font-weight:500;line-height:1.2}
.se-top p{margin:0;color:#4d4d4d;font-size:2.8cqw;line-height:1.4}
.se-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqw;margin-top:2.6cqw}
.s-modulos .md-anim .se-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:1.6cqw;display:block}
.se-sk{padding:0 1cqw;display:grid;gap:1.4cqw}
.se-sk i{display:block;height:2.2cqw;border-radius:1.1cqw;background:#e2ded7}
.se-sk i:nth-child(1){width:40%;height:1.8cqw}.se-sk i:nth-child(2){width:85%;background:#d5d0f0}.se-sk i:nth-child(3){width:95%}
.se-chat{display:flex;flex-direction:column;gap:3.6cqw;font-size:3.4cqw;line-height:1.45}
.se-u{align-self:flex-end;max-width:82%;padding:2.6cqw 3.8cqw;border-radius:4.5cqw;background:#f0eeea;min-height:9cqw}
.se-a{display:flex;gap:2.6cqw;align-items:flex-start}
.se-a > i{flex:none;width:7cqw;height:7cqw;border-radius:50%;background:#1f1f1f;display:grid;place-items:center;color:#fff;font-style:normal;font-size:3.2cqw;font-weight:700}
.se-a-body{flex:1;min-height:30cqw}
.se-a-body p{margin:0 0 3cqw}
.se-dots{display:inline-flex;gap:1.2cqw;padding:2cqw 0}
.se-dots b{width:1.8cqw;height:1.8cqw;border-radius:50%;background:#bdb8b0;animation:se-dot 1s infinite}
.se-dots b:nth-child(2){animation-delay:.15s}.se-dots b:nth-child(3){animation-delay:.3s}
@keyframes se-dot{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-.8cqw)}}
.se-card{display:flex;gap:3cqw;align-items:center;padding:2.4cqw;border-radius:3cqw;border:1px solid #e6e2db;background:#faf9f7;opacity:0;transform:translateY(3cqw);transition:opacity .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.s-modulos .md-anim .se-card img{aspect-ratio:1;width:18cqw;height:18cqw;border-radius:2cqw;object-fit:cover;flex:none}
.se-card strong{display:block;font-size:3.5cqw}
.se-card small{display:block;color:#7a7670;font-size:2.7cqw;line-height:1.35}
.se-card em{display:inline-block;margin-top:1.4cqw;font-style:normal;color:#ff5a1f;font-size:2.6cqw;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.md-search.is-card .se-card{opacity:1;transform:none}
/* ajustes: conteúdo centralizado na altura, chat maior, troca de tela sem sobrepor títulos */
.se-panel{justify-content:center}
.md-search.is-ai .se-ai{transition-delay:.35s}
.se-chat{font-size:3.9cqw;gap:4.6cqw}
.se-card{padding:3cqw}
.s-modulos .md-anim .se-card img{width:22cqw;height:22cqw}
.se-card strong{font-size:4cqw}
.se-card small{font-size:3cqw}
.md-speed{justify-content:center}
.md-speed .sp-vs{margin-top:2cqw}

/* vitrine: os vídeos rodam sozinhos (v2/site/vitrine.js), então o botão de play não aparece */
.s-showcase .sc-media .vid-toggle{display:none!important}

/* selo de case real na experiência imersiva da seção "site genérico" (pedido do dono) */
.s-problema .p10-case{position:absolute;left:4%;bottom:6%;z-index:4;display:flex;flex-direction:column;gap:6px;max-width:78%;margin:0;padding:12px 16px 13px;border:1px solid rgb(255 255 255 / .18);border-radius:10px;background:rgb(10 10 10 / .8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 44px -18px rgb(255 90 31 / .9);color:#fff;animation:p10-case-in .7s .4s cubic-bezier(.2,.8,.2,1) both}
.s-problema .p10-case b{align-self:flex-start;padding:4px 8px;border-radius:3px;background:var(--grad);color:#fff;font-weight:500;letter-spacing:.14em}
.s-problema .p10-case strong{font-weight:600;font-size:clamp(14px,1.5vw,21px);line-height:1.15;letter-spacing:-.01em}
@keyframes p10-case-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:899px){.s-problema .p10-case{left:3%;bottom:5%;padding:8px 11px 9px;gap:4px;border-radius:8px}.s-problema .p10-case b{font-size:8.5px;padding:3px 6px}}