/* CFC Aliança — versão "test drive" (v2). Referência de linguagem: experiência guiada em passos. */
:root{
  --navy:#021A36; --navy-2:#0A2A52; --navy-soft:#E9EEF6;
  --amber:#F5B32A; --amber-dark:#D9990F; --amber-soft:#FFF3D6;
  --ink:#1C1C1C; --muted:#5A6473; --line:#E6E9EF; --bg:#ffffff; --off:#F6F7F9;
  --ease:cubic-bezier(.22,1,.36,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --hdr:64px; --panel-w:352px; --gap:24px; --radius:6px;
  --shadow:0 18px 50px -20px rgba(2,26,54,.28);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;height:100%}
body{margin:0;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
hr{border:0;border-top:1px solid var(--line);margin:22px 0 18px}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.035em;line-height:1.08}
p{margin:0}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:8px 12px;z-index:200}
.skip:focus{left:8px;top:8px}

/* ---------- Loader ---------- */
.loader{position:fixed;inset:0;z-index:150;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:transform .9s var(--ease-io),visibility 0s .9s;will-change:transform}
.loader.is-done{transform:translateY(-100%);visibility:hidden}
.loader__num{font-size:clamp(64px,14vw,160px);font-weight:600;letter-spacing:-.05em;color:var(--navy);line-height:1;display:flex;align-items:flex-start}
.loader__pct{font-size:.32em;margin-top:.22em;margin-left:.08em;color:var(--amber)}

/* ---------- Header ---------- */
.hdr{position:fixed;top:0;left:0;right:0;height:var(--hdr);z-index:90;display:flex;align-items:center;gap:20px;padding:0 28px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(2,26,54,.06)}
.hdr__brand img{height:34px;width:auto}
.hdr__restart{font-size:14px;font-weight:600;color:var(--muted);padding:6px 0;opacity:0;pointer-events:none;transition:opacity .3s}
body[data-view="stage"] .hdr__restart{opacity:1;pointer-events:auto}
.hdr__restart:hover{color:var(--navy)}
.phases{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .3s}
body[data-view="stage"] .phases{opacity:1;pointer-events:auto}
.phases__item button{display:flex;align-items:center;gap:8px;padding:8px 6px}
.phases__dot{width:8px;height:8px;border-radius:50%;background:#CFD5DE;transition:background .3s,transform .3s}
.phases__item.is-done .phases__dot{background:var(--navy);opacity:.45}
.phases__item.is-active .phases__dot{background:var(--navy);transform:scale(1.25)}
.phases__label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--muted);max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s var(--ease),opacity .25s;opacity:0}
.phases__item.is-active .phases__label,.phases__item button:hover .phases__label,.phases__item button:focus-visible .phases__label{max-width:90px;opacity:1}
.phases__item.is-active .phases__label{color:var(--navy)}
.burger{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-right:-8px}
.burger span{display:block;width:26px;height:2px;background:var(--navy);border-radius:2px;transition:transform .35s var(--ease),opacity .2s;transform-origin:center}
.burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:95;background:transparent;pointer-events:none}
.progress span{display:block;height:100%;width:0;background:var(--amber);transition:width .6s var(--ease)}

/* ---------- Botões ---------- */
.btn{position:relative;flex-shrink:0;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px;border-radius:var(--radius);font-weight:600;font-size:15.5px;letter-spacing:-.01em;line-height:1;overflow:hidden;transition:transform .25s var(--ease),background .25s,box-shadow .25s;white-space:nowrap}
.btn--primary{background:var(--navy);color:#fff}
.btn--primary:hover{background:var(--navy-2);transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(2,26,54,.6)}
.btn--ghost{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn--ghost:hover{box-shadow:inset 0 0 0 1.5px var(--navy)}
.btn--sm{min-height:42px;padding:0 16px;font-size:14px}
.btn__t{position:relative;display:block;height:1em;overflow:hidden;line-height:1}
.btn__t span{display:block;transition:transform .45s var(--ease)}
.btn:hover .btn__t span,.btn:focus-visible .btn__t span{transform:translateY(-100%)}
.btn__i{width:16px;height:16px;flex:0 0 16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .35s var(--ease)}
.btn:hover .btn__i{transform:translateX(4px)}
.btn__i--wa{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M17.5 14.4c-.3-.1-1.8-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.6c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.2-.3-.3-.6-.4zM12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M17.5 14.4c-.3-.1-1.8-.9-2-1-.3-.1-.5-.1-.7.1-.2.3-.8 1-.9 1.2-.2.2-.3.2-.6.1-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.1-.6l.5-.6c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.2-.3-.3-.6-.4zM12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2z'/%3E%3C/svg%3E");width:18px;height:18px;flex-basis:18px}
.btn:hover .btn__i--wa{transform:none}
.plink{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--ink);text-align:left;line-height:1.35}
.plink::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber);flex:0 0 7px;transition:transform .3s var(--ease)}
.plink:hover{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.plink:hover::before{transform:scale(1.5)}

/* ---------- Tipografia de apoio ---------- */
.tag{display:inline-block;background:var(--navy);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 10px;border-radius:4px;line-height:1}
.cap{display:inline-block;background:var(--navy-soft);color:var(--navy);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:4px;line-height:1;margin-bottom:16px}
.eyebrow{display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--amber-dark)}

