/* ==========================================================================
   Muscle Strong · Landing page de orçamentos (personalizadosms.com.br)
   Linguagem visual do Catálogo B2B 2026: preto de fábrica, papel off-white,
   laranja de sinalização, títulos condensados e etiquetas em mono de ficha técnica.
   ========================================================================== */

@font-face{font-family:"Anton";src:url("../fonts/anton.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo";src:url("../fonts/archivo-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* Cor */
  --ink:#121211;          /* preto de fábrica */
  --ink-2:#1d1c1a;        /* superfícies sobre o preto */
  --ink-3:#2a2926;
  --paper:#eeece6;        /* papel do catálogo */
  --paper-2:#e2dfd7;
  --white:#ffffff;
  --signal:#ff5b1f;       /* laranja de sinalização (texto só sobre escuro) */
  --signal-ink:#b23a0c;   /* laranja para texto sobre claro (AA) */
  --muted-dark:#aeaba3;   /* texto secundário sobre escuro */
  --muted-light:#55524b;  /* texto secundário sobre claro */
  --line-dark:rgba(255,255,255,.16);
  --line-light:rgba(18,18,17,.16);
  --chat:#0b141a; --chat-bubble:#005c4b; --chat-text:#e9edef; --chat-meta:#9fb3ad;
  --ok:#1f7a3f; --error:#b3261e; --error-on-dark:#ff8a80;
  /* Tipo */
  --f-display:"Anton","Impact","Arial Narrow Bold","Helvetica Neue",sans-serif;
  --f-body:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --t-xs:.75rem; --t-sm:.875rem; --t-md:1rem; --t-lg:1.125rem; --t-xl:1.375rem;
  --t-h3:clamp(1.5rem,1.2rem + 1vw,2rem);
  --t-h2:clamp(2.4rem,1.6rem + 3.4vw,4.6rem);
  --t-h1:clamp(3.4rem,2rem + 7vw,8.4rem);
  /* Espaço */
  --gut:max(20px,env(safe-area-inset-left,0px));
  --gut-r:max(20px,env(safe-area-inset-right,0px));
  --sec:clamp(4rem,3rem + 5vw,8rem);
  --radius:4px;
  --focus:0 0 0 3px var(--ink),0 0 0 6px var(--signal);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--t-md);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:.95;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.on-dark :focus-visible,.dark :focus-visible{outline-color:var(--signal)}
.on-light :focus-visible,.light :focus-visible{outline-color:var(--ink)}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--signal);color:var(--ink);padding:.75rem 1rem;font-weight:700;border-radius:var(--radius);text-decoration:none}
.skip:focus{top:12px}

.wrap{width:100%;max-width:1280px;margin-inline:auto;padding-left:var(--gut);padding-right:var(--gut-r)}
.dark{background:var(--ink);color:var(--paper)}
.light{background:var(--paper);color:var(--ink)}

/* Etiquetas e títulos -------------------------------------------------- */
.eyebrow{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:.6rem}
.eyebrow::before{content:"";width:22px;height:3px;background:var(--signal);flex:none}
.light .eyebrow{color:var(--muted-light)}
.dark .eyebrow{color:var(--muted-dark)}
.h2{font-family:var(--f-display);font-size:var(--t-h2);text-transform:uppercase;letter-spacing:.005em}
.h2 em{font-style:normal;color:var(--signal)}
.light .h2 em{color:var(--signal-ink)}
.lede{font-size:var(--t-lg);max-width:60ch;line-height:1.55}
.light .lede{color:var(--muted-light)}
.dark .lede{color:var(--muted-dark)}
.sec-head{display:grid;gap:1.1rem;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}
.sec-head--split{grid-template-columns:1fr}
@media (min-width:900px){.sec-head--split{grid-template-columns:1.1fr .9fr;align-items:end;column-gap:3rem}.sec-head--split .lede{justify-self:end}}
section{padding-block:var(--sec)}

