/* Sentinela dos Leilões · landing page · direção "Chamado" (carvão, papel, ouro) */

@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url(fonts/bricolage.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:100 700;font-display:swap;src:url(fonts/plexsans.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plexmono-500.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/plexmono-600.woff2) format('woff2')}

:root{
  --carvao:#1B1813;--carvao-2:#242019;--papel:#F5F1E8;
  --linha:rgba(245,241,232,.12);--linha-forte:rgba(245,241,232,.22);--tinta:#F5F1E8;--suave:#CFC7B8;--suave-2:#A8A196;
  --ouro:#C9962B;--ouro-claro:#E3B341;--ouro-tinta:#7A5A12;--ouro-fundo:rgba(201,150,43,.14);
  --display:'Bricolage Grotesque',sans-serif;--texto:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  --ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --r-botao:12px;--r-cartao:18px;--r-fone:46px;
  --nav:68px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--texto);font-size:17px;line-height:1.55;color:var(--tinta);background:var(--carvao);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,picture,svg{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
h2{font-size:clamp(30px,3.6vw,46px)}
h3{font-size:clamp(19px,1.6vw,22px);letter-spacing:-.01em;line-height:1.25}
p{margin:0}
em{font-style:normal;color:var(--ouro)}
::selection{background:var(--ouro-claro);color:var(--carvao)}
:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:3px;border-radius:4px}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.container{width:min(1200px,100% - 48px);margin-inline:auto}
@media (max-width:640px){.container{width:min(1200px,100% - 32px)}}
.secao{padding:clamp(72px,9vw,128px) 0}
.secao + .secao{border-top:1px solid var(--linha)}
.cab{max-width:62ch;margin-bottom:clamp(36px,5vw,56px)}
.cab p{margin-top:16px;font-size:19px;color:var(--suave);max-width:58ch;text-wrap:pretty}
.cab.sem-margem{margin-bottom:0}
.legenda-tempo{margin:18px 0 0;font-size:14px;color:var(--suave-2);max-width:62ch}
.so-largo{display:inline}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:var(--r-botao);border:1px solid transparent;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform 160ms var(--ease-out),background 150ms ease,border-color 150ms ease,color 150ms ease}
.btn:active{transform:scale(.97)}
.btn-ouro{background:var(--ouro);color:var(--carvao)}
.btn-ghost{background:transparent;color:var(--papel);border-color:rgba(245,241,232,.35)}
@media (hover:hover) and (pointer:fine){
  .btn-ouro:hover{background:var(--ouro-claro)}
  .btn-ghost:hover{border-color:var(--papel)}
}