/* Split-text (palavras sobem) */
.split .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}
.split .w>span{display:inline-block;transform:translateY(110%);transition:transform .9s var(--ease)}
.is-in .split .w>span,.split.is-in .w>span{transform:translateY(0)}

/* ---------- Intro ---------- */
.intro{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--hdr) + 16px) 16px 56px;transition:opacity .7s var(--ease),visibility 0s .7s}
body[data-view="stage"] .intro{opacity:0;visibility:hidden;pointer-events:none}
.intro__bg{position:absolute;inset:0;z-index:0}
.intro__bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 6s var(--ease)}
.is-in .intro__bg img{transform:scale(1)}
.intro__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(255,255,255,.35),rgba(255,255,255,0))}
.intro__card{position:relative;z-index:1;width:min(560px,100%);background:#fff;border-radius:8px;padding:56px 52px 44px;box-shadow:var(--shadow);text-align:left;opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease) .1s,transform .9s var(--ease) .1s}
.is-in .intro__card{opacity:1;transform:none}
.intro__card h1{font-size:clamp(38px,5vw,58px);margin:16px 0 18px;color:var(--navy)}
.lead{font-size:18px;line-height:1.5;color:var(--muted);max-width:44ch}
.intro__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.intro__meta{list-style:none;margin:30px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;font-weight:600;color:var(--muted)}
.intro__meta li{display:flex;align-items:center;gap:8px}
.intro__meta li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}
.intro__credit{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:12.5px;color:var(--muted);z-index:1}
.intro__credit a{font-weight:700;color:var(--navy)}

/* ---------- Stage ---------- */
.stage{position:fixed;inset:0;padding-top:var(--hdr)}
.stage[hidden]{display:none}
[data-step-view]{display:none}
[data-step-view].is-on{display:block}

/* Passo 1 — escolha */
.choice{position:absolute;inset:var(--hdr) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 24px 28px;text-align:center;background:#fff}
.choice.is-on{display:flex}
.choice__head h2{font-size:clamp(30px,3.6vw,44px);color:var(--navy);margin:14px 0 8px}
.choice__head p{color:var(--muted);font-size:17px}
.choice__grid{display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,3vw,48px);width:100%;max-width:1100px;flex:1;min-height:0}
.veh{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 10px 18px;border-radius:12px;position:relative;transition:transform .5s var(--ease);max-width:340px;flex:1 1 0}
.veh img{width:100%;max-height:min(42vh,360px);object-fit:contain;transition:transform .6s var(--ease),filter .4s;filter:saturate(.35) opacity(.72)}
.veh:hover img{transform:translateY(-8px)}
.veh[aria-checked="true"] img{filter:none;transform:translateY(-6px) scale(1.04)}
.veh__name{font-weight:700;font-size:17px;color:var(--navy);margin-top:6px}
.veh__cat{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.veh::after{content:"";position:absolute;bottom:6px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--amber);opacity:0;transform:scale(0);transition:all .35s var(--ease)}
.veh[aria-checked="true"]::after{opacity:1;transform:scale(1)}
.choice__foot{display:flex;flex-direction:column;align-items:center;gap:16px}

/* Cena */
.scene{position:absolute;inset:var(--hdr) 0 0;overflow:hidden;background:#fff}
.scene__img{position:absolute;inset:0;opacity:0;transition:opacity 1s var(--ease-io)}
.scene__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 1.6s var(--ease-io)}
.scene__img.is-active{opacity:1;z-index:1}
.scene__img.is-active img{transform:scale(1)}
.scene__img.is-driving img{transform:translate(-4%,2.5%) scale(1.12)}
.scene__img.is-leaving{opacity:0;z-index:2}

/* Hotspot (seta pulsante) */
.hot{position:absolute;z-index:5;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:left .8s var(--ease),top .8s var(--ease),opacity .4s;left:60%;top:60%}
.hot.is-hidden{opacity:0;pointer-events:none}
.hot__core{width:46px;height:46px;border-radius:50%;background:var(--amber);box-shadow:0 8px 24px -6px rgba(217,153,15,.7);display:flex;align-items:center;justify-content:center;transition:transform .35s var(--ease),background .3s;position:relative}
.hot__core::after{content:"";width:20px;height:20px;background:var(--navy);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(var(--rot,0deg))}
.hot:hover .hot__core,.hot:focus-visible .hot__core{transform:scale(1.12);background:#FFC247}
.hot__ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--amber);opacity:0;animation:ring 2.2s ease-out infinite}
.hot__ring--2{animation-delay:1.1s}
@keyframes ring{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.35);opacity:0}}