/* Botões --------------------------------------------------------------- */
.btn{--h:52px;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:var(--h);padding:0 1.4rem;border-radius:var(--radius);border:2px solid transparent;font-weight:700;font-size:var(--t-md);letter-spacing:.01em;text-decoration:none;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none}
.btn:active{transform:translateY(1px)}
.btn--signal{background:var(--signal);color:var(--ink)}
.btn--signal:hover{background:#ff7a47}
.btn--ghost-dark{border-color:var(--line-dark);color:var(--paper);background:transparent}
.btn--ghost-dark:hover{border-color:var(--paper)}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--ink:hover{background:var(--ink-3)}
.btn--ghost-light{border-color:var(--ink);color:var(--ink);background:transparent}
.btn--ghost-light:hover{background:var(--ink);color:var(--paper)}
.btn--sm{--h:42px;padding:0 1rem;font-size:var(--t-sm)}
.btn .arrow{transition:transform .2s ease}
.btn:hover .arrow{transform:translateX(3px)}

/* Topo ----------------------------------------------------------------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:61;background:var(--ink)}
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:60;background:rgba(18,18,17,.92);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);color:var(--paper);border-bottom:1px solid transparent;transition:border-color .2s ease}
.topbar.is-scrolled{border-bottom-color:var(--line-dark)}
.topbar__in{display:flex;align-items:center;gap:1.5rem;min-height:68px}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--paper);flex:none}
.brand__sym{width:44px;height:auto}
.brand__sig{width:132px;height:auto}
.nav{display:none;margin-left:auto}
.nav ul{display:flex;gap:1.6rem}
.nav a{font-size:var(--t-sm);text-decoration:none;color:var(--muted-dark);font-weight:500;padding-block:.5rem;border-bottom:2px solid transparent}
.nav a:hover{color:var(--paper);border-bottom-color:var(--signal)}
.topbar .btn{margin-left:auto}
@media (min-width:1000px){.nav{display:block}.topbar .btn{margin-left:0}}
@media (max-width:420px){.brand__sig{width:104px}.brand__sym{width:36px}.topbar .btn{padding:0 .85rem}}

/* Hero ----------------------------------------------------------------- */
.hero{position:relative;overflow:hidden;padding-block:clamp(2.5rem,2rem + 3vw,5rem) 0}
.hero__grid{display:grid;gap:2.5rem;align-items:center}
@media (min-width:1000px){.hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem}}
.hero__copy{display:grid;gap:1.6rem;min-width:0}
.hero__title{font-family:var(--f-display);font-size:var(--t-h1);text-transform:uppercase;line-height:.9;letter-spacing:.003em}
.hero__title span{display:block}
.hero__title .o{color:var(--signal)}
.hero__rot{font-size:var(--t-xl);font-weight:600;color:var(--paper);display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;min-height:2.2em}
.rot{position:relative;display:inline-grid;color:var(--signal);font-weight:800}
.rot__w{grid-area:1/1;transition:opacity .35s ease,transform .35s ease;white-space:nowrap}
.rot__w:not(.is-on){opacity:0;transform:translateY(.55em)}
.rot__w.is-out{opacity:0;transform:translateY(-.55em)}
.hero__lede{color:var(--muted-dark);font-size:var(--t-lg);max-width:54ch}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-dark);margin-top:.6rem}
@media (min-width:640px){.specs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.specs li{padding:1rem .9rem 1rem 0;display:grid;gap:.35rem;border-bottom:1px solid var(--line-dark)}
@media (min-width:640px){.specs li{border-bottom:0}}
.specs b{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);line-height:1;color:var(--signal)}
.specs span{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-dark);line-height:1.4}