/* ---------- nav ---------- */
.topo{position:sticky;top:0;z-index:50;height:var(--nav);background:rgba(27,24,19,.78);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color 200ms ease}
.topo[data-rolou]{border-bottom-color:var(--linha)}
.topo .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:21px;letter-spacing:-.2px;color:var(--papel)}
.marca span{font-weight:500;color:var(--ouro)}
.marca-sinal{flex:0 0 auto}
@media (prefers-reduced-motion:no-preference){
  .marca-sinal.anima .a1,.marca-sinal.anima .a2{animation:sinal 1.6s ease-in-out 3}
  .marca-sinal.anima .a2{animation-delay:.22s}
}
@keyframes sinal{0%,100%{opacity:1}35%{opacity:.25}}
.topo nav{display:flex;gap:28px;font-size:15px}
.topo nav a{text-decoration:none;color:var(--suave);min-height:44px;display:inline-flex;align-items:center;transition:color 150ms ease}
.topo nav a:hover{color:var(--papel)}
.topo .btn{min-height:44px;padding:0 18px;font-size:15px}
.topo-acoes{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.escolha .nota a{color:var(--ouro-claro);text-underline-offset:3px}
@media (max-width:900px){.topo nav{display:none}}

/* ---------- hero (Chamado) ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero .fundo{position:absolute;inset:0;z-index:-1}
.hero .fundo img{width:100%;height:100%;object-fit:cover;object-position:58% 55%;filter:saturate(.8) brightness(.5)}
.hero .fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,24,19,.97) 0%,rgba(27,24,19,.88) 42%,rgba(27,24,19,.35) 100%),linear-gradient(180deg,rgba(27,24,19,.55),transparent 28%,transparent 70%,var(--carvao))}
.hero .container{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center;padding:32px 0 72px;min-height:calc(100dvh - var(--nav))}
.hero h1{font-size:clamp(42px,4vw,56px);line-height:.98;letter-spacing:-.03em}
.hero .sub{margin-top:22px;font-size:19px;line-height:1.5;color:var(--suave);max-width:42ch;text-wrap:pretty}
.hero .ctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.palco{position:relative;display:flex;justify-content:center}
.palco::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(320px,100%);height:52%;border-radius:var(--r-fone) var(--r-fone) 0 0;background:linear-gradient(180deg,rgba(27,24,19,.82),rgba(27,24,19,.72) 72%,transparent);pointer-events:none;z-index:2}
.notifs{position:absolute;top:72px;left:50%;transform:translateX(-50%);width:min(300px,86%);display:grid;gap:6px;z-index:3}

/* ---------- molduras ---------- */
.phone{position:relative;width:100%;max-width:300px;aspect-ratio:390/844;border-radius:var(--r-fone);background:#0F0D0B;padding:10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(245,241,232,.18),0 0 0 1px rgba(255,255,255,.06) inset}
.phone::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:999px;background:#0B0A08;z-index:2}
.phone > picture{display:block;height:100%;padding-top:34px}
.phone > picture > img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:14px 14px 37px 37px}
.phone.grande{max-width:320px}
.browser{position:relative;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2),0 40px 80px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1);overflow:hidden}
.browser-barra{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#F3EFE6;border-bottom:1px solid #E3DCCD}
.browser-barra i{width:9px;height:9px;border-radius:50%;background:#D9D2C3}
.browser-barra span{margin-left:10px;flex:1;max-width:300px;height:20px;border-radius:6px;background:#fff;border:1px solid #E3DCCD;font:500 11px/18px var(--mono);color:#5E574B;padding:0 10px;text-align:center;overflow:hidden;white-space:nowrap}
.browser img{width:100%;height:auto}

/* ---------- notificação (formato do aviso real) ---------- */
.notif{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border-radius:16px;background:rgba(245,241,232,.95);color:var(--carvao);box-shadow:0 14px 30px -14px rgba(0,0,0,.8)}
.notif .ico{width:34px;height:34px;border-radius:9px;background:var(--carvao);display:grid;place-items:center}
.notif b{display:block;font-size:13px;font-weight:600;line-height:1.3;padding-right:36px}
.notif span{display:block;font-size:12px;color:#5E574B;line-height:1.3}
.notif small{position:absolute;top:9px;right:12px;font-size:10.5px;color:#5E574B}

/* ---------- panorama ---------- */
.panorama-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.rolagem{position:relative;width:min(300px,100%);margin-inline:auto;justify-self:center}
.rolagem .phone{overflow:hidden}
.rolagem .tela{position:absolute;inset:44px 10px 10px;border-radius:14px 14px 37px 37px;overflow:hidden;background:#F5F1E8}
.rolagem .tela img{width:100%;height:auto;will-change:transform}
@media (prefers-reduced-motion:no-preference){
  .rolagem .tela img{animation:rola 16s var(--ease-in-out) infinite alternate;animation-play-state:paused}
  .rolagem.ativa .tela img{animation-play-state:running}
  .rolagem:hover .tela img{animation-play-state:paused}
}
@keyframes rola{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 822px))}}
.lista-fatos{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lista-fatos li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--linha)}
.lista-fatos li:last-child{border-bottom:1px solid var(--linha)}
.lista-fatos svg{width:24px;height:24px;margin-top:2px;stroke:var(--ouro);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lista-fatos b{display:block;font-weight:600;font-size:17px}
.lista-fatos span{display:block;color:var(--suave);font-size:15px;margin-top:2px;text-wrap:pretty}
.numeros{margin-top:clamp(40px,5vw,56px);padding-top:24px;border-top:1px solid var(--linha-forte);font-size:clamp(19px,2vw,24px);line-height:1.45;max-width:34ch;text-wrap:pretty}
.numeros strong{font-family:var(--mono);font-weight:600;color:var(--ouro-claro);letter-spacing:-.01em}
.numeros small{display:block;margin-top:8px;color:var(--suave-2);font-size:14px}
.vitrine{margin-top:clamp(48px,6vw,72px)}
.vitrine figcaption{margin-top:16px;color:var(--suave);font-size:15px;max-width:70ch}
.categorias{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.categorias span{padding:7px 14px;border-radius:999px;border:1px solid var(--linha-forte);font-size:14px;font-weight:500}

/* ---------- alertas ---------- */
.alertas-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.linha-tempo{list-style:none;margin:0;padding:0;display:grid;gap:14px;position:relative}
.linha-tempo::before{content:"";position:absolute;left:62px;top:14px;bottom:14px;width:1px;background:var(--linha-forte)}
.linha-tempo li{display:grid;grid-template-columns:48px 28px minmax(0,1fr);gap:0 0;align-items:center}
.linha-tempo .q{font-family:var(--mono);font-size:13px;color:var(--suave);text-align:right;padding-right:6px}
.linha-tempo .pt{position:relative;height:100%;display:grid;place-items:center}
.linha-tempo .pt i{width:9px;height:9px;border-radius:50%;background:var(--ouro);box-shadow:0 0 0 4px var(--carvao)}
.linha-tempo .notif{max-width:420px}
.linha-tempo .fav-demo{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--linha-forte);background:var(--carvao-2);font-weight:600;font-size:15px}
.linha-tempo .fav-demo svg{width:18px;height:18px;fill:none;stroke:var(--papel);stroke-width:2;transition:fill 220ms var(--ease-out),stroke 220ms var(--ease-out)}
.linha-tempo.ativa .fav-demo svg{fill:var(--ouro-claro);stroke:var(--ouro-claro)}
.linha-tempo .fav-demo .txt::after{content:"ar"}
.linha-tempo.ativa .fav-demo .txt::after{content:"o"}
@media (prefers-reduced-motion:no-preference){
  .linha-tempo .notif{opacity:0;transform:translateY(-10px) scale(.98);transition:opacity 480ms var(--ease-out),transform 480ms var(--ease-out)}
  .linha-tempo.ativa .notif{opacity:1;transform:none}
  .linha-tempo.ativa li:nth-child(2) .notif{transition-delay:300ms}.linha-tempo.ativa li:nth-child(3) .notif{transition-delay:600ms}.linha-tempo.ativa li:nth-child(4) .notif{transition-delay:900ms}.linha-tempo.ativa li:nth-child(5) .notif{transition-delay:1200ms}.linha-tempo.ativa li:nth-child(6) .notif{transition-delay:1500ms}.linha-tempo.ativa li:nth-child(7) .notif{transition-delay:1800ms}
}
.iphone{margin-top:32px;padding:22px 24px;border-radius:var(--r-cartao);background:var(--carvao-2);border:1px solid var(--linha)}
.iphone h3{margin-bottom:6px}
.iphone p{color:var(--suave);font-size:15px}
.iphone ol{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:passo}
.iphone ol li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;font-size:15px}
.iphone ol li::before{counter-increment:passo;content:counter(passo);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ouro);color:var(--carvao);font-family:var(--mono);font-weight:600;font-size:13px}
.iphone ol b{font-weight:600}
.iphone .nota{margin-top:14px;font-size:14px;color:var(--suave-2)}
.alertas-fone{display:flex;justify-content:center}

/* ---------- IA de avarias ---------- */
.ia-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.foto-laudo{position:sticky;top:calc(var(--nav) + 24px)}
.foto-laudo .foto{position:relative;border-radius:var(--r-cartao);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.foto-laudo .foto img{width:100%;height:auto}
.foto-laudo .marca-n{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ouro);color:var(--carvao);font-family:var(--mono);font-weight:600;font-size:13px;box-shadow:0 0 0 3px rgba(27,24,19,.6)}
.foto-laudo figcaption{margin-top:12px;color:var(--suave);font-size:14px}
.laudo{border-radius:var(--r-cartao);background:var(--papel);color:#1B1813;padding:clamp(20px,3vw,32px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.laudo .cabeca{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.laudo .chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;background:#FBE8D6;color:#8A4105}
.laudo .cabeca span{color:#5E574B;font-size:14px}
.laudo .veiculo{margin-top:14px;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.01em;text-wrap:balance}
.laudo .veiculo small{display:block;font-family:var(--texto);font-weight:500;font-size:14px;color:#5E574B;letter-spacing:0;margin-top:2px}
.laudo .resumo{margin-top:14px;font-size:15px;line-height:1.55;color:#2E2921}
.laudo .total{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.laudo .total div{padding:14px 16px;border-radius:12px;background:#fff;border:1px solid #E3DCCD;display:flex;flex-direction:column;gap:4px}
.laudo .total div.escuro{background:#1B1813;border-color:#1B1813;color:#F5F1E8}
.laudo .total small{font-size:13px;color:#5E574B}.laudo .total .escuro small{color:#CFC7B8}
.laudo .total strong{font-family:var(--mono);font-weight:600;font-size:20px;line-height:1.2}.laudo .total .escuro strong{color:#E3B341}
.laudo h3{font-family:var(--texto);line-height:1.3;margin:22px 0 6px;font-size:13px;font-weight:600;letter-spacing:.02em;color:#5E574B}
.laudo .avarias{margin:0;padding:0;list-style:none;border-top:1px solid #E3DCCD}
.laudo .avarias li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px 12px;align-items:baseline;padding:10px 0;border-bottom:1px solid #EFE9DC;font-size:14.5px}
.laudo .avarias .n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1B1813;color:#F5F1E8;font-family:var(--mono);font-size:12px;font-weight:600;align-self:center}
.laudo .avarias .n.v{background:transparent}
.laudo .avarias .n.v::before{content:"";width:7px;height:7px;border-radius:50%;background:#1B1813}
.laudo .avarias b{font-weight:600}
.laudo .avarias span{display:block;color:#5E574B;font-size:13px}
.laudo .avarias .valor{font-family:var(--mono);font-weight:600;white-space:nowrap}
.laudo .sinais{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;font-size:14.5px}
.laudo .sinais div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #EFE9DC}
.laudo .sinais dt{color:#5E574B}.laudo .sinais dd{margin:0;font-weight:600}
.laudo .sinais dd.alerta{color:#8A4105}
.laudo .divergencia{margin-top:8px;padding:12px 14px;border-radius:10px;background:#FDE7C8;color:#5A2E00;font-size:14.5px;line-height:1.5}
.laudo .patio{margin:0;padding-left:18px;font-size:14.5px;color:#2E2921;display:grid;gap:4px}
.laudo .rodape{margin-top:18px;font-size:13px;color:#5E574B}
.laudo .rodape b{color:#1B1813;font-weight:600}
.estimativa{margin-top:28px;padding:22px 26px;border-radius:var(--r-cartao);background:var(--ouro-fundo);border:1px solid rgba(201,150,43,.4);display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;align-items:start}
.estimativa svg{width:26px;height:26px;stroke:var(--ouro-claro);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.estimativa b{display:block;font-size:18px;font-weight:600;margin-bottom:6px}
.estimativa p{color:var(--suave);font-size:15.5px;text-wrap:pretty}
.versao{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding-top:24px;border-top:1px solid var(--linha)}
.versao b{font-size:17px;font-weight:600}
.versao p{color:var(--suave);font-size:15.5px;max-width:70ch;text-wrap:pretty}

/* ---------- como funciona ---------- */
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;counter-reset:p}
.passos li{position:relative;padding-top:22px;border-top:1px solid var(--linha-forte)}
.passos li::before{counter-increment:p;content:counter(p);position:absolute;top:-15px;left:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ouro);color:var(--carvao);font-family:var(--mono);font-weight:600;font-size:13px}
.passos h3{margin-top:8px}
.passos p{margin-top:8px;color:var(--suave);font-size:15.5px;text-wrap:pretty}

/* ---------- planos ---------- */
.planos-cab{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}
.periodo{display:inline-flex;padding:4px;border-radius:999px;background:var(--carvao-2);border:1px solid var(--linha)}
.periodo button{position:relative;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--suave);font-weight:600;font-size:14px;cursor:pointer;transition:color 150ms ease}
.periodo button[aria-pressed="true"]{background:var(--papel);color:var(--carvao)}
.periodo button small{margin-left:6px;font-weight:500;color:var(--ouro-tinta)}
.periodo button[aria-pressed="true"] small{color:var(--ouro-tinta)}
.periodo button:not([aria-pressed="true"]) small{color:var(--ouro)}
.planos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px;align-items:stretch}
.plano{position:relative;display:flex;flex-direction:column;gap:18px;padding:26px 26px 24px;border-radius:var(--r-cartao);background:var(--carvao-2);border:1px solid var(--linha)}
.plano.destaque{background:var(--papel);color:var(--carvao);border-color:var(--papel)}
.plano .tag{position:absolute;top:-13px;left:26px;padding:4px 12px;border-radius:999px;background:var(--ouro);color:var(--carvao);font-size:12.5px;font-weight:600}
.plano h3{font-size:22px}
.plano .preco{display:flex;align-items:baseline;gap:6px}
.plano .preco strong{display:inline-flex;align-items:baseline;gap:5px;font-family:var(--mono);font-weight:600;font-size:36px;letter-spacing:-.02em;line-height:1}
.plano .preco .moeda{font-family:var(--texto);font-weight:600;font-size:18px;letter-spacing:0}
.plano .preco span{color:var(--suave);font-size:14px}
.plano.destaque .preco span{color:#5E574B}
.plano .anual-nota{font-size:13px;color:var(--suave);min-height:18px}
.plano.destaque .anual-nota{color:#5E574B}
.plano ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:15px}
.plano ul li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start}
.plano ul svg{width:18px;height:18px;stroke:var(--ouro);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}
.plano.destaque ul svg{stroke:var(--ouro-tinta)}
.plano ul li.herda{color:var(--suave)}
.plano.destaque ul li.herda{color:#5E574B}
.plano .btn{margin-top:auto}
.plano .extra{font-size:13.5px;color:var(--suave);line-height:1.45}
.planos-nota{margin-top:20px;color:var(--suave-2);font-size:14px}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.faq-lista{display:grid;gap:0}
.faq details{border-top:1px solid var(--linha)}
.faq details:last-child{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;cursor:pointer;list-style:none;font-weight:600;font-size:17px}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:0 0 auto;width:20px;height:20px;stroke:var(--ouro);fill:none;stroke-width:2;stroke-linecap:round;transition:transform 200ms var(--ease-out)}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq .resp{padding:0 0 20px;color:var(--suave);font-size:15.5px;max-width:64ch;text-wrap:pretty}
.faq .resp p + p{margin-top:8px}

/* ---------- assinar (CTA final) ---------- */
.assinar{position:relative;isolation:isolate;overflow:hidden}
.assinar .container{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.assinar h2{font-size:clamp(34px,4.2vw,56px)}
.assinar p{margin-top:16px;color:var(--suave);font-size:18px;max-width:46ch;text-wrap:pretty}
.escolha{display:grid;gap:10px;padding:22px;border-radius:var(--r-cartao);background:var(--carvao-2);border:1px solid var(--linha)}
.escolha label{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--linha);cursor:pointer;transition:border-color 150ms ease,background 150ms ease}
.escolha label:has(input:checked){border-color:var(--ouro);background:rgba(201,150,43,.08)}
.escolha input{width:18px;height:18px;margin:0;accent-color:var(--ouro)}
.escolha b{font-weight:600}
.escolha small{display:block;color:var(--suave);font-size:13px}
.escolha .valor{font-family:var(--mono);font-weight:600}
.escolha .btn{margin-top:8px;width:100%}
.escolha .nota{color:var(--suave-2);font-size:13px;text-align:center}

/* ---------- rodapé ---------- */
.rodape{border-top:1px solid var(--linha);padding:40px 0 48px;color:var(--suave);font-size:14px}
.rodape .container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 48px;align-items:start}
.rodape nav{display:flex;gap:20px;flex-wrap:wrap}
.rodape nav a{text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.rodape p{margin-top:12px;max-width:62ch;text-wrap:pretty}

/* ---------- revelar ao rolar ---------- */
@media (prefers-reduced-motion:no-preference){
  .rolagem[data-revela],.alertas-fone[data-revela]{opacity:0;transform:translateY(16px);transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out)}
  .rolagem[data-revela].in,.alertas-fone[data-revela].in{opacity:1;transform:none}
  .hero h1,.hero .sub,.hero .ctas{animation:texto 600ms var(--ease-out) both}
  .hero .sub{animation-delay:60ms}.hero .ctas{animation-delay:120ms}
  .hero .phone{animation:sobe 800ms var(--ease-out) 150ms both}
  .hero .fundo img{animation:zoom 9s var(--ease-out) both}
  .hero .notif{animation:cai 520ms var(--ease-out) both}
  .hero .notif[data-i="1"]{animation-delay:900ms}.hero .notif[data-i="2"]{animation-delay:1500ms}.hero .notif[data-i="3"]{animation-delay:2100ms}
}
@keyframes texto{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sobe{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
@keyframes zoom{from{transform:scale(1.06)}to{transform:none}}
@keyframes cai{from{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:none}}

/* ---------- celular ---------- */
@media (max-width:980px){
  .hero .container{grid-template-columns:1fr;gap:28px;padding:16px 0 48px;min-height:0}
  .hero h1{max-width:none;font-size:clamp(36px,10vw,48px)}
  .hero .sub{margin-top:14px;font-size:17px}
  .hero .ctas{margin-top:20px}
  .hero .fundo img{object-position:72% 40%;filter:saturate(.85) brightness(.55)}
  .hero .fundo::after{background:linear-gradient(180deg,rgba(27,24,19,.93) 0%,rgba(27,24,19,.74) 50%,rgba(27,24,19,.6) 75%,var(--carvao) 100%)}
  .panorama-grid,.alertas-grid,.ia-grid,.faq,.assinar .container{grid-template-columns:1fr;gap:36px}
  .foto-laudo{position:static}
  .passos{grid-template-columns:1fr;gap:36px}
  .planos{grid-template-columns:1fr}
  .rodape .container{grid-template-columns:1fr}
  .alertas-fone{order:-1}
}
@media (max-width:560px){
  .topo .container{gap:12px}
  .topo .marca{font-size:17px;gap:8px;line-height:1.02}
  .topo .marca > span{display:block}
  .topo .marca{display:grid;grid-template-columns:auto auto;align-items:center}
  .topo .marca .marca-sinal{grid-row:1 / span 2}
  .topo .btn{padding:0 14px;font-size:14px}
  .so-largo{display:none}
  .linha-tempo::before{left:48px}
  .linha-tempo li{grid-template-columns:36px 24px minmax(0,1fr)}
  .linha-tempo .q{font-size:12px}
  .laudo .total{grid-template-columns:1fr}
  .laudo .sinais{grid-template-columns:1fr}
  .laudo .avarias li{grid-template-columns:28px minmax(0,1fr);}
  .laudo .avarias .valor{grid-column:2;white-space:normal}
  .btn{min-height:50px;padding:0 20px}
}