/* Painel */
.panels{position:absolute;left:var(--gap);top:calc(var(--hdr) + var(--gap));bottom:var(--gap);width:var(--panel-w);z-index:6;pointer-events:none}
.panel{position:absolute;inset:0;background:#fff;border-radius:6px;box-shadow:var(--shadow);padding:34px 30px 30px;display:none;flex-direction:column;overflow:auto;pointer-events:auto;opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.panel.is-on{display:flex}
.panel.is-in{opacity:1;transform:none}
.panel__state{display:none;flex-direction:column;flex:1}
.panel__state.is-on{display:flex}
.panel h3{font-size:clamp(28px,2.4vw,36px);color:var(--navy);margin:20px 0 16px}
.panel p{font-size:16.5px;line-height:1.5;color:var(--ink)}
.panel .cap{margin-top:auto}
.panel .plink{margin-top:4px}
.panel__actions{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.panel__actions .btn{width:100%;justify-content:center;font-size:15px;padding:0 16px}
.panel__credit{margin-top:18px;font-size:12px;color:var(--muted)}
.panel__credit a{font-weight:700;color:var(--navy)}
.panel p.panel__credit{font-size:12px}

/* Checklist animada (passo 2) */
.check{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.check li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;color:var(--muted);opacity:.35;transform:translateX(-6px);transition:opacity .5s var(--ease),transform .5s var(--ease),color .4s}
.check li::before{content:"";width:22px;height:22px;flex:0 0 22px;border-radius:50%;border:2px solid var(--line);background:#fff center/12px no-repeat;transition:background .35s,border-color .35s}
.check li.is-done{opacity:1;transform:none;color:var(--ink)}
.check li.is-done::before{border-color:var(--navy);background-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.check__done{margin-top:14px;font-weight:700;color:var(--navy);opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.check__done.is-on{opacity:1;transform:none}

/* Navegação de passos */
.stepnav{position:absolute;right:28px;bottom:22px;z-index:7;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:999px;padding:4px;box-shadow:0 8px 24px -10px rgba(2,26,54,.35)}
.stepnav.is-on{display:flex}
.stepnav button{width:40px;height:40px;border-radius:50%;font-size:18px;color:var(--navy);display:flex;align-items:center;justify-content:center;transition:background .25s}
.stepnav button:hover{background:var(--navy-soft)}
.stepnav button:disabled{opacity:.3;cursor:default;background:none}
.stepnav span{font-size:13px;font-weight:700;color:var(--muted);min-width:44px;text-align:center;font-variant-numeric:tabular-nums}

/* ---------- Menu ---------- */
.menu{position:fixed;inset:0;z-index:85;background:#fff;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hdr) + 24px) 28px 32px;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s .45s}
.menu[hidden]{display:flex}
.menu.is-open{opacity:1;visibility:visible;transition:opacity .45s var(--ease)}
.menu__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.menu__list li{overflow:hidden}
.menu__list a,.menu__list button{display:block;font-size:clamp(34px,6vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.15;color:var(--navy);transform:translateY(110%);transition:transform .8s var(--ease)}
.menu.is-open .menu__list a,.menu.is-open .menu__list button{transform:none}
.menu.is-open .menu__list li:nth-child(2) *{transition-delay:.05s}.menu.is-open .menu__list li:nth-child(3) *{transition-delay:.1s}.menu.is-open .menu__list li:nth-child(4) *{transition-delay:.15s}.menu.is-open .menu__list li:nth-child(5) *{transition-delay:.2s}.menu.is-open .menu__list li:nth-child(6) *{transition-delay:.25s}
.menu__t{display:block;height:1.15em;overflow:hidden}
.menu__t span{display:block;transition:transform .5s var(--ease)}
.menu__list a:hover .menu__t span,.menu__list button:hover .menu__t span{transform:translateY(-100%)}
.menu__t span:last-child{color:var(--amber-dark)}
.menu__foot{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);line-height:1.6}
.menu__credit a{font-weight:700;color:var(--navy)}
body.menu-open .hdr{background:#fff}

/* ---------- Modal ---------- */
.modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}
.modal[hidden]{display:none}
.modal__bg{position:absolute;inset:0;background:rgba(2,26,54,.45);backdrop-filter:blur(4px);animation:fade .3s}
.modal__card{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:8px;padding:40px 40px 36px;box-shadow:var(--shadow);animation:pop .5s var(--ease)}
.modal__close{position:absolute;top:12px;right:14px;width:40px;height:40px;border-radius:50%;font-size:28px;line-height:1;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s}
.modal__close:hover{background:var(--navy-soft);color:var(--navy)}
.modal__body h3{font-size:28px;color:var(--navy);margin:16px 0 14px}
.modal__body p{color:var(--ink);font-size:16px;margin-bottom:14px}
.modal__body .btn{margin-top:6px}
.list{margin:0 0 18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.list li{position:relative;padding-left:20px;font-size:15.5px;line-height:1.45}
.list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--amber)}
.svc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.svc a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line);transition:padding-left .3s var(--ease)}
.svc li:last-child a{border-bottom:1px solid var(--line)}
.svc a:hover{padding-left:8px;color:var(--navy)}
.svc strong{font-weight:700;font-size:16px}
.svc span{font-size:13.5px;color:var(--muted);text-align:right}
.quote{margin:0 0 14px;padding:14px 18px;background:var(--off);border-left:3px solid var(--amber);border-radius:4px;font-size:15px;line-height:1.5;color:var(--ink)}
.quote cite{display:block;margin-top:8px;font-style:normal;font-size:12.5px;font-weight:700;color:var(--muted)}
@keyframes fade{from{opacity:0}}
@keyframes pop{from{opacity:0;transform:translateY(18px) scale(.98)}}

/* ---------- Cookies ---------- */
.cookie{position:fixed;right:28px;bottom:84px;z-index:100;display:flex;align-items:center;gap:16px;background:#fff;border-radius:8px;padding:14px 14px 14px 18px;box-shadow:var(--shadow);max-width:420px;font-size:14px;color:var(--ink);animation:pop .6s var(--ease)}
.cookie[hidden]{display:none}

/* ---------- Responsivo ---------- */
@media (max-width:1100px){:root{--panel-w:320px}}
@media (max-width:900px){
  :root{--hdr:58px;--gap:12px}
  .hdr{padding:0 16px;gap:12px}
  .hdr__brand img{height:28px}
  .hdr__restart{display:none}
  .phases{gap:2px}
  .phases__label{display:none}
  .intro{padding:calc(var(--hdr) + 12px) 16px 44px;align-items:flex-end}
  .intro__card{padding:32px 24px 26px;border-radius:8px}
  .intro__card h1{font-size:clamp(30px,8.5vw,40px)}
  .lead{font-size:16px}
  .intro__actions .btn{width:100%;justify-content:center}
  .intro__meta{gap:6px 14px;margin-top:22px;padding-top:16px}
  .choice{padding:18px 16px 18px;justify-content:flex-start;gap:14px;overflow:auto}
  .choice__head h2{font-size:28px}
  .choice__grid{flex:0 0 auto;gap:6px;align-items:flex-start}
  .veh{padding:6px 2px 16px}
  .veh__name{font-size:14px}
  .veh__cat{font-size:10.5px}
  .choice__foot{margin-top:auto;gap:12px}
  .choice__foot .plink{font-size:13.5px;text-align:center;display:block}
  .choice__foot .plink::before{display:none}
  .scene{bottom:auto;height:46svh}
  .scene__img img{object-position:60% 50%}
  .hot{width:64px;height:64px;margin:-32px 0 0 -32px}
  .panels{left:0;right:0;top:calc(var(--hdr) + 46svh - 18px);bottom:0;width:auto}
  .panel{border-radius:16px 16px 0 0;padding:26px 22px 90px;box-shadow:0 -12px 40px -20px rgba(2,26,54,.35);transform:translateY(20px)}
  .panel h3{font-size:26px;margin-top:14px}
  .panel p{font-size:15.5px}
  .panel .cap{margin-top:18px}
  .stepnav{right:12px;bottom:12px}
  .menu{padding:calc(var(--hdr) + 12px) 20px 24px;justify-content:flex-start}
  .menu__foot{margin-top:28px}
  .modal__card{padding:30px 22px 26px}
  .cookie{left:12px;right:12px;bottom:12px;top:auto;max-width:none;padding:10px 10px 10px 14px;font-size:12.5px;gap:10px}
  body.cookie-open .stepnav{bottom:70px}
  body.cookie-open .choice{padding-bottom:78px}
  body[data-step="1"] .stepnav{display:none}
  .choice__grid{flex:1;align-items:center}
  .veh img{max-height:30vh}
}
@media (max-width:600px){
  .svc a{flex-direction:column;align-items:flex-start;gap:2px}
  .svc span{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* Fotos reais no modal "Sobre" */
.modal__fotos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 20px}
.modal__fotos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}
@media (max-width:600px){.modal__fotos{gap:8px;margin:14px 0 16px}}