/* Colunas de fotos do hero */
.reel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:clamp(420px,62vw,640px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.reel__col{overflow:hidden;position:relative}
.reel__track{display:grid;gap:12px;animation:reel-up 46s linear infinite}
.reel__col:nth-child(2) .reel__track{animation-name:reel-down;animation-duration:52s}
.reel:hover .reel__track{animation-play-state:paused}
.reel figure{margin:0;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--ink-2)}
.reel img{width:100%;aspect-ratio:4/5;object-fit:cover}
.reel figcaption{position:absolute;left:8px;bottom:8px;background:rgba(18,18,17,.82);color:var(--paper);font-family:var(--f-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:.3rem .5rem;border-radius:2px}
@keyframes reel-up{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}
@keyframes reel-down{from{transform:translateY(calc(-50% - 6px))}to{transform:translateY(0)}}
@media (max-width:999px){.reel{height:auto;grid-template-columns:1fr;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.reel__col:nth-child(2){display:none}.reel__track{display:flex;width:max-content;animation-name:reel-left;animation-duration:60s}.reel figure{width:160px;flex:none}}
@keyframes reel-left{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
.reel-toggle{position:absolute;right:10px;bottom:10px;z-index:2}

/* Faixa laranja */
.ticker{background:var(--signal);color:var(--ink);overflow:hidden;padding-block:.9rem;margin-top:clamp(2.5rem,2rem + 3vw,4.5rem);border-block:2px solid var(--ink)}
.ticker__track{display:flex;width:max-content;animation:reel-left 38s linear infinite}
.ticker ul{display:flex;align-items:center;gap:1.6rem;padding-right:1.6rem}
.ticker li{font-family:var(--f-display);font-size:clamp(1.3rem,1rem + 1vw,1.9rem);text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;gap:1.6rem}
.ticker li::after{content:"";width:10px;height:10px;background:var(--ink);transform:rotate(45deg)}

/* Segmentos ------------------------------------------------------------- */
.segs{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:640px){.segs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.segs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.seg{position:relative;display:grid;grid-template-rows:auto 1fr;background:var(--white);border:1px solid var(--line-light);border-radius:var(--radius);overflow:hidden}
.seg__img{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--paper-2)}
.seg__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.seg:hover .seg__img img{transform:scale(1.05)}
.seg__body{display:grid;gap:.6rem;padding:1.25rem 1.25rem 1.4rem;align-content:start}
.seg h3{font-family:var(--f-display);font-size:var(--t-h3);text-transform:uppercase;line-height:1}
.seg p{color:var(--muted-light);font-size:var(--t-sm)}
.seg .linkbtn{margin-top:.4rem}
.linkbtn{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;padding:.35rem 0;font-weight:700;font-size:var(--t-sm);cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--signal);color:inherit;justify-self:start}
.linkbtn:hover{text-decoration-color:currentColor}

/* Produtos -------------------------------------------------------------- */
.produtos{padding-top:0}
.tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.6rem;margin-bottom:1.6rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.tab{flex:none;min-height:44px;padding:0 1rem;border-radius:999px;border:1.5px solid var(--line-light);background:transparent;font-weight:600;font-size:var(--t-sm);cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}
.tab small{font-family:var(--f-mono);font-size:.68rem;color:var(--muted-light)}
.tab[aria-selected="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.tab[aria-selected="true"] small{color:var(--muted-dark)}
.tab:hover{border-color:var(--ink)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,78%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin;overscroll-behavior-x:contain}
@media (min-width:640px){.rail{grid-auto-columns:minmax(240px,42%)}}
@media (min-width:1000px){.rail{grid-auto-columns:calc((100% - 48px)/4)}}
.rail:focus-visible{outline-offset:6px}
.no-js .rail{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));overflow:visible}
.cat-title{font-family:var(--f-display);font-size:var(--t-h3);text-transform:uppercase;margin:2rem 0 1rem}
.js .cat-title{display:none}
.card{scroll-snap-align:start;display:grid;grid-template-rows:auto 1fr;background:var(--white);border:1px solid var(--line-light);border-radius:var(--radius);overflow:hidden;min-width:0}
.card__img{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.card:hover .card__img img{transform:scale(1.04)}
.card__tag{position:absolute;top:10px;left:10px;background:var(--ink);color:var(--paper);font-family:var(--f-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .5rem;border-radius:2px}
.card__body{display:grid;gap:.5rem;padding:1rem 1rem 1.1rem;align-content:start}
.card h3{font-family:var(--f-display);font-size:1.45rem;text-transform:uppercase;line-height:1}
.card p{font-size:var(--t-sm);color:var(--muted-light);line-height:1.5}
.card__fab{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-light);border-top:1px dashed var(--line-light);padding-top:.6rem}
.card__fab b{color:var(--ink);font-weight:500}
.add{margin-top:.4rem;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;border-radius:var(--radius);border:1.5px solid var(--ink);background:transparent;font-weight:700;font-size:var(--t-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}
.add svg{width:18px;height:18px}
.add:hover{background:var(--ink);color:var(--paper)}
.add[aria-pressed="true"]{background:var(--signal);border-color:var(--signal);color:var(--ink)}
.add .add__on{display:none}
.add[aria-pressed="true"] .add__on{display:inline}
.add[aria-pressed="true"] .add__off{display:none}
.rail-nav{display:none;gap:.5rem;justify-content:flex-end;margin-top:.4rem}
.js .rail-nav{display:flex}
.iconbtn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;display:grid;place-items:center;cursor:pointer}
.iconbtn:hover{background:var(--ink);color:var(--paper)}
.iconbtn svg{width:20px;height:20px}
.prod-note{margin-top:1.4rem;font-size:var(--t-sm);color:var(--muted-light);display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-family:var(--f-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}

/* Personalização -------------------------------------------------------- */
.tec{display:grid;gap:2.5rem}
@media (min-width:1000px){.tec{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;align-items:start}}
.tec__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:1.2rem}
@media (min-width:640px){.tec__tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tec__tab{min-height:56px;border:1.5px solid var(--line-dark);background:transparent;color:var(--paper);border-radius:var(--radius);font-family:var(--f-display);font-size:1.25rem;text-transform:uppercase;cursor:pointer;letter-spacing:.02em}
.tec__tab:hover{border-color:var(--paper)}
.tec__tab[aria-selected="true"]{background:var(--signal);color:var(--ink);border-color:var(--signal)}
.tec__panel{border:1px solid var(--line-dark);border-radius:var(--radius);padding:1.5rem;display:grid;gap:1rem;background:var(--ink-2)}
.tec__panel h3{font-family:var(--f-display);font-size:var(--t-h3);text-transform:uppercase}
.tec__panel p{color:var(--muted-dark)}
.tec__dl{display:grid;gap:.6rem;margin:0}
.tec__dl div{display:grid;grid-template-columns:110px 1fr;gap:1rem;border-top:1px solid var(--line-dark);padding-top:.6rem}
.tec__dl dt{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark);padding-top:.2rem}
.tec__dl dd{margin:0;font-weight:600}
.no-js .tec__panel[hidden]{display:grid!important;margin-bottom:1rem}
.no-js .tec__tabs{display:none}

.zones{display:grid;gap:1.2rem}
.zones__figs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zones__fig{margin:0;background:var(--ink-2);border:1px solid var(--line-dark);border-radius:var(--radius);padding:1rem .8rem .7rem;display:grid;gap:.5rem;justify-items:center}
.zones__fig svg{width:100%;max-width:240px;height:auto}
.zones__fig figcaption{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dark)}
.tee{fill:#2c2b28;stroke:#5c5a54;stroke-width:1.5}
.zone{fill:var(--signal);opacity:0;transition:opacity .25s ease}
.zone.is-on{opacity:.9}
.zone-chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:42px;padding:0 1rem;border-radius:999px;border:1.5px solid var(--line-dark);background:transparent;color:var(--paper);font-weight:600;font-size:var(--t-sm);cursor:pointer}
.chip:hover{border-color:var(--paper)}
.chip[aria-pressed="true"]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.zones__note{font-size:var(--t-sm);color:var(--muted-dark)}

/* Como funciona --------------------------------------------------------- */
.steps{display:grid;gap:0;counter-reset:s;border-top:2px solid var(--ink)}
.step{display:grid;grid-template-columns:72px 1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--line-light);align-items:start}
@media (min-width:800px){.step{grid-template-columns:120px 280px 1fr;align-items:baseline}}
.step__n{font-family:var(--f-display);font-size:clamp(2.4rem,2rem + 1.5vw,3.4rem);line-height:.9;color:var(--signal-ink)}
.step h3{font-family:var(--f-display);font-size:var(--t-h3);text-transform:uppercase;line-height:1}
.step p{color:var(--muted-light);grid-column:2}
@media (min-width:800px){.step p{grid-column:auto}}
.how{display:grid;gap:3rem}
@media (min-width:1000px){.how{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:4rem;align-items:start}}
.spec{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:1.6rem;display:grid;gap:1rem;position:sticky;top:96px}
.spec h3{font-family:var(--f-display);font-size:1.7rem;text-transform:uppercase}
.spec dl{margin:0;display:grid}
.spec dl div{display:grid;gap:.25rem;padding:.8rem 0;border-top:1px solid var(--line-dark)}
.spec dt{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}
.spec dd{margin:0;font-weight:600}
.spec .btn{margin-top:.4rem}
.prep{margin-top:2rem;display:grid;gap:.8rem}
.prep h3{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light);font-weight:500}
.prep ul{display:grid;gap:.5rem;grid-template-columns:1fr}
@media (min-width:640px){.prep ul{grid-template-columns:1fr 1fr}}
.prep li{display:flex;gap:.6rem;align-items:flex-start;font-weight:500}
.prep li::before{content:"";width:8px;height:8px;margin-top:.55em;background:var(--signal-ink);flex:none;transform:rotate(45deg)}

