/* ===== Sport Sound: movimento e demos interativos ===== */
:root{--beat:0;--stage:#0c0a0b}

/* barra de progresso */
.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;pointer-events:none}
.progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#6B2B33,#A5313C,#D9757F);box-shadow:0 0 12px rgba(165,49,60,.7)}

/* hero vivo */
.hero-visual{--mx:0;--my:0}
.cone{transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*10px),0) scale(calc(1 + var(--beat)*.06));transition:transform .12s linear}
.cone .core{transform:scale(calc(1 + var(--beat)*.5))}
.live-audio .cone .core{animation:none}
.live-audio .ring{animation-duration:1.4s}
.live-audio .hero-fx .glow{opacity:calc(.6 + var(--beat)*.6)}
.btn-beat{gap:var(--s75)}
.btn-beat[aria-pressed="true"]{background:#1A1A1A;color:#fff;border-color:#1A1A1A}
.btn-beat[aria-pressed="true"] i{color:#D9757F;animation:thump .5s var(--ease) infinite}
.hero h1 .hl{background:linear-gradient(90deg,#A5313C,#D9757F,#A5313C);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 5s linear infinite}
@keyframes sheen{to{background-position:-200% 0}}

/* faixa de marcas em movimento */
.ticker{overflow:hidden;background:#141012;border-block:1px solid #2a1d20;padding:14px 0;position:relative}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,#141012,transparent)}
.ticker::after{right:0;background:linear-gradient(270deg,#141012,transparent)}
.tk{display:flex;align-items:center;gap:34px;width:max-content;animation:tk 38s linear infinite}
.tk span{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 125;font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:1.05rem;color:#f2e9e6;white-space:nowrap}
.tk i{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 10px rgba(165,49,60,.9)}
@keyframes tk{to{transform:translateX(-50%)}}

/* orçamento em 20 segundos */
.quote{background:linear-gradient(180deg,#fff,#F7F3F1);position:relative}
.quote-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--s600);align-items:center}
.quote-points{margin-top:var(--s300);display:flex;flex-direction:column;gap:var(--s100)}
.quote-points li{display:flex;gap:var(--s100);align-items:center;font-weight:600}
.quote-points i{color:var(--accent);font-size:1.4rem}
.qform{background:#fff;border:1px solid var(--line);border-radius:var(--r-3xl);padding:var(--s400);box-shadow:0 30px 60px rgba(107,43,51,.16);display:flex;flex-direction:column;gap:var(--s300);position:relative;overflow:hidden}
.qform::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#6B2B33,#A5313C,#D9757F)}
.qform fieldset{border:0}
.qform legend,.qform label{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 108;font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em;color:var(--text)}
.qform legend{margin-bottom:var(--s100)}
.qform small{font-weight:500;color:var(--muted)}
.qchips{display:flex;flex-wrap:wrap;gap:var(--s100)}
.qchips label{cursor:pointer}
.qchips input{position:absolute;opacity:0;pointer-events:none}
.qchips span{display:inline-flex;align-items:center;gap:var(--s75);padding:10px 16px;border-radius:999px;border:1.5px solid #d9cdc9;background:#fff;font-weight:700;font-size:var(--fs-sm);transition:all .35s var(--ease)}
.qchips span i{font-size:1.15rem;color:var(--accent)}
.qchips label:hover span{border-color:var(--accent);transform:translateY(-2px)}
.qchips input:checked+span{background:linear-gradient(180deg,#B63B47,#8C2631);border-color:#8C2631;color:#fff;box-shadow:0 10px 20px rgba(165,49,60,.35);transform:translateY(-2px)}
.qchips input:checked+span i{color:#fff}
.qchips input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.qrow{display:grid;grid-template-columns:1fr 110px;gap:var(--s200)}
.qform label{display:flex;flex-direction:column;gap:6px}
.qform input[type=text],.qform input:not([type]),.qform input[inputmode]{font:inherit;font-weight:500;padding:14px 16px;border:1.5px solid #d9cdc9;border-radius:var(--r-xl);background:#faf7f6;color:var(--text);transition:border-color .3s,box-shadow .3s}
.qform input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(165,49,60,.15);background:#fff}
.qform input.bad{border-color:#d12f3f;animation:shake .4s}
.qform fieldset.bad .qchips{animation:shake .4s}
@keyframes shake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.btn-wa{background:linear-gradient(180deg,#2fdc78,#18a553)!important;box-shadow:0 14px 28px rgba(37,211,102,.38)!important;width:100%;font-size:1.08rem}
.btn-wa:hover{filter:brightness(1.06)}
.qnote{font-size:var(--fs-sm);color:var(--muted);text-align:center;margin-top:calc(var(--s100)*-1)}

/* palco escuro */
.stage{position:relative;background:radial-gradient(120% 90% at 80% 0%,#2a0f14 0%,#0c0a0b 55%);color:#f4ecea;padding:var(--s900) 0;overflow:hidden;isolation:isolate}
.stage-glow{position:absolute;inset:auto -10% -40% -10%;height:70%;z-index:-1;background:radial-gradient(60% 100% at 50% 100%,rgba(165,49,60,calc(.35 + var(--beat)*.5)),transparent 70%);transition:background .1s linear}
.stage h2,.stage .sub{color:#fff}
.stage .sub{color:#cdbfbc}
.stage .eyebrow{color:#D9757F}
.stage-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s600);align-items:center}
.deck{margin:var(--s400) 0;padding:var(--s300);border-radius:var(--r-3xl);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.deck-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s200);margin-bottom:var(--s200)}
.play{display:inline-flex;align-items:center;gap:10px;font:inherit;font-family:'Archivo',sans-serif;font-weight:800;font-variation-settings:'wdth' 112;color:#fff;background:linear-gradient(180deg,#B63B47,#8C2631);border:0;border-radius:999px;padding:12px 22px 12px 16px;cursor:pointer;box-shadow:0 10px 26px rgba(165,49,60,.55);transition:transform .4s var(--ease)}
.play:hover{transform:translateY(-2px)}
.play i{font-size:1.4rem}
.play[aria-pressed="true"]{background:#fff;color:#6B2B33}
.deck-bpm{font-size:var(--fs-sm);color:#a99a97;letter-spacing:.12em;text-transform:uppercase}
#spec{width:100%;height:auto;display:block;border-radius:var(--r-xl);background:#0a0708;border:1px solid rgba(255,255,255,.08)}
.knobs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s200);margin-top:var(--s200)}
.knobs label{display:flex;flex-direction:column;gap:8px;font-size:var(--fs-sm);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#d9cdca;font-family:'Archivo',sans-serif}
.knobs input{width:100%;accent-color:#D9757F;height:28px}
.deck-note{font-size:.8rem;color:#8f817e;margin-top:var(--s100)}
.stage-video{position:relative;border-radius:var(--r-3xl);overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 1px rgba(165,49,60,.3),0 40px 80px rgba(0,0,0,.65),0 0 90px rgba(165,49,60,calc(.18 + var(--beat)*.4));aspect-ratio:9/14;max-height:640px;margin-inline:auto;width:100%;max-width:420px;transform:scale(calc(1 + var(--beat)*.015))}
.stage-video video{width:100%;height:100%;object-fit:cover;display:block}
.stage-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.65))}
.live{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.live i{width:9px;height:9px;border-radius:50%;background:#ff3d4f;box-shadow:0 0 0 0 rgba(255,61,79,.7);animation:rec 1.6s infinite}
@keyframes rec{70%{box-shadow:0 0 0 10px rgba(255,61,79,0)}100%{box-shadow:0 0 0 0 rgba(255,61,79,0)}}

/* demos nos serviços */
.demo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s200);padding:var(--s300);background:linear-gradient(160deg,#17110f,#0c0a0b);border-color:#2b1e20;transform-style:preserve-3d;--rx:0;--ry:0;transform:perspective(900px) rotateX(calc(var(--rx)*1deg)) rotateY(calc(var(--ry)*1deg));transition:transform .25s var(--ease),box-shadow .4s}
.demo::before{display:none}
.demo::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,0%),rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .4s}
.demo:hover::after{opacity:1}
.demo-tag{position:absolute;left:16px;top:14px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#cdbfbc;font-family:'Archivo',sans-serif;font-weight:700}

/* som: parede de equalizador */
.demo-eq{padding:0;justify-content:flex-end}
.eq-wall{position:absolute;inset:auto 0 0 0;height:58%;display:flex;align-items:flex-end;gap:5px;padding:0 18px}
.eq-wall i{flex:1;height:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#D9757F,#A5313C 45%,#4a1a21);transform-origin:bottom;animation:eqw 1.1s var(--ease) infinite alternate;animation-delay:calc(var(--i)*-.13s);opacity:.92}
.eq-wall i:nth-child(3n){animation-duration:.8s}.eq-wall i:nth-child(4n){animation-duration:1.5s}.eq-wall i:nth-child(5n){animation-duration:.65s}
@keyframes eqw{from{transform:scaleY(.12)}to{transform:scaleY(.95)}}
.eq-cone{position:absolute;left:50%;top:30%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(1 + var(--beat)*.1));border-radius:50%;background:radial-gradient(circle,#A5313C 0 14%,#111 15% 36%,#262626 37% 52%,#111 53% 62%,#2b2b2b 63%);box-shadow:0 0 50px rgba(165,49,60,.55),inset 0 0 24px #000;animation:thump 1.1s var(--ease) infinite}
.eq-cone span{position:absolute;inset:-8%;border-radius:50%;border:2px solid rgba(217,117,127,.6);animation:pulse 2.6s var(--ease) infinite}

/* multimídia: central */
.demo-hu{background:linear-gradient(160deg,#1b1416,#0b0809)}
.hu{width:100%;max-width:430px}
.hu-screen{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#0a0f14;border:6px solid #1d1a1b;box-shadow:0 0 0 2px #3a2f31,0 24px 40px rgba(0,0,0,.6),inset 0 0 40px rgba(0,0,0,.6)}
.hu-bar{position:absolute;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.66rem;letter-spacing:.08em;color:#cfd6dc;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent)}
.hu-sig{display:flex;gap:2px;align-items:flex-end;height:10px}.hu-sig i{width:3px;background:#fff;border-radius:1px}.hu-sig i:nth-child(1){height:4px}.hu-sig i:nth-child(2){height:7px}.hu-sig i:nth-child(3){height:10px}
.pane{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .6s var(--ease),transform .6s var(--ease),visibility .6s}
.hu[data-tab="0"] .pane-map,.hu[data-tab="1"] .pane-music,.hu[data-tab="2"] .pane-cam{opacity:1;visibility:visible;transform:none}
.pane-map svg{width:100%;height:100%;display:block}
.route{stroke-dasharray:420;stroke-dashoffset:420;animation:route 6s linear infinite}
@keyframes route{0%{stroke-dashoffset:420}85%,100%{stroke-dashoffset:0}}
.map-card{position:absolute;left:12px;bottom:12px;background:rgba(10,15,20,.88);border:1px solid #2b3a48;border-radius:12px;padding:8px 12px;color:#fff;display:flex;flex-direction:column;font-size:.8rem}
.map-card span{color:#8fb3d1;font-size:.7rem}
.pane-music{display:flex;align-items:center;gap:18px;padding:34px 22px 16px;background:radial-gradient(circle at 25% 50%,#3b1219,#0b0809 70%)}
.vinyl{flex:none;width:34%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#111 0 2px,#1b1b1b 2px 4px);position:relative;animation:spin 5s linear infinite;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 40px rgba(165,49,60,.35)}
.vinyl span{position:absolute;inset:32%;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#A5313C 9%)}
@keyframes spin{to{transform:rotate(360deg)}}
.track{flex:1;color:#fff;display:flex;flex-direction:column;gap:4px;min-width:0}
.track b{font-size:1rem}.track span{font-size:.78rem;color:#b3a4a1}
.prog{height:4px;border-radius:4px;background:#3a2f31;margin-top:10px;overflow:hidden}
.prog i{display:block;height:100%;width:100%;transform-origin:0 50%;background:#D9757F;animation:prog 8s linear infinite}
@keyframes prog{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
.mini-eq{display:flex;gap:4px;align-items:flex-end;height:30px;margin-top:10px}
.mini-eq i{flex:1;background:#A5313C;border-radius:2px;transform-origin:bottom;animation:eqw .7s var(--ease) infinite alternate}
.mini-eq i:nth-child(2){animation-duration:.5s}.mini-eq i:nth-child(3){animation-duration:.9s}.mini-eq i:nth-child(4){animation-duration:.6s}.mini-eq i:nth-child(5){animation-duration:.8s}.mini-eq i:nth-child(6){animation-duration:.55s}
.pane-cam{background:#000}
.cam-view{position:absolute;inset:0}
.cam-view svg{width:100%;height:100%;display:block;filter:saturate(.9)}
.obst{position:absolute;left:38%;width:24%;height:14%;bottom:8%;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#c9ced3,#7d858c);box-shadow:0 8px 16px rgba(0,0,0,.6);animation:obst 5s ease-in-out infinite alternate}
@keyframes obst{from{bottom:62%;transform:scale(.5)}to{bottom:6%;transform:scale(1.15)}}
.cam-dist{position:absolute;right:10px;top:34px;display:flex;flex-direction:column;gap:4px}
.cam-dist i{width:26px;height:8px;border-radius:3px;background:#3a3f44;animation:dist 5s ease-in-out infinite alternate}
.cam-dist i:nth-child(1){animation-name:d1}.cam-dist i:nth-child(2){animation-name:d2}.cam-dist i:nth-child(3){animation-name:d3}.cam-dist i:nth-child(4){animation-name:d4}.cam-dist i:nth-child(5){animation-name:d5}
@keyframes d1{0%,100%{background:#3a3f44}60%,100%{background:#e05b5b}}
@keyframes d2{0%,100%{background:#3a3f44}45%,100%{background:#e05b5b}}
@keyframes d3{0%,100%{background:#3a3f44}30%,100%{background:#f5d94a}}
@keyframes d4{0%,100%{background:#3a3f44}15%,100%{background:#f5d94a}}
@keyframes d5{0%{background:#5be08a}100%{background:#5be08a}}
.cam-label{position:absolute;left:12px;top:30px;font-size:.7rem;color:#fff;background:rgba(0,0,0,.55);padding:3px 8px;border-radius:6px}
.hu-tabs{display:flex;justify-content:center;gap:8px;margin-top:14px}
.hu-tabs button{font:inherit;font-family:'Archivo',sans-serif;font-weight:700;font-size:.8rem;color:#cdbfbc;background:#1b1415;border:1px solid #3a2f31;border-radius:999px;padding:8px 14px;display:inline-flex;gap:6px;align-items:center;cursor:pointer;transition:all .35s var(--ease)}
.hu-tabs button i{font-size:1rem}
.hu-tabs button[aria-selected="true"]{background:#A5313C;border-color:#A5313C;color:#fff;box-shadow:0 8px 18px rgba(165,49,60,.5)}

/* insufilm */
.demo-film{background:linear-gradient(160deg,#101a22,#0a0f14)}
.film-scene{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#7fc5f5,#d8efff 70%);border:6px solid #1d1a1b;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.film-scene svg{position:absolute;inset:0;width:100%;height:100%}
.film-scene .sun{position:absolute;right:14%;top:14%;width:20%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff,#ffe27a 50%,rgba(255,226,122,0) 72%);animation:sun 4s ease-in-out infinite alternate}
@keyframes sun{to{transform:scale(1.12)}}
.film-scene .tint{position:absolute;inset:0;background:#05070a;opacity:var(--tint,.25);transition:opacity .15s}
.film-scene .glare{position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.9),transparent 38%);opacity:calc(1 - var(--tint,.25)*1.3);mix-blend-mode:screen}
.film-frame{position:absolute;inset:0;box-shadow:inset 0 0 0 10px rgba(0,0,0,.35),inset 0 0 40px rgba(0,0,0,.4);border-radius:10px;pointer-events:none}
.film-ctrl{width:100%;color:#e8dfdc;display:flex;flex-direction:column;gap:10px}
.film-ctrl label{font-size:.82rem;font-weight:700;letter-spacing:.04em;font-family:'Archivo',sans-serif}
.film-ctrl input{width:100%;accent-color:#D9757F;height:28px}
.film-meters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.film-meters span{display:flex;flex-direction:column;gap:6px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#a99a97}
.film-meters b{display:block;height:7px;border-radius:7px;background:#2b2a2c;overflow:hidden}
.film-meters i{display:block;height:100%;width:50%;border-radius:7px;background:linear-gradient(90deg,#6B2B33,#D9757F);transition:width .2s}

/* ppf */
.demo-ppf{background:linear-gradient(160deg,#17110f,#0b0809)}
.paint{position:relative;width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#c3303f,#7c1522 70%);box-shadow:inset 0 0 60px rgba(0,0,0,.4),0 20px 40px rgba(0,0,0,.5)}
.scratch{position:absolute;inset:0;width:100%;height:100%;transition:opacity .8s var(--ease),filter .8s}
.shine{position:absolute;inset:-30% -60%;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.55) 50%,transparent 58%);transform:translateX(-80%);opacity:0}
.paint.on .scratch{opacity:.06;filter:blur(2px)}
.paint.on .shine{opacity:1;animation:shine 3.2s var(--ease) infinite}
@keyframes shine{0%{transform:translateX(-60%)}60%,100%{transform:translateX(60%)}}
.paint.on{box-shadow:inset 0 0 0 3px rgba(255,255,255,.55),inset 0 0 60px rgba(0,0,0,.25),0 0 40px rgba(217,117,127,.5)}
.ppf-badge{position:absolute;left:12px;bottom:12px;display:inline-flex;gap:8px;align-items:center;background:rgba(0,0,0,.7);color:#fff;padding:7px 12px;border-radius:999px;font-size:.78rem;font-family:'Archivo',sans-serif}
.ppf-badge i{color:#9aa3ab;font-size:1.1rem}
.paint.on .ppf-badge i{color:#5be08a}
.toggle{display:inline-flex;align-items:center;gap:12px;background:#1b1415;border:1px solid #3a2f31;border-radius:999px;padding:6px 18px 6px 6px;cursor:pointer;color:#fff;font:inherit}
.toggle .knob{width:44px;height:26px;border-radius:26px;background:#3a2f31;position:relative;transition:background .4s}
.toggle .knob::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .4s var(--ease)}
.toggle[aria-checked="true"] .knob{background:#A5313C}
.toggle[aria-checked="true"] .knob::after{transform:translateX(18px)}
.toggle em{font-style:normal;font-weight:700;font-size:.9rem;font-family:'Archivo',sans-serif}

/* envelopamento e led: carro */
.car-stage{position:relative;width:100%;max-width:420px;--car:#A5313C}
.car-stage svg{width:100%;height:auto;overflow:visible}
.car-body{fill:var(--car);transition:fill .6s var(--ease);stroke:rgba(255,255,255,.18);stroke-width:1.5}
.car-glass{fill:#0b1218;opacity:.92;stroke:rgba(255,255,255,.25);stroke-width:1.5}
.car-line{stroke:rgba(255,255,255,.22);stroke-width:2;fill:none}
.car-wheel circle{fill:#0a0a0b;stroke:#2a2a2c;stroke-width:3}
.car-wheel .rim{fill:#6b6e73;stroke:none}
.floor{position:absolute;left:6%;right:6%;bottom:-6px;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%)}
.swatches{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.swatches button{width:34px;height:34px;border-radius:50%;border:3px solid #2b2426;background:var(--c);cursor:pointer;transition:transform .35s var(--ease),border-color .3s,box-shadow .3s;box-shadow:0 6px 14px rgba(0,0,0,.45)}
.swatches button:hover{transform:translateY(-3px) scale(1.06)}
.swatches button[aria-checked="true"]{border-color:#fff;box-shadow:0 0 0 3px var(--c),0 8px 18px rgba(0,0,0,.5);transform:scale(1.12)}
.swatches .rainbow{background:conic-gradient(#ff2a3d,#f0b429,#31e07a,#2d8cff,#b04dff,#ff2a3d)}
.demo-wrap{background:linear-gradient(160deg,#1a1315,#0b0809)}
.demo-led{background:radial-gradient(80% 60% at 50% 70%,#1a0d12,#050405)}
.car-stage.night .underglow{position:absolute;left:8%;right:8%;bottom:6px;height:18px;border-radius:50%;background:var(--led);filter:blur(14px);opacity:.95;box-shadow:0 0 60px 20px var(--led);animation:ug 2.4s ease-in-out infinite alternate}
@keyframes ug{from{opacity:.55}to{opacity:1}}
.car-stage.night .headbeam{position:absolute;right:-24%;top:50%;width:30%;height:26%;background:linear-gradient(270deg,transparent,var(--led));clip-path:polygon(0 20%,100% 0,100% 100%,0 80%);opacity:.6;filter:blur(4px);animation:ug 2.4s ease-in-out infinite alternate}
.car-stage.night .car-line{stroke:var(--led);filter:drop-shadow(0 0 5px var(--led));opacity:.9}
.car-stage.night .car-body{stroke:var(--led);stroke-opacity:.6}
.car-stage.rb{animation:rb 4s linear infinite}
@keyframes rb{0%{--led:#ff2a3d}20%{--led:#f0b429}40%{--led:#31e07a}60%{--led:#2d8cff}80%{--led:#b04dff}100%{--led:#ff2a3d}}
@property --led{syntax:"<color>";inherits:true;initial-value:#ff2a3d}

/* tilt + brilho em cards e demos já cobertos; botões magnéticos */
.btn-lg,.btn-sm{will-change:transform}
.counter{font-variant-numeric:tabular-nums}

/* depoimento / selo final de confiança */
.work figcaption{transition:transform .5s var(--ease)}

/* responsivo */
@media (max-width:900px){
  .quote-grid,.stage-grid{grid-template-columns:1fr}
  .stage-video{max-height:520px}
  .qform{padding:var(--s300)}
  .ticker::before,.ticker::after{width:40px}
}
@media (max-width:520px){
  .qrow{grid-template-columns:1fr 92px}
  .demo{padding:var(--s200)}
  .hu-tabs button{padding:8px 11px}
}
@media (hover:none){.demo{transform:none!important}}
@media (prefers-reduced-motion:reduce){
  .tk{animation:none}
  .progress i{transition:none}
}

/* ===== quiz ===== */
.quiz{background:linear-gradient(180deg,#F7F3F1,#fff)}
.qz{margin-top:var(--s500);max-width:820px;background:#fff;border:1px solid var(--line);border-radius:var(--r-3xl);padding:var(--s400);box-shadow:0 30px 60px rgba(107,43,51,.14);position:relative;overflow:hidden}
.qz::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#6B2B33,#A5313C,#D9757F)}
.qz-top{display:flex;align-items:center;gap:var(--s200);margin-bottom:var(--s300)}
.qz-step{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.qz-bar{flex:1;height:6px;border-radius:6px;background:#eee4e1;overflow:hidden}
.qz-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#A5313C,#D9757F);border-radius:6px;transition:width .6s var(--ease)}
.qz-q{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 112;font-weight:700;font-size:clamp(1.3rem,3vw,1.8rem);letter-spacing:-.02em;margin-bottom:var(--s300)}
.qz-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s200)}
.qz-opt{font:inherit;text-align:left;cursor:pointer;background:#faf7f6;border:1.5px solid #e1d5d1;border-radius:var(--r-2xl);padding:var(--s300) var(--s200);display:flex;flex-direction:column;gap:10px;transition:transform .4s var(--ease),border-color .3s,background .3s,box-shadow .4s;animation:qin .6s var(--ease) both;animation-delay:calc(var(--n)*.07s)}
.qz-opt i{font-size:1.9rem;color:var(--accent)}
.qz-opt b{font-family:'Archivo',sans-serif;font-weight:700;font-size:1.05rem}
.qz-opt span{font-size:var(--fs-sm);color:var(--muted)}
.qz-opt:hover{transform:translateY(-4px);border-color:var(--accent);background:#fff;box-shadow:0 18px 30px rgba(107,43,51,.16)}
.qz-opt:active{transform:scale(.98)}
@keyframes qin{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.qz-res{text-align:center;animation:qin .7s var(--ease) both}
.qz-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(165,49,60,.1);color:var(--accent);padding:6px 14px;border-radius:999px;font-weight:700;font-size:var(--fs-sm);font-family:'Archivo',sans-serif;letter-spacing:.06em;text-transform:uppercase}
.qz-res h3{font-size:clamp(1.5rem,3.6vw,2.2rem);margin:var(--s200) auto var(--s100);max-width:560px}
.qz-res p{color:var(--muted);max-width:560px;margin:0 auto}
.qz-parts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:var(--s300) 0}
.qz-parts li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;border:1.5px solid #e1d5d1;font-weight:700;font-size:var(--fs-sm);animation:qin .6s var(--ease) both;animation-delay:calc(var(--n)*.1s + .3s)}
.qz-parts i{color:var(--accent);font-size:1.2rem}
.qz-actions{display:flex;flex-wrap:wrap;gap:var(--s100);justify-content:center;margin-top:var(--s200)}
@media (max-width:760px){.qz{padding:var(--s300)}.qz-opts{grid-template-columns:1fr}.qz-opt{flex-direction:row;align-items:center;gap:14px;padding:var(--s200)}.qz-opt div{display:flex;flex-direction:column}}

/* ===== história ===== */
.history{background:linear-gradient(180deg,#fff,#F7F3F1)}
.tl{position:relative;margin-top:var(--s600);display:flex;flex-direction:column;gap:var(--s500);padding-left:var(--s400)}
.tl::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:3px;border-radius:3px;background:#eadfdb}
.tl::after{content:"";position:absolute;left:11px;top:6px;width:3px;height:calc((100% - 12px)*var(--tlp,0));border-radius:3px;background:linear-gradient(180deg,#D9757F,#A5313C);box-shadow:0 0 14px rgba(165,49,60,.6)}
.tl li{position:relative;display:grid;grid-template-columns:140px 1fr;gap:var(--s300);align-items:start}
.tl li::before{content:"";position:absolute;left:calc(var(--s400)*-1 + 3px);top:10px;width:21px;height:21px;border-radius:50%;background:#fff;border:4px solid #cdb9b4;transition:border-color .5s,box-shadow .5s,background .5s}
.tl li.in::before{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 7px rgba(165,49,60,.18)}
.tl-year{font-family:'Archivo',sans-serif;font-variation-settings:'wdth' 125;font-weight:800;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.03em;color:var(--accent);line-height:1}
.tl h3{margin-bottom:6px}
.tl p{color:var(--muted);max-width:620px}
@media (max-width:760px){.tl li{grid-template-columns:1fr;gap:6px}}

/* ===== feedbacks ===== */
.feedbacks{background:linear-gradient(180deg,#F7F3F1,#EFE8E5)}
.fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s300);margin-top:var(--s500)}
.fb-grid:empty{display:none}
.fb{background:#fff;border:1px solid var(--line);border-radius:var(--r-2xl);padding:var(--s300);box-shadow:0 14px 30px rgba(107,43,51,.1);display:flex;flex-direction:column;gap:var(--s100)}
.fb-stars{display:flex;gap:3px;color:#f0b429;font-size:1.2rem;justify-content:center}
.fb q{quotes:none;color:var(--text);font-size:var(--fs-lg)}
.fb footer{margin-top:auto;font-weight:700;font-size:var(--fs-sm);color:var(--muted)}
.fb-empty{margin-top:var(--s500);text-align:center;max-width:680px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-3xl);padding:var(--s500) var(--s400);box-shadow:0 24px 48px rgba(107,43,51,.12)}
.fb-empty .fb-stars{font-size:1.8rem;margin-bottom:var(--s100)}
.fb-empty .fb-stars i{animation:star 2.4s ease-in-out infinite;animation-delay:calc(var(--k,0)*.15s)}
.fb-empty .fb-stars i:nth-child(2){--k:1}.fb-empty .fb-stars i:nth-child(3){--k:2}.fb-empty .fb-stars i:nth-child(4){--k:3}.fb-empty .fb-stars i:nth-child(5){--k:4}
@keyframes star{0%,60%,100%{transform:none}30%{transform:translateY(-6px) scale(1.18)}}
.fb-empty p{color:var(--muted);margin-top:var(--s100)}
.fb-cta{display:flex;flex-wrap:wrap;gap:var(--s100);justify-content:center;margin-top:var(--s300)}
@media (max-width:900px){.fb-grid{grid-template-columns:1fr}}

/* ===== barra fixa no celular ===== */
.mbar{display:none}
@media (max-width:760px){
  .mbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:65;display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:6px;padding:6px;background:rgba(20,16,18,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 14px 34px rgba(0,0,0,.45);transform:translateY(140%);transition:transform .6s var(--ease)}
  .mbar.show{transform:none}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;padding:12px 6px;border-radius:13px;font-family:'Archivo',sans-serif}
  .mbar a i{font-size:1.2rem}
  .mbar .mb-wa{background:linear-gradient(180deg,#2fdc78,#18a553)}
  .wa-float{display:none}
  .footer{padding-bottom:110px}
}

/* ===== lightbox ===== */
.work{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:90;background:rgba(8,6,7,.92);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;opacity:0;transition:opacity .4s}
.lb[hidden]{display:none}
.lb.open{opacity:1}
.lb img{max-width:min(92vw,1100px);max-height:80vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.lb p{color:#e8dfdc;font-weight:600}
.lb-x{position:absolute;right:18px;top:14px;font-size:2.4rem;line-height:1;background:none;border:0;color:#fff;cursor:pointer}