/* Clientes --------------------------------------------------------------- */
.clientes{background:var(--paper-2)}
.feat{display:grid;gap:1.4rem;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:1.6rem;align-items:center;margin-bottom:1.6rem}
@media (min-width:800px){.feat{grid-template-columns:260px 1fr auto;gap:2.4rem;padding:2rem 2.4rem}}
.feat img{width:200px;max-width:100%}
.feat h3{font-family:var(--f-display);font-size:var(--t-h3);text-transform:uppercase}
.feat p{color:var(--muted-dark);font-size:var(--t-sm)}
.logos{display:grid;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.logos__row{display:flex;width:max-content;gap:12px;animation:reel-left 70s linear infinite}
.logos__row:nth-child(2){animation-direction:reverse;animation-duration:80s}
.logos:hover .logos__row{animation-play-state:paused}
.logos__set{display:flex;gap:12px}
.logo-tile{width:168px;height:92px;flex:none;background:var(--white);border:1px solid var(--line-light);border-radius:var(--radius);display:grid;place-items:center;padding:14px 18px}
.logo-tile img{max-height:58px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.86;transition:filter .3s ease,opacity .3s ease}
.logo-tile:hover img{filter:none;opacity:1}
.logo-tile--dark{background:var(--ink)}
.legal-note{margin-top:1.2rem;font-size:var(--t-xs);color:var(--muted-light)}

/* Orçamento -------------------------------------------------------------- */
.quote{position:relative}
.quote__grid{display:grid;gap:2.5rem}
@media (min-width:1050px){.quote__grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:4rem;align-items:start}}
.qform{background:var(--ink-2);border:1px solid var(--line-dark);border-radius:6px;padding:clamp(1.2rem,1rem + 1.5vw,2.2rem);display:grid;gap:1.4rem;min-width:0}
.prog{display:grid;gap:.6rem}
.prog__top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark)}
.prog__bar{height:6px;background:var(--ink-3);border-radius:99px;overflow:hidden}
.prog__fill{height:100%;width:20%;background:var(--signal);border-radius:99px;transition:width .4s cubic-bezier(.2,.7,.2,1)}
.qstep{border:0;margin:0;padding:0;min-width:0;display:grid;gap:1.1rem}
.qstep legend{font-family:var(--f-display);font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem);text-transform:uppercase;line-height:1;padding:0;margin-bottom:1.1rem}
.qstep legend small{display:block;font-family:var(--f-body);font-size:var(--t-sm);text-transform:none;color:var(--muted-dark);margin-top:.5rem;line-height:1.4;font-weight:400}
.js .qstep:not(.is-current){display:none}
.no-js .qstep{border-top:1px solid var(--line-dark);padding-top:1.4rem}
.opts{display:grid;gap:10px;grid-template-columns:1fr}
@media (min-width:560px){.opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.opts--3{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:700px){.opts--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.opt{position:relative}
.opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.opt label{display:flex;align-items:center;gap:.75rem;min-height:58px;padding:.8rem 1rem;border:1.5px solid var(--line-dark);border-radius:var(--radius);cursor:pointer;font-weight:600;line-height:1.25;transition:border-color .15s ease,background-color .15s ease;height:100%}
.opt label:hover{border-color:var(--muted-dark)}
.opt .mark{width:22px;height:22px;flex:none;border:2px solid var(--muted-dark);border-radius:50%;display:grid;place-items:center;transition:all .15s ease}
.opt input[type="checkbox"] + label .mark{border-radius:4px}
.opt .mark::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .15s ease}
.opt input[type="checkbox"] + label .mark::after{width:12px;height:7px;border-radius:0;background:none;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg) scale(0);margin-top:-3px}
.opt input:checked + label{border-color:var(--signal);background:rgba(255,91,31,.1)}
.opt input:checked + label .mark{background:var(--signal);border-color:var(--signal)}
.opt input:checked + label .mark::after{transform:scale(1)}
.opt input[type="checkbox"]:checked + label .mark::after{transform:rotate(-45deg) scale(1)}
.opt input:focus-visible + label{outline:3px solid var(--signal);outline-offset:2px}
.opt label small{display:block;font-weight:400;color:var(--muted-dark);font-size:var(--t-xs);margin-top:.15rem}
.models{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--t-sm);color:var(--muted-dark)}
.models .mchip{display:inline-flex;align-items:center;gap:.4rem;background:var(--ink-3);color:var(--paper);border-radius:999px;padding:.25rem .35rem .25rem .8rem;font-weight:600}
.mchip button{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--paper);cursor:pointer;display:grid;place-items:center}
.mchip button:hover{background:var(--ink)}
.mchip svg{width:14px;height:14px}
.note{border-left:3px solid var(--signal);padding:.7rem 1rem;background:rgba(255,91,31,.08);font-size:var(--t-sm);color:var(--paper);border-radius:0 var(--radius) var(--radius) 0}
.fields{display:grid;gap:1rem}
@media (min-width:640px){.fields{grid-template-columns:1fr 1fr}.fields .full{grid-column:1/-1}}
.field{display:grid;gap:.4rem;min-width:0}
.field label{font-weight:600;font-size:var(--t-sm)}
.field label .opt-tag{font-weight:400;color:var(--muted-dark)}
.field input{min-height:52px;padding:0 1rem;border-radius:var(--radius);border:1.5px solid var(--line-dark);background:var(--ink);color:var(--paper);font-size:1rem;width:100%}
.field input::placeholder{color:#8a877f}
.field input:focus{border-color:var(--signal);outline:none;box-shadow:0 0 0 3px rgba(255,91,31,.35)}
.field input[aria-invalid="true"]{border-color:var(--error-on-dark)}
.field .hint{font-size:var(--t-xs);color:var(--muted-dark)}
.field .err,.consent .err,.step-err{font-size:var(--t-sm);color:var(--error-on-dark);font-weight:600}
.consent{display:grid;gap:.4rem}
.consent__row{display:flex;gap:.75rem;align-items:flex-start}
.consent input{width:22px;height:22px;margin:.15rem 0 0;accent-color:var(--signal);flex:none}
.consent label{font-size:var(--t-sm);color:var(--muted-dark)}
.consent a{color:var(--paper);text-decoration-color:var(--signal);text-underline-offset:3px}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.qnav{display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line-dark);padding-top:1.2rem}
.qnav .btn--ghost-dark{min-width:120px}
.qnav__next{margin-left:auto}
.no-js .qnav [data-prev],.no-js .qnav [data-next],.no-js .prog{display:none}
.js .qnav [type="submit"]:not(.is-on){display:none}
.privacy-line{font-size:var(--t-xs);color:var(--muted-dark);display:flex;gap:.5rem;align-items:flex-start}
.privacy-line svg{width:16px;height:16px;flex:none;margin-top:.15rem;color:var(--signal)}
.done{display:grid;gap:1.2rem;text-align:left}
.done h3{font-family:var(--f-display);font-size:clamp(2rem,1.6rem + 1.6vw,3rem);text-transform:uppercase;line-height:1}
.done p{color:var(--muted-dark)}
.tag{display:inline-grid;gap:.2rem;background:var(--paper);color:var(--ink);padding:1rem 1.2rem 1rem 2.2rem;border-radius:4px 14px 14px 4px;position:relative;justify-self:start;font-family:var(--f-mono)}
.tag::before{content:"";position:absolute;left:.8rem;top:50%;width:10px;height:10px;border-radius:50%;background:var(--ink);transform:translateY(-50%)}
.tag small{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light)}
.tag b{font-size:1.3rem;font-weight:500;letter-spacing:.06em}
.done ul{display:grid;gap:.4rem;font-size:var(--t-sm);color:var(--muted-dark)}
.done li{display:flex;gap:.5rem}
.done li::before{content:"→";color:var(--signal)}

/* Celular com a prévia da mensagem */
.phone-wrap{display:grid;gap:1rem;justify-items:center;position:sticky;top:96px}
.phone{width:min(100%,340px);border-radius:38px;background:#050505;padding:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6),inset 0 0 0 2px #2b2b2b}
.phone__screen{border-radius:28px;overflow:hidden;background:var(--chat);display:grid;grid-template-rows:auto 1fr auto;height:520px}
.phone__head{display:flex;align-items:center;gap:.7rem;padding:1.6rem 1rem .8rem;background:#1f2c34;color:var(--chat-text)}
.phone__ava{width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--ink);display:grid;place-items:center;flex:none}
.phone__ava svg{width:30px;height:auto}
.phone__head b{display:block;font-size:.95rem;line-height:1.2}
.phone__head span{font-size:.72rem;color:var(--chat-meta)}
.phone__body{padding:1rem .8rem;overflow:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.03),transparent 40%),var(--chat)}
.bubble{align-self:flex-end;max-width:92%;background:var(--chat-bubble);color:var(--chat-text);border-radius:10px 10px 2px 10px;padding:.55rem .7rem .4rem;font-size:.84rem;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 1px 1px rgba(0,0,0,.25)}
.bubble b{font-weight:700}
.bubble .ph{color:rgba(233,237,239,.55);font-style:italic}
.bubble__meta{display:block;text-align:right;font-size:.65rem;color:var(--chat-meta);margin-top:.2rem}
.caret{display:inline-block;width:2px;height:1em;background:var(--chat-text);vertical-align:-2px;margin-left:1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.phone__foot{display:flex;gap:.5rem;align-items:center;padding:.6rem .7rem .9rem;background:var(--chat)}
.phone__input{flex:1;height:38px;border-radius:99px;background:#1f2c34;color:var(--chat-meta);font-size:.78rem;display:flex;align-items:center;padding:0 .9rem}
.phone__send{width:38px;height:38px;border-radius:50%;background:#00a884;display:grid;place-items:center;color:#06120f}
.phone__send svg{width:18px;height:18px}
.phone-cap{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-dark);text-align:center;max-width:34ch}
@media (max-width:1049px){.phone-wrap{position:static}.phone__screen{height:430px}}

/* Dúvidas ---------------------------------------------------------------- */
.faq{display:grid;gap:3rem}
@media (min-width:1000px){.faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem}}
.faq__list{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line-light)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;font-weight:700;font-size:var(--t-lg);line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:14px;height:14px;flex:none;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg) translateY(-4px);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.faq details > div{padding:0 0 1.3rem;color:var(--muted-light);max-width:68ch;display:grid;gap:.7rem}
.faq details > div a{color:var(--ink)}

/* Chamada final ---------------------------------------------------------- */
.final{background:var(--signal);color:var(--ink);padding-block:clamp(3.5rem,3rem + 3vw,6rem);border-top:2px solid var(--ink)}
.final__in{display:grid;gap:1.6rem;align-items:end}
@media (min-width:900px){.final__in{grid-template-columns:1fr auto}}
.final h2{font-family:var(--f-display);font-size:var(--t-h2);text-transform:uppercase;line-height:.92}
.final p{font-weight:600;max-width:52ch;margin-top:1rem}

/* Rodapé ------------------------------------------------------------------ */
.foot{background:var(--ink);color:var(--muted-dark);padding-block:3.5rem calc(2rem + env(safe-area-inset-bottom,0px));font-size:var(--t-sm)}
.foot__grid{display:grid;gap:2.2rem}
@media (min-width:900px){.foot__grid{grid-template-columns:1.2fr 1fr 1fr}}
.foot .brand{color:var(--paper)}
.foot h2{font-family:var(--f-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);font-weight:500;margin-bottom:.9rem}
.foot address{font-style:normal;display:grid;gap:.35rem}
.foot ul{display:grid;gap:.5rem}
.foot a{color:var(--muted-dark);text-underline-offset:3px}
.foot a:hover{color:var(--paper)}
.foot .linkbtn{color:var(--muted-dark);font-weight:400;padding:0;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:currentColor}
.foot .linkbtn:hover{color:var(--paper)}
.foot__base{margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--line-dark);display:grid;gap:.5rem;font-size:var(--t-xs)}

/* CTA flutuante ----------------------------------------------------------- */
.dock{position:fixed;z-index:50;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140%);transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;align-items:center;gap:.6rem;background:var(--ink);color:var(--paper);border:1.5px solid var(--line-dark);border-radius:999px;padding:.35rem .35rem .35rem 1.1rem;box-shadow:0 18px 40px -12px rgba(0,0,0,.55);max-width:calc(100% - 28px)}
.dock.is-on{transform:translate(-50%,0)}
.dock__txt{font-size:var(--t-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock__count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:99px;background:var(--signal);color:var(--ink);font-size:.78rem;font-weight:800;margin-right:.45rem;padding:0 .4rem}
.dock .btn{--h:44px;border-radius:999px}

/* Aviso de cookies ------------------------------------------------------- */
.cookie{position:fixed;z-index:80;left:0;right:0;bottom:0;padding:0 max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));pointer-events:none}
.cookie__box{pointer-events:auto;max-width:980px;margin-inline:auto;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:6px;padding:1.1rem 1.2rem;display:grid;gap:1rem;box-shadow:0 20px 50px -15px rgba(0,0,0,.5)}
@media (min-width:860px){.cookie__box{grid-template-columns:1fr auto;align-items:center}}
.cookie h2{font-family:var(--f-body);font-size:var(--t-md);font-weight:800;line-height:1.3;margin-bottom:.25rem}
.cookie p{font-size:var(--t-sm);color:var(--muted-light)}
.cookie p a{color:var(--ink)}
.cookie__btns{display:flex;flex-wrap:wrap;gap:.5rem}
.cookie__btns .btn{--h:46px;flex:1 1 auto}
.cdlg{border:2px solid var(--ink);border-radius:8px;padding:0;max-width:560px;width:calc(100% - 24px);background:var(--paper);color:var(--ink)}
.cdlg::backdrop{background:rgba(18,18,17,.6)}
.cdlg form{padding:1.5rem;display:grid;gap:1rem}
.cdlg h2{font-family:var(--f-display);font-size:1.9rem;text-transform:uppercase;line-height:1}
.cdlg p{font-size:var(--t-sm);color:var(--muted-light)}
.cpref{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:center;border-top:1px solid var(--line-light);padding-top:.9rem}
.cpref b{font-size:var(--t-md)}
.cpref p{grid-column:1/-1}
.switch{position:relative;width:52px;height:30px;flex:none}
.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.switch span{position:absolute;inset:0;border-radius:99px;background:#b9b6ae;transition:background-color .2s ease}
.switch span::after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:var(--white);transition:transform .2s ease}
.switch input:checked + span{background:var(--ink)}
.switch input:checked + span::after{transform:translateX(22px)}
.switch input:focus-visible + span{outline:3px solid var(--signal);outline-offset:2px}
.switch input:disabled + span{background:var(--muted-light);opacity:.7}
.cdlg__btns{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;border-top:1px solid var(--line-light);padding-top:1rem}

/* Revelação suave ao rolar (conteúdo visível por padrão) ----------------- */
@media (prefers-reduced-motion:no-preference){
  .js .rv{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
  .js .rv.is-pre{opacity:.001;transform:translateY(24px)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reel__track,.ticker__track,.logos__row{animation:none!important;transform:none!important}
  .logos__row{flex-wrap:wrap;width:auto}
  .logos__row .logos__set + .logos__set{display:none}
  .logos{-webkit-mask-image:none;mask-image:none}
}
.is-paused .reel__track,.is-paused .ticker__track,.is-paused .logos__row{animation-play-state:paused!important}

/* Páginas legais --------------------------------------------------------- */
.doc{padding-block:clamp(2.5rem,2rem + 3vw,5rem) var(--sec)}
.doc__in{max-width:820px}
.doc h1{font-family:var(--f-display);font-size:clamp(2.6rem,2rem + 3vw,4.4rem);text-transform:uppercase;line-height:.95;margin:.8rem 0 1rem}
.doc .meta{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);margin-bottom:2rem}
.doc h2{font-family:var(--f-display);font-size:1.8rem;text-transform:uppercase;margin:2.6rem 0 .9rem;line-height:1}
.doc h3{font-size:1.1rem;font-weight:800;margin:1.6rem 0 .5rem;line-height:1.3}
.doc p,.doc li{max-width:72ch;color:#2f2d29}
.doc p + p{margin-top:.8rem}
.doc ul,.doc ol{margin:.6rem 0 1rem;display:grid;gap:.45rem;padding-left:1.2rem}
.doc ul{list-style:disc}
.doc ol{list-style:decimal}
.doc a{color:var(--signal-ink);font-weight:600;text-underline-offset:3px}
.doc .box{background:var(--white);border:1px solid var(--line-light);border-radius:var(--radius);padding:1.2rem 1.4rem;margin:1.2rem 0}
.tbl{overflow-x:auto;margin:1rem 0;border:1px solid var(--line-light);border-radius:var(--radius);background:var(--white)}
.tbl table{border-collapse:collapse;width:100%;min-width:620px;font-size:var(--t-sm)}
.tbl th,.tbl td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid var(--line-light);vertical-align:top}
.tbl th{font-family:var(--f-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light);font-weight:500;background:var(--paper)}
.tbl tr:last-child td{border-bottom:0}
.doc-nav{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin-top:3rem;padding-top:1.4rem;border-top:2px solid var(--ink);font-size:var(--t-sm)}
.doc-nav a{color:var(--ink);font-weight:600}

/* Ajustes finais ------------------------------------------------------------ */
.foot__tag{margin-top:1rem;max-width:40ch}
.reel-toggle span{white-space:nowrap}
.done[hidden]{display:none!important}
.qform.is-done > :not([data-done]){display:none!important}
.qform[aria-busy="true"] [type="submit"]{opacity:.7;cursor:progress}
.step-err a,.note a,.models a{color:var(--paper);text-underline-offset:3px;text-decoration-color:var(--signal)}
.cookie[hidden]{display:none!important}
.dock__count[hidden]{display:none}
.doc-top{background:var(--ink);color:var(--paper)}
.doc-top .topbar__in{justify-content:space-between}
.nf-cta{margin-top:1.5rem}
.brand__sym{width:52px}
.brand__sig{width:150px}
@media (max-width:420px){.brand__sig{width:112px}.brand__sym{width:40px}}
.reel-wrap{display:grid;gap:10px;min-width:0}
.reel-wrap .reel-toggle{position:static;justify-self:end}
.linkbtn svg{width:18px;height:18px;flex:none}
.linkbtn{white-space:nowrap}
.card__body{display:flex;flex-direction:column;gap:.5rem}
.card__fab{margin-top:auto}
.clientes.light{background:var(--paper-2)}
.rail-nav .iconbtn:disabled{opacity:.35;cursor:default;background:transparent;color:inherit}
@media (max-width:1049px){.phone-wrap{display:none}}
.add{white-space:nowrap;padding:0 .6rem}
@media (max-width:639px){.add{font-size:.8125rem}}
.bubble__meta{color:rgba(233,237,239,.82)}
.doc a.btn--ink{color:var(--paper)}
html{scroll-padding-bottom:96px}

/* =========================================================================
   CELULAR E TABLET
   Ordem do hero, página mais curta, toque confortável e menos coisa fixa na tela.
   ========================================================================= */
/* Hero: no celular e no tablet as fotos sobem para logo depois dos botões
   (no computador nada muda) */
@media (max-width:999px){
  .hero__rot{line-height:1.3}
  .hero__title{line-height:.95}
  .eyebrow{text-wrap:balance}
  .card__tag,.reel figcaption{font-size:.7rem}
  .hero__grid{gap:1.25rem}
  .hero__grid > *{min-width:0}
  .hero__copy{display:contents}
  .hero__copy > .eyebrow{order:1}
  .hero__title{order:2}
  .hero__rot{order:3}
  .hero__lede{order:4}
  .hero__cta{order:5}
  .reel-wrap{order:6;margin-top:.5rem}
  .specs{order:7;margin-top:0}
}

@media (max-width:699px){
  :root{--sec:3.5rem}
  html{scroll-padding-top:12px}
  .sec-head{gap:.9rem;margin-bottom:1.6rem}
  .lede{font-size:1.0625rem}

  /* Topo: não fica preso na tela (o botão flutuante já leva ao orçamento) */
  .topbar{position:relative;top:auto}
  .topbar__in{min-height:60px;gap:1rem}

  /* Hero */
  .hero{padding-top:1.75rem}
  .hero__title{font-size:clamp(3.1rem,1.6rem + 7.4vw,4.4rem)}
  .hero__rot{font-size:1.25rem;min-height:0}
  .hero__lede{font-size:1rem;line-height:1.6}
  .hero__cta{display:grid;grid-template-columns:1fr;gap:.6rem}
  .hero__cta .btn{width:100%}
  .reel-wrap{position:relative;margin-inline:calc(-1 * var(--gut)) calc(-1 * var(--gut-r))}
  .reel figure{width:150px}
  .reel-wrap .reel-toggle{position:absolute;right:max(10px,var(--gut-r));top:10px;bottom:auto;width:44px;min-height:44px;padding:0;border-radius:50%;background:rgba(18,18,17,.82);border-color:rgba(255,255,255,.3)}
  .reel-wrap .reel-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .specs li{padding:.85rem .75rem .85rem 0}
  .specs span{font-size:.7rem}
  .ticker{margin-top:2rem;padding-block:.7rem}

  /* Segmentos: cartão deitado, foto à esquerda */
  .segs{gap:10px}
  .seg{grid-template-rows:none;grid-template-columns:112px minmax(0,1fr)}
  .seg__img{aspect-ratio:auto;min-height:140px}
  .seg__img img{position:absolute;inset:0}
  .seg__body{padding:.9rem .95rem 1rem;gap:.35rem;align-content:center}
  .seg h3{font-size:1.3rem}
  .seg p{font-size:.8125rem;line-height:1.45}
  .seg .linkbtn{margin-top:.1rem;white-space:normal;text-align:left;font-size:.875rem}

  /* Modelos: abas e vitrine encostam na borda da tela, sinal de que dá para arrastar */
  .tabs{margin-inline:calc(-1 * var(--gut)) calc(-1 * var(--gut-r));padding-inline:var(--gut) calc(var(--gut-r) + 32px);margin-bottom:1.1rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
  .tabs::-webkit-scrollbar{display:none}
  .rail{margin-inline:calc(-1 * var(--gut)) calc(-1 * var(--gut-r));padding-inline:var(--gut) var(--gut-r);scroll-padding-inline:var(--gut) var(--gut-r);gap:12px;grid-auto-columns:minmax(228px,76%);scrollbar-width:none}
  .rail::-webkit-scrollbar{display:none}
  .card h3{font-size:1.35rem}
  .prod-note{margin-top:1rem;gap:.3rem 1rem}

  /* Personalização */
  .tec{gap:2rem}
  .tec__tab{min-height:50px;font-size:1.15rem}
  .tec__panel{padding:1.15rem}
  .tec__dl div{grid-template-columns:92px 1fr;gap:.75rem}

  /* Como funciona: número ao lado do título */
  .how{gap:2rem}
  .step{grid-template-columns:46px minmax(0,1fr);column-gap:.9rem;row-gap:.3rem;padding:1.05rem 0}
  .step__n{grid-row:span 2;font-size:2.1rem}
  .step h3{font-size:1.3rem}
  .step p{font-size:.9375rem;line-height:1.5}
  .prep{margin-top:1.5rem}
  .spec{padding:1.25rem}
  .spec dl div{padding:.65rem 0}

  /* Clientes */
  .feat{padding:1.25rem;gap:1rem;margin-bottom:1.2rem}
  .feat img{width:160px}
  .logo-tile{width:136px;height:76px;padding:10px 14px}
  .logo-tile img{max-height:48px}

  /* Orçamento */
  .quote__grid{gap:1.5rem}
  .qform{padding:1.1rem 1rem 1.2rem;gap:1.2rem}
  .qstep{gap:.9rem}
  .qstep legend{margin-bottom:.9rem}
  .opt label{min-height:54px;padding:.7rem .85rem}
  .qnav{padding-top:1rem}
  .qnav [data-prev]{min-width:0;flex:0 0 auto;padding:0 1rem}
  .qnav__next{flex:1 1 auto}

  /* Dúvidas */
  .faq{gap:1.75rem}
  .faq summary{font-size:1rem;padding:1.05rem 0}

  /* Chamada final e rodapé */
  .final{padding-block:3rem}
  .final .btn{width:100%}
  .foot{padding-top:2.75rem}
  .foot__grid{gap:1.8rem}
  .foot ul{gap:.15rem}
  .foot li a,.foot li .linkbtn{display:inline-block;padding-block:.4rem}

  /* Botão flutuante: barra larga no pé da tela */
  .dock{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));max-width:none;transform:translateY(160%);justify-content:space-between;padding-left:1rem}
  .dock.is-on{transform:translateY(0)}

  /* Aviso de cookies mais baixo; Recusar e Aceitar lado a lado, do mesmo tamanho */
  .cookie__box{padding:1rem;gap:.8rem}
  .cookie h2{margin-bottom:.15rem}
  .cookie p{font-size:.8125rem;line-height:1.5}
  .cookie__btns .btn{--h:46px;flex:1 1 calc(50% - .25rem);padding:0 .6rem}
  .cookie__btns [data-ck="custom"]{flex-basis:100%;--h:40px;border-width:1.5px}
  .cdlg form{padding:1.25rem}
  .cdlg__btns .btn{flex:1 1 100%}
}

@media (max-width:379px){
  .seg{grid-template-columns:100px minmax(0,1fr)}
  .seg h3{font-size:1.2rem}
  .topbar .btn{padding:0 .75rem;font-size:.8125rem}
}