/* Centermaq — home 2026 · identidade: vermelho #ED3237, preto #110E0E, cinza #6B6A6A, claro #EFEFEF · Gilroy */
@font-face{font-family:Gilroy;font-weight:300;src:url(../fonts/Gilroy-Light.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-weight:400;src:url(../fonts/Gilroy-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-weight:500;src:url(../fonts/Gilroy-Medium.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-weight:600;src:url(../fonts/Gilroy-SemiBold.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-weight:700;src:url(../fonts/Gilroy-Bold.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-weight:800;src:url(../fonts/Gilroy-ExtraBold.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-weight:900;src:url(../fonts/Gilroy-Black.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-style:italic;font-weight:700;src:url(../fonts/Gilroy-BoldItalic.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-style:italic;font-weight:800;src:url(../fonts/Gilroy-ExtraBoldItalic.woff2) format("woff2");font-display:swap}
@font-face{font-family:Gilroy;font-style:italic;font-weight:900;src:url(../fonts/Gilroy-BlackItalic.woff2) format("woff2");font-display:swap}

:root{
  --red:#ED3237;--red-2:#ff4a4f;--red-d:#a3151b;--ink:#110E0E;--ink-2:#1a1616;--ink-3:#241f1f;
  --grey:#6B6A6A;--mist:#EFEFEF;--white:#fff;
  --line:rgba(255,255,255,.12);--line-d:rgba(17,14,14,.12);
  --hex:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);
  --ease:cubic-bezier(.2,.8,.2,1);
  --gut:clamp(20px,5vw,72px);--max:1320px;
  --fs-h1:clamp(2.5rem,5.1vw,5rem);--fs-h2:clamp(2.1rem,4.6vw,4.2rem);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Gilroy,system-ui,sans-serif;font-weight:500;background:var(--ink);color:var(--white);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
::selection{background:var(--red);color:#fff}
:focus-visible{outline:3px solid var(--red-2);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{width:min(100% - var(--gut)*2,var(--max));margin-inline:auto}
.it{font-style:italic;font-weight:900;color:var(--red)}
.red{color:var(--red)}
svg.i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* progress + preloader */
.progress{position:fixed;inset:0 0 auto 0;height:3px;z-index:120;background:linear-gradient(90deg,var(--red-d),var(--red),var(--red-2));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}
.pre{position:fixed;inset:0;z-index:200;background:var(--ink);display:grid;place-items:center;transition:opacity .6s .15s,visibility .6s .15s}
.pre img{width:92px;animation:preSpin 1.1s var(--ease) infinite alternate}
.pre.done{opacity:0;visibility:hidden}
@keyframes preSpin{from{transform:rotate(-12deg) scale(.9);opacity:.5}to{transform:rotate(0) scale(1);opacity:1}}

/* ============ HEADER ============ */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;transition:transform .5s var(--ease),background .4s,backdrop-filter .4s,border-color .4s;border-bottom:1px solid transparent}
.hdr.scrolled{background:rgba(17,14,14,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-color:var(--line)}
.hdr.hide{transform:translateY(-100%)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px;transition:height .4s}
.hdr.scrolled .wrap{height:68px}
.brand{display:flex;align-items:center;gap:12px}
.brand img:first-child{height:46px;width:auto;transition:height .4s,transform .8s var(--ease)}
.brand:hover img:first-child{transform:rotate(-14deg)}
.brand img:last-child{height:20px;width:auto}
.hdr.scrolled .brand img:first-child{height:38px}
.nav{display:flex;gap:6px;align-items:center}
.nav a.l{position:relative;padding:10px 14px;font-weight:700;font-size:.95rem;letter-spacing:.01em;color:rgba(255,255,255,.82);transition:color .3s}
.nav a.l::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform .4s var(--ease)}
.nav a.l:hover,.nav a.l.on{color:#fff}
.nav a.l:hover::after,.nav a.l.on::after{transform:scaleX(1)}
.hdr-cta{display:flex;gap:10px;align-items:center}
.burger{display:none;width:48px;height:48px;position:relative;clip-path:var(--hex);background:var(--red)}
.burger span{position:absolute;left:15px;right:15px;height:2px;background:#fff;transition:transform .4s var(--ease),opacity .3s}
.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:28px}
.menu-open .burger span:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}

/* ============ BUTTONS ============ */
.btn{--bg:var(--red);--fg:#fff;position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 26px 16px 28px;border-radius:999px;font-weight:800;font-size:.98rem;letter-spacing:.01em;background:var(--bg);color:var(--fg);overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s;box-shadow:0 10px 30px -10px rgba(237,50,55,.7)}
.btn::before{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}
.btn:hover::before{transform:translateY(0)}
.btn:hover{box-shadow:0 14px 34px -10px rgba(237,50,55,.9)}
.btn .arr{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);transition:transform .4s var(--ease),background .3s}
.btn:hover .arr{transform:translateX(4px) rotate(-45deg);background:var(--red)}
.btn.sm{padding:11px 20px;font-size:.9rem}
.btn.ghost{--bg:transparent;--fg:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.btn.ghost::before{background:#fff}
.btn.ghost:hover{--fg:var(--ink);box-shadow:inset 0 0 0 1.5px #fff}
.btn.dark{--bg:var(--ink);box-shadow:none}
.btn.dark::before{background:var(--red)}
.btn.white{--bg:#fff;--fg:var(--ink);box-shadow:none}
.btn.white::before{background:var(--ink)}
.btn.white:hover{--fg:#fff}
.btn.white .arr{background:rgba(17,14,14,.1)}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;border-bottom:2px solid currentColor;padding-bottom:3px;transition:gap .35s var(--ease),color .3s}
.link-arrow:hover{gap:16px;color:var(--red)}

/* ============ HEX ELEMENTS ============ */
.hex{display:inline-grid;place-items:center;clip-path:var(--hex);background:var(--red);color:#fff;aspect-ratio:1/.92;flex:none}
.hex.line{background:none;position:relative}
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-weight:800;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.eyebrow .hex{width:34px;font-size:.9rem}
.light .eyebrow{color:var(--grey)}
h2.t{font-size:var(--fs-h2);line-height:1.02;font-weight:900;letter-spacing:-.025em;text-wrap:balance}
h2.t em{font-style:italic;color:var(--red);font-weight:900}
.lead{font-size:clamp(1.05rem,1.4vw,1.28rem);color:rgba(255,255,255,.72);max-width:56ch;font-weight:500}
.light .lead{color:#4a4747}
section{position:relative;overflow-x:clip}
.pad{padding-block:clamp(80px,11vw,170px)}
.light{background:var(--mist);color:var(--ink)}
.sec-head{display:grid;gap:22px;margin-bottom:clamp(40px,6vw,80px)}
.sec-head.row{grid-template-columns:1.2fr 1fr;align-items:end;gap:48px}

/* reveal */
.js .rv{opacity:0;transform:translateY(36px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in,.rv-all .rv{opacity:1;transform:none}
.split .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.js .split .w>span{display:inline-block;transform:translateY(110%);transition:transform 1s var(--ease);transition-delay:calc(var(--i)*55ms)}
.split.in .w>span{transform:none}

/* ============ HERO ============ */
.hero{min-height:max(100vh,760px);min-height:max(100svh,760px);display:flex;align-items:center;overflow:hidden;background:var(--ink);padding-top:100px;padding-bottom:40px;isolation:isolate}
.facets{position:absolute;inset:-4%;z-index:-2;pointer-events:none}
.facets svg{width:100%;height:100%}
.facets .f{transition:transform .25s linear;transform:translate(calc(var(--mx,0)*var(--k,10px)),calc(var(--my,0)*var(--k,10px)))}
.hero-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(900px 600px at var(--gx,70%) var(--gy,45%),rgba(237,50,55,.22),transparent 60%),radial-gradient(600px 500px at 10% 100%,rgba(237,50,55,.12),transparent 70%)}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 2 54 17v30L28 62 2 47V17zM28 62v35M2 47-0 48M54 47l2 1' fill='none' stroke='%23ffffff' stroke-opacity='.05'/%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(70% 80% at 70% 50%,#000,transparent 75%);mask-image:radial-gradient(70% 80% at 70% 50%,#000,transparent 75%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,4vw,64px);align-items:center;position:relative}
.hero-copy{position:relative;z-index:3;padding-block:30px}
.badge35{display:inline-flex;align-items:center;gap:14px;margin-bottom:28px}
.badge35 .hex{width:58px;font-weight:900;font-size:1.15rem;letter-spacing:-.04em}
.badge35 span:last-child{font-weight:800;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.75);line-height:1.35}
.hero h1{font-size:var(--fs-h1);line-height:.98;font-weight:900;letter-spacing:-.035em;text-wrap:balance}
.hero h1 .rot{display:block;position:relative;height:1.12em;overflow:hidden;margin-top:.02em}
.hero h1 .rot b{position:absolute;left:0;top:0;padding-right:.1em;font-style:italic;color:var(--red);font-weight:900;transform:translateY(60%);opacity:0;transition:transform .7s var(--ease),opacity .45s ease;white-space:nowrap}
.hero h1 .rot b.on{transform:none;opacity:1}
.hero h1 .rot b.out{transform:translateY(-60%);opacity:0;transition:transform .45s cubic-bezier(.5,0,.8,.4),opacity .35s ease}
.hero p.lead{margin:24px 0 32px}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hero-meta{display:flex;gap:28px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.hero-meta div{display:flex;align-items:center;gap:12px;font-weight:700;font-size:.92rem;color:rgba(255,255,255,.8)}
.hero-meta .hex{width:34px;font-size:1rem}

.stage{position:relative;aspect-ratio:1/1.02;width:100%;max-width:680px;margin-inline:auto;perspective:1200px}
.stage .ring{position:absolute;inset:4%;width:92%;height:92%;margin:auto;animation:ringSpin 60s linear infinite}
.stage .ring.b{inset:14%;width:72%;height:72%;animation-duration:42s;animation-direction:reverse}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.stage .halo{position:absolute;inset:18%;background:radial-gradient(closest-side,rgba(237,50,55,.55),transparent 70%);filter:blur(30px);animation:halo 5s ease-in-out infinite alternate}
@keyframes halo{to{transform:scale(1.18);opacity:.7}}
.stage .tilt{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .25s ease-out}
.prod{position:absolute;filter:drop-shadow(0 40px 40px rgba(0,0,0,.55));will-change:transform}
.prod img{width:100%;height:auto}
.p-main{width:64%;left:16%;top:34%;z-index:2;animation:floatA 7s ease-in-out infinite}
.p-col{width:25%;left:0;top:44%;z-index:3;animation:floatB 6s ease-in-out infinite}
.p-grav{width:27%;right:1%;top:4%;z-index:1;animation:floatB 8s ease-in-out -2s infinite}
@keyframes floatA{50%{transform:translateY(-16px)}}
@keyframes floatB{50%{transform:translateY(14px) rotate(1.5deg)}}
.chip{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;padding:10px 18px 10px 10px;border-radius:999px;background:rgba(17,14,14,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);font-weight:800;font-size:.84rem;line-height:1.2;box-shadow:0 20px 40px -20px #000;animation:floatB 7s ease-in-out infinite}
.chip .hex{width:38px;font-size:1.05rem}
.chip small{display:block;font-weight:500;color:rgba(255,255,255,.6);font-size:.74rem}
.chip.c1{left:-4%;top:12%;animation-delay:-1s}
.chip.c2{right:-2%;bottom:18%;animation-delay:-3s}
.chip.c3{left:10%;bottom:2%;animation-delay:-5s}
.scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.68rem;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.scroll-cue i{width:1px;height:46px;background:linear-gradient(var(--red),transparent);animation:cue 2s var(--ease) infinite;transform-origin:top}
@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}

/* ============ MARQUEE ============ */
.brands{background:var(--ink);border-block:1px solid var(--line);padding-block:30px;overflow:hidden}
.brands .lab{display:flex;align-items:center;gap:14px;justify-content:center;margin-bottom:22px;font-size:.74rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.brands .lab::before,.brands .lab::after{content:"";height:1px;width:60px;background:var(--line)}

/* ============ MANIFESTO ============ */
.manifesto{background:var(--ink);overflow:hidden}
.manifesto .wrap{display:grid;grid-template-columns:90px 1fr;gap:clamp(20px,4vw,60px)}
.manifesto .rail{display:flex;flex-direction:column;align-items:center;gap:16px}
.manifesto .rail i{flex:1;width:1px;background:linear-gradient(var(--red),transparent)}
.manifesto .rail .hex{width:56px}
.mtext{font-size:clamp(2rem,5.2vw,4.9rem);line-height:1.06;font-weight:800;letter-spacing:-.03em;max-width:20ch}
.mtext .mw{color:rgba(255,255,255,.16);transition:color .5s}
.mtext .mw.lit{color:#fff}
.mtext .mw.hl.lit{color:var(--red)}
.mtext .mw.hl.lit.it{font-style:italic}
.msub{margin-top:48px;display:flex;gap:24px;flex-wrap:wrap;align-items:center}
.msub p{max-width:46ch}

/* ============ SOLUÇÕES ============ */
.sol .wrap{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:clamp(30px,5vw,80px);align-items:start}
.sol-nav{position:sticky;top:110px}
.sol-nav .t{margin:22px 0 40px}
.stabs{display:grid;gap:4px;counter-reset:s}
.stab{position:relative;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:18px 8px;border-top:1px solid var(--line-d);text-align:left;transition:padding .45s var(--ease),color .3s}
.stab:last-child{border-bottom:1px solid var(--line-d)}
.stab .hex{width:46px;background:transparent;color:var(--grey);font-weight:900;font-size:.85rem;position:relative;transition:color .3s}
.stab .hex::before{content:"";position:absolute;inset:0;background:var(--line-d);clip-path:var(--hex);transition:background .3s}
.stab .hex::after{content:"";position:absolute;inset:2px;background:var(--mist);clip-path:var(--hex);transition:background .3s}
.stab .hex span{position:relative;z-index:1}
.stab b{font-size:clamp(1.25rem,2vw,1.7rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#5d5a5a;transition:color .3s}
.stab small{display:block;font-weight:600;font-size:.82rem;color:var(--grey);letter-spacing:0;margin-top:3px}
.stab .go{opacity:0;transform:translateX(-10px);transition:.4s var(--ease);color:var(--red)}
.stab:hover b,.stab.on b{color:var(--ink)}
.stab.on{padding-left:20px}
.stab.on .hex{color:#fff}
.stab.on .hex::before,.stab.on .hex::after{background:var(--red)}
.stab.on .go{opacity:1;transform:none}
.stab.soon b{color:#9b9898}
.stab .tag{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;padding:4px 9px;border-radius:99px;background:var(--ink);color:#fff;margin-left:8px;vertical-align:middle}
.sol-stage{position:relative;aspect-ratio:1/1.04;min-height:420px}
.panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s;display:grid;grid-template-rows:1fr auto}
.panel.on{opacity:1;visibility:visible}
.p-media{position:relative;border-radius:34px;overflow:hidden;background:#d9d6d6;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%);transform:scale(.96);transition:transform 1.1s var(--ease)}
.panel.on .p-media{transform:none}
.p-media>img.bg{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.6s var(--ease)}
.panel.on .p-media>img.bg{transform:scale(1)}
.p-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(17,14,14,.75))}
.p-cut{position:absolute;z-index:3;filter:drop-shadow(0 30px 28px rgba(0,0,0,.45));transition:transform 1.2s var(--ease) .1s,opacity .8s .1s;opacity:0;transform:translateY(40px)}
.panel.on .p-cut{opacity:1;transform:none}
.p-hexbadge{position:absolute;z-index:4;left:22px;top:22px;display:flex;gap:10px;align-items:center;padding:8px 16px 8px 8px;border-radius:99px;background:rgba(17,14,14,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.p-hexbadge .hex{width:30px;font-size:.75rem}
.p-info{position:absolute;z-index:4;left:28px;right:28px;bottom:26px;display:grid;gap:14px;color:#fff}
.p-info p{font-size:clamp(1rem,1.35vw,1.2rem);max-width:44ch;color:rgba(255,255,255,.88);font-weight:600}
.p-info ul{display:flex;gap:8px;flex-wrap:wrap}
.p-info li{padding:6px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.35);font-size:.8rem;font-weight:700;backdrop-filter:blur(6px)}
.p-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 6px 0}
.p-cta span{font-weight:700;color:#4a4747}
.sol-mobile-note{display:none}

/* ============ LOCAÇÃO ============ */
.loc{background:var(--ink);overflow:hidden}
.loc .bgsym{position:absolute;right:-12%;top:-8%;width:min(60vw,760px);opacity:.05;pointer-events:none;transform:rotate(-10deg)}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;margin-top:20px}
.vs-col{position:relative;border-radius:30px;padding:clamp(24px,3vw,44px);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))}
.vs-col h3{display:flex;align-items:center;gap:14px;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:900;letter-spacing:-.02em;margin-bottom:28px}
.vs-col h3 small{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.5);display:block;margin-bottom:4px}
.vs-col.bad{color:rgba(255,255,255,.6)}
.vs-col.bad h3{color:rgba(255,255,255,.8)}
.vs-col.good{background:linear-gradient(160deg,var(--red) 0%,#b8171d 55%,#7a0f14 100%);border-color:transparent;box-shadow:0 50px 90px -40px rgba(237,50,55,.75);transform:translateY(-14px)}
.vs-col.good::before{content:"";position:absolute;inset:0;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 2 54 17v30L28 62 2 47V17zM28 62v35' fill='none' stroke='%23fff' stroke-opacity='.09'/%3E%3C/svg%3E");mask-image:linear-gradient(120deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(120deg,#000,transparent 70%)}
.vs-col.good>*{position:relative}
.vrow{display:grid;grid-template-columns:34px 1fr;gap:16px;align-items:start;padding:16px 0;border-top:1px solid rgba(255,255,255,.14);transition:background .3s}
.vrow b{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6;font-weight:800;margin-bottom:2px}
.vrow span{font-size:1.12rem;font-weight:700;line-height:1.25}
.vrow .ic{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;margin-top:2px}
.bad .ic{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.good .ic{background:#fff;color:var(--red)}
.js .vs .vrow{opacity:0;transform:translateX(var(--tx,-20px));transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--r)*90ms)}
.vs.in .vrow,.rv-all .vs .vrow{opacity:1;transform:none}
.vs-col.good .vrow{--tx:20px}
.vs-cta{display:flex;justify-content:center;margin-top:60px}
.pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:clamp(70px,9vw,130px)}
.pil{position:relative;padding:28px 22px 30px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:transform .5s var(--ease),border-color .4s,background .4s;overflow:hidden}
.pil::after{content:"";position:absolute;inset:auto -30% -60% -30%;height:80%;background:radial-gradient(closest-side,rgba(237,50,55,.4),transparent);opacity:0;transition:opacity .5s}
.pil:hover{transform:translateY(-8px);border-color:rgba(237,50,55,.6)}
.pil:hover::after{opacity:1}
.pil .hex{width:62px;font-size:1.6rem;margin-bottom:22px;transition:transform .6s var(--ease)}
.pil:hover .hex{transform:rotate(60deg)}
.pil:hover .hex svg{transform:rotate(-60deg)}
.pil .hex svg{transition:transform .6s var(--ease)}
.pil h3[data-h="4"]{font-size:1.18rem;font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-bottom:8px;position:relative;z-index:1}
.pil p{font-size:.92rem;color:rgba(255,255,255,.62);position:relative;z-index:1}

/* ============ NÚMEROS ============ */
.nums{background:var(--red);overflow:hidden;color:#fff}
.nums::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 0 0,rgba(255,255,255,.22),transparent 60%),radial-gradient(700px 500px at 100% 100%,rgba(0,0,0,.35),transparent 60%)}
.nums .bigsym{position:absolute;right:-6%;top:50%;width:min(52vw,640px);transform:translateY(-50%) rotate(-8deg);opacity:.12;mix-blend-mode:multiply;filter:brightness(0)}
.nums .wrap{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.num{padding:clamp(34px,4.5vw,56px) clamp(14px,2vw,30px);border-left:1px solid rgba(255,255,255,.28)}
.num:first-child{border-left:0}
.num strong{display:block;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.9;font-weight:900;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.num strong sup{font-size:.38em;vertical-align:top;margin-left:.06em;letter-spacing:0;font-weight:800;position:relative;top:.3em}
.num>span{display:block;margin-top:16px;font-weight:700;max-width:20ch;line-height:1.25;color:rgba(255,255,255,.92)}

/* ============ SETORES ============ */
.set{background:var(--ink-2);overflow:hidden}
.set-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center;margin-top:30px}
.set-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 8px;margin-top:34px}
.sbtn{display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;border-radius:99px;border:1px solid var(--line);text-align:left;font-weight:800;transition:background .35s,border-color .35s,transform .4s var(--ease)}
.sbtn .hex{width:42px;font-size:1.15rem;background:var(--ink-3);color:rgba(255,255,255,.7);transition:background .35s,color .35s}
.sbtn:hover{transform:translateX(4px);border-color:rgba(255,255,255,.35)}
.sbtn.on{background:#fff;color:var(--ink);border-color:#fff}
.sbtn.on .hex{background:var(--red);color:#fff}
.sbody{position:relative;min-height:230px;margin-top:34px}
.sp{position:absolute;inset:0 0 auto 0;opacity:0;visibility:hidden;transform:translateY(16px);transition:.6s var(--ease)}
.sp.on{opacity:1;visibility:visible;transform:none;position:relative}
.sp h3{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:900;letter-spacing:-.025em;line-height:1.08;margin-bottom:14px}
.sp p{color:rgba(255,255,255,.72);max-width:48ch;margin-bottom:20px}
.sp li{display:flex;gap:12px;align-items:flex-start;padding:8px 0;font-weight:700}
.sp li svg{color:var(--red);margin-top:4px;font-size:1.1rem}
.set-vis{position:relative;aspect-ratio:1/.95;display:grid;place-items:center}
.set-vis .hexbg{position:absolute;inset:0;margin:auto;width:92%;height:92%}
.set-vis .hexbg path{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.14);stroke-width:1}
.set-vis .hexbg path.glow{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:140 900;animation:dash 7s linear infinite;filter:drop-shadow(0 0 8px var(--red))}
@keyframes dash{to{stroke-dashoffset:-1040}}
.sv{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.88) rotate(-4deg);transition:.7s var(--ease);pointer-events:none}
.sv.on{opacity:1;transform:none}
.sv img{max-width:70%;max-height:70%;filter:drop-shadow(0 40px 40px rgba(0,0,0,.6));animation:floatA 7s ease-in-out infinite}
.sv.pair img+img{position:absolute;max-width:34%;right:6%;bottom:12%;animation-delay:-3s}
.sv.pair img:first-child{max-width:62%;margin-right:10%}

/* ============ CLIENTES / EQUIPE ============ */
.cli{overflow:hidden}
.cli .sec-head{text-align:center;justify-items:center}
.cli .mq{margin-bottom:26px}
.team{margin-top:clamp(60px,8vw,110px);position:relative;border-radius:36px;overflow:hidden;aspect-ratio:21/9;min-height:300px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,6% 100%,0 86%)}
.team img{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;object-position:center 30%;will-change:transform}
.team::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,14,14,.88),rgba(17,14,14,.15) 65%)}
.team .tx{position:absolute;z-index:2;left:clamp(24px,5vw,70px);top:50%;transform:translateY(-50%);color:#fff;max-width:480px}
.team .tx h3{font-size:clamp(1.7rem,3.2vw,3rem);font-weight:900;letter-spacing:-.03em;line-height:1.04;margin:14px 0 20px}

/* ============ UNIDADES ============ */
.un{background:var(--ink)}
.acc{display:flex;gap:14px;height:clamp(460px,52vw,600px)}
.uc{position:relative;flex:1;min-width:0;border-radius:28px;overflow:hidden;cursor:pointer;transition:flex .8s var(--ease);background:var(--ink-3);text-align:left}
.uc.on{flex:3.2}
.uc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.7) brightness(.7);transition:filter .8s,transform 1.2s var(--ease);transform:scale(1.08)}
.uc.on img{filter:none;transform:scale(1)}
.uc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,14,14,.15),rgba(17,14,14,.88))}
.uc .num-c{position:absolute;z-index:2;top:22px;left:22px;width:48px;font-weight:900;font-size:.95rem}
.uc .cn{position:absolute;z-index:2;left:24px;bottom:24px;right:24px;display:grid;gap:10px}
.uc .cn h3{font-size:clamp(1.4rem,2.4vw,2.2rem);font-weight:900;letter-spacing:-.02em;line-height:1}
.uc .cn .st{font-weight:800;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.uc .det{display:grid;gap:10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .8s var(--ease),opacity .6s .15s}
.uc.on .det{max-height:230px;opacity:1}
.uc .det p{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;color:rgba(255,255,255,.85);font-weight:600}
.uc .det svg{margin-top:4px;color:var(--red-2);flex:none}
.uc .det .row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.uc:not(.on) .cn h3{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;left:18px;bottom:24px}
.uc:not(.on) .cn{left:0}
.uc:not(.on) .st{display:none}
.un-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:34px;color:rgba(255,255,255,.7)}

/* ============ CONSULTORIA ============ */
.cons{background:var(--ink);overflow:hidden;padding-block:clamp(40px,6vw,90px)}
.cons-box{position:relative;border-radius:40px;overflow:hidden;background:linear-gradient(135deg,#ED3237 0%,#b8171d 60%,#6d0c11 100%);padding:clamp(34px,6vw,90px);isolation:isolate}
.cons-box::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 400px at 100% 0,rgba(255,255,255,.28),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='146' viewBox='0 0 56 97'%3E%3Cpath d='M28 2 54 17v30L28 62 2 47V17zM28 62v35' fill='none' stroke='%23fff' stroke-opacity='.1'/%3E%3C/svg%3E")}
.cons-box .free{display:inline-flex;gap:10px;align-items:center;padding:8px 18px 8px 8px;border-radius:99px;background:rgba(17,14,14,.28);font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:26px}
.cons-box .free .hex{width:30px;background:#fff;color:var(--red)}
.cons-box h2{max-width:16ch}
.cons-box h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.1em}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:clamp(34px,5vw,64px) 0 clamp(30px,4vw,50px)}
.step{position:relative;padding:26px;border-radius:26px;background:rgba(17,14,14,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);transition:transform .5s var(--ease),background .4s}
.step:hover{transform:translateY(-6px);background:rgba(17,14,14,.45)}
.step .hex{width:58px;background:#fff;color:var(--red);font-size:1.5rem;margin-bottom:18px}
.step b{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;margin-bottom:4px}
.step h3[data-h="4"]{font-size:1.4rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}

/* ============ BLOG ============ */
.blog .sec-head.row{align-items:end}
.posts{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}
.post{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:#fff;transition:transform .5s var(--ease),box-shadow .5s;box-shadow:0 1px 0 var(--line-d)}
.post:hover{transform:translateY(-8px);box-shadow:0 40px 60px -30px rgba(17,14,14,.4)}
.post .im{aspect-ratio:16/9;overflow:hidden}
.post .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.post:hover .im img{transform:scale(1.08)}
.post .bd{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px;flex:1}
.post time{font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
.post h3{font-size:1.2rem;font-weight:800;letter-spacing:-.015em;line-height:1.2}
.post .more{margin-top:auto;padding-top:10px;display:inline-flex;gap:8px;align-items:center;font-weight:800;font-size:.9rem}
.post .more svg{transition:transform .35s var(--ease)}
.post:hover .more svg{transform:translateX(6px)}
.post.big{grid-row:span 2}
.post.big .im{aspect-ratio:auto;flex:1;min-height:300px}
.post.big h3{font-size:clamp(1.5rem,2.2vw,2rem)}

/* ============ FAQ ============ */
.faq{background:#fff;color:var(--ink)}
.faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,100px)}
.faq-l{position:sticky;top:120px;align-self:start;display:grid;gap:22px}
.faq-l .hex{width:120px;font-size:3rem;font-weight:900;margin-top:10px}
details{border-top:1px solid var(--line-d)}
details:last-child{border-bottom:1px solid var(--line-d)}
summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 4px;font-weight:800;font-size:clamp(1.1rem,1.6vw,1.4rem);letter-spacing:-.015em;cursor:pointer;list-style:none;transition:color .3s}
summary::-webkit-details-marker{display:none}
summary:hover{color:var(--red)}
summary .pl{width:40px;height:40px;clip-path:var(--hex);background:var(--mist);display:grid;place-items:center;flex:none;transition:background .4s,transform .5s var(--ease),color .3s}
details[open] summary .pl{background:var(--red);color:#fff;transform:rotate(135deg)}
details .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
details[open] .ans{grid-template-rows:1fr}
details .ans>div{overflow:hidden}
details .ans p{padding:0 56px 28px 4px;color:#4a4747;max-width:62ch}

/* ============ FOOTER ============ */
.ftr{background:var(--ink);overflow:hidden;padding-top:clamp(70px,9vw,130px)}
.ftr-top{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;padding-bottom:clamp(50px,7vw,90px);border-bottom:1px solid var(--line)}
.ftr-top h2{font-size:clamp(2.4rem,6vw,5.6rem);line-height:.96;font-weight:900;letter-spacing:-.035em}
.ftr-top h2 em{color:var(--red)}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-block:clamp(40px,6vw,70px)}
.ftr h3[data-h="5"]{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.45);margin-bottom:20px}
.ftr li{margin-bottom:10px}
.ftr li a{color:rgba(255,255,255,.82);font-weight:600;transition:color .3s,padding .4s var(--ease)}
.ftr li a:hover{color:var(--red-2);padding-left:6px}
.ftr .about img{height:64px;width:auto;margin-bottom:20px}
.ftr .about p{color:rgba(255,255,255,.6);max-width:36ch;font-size:.95rem}
.soc{display:flex;gap:10px;margin-top:22px}
.soc a{width:48px;aspect-ratio:1/.92;clip-path:var(--hex);background:var(--ink-3);display:grid;place-items:center;transition:background .3s,transform .4s var(--ease);font-size:1.15rem}
.soc a:hover{background:var(--red);transform:translateY(-4px)}
.ftr-big{font-weight:900;font-size:clamp(4rem,20.5vw,21rem);line-height:.78;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.12);white-space:nowrap;text-align:center;margin-top:10px;user-select:none;transform:translateY(8%)}
.ftr-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-block:24px;border-top:1px solid var(--line);font-size:.84rem;color:rgba(255,255,255,.5);position:relative;background:var(--ink)}
.ftr-bot a:hover{color:#fff}

.wpp{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:0;height:62px;border-radius:99px;background:#25D366;color:#fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.6);overflow:hidden;transition:transform .4s var(--ease),max-width .5s var(--ease);max-width:62px}
.wpp svg{width:30px;height:30px;margin:0 16px;flex:none;fill:currentColor;stroke:none}
.wpp span{white-space:nowrap;font-weight:800;padding-right:24px;font-size:.95rem}
.wpp:hover{max-width:260px;transform:translateY(-3px)}
.wpp::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:pulse 2.4s infinite}
@keyframes pulse{to{box-shadow:0 0 0 22px rgba(37,211,102,0)}}

/* mobile menu */
.mm{position:fixed;inset:0;z-index:95;background:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:100px var(--gut) 40px;clip-path:circle(0 at calc(100% - 44px) 42px);transition:clip-path .8s var(--ease);visibility:hidden}
.menu-open .mm{clip-path:circle(150% at calc(100% - 44px) 42px);visibility:visible}
.mm a.l{display:block;font-size:2.4rem;font-weight:900;letter-spacing:-.03em;padding:6px 0;opacity:0;transform:translateY(24px);transition:.6s var(--ease)}
.menu-open .mm a.l{opacity:1;transform:none;transition-delay:calc(.15s + var(--i)*70ms)}
.mm .btn{margin-top:30px;align-self:flex-start}
.menu-open{overflow:hidden}

/* ============ RESPONSIVE ============ */
.sol .wrap>*,.set-grid>*,.faq .wrap>*,.hero .wrap>*,.posts>*,.vs>*{min-width:0}
@media(max-width:1100px){
  .nav,.hdr-cta .btn{display:none}.burger{display:block}
  .hero .wrap{grid-template-columns:1fr}
  .stage{max-width:520px;margin-top:20px}
  .sol .wrap{grid-template-columns:1fr}.sol-nav{position:static}
  .sol-stage{aspect-ratio:1/1.1}
  .pillars{grid-template-columns:repeat(3,1fr)}
  .set-grid{grid-template-columns:1fr}
  .posts{grid-template-columns:1fr 1fr}.post.big{grid-row:auto;grid-column:span 2}.post.big .im{aspect-ratio:16/8}
  .faq .wrap{grid-template-columns:1fr}.faq-l{position:static}.faq-l .hex{display:none}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .sec-head.row{grid-template-columns:1fr}
}
@media(max-width:760px){
  .hdr .wrap{height:72px}.brand img:last-child{height:16px}.brand img:first-child{height:38px}
  .hero{padding-top:96px}
  .hero-meta{gap:16px}
  .chip{font-size:.74rem;padding:7px 14px 7px 7px}.chip .hex{width:30px}.chip small{display:none}
  .manifesto .wrap{grid-template-columns:1fr}.manifesto .rail{flex-direction:row}.manifesto .rail i{height:1px;width:auto;background:linear-gradient(90deg,var(--red),transparent)}
  .vs{grid-template-columns:1fr}.vs-col.good{transform:none}
  .pillars{grid-template-columns:1fr 1fr}.pil:last-child{grid-column:span 2}
  .nums .wrap{grid-template-columns:1fr 1fr}.num:nth-child(3){border-left:0}.num:nth-child(n+3){border-top:1px solid rgba(255,255,255,.28)}
  .set-tabs{grid-template-columns:1fr}
  .acc{flex-direction:column;height:auto}.uc{flex:none;height:96px}.uc.on{flex:none;height:440px}
  .uc:not(.on) .cn h3{writing-mode:horizontal-tb;transform:none;position:static}
  .uc:not(.on) .cn{left:24px;bottom:50%;transform:translateY(50%)}
  .steps{grid-template-columns:1fr}
  .posts{grid-template-columns:1fr}.post.big{grid-column:auto}
  .ftr-top,.ftr-grid{grid-template-columns:1fr}
  .team{aspect-ratio:4/5}
  .stab{grid-template-columns:46px 1fr auto;gap:12px}
  .wpp{right:14px;bottom:14px}
  .scroll-cue{display:none}
  .p-info p{font-size:.95rem}
}
/* Animações sempre ativas: no Windows a opção "Mostrar animações" desligada (comum em PCs corporativos e acesso remoto) chega como prefers-reduced-motion e antes desligava o site inteiro. */


/* ============ AJUSTES V2 ============ */
.dd{position:relative}
.dd>a.l{display:inline-flex;align-items:center;gap:6px}
.dd .caret{font-size:.8rem;transition:transform .35s var(--ease)}
.dd:hover .caret,.dd:focus-within .caret{transform:rotate(180deg)}
.dd-menu{position:absolute;left:-40px;top:100%;width:min(94vw,420px);padding:10px;margin-top:8px;border-radius:24px;background:rgba(26,22,22,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:0 40px 80px -30px #000;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.35s var(--ease)}
.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.dd-menu a{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;transition:background .3s,transform .4s var(--ease)}
.dd-menu a:hover{background:rgba(255,255,255,.07);transform:translateX(4px)}
.dd-menu .hex{width:40px;font-size:1.05rem}
.dd-menu b{display:block;font-weight:800;font-size:.98rem;line-height:1.15}
.dd-menu small{display:block;font-weight:500;color:rgba(255,255,255,.55);font-size:.8rem;margin-top:2px}
.mm{overflow-y:auto;justify-content:flex-start;padding-top:110px}
.mm a.l{font-size:2rem}

.sv.photo .ph{position:absolute;width:74%;aspect-ratio:1/.92;clip-path:var(--hex);overflow:hidden;left:6%;top:9%;background:#222}
.sv.photo .ph img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:none;animation:none;max-width:none;max-height:none}
.sv.photo img.top{position:absolute;max-width:40%;right:2%;bottom:6%}
.sv.trio img{position:absolute;max-width:none;max-height:none;filter:drop-shadow(0 40px 36px rgba(0,0,0,.6))}
.sv.trio img:nth-child(1){height:78%;left:8%;top:10%}
.sv.trio img:nth-child(2){width:46%;right:6%;top:24%;animation-delay:-2s}
.sv.trio img:nth-child(3){height:48%;right:20%;bottom:6%;animation-delay:-4s}
.sv.trio.ind img:nth-child(1){height:74%;left:4%;top:12%;width:auto}
.sv.trio.ind img:nth-child(2){height:62%;width:auto;left:34%;top:18%}
.sv.trio.ind img:nth-child(3){height:44%;right:6%;bottom:8%}
.sp a.link-arrow{margin-top:18px}
.seal{display:flex;align-items:center;gap:clamp(18px,3vw,40px);padding:clamp(18px,2.4vw,30px) clamp(22px,3vw,44px);border-radius:28px;background:#fff;margin-top:clamp(40px,5vw,70px);border:1px solid var(--line-d)}
.seal img{width:clamp(180px,24vw,320px);height:auto;flex:none}
.seal p{color:#4a4747;max-width:60ch;font-size:clamp(.98rem,1.2vw,1.12rem)}
.seal b{color:var(--ink)}
@media(max-width:760px){.seal{flex-direction:column;text-align:center}}

/* ============ PÁGINAS INTERNAS ============ */
.crumb{display:flex;gap:10px;align-items:center;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:22px;flex-wrap:wrap}
.crumb a:hover{color:#fff}
.crumb i{width:18px;height:1px;background:var(--red)}
.hero.inner{min-height:max(88svh,700px)}
.hero.inner h1{font-size:clamp(2.3rem,4.7vw,4.5rem)}
.hero.inner .hero-meta{margin-top:34px}
.hexphoto{position:absolute;inset:6% 8% 8% 8%;clip-path:var(--hex);overflow:hidden;z-index:1;background:#222}
.hexphoto img{width:100%;height:100%;object-fit:cover}
.hexphoto::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(237,50,55,.18),rgba(17,14,14,.35))}
.stage .prod.f{z-index:3}
.stage.photo .tilt{z-index:2}
.band{padding-block:clamp(60px,8vw,120px)}
.sec-dark2{background:var(--ink-2)}
.pillars.three{grid-template-columns:repeat(3,1fr)}
.pillars.four{grid-template-columns:repeat(4,1fr)}
.pillars.six{grid-template-columns:repeat(3,1fr)}
.pillars.top{margin-top:0}
.pil .n{position:absolute;right:20px;top:14px;font-weight:900;font-size:3.4rem;letter-spacing:-.05em;color:rgba(255,255,255,.06);line-height:1}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px}
.ocard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:28px;overflow:hidden;border:1px solid var(--line-d);transition:transform .5s var(--ease),box-shadow .5s,border-color .4s}
.ocard:hover{transform:translateY(-8px);box-shadow:0 40px 60px -30px rgba(17,14,14,.45);border-color:rgba(237,50,55,.5)}
.ocard .pic{position:relative;aspect-ratio:1/.82;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 60%,#fff,#e7e4e4);overflow:hidden}
.ocard .pic::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 2 54 17v30L28 62 2 47V17zM28 62v35' fill='none' stroke='%23110e0e' stroke-opacity='.06'/%3E%3C/svg%3E")}
.ocard .pic img{position:absolute;inset:0;margin:auto;max-height:80%;max-width:76%;width:auto;height:auto;filter:drop-shadow(0 22px 20px rgba(0,0,0,.28));transition:transform .8s var(--ease)}
.ocard .pic img.cover{max-height:none;max-width:none;width:100%;height:100%;object-fit:cover;filter:none;inset:0;margin:0}
.ocard:hover .pic img:not(.cover){transform:scale(1.07) translateY(-4px)}
.ocard .pic .hex{position:absolute;left:18px;top:18px;width:46px;font-size:1.2rem;z-index:2}
.ocard .bd{padding:24px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.ocard h3{font-size:1.4rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}
.ocard p{color:#4a4747;font-size:.98rem}
.ocard .tg{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.ocard .tg span{font-size:.74rem;font-weight:800;padding:5px 12px;border-radius:99px;background:var(--mist);color:#4a4747}

.apps{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(30px,5vw,80px);align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips li{display:inline-flex;align-items:center;gap:10px;padding:10px 20px 10px 12px;border-radius:99px;border:1px solid var(--line);font-weight:700;transition:background .35s,border-color .35s,transform .4s var(--ease),color .3s;cursor:default}
.chips li .hex{width:22px;background:var(--red);font-size:.7rem}
.chips li:hover{background:#fff;color:var(--ink);border-color:#fff;transform:translateY(-3px)}
.apps .quote{margin-top:34px;padding:22px 26px;border-radius:22px;background:var(--red);font-weight:800;font-size:1.1rem;line-height:1.3;clip-path:polygon(0 0,100% 0,100% 78%,92% 100%,0 100%)}

.inc{background:var(--red);color:#fff;overflow:hidden}
.inc::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 100% 0,rgba(255,255,255,.22),transparent 60%),radial-gradient(700px 500px at 0 100%,rgba(0,0,0,.35),transparent 60%)}
.inc .wrap{position:relative}
.inc .eyebrow,.inc .lead{color:rgba(255,255,255,.9)}
.inc h2 em{color:#fff;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.1em}
.inc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0;margin-top:clamp(34px,5vw,60px);border-top:1px solid rgba(255,255,255,.3)}
.inc-i{padding:28px 24px 30px 0;border-bottom:1px solid rgba(255,255,255,.3);position:relative;transition:background .4s}
.inc-i .hex{width:56px;background:#fff;color:var(--red);font-size:1.4rem;margin-bottom:18px;transition:transform .6s var(--ease)}
.inc-i:hover .hex{transform:rotate(60deg)}
.inc-i:hover .hex svg{transform:rotate(-60deg)}
.inc-i .hex svg{transition:transform .6s var(--ease)}
.inc-i h3[data-h="4"]{font-size:1.2rem;font-weight:900;letter-spacing:-.015em;line-height:1.15;margin-bottom:6px}
.inc-i p{font-size:.94rem;color:rgba(255,255,255,.88)}

.journey{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:20px}
.journey::before{content:"";position:absolute;left:5%;right:5%;top:37px;height:2px;background:var(--line-d)}
.journey .fill{position:absolute;left:5%;top:37px;height:2px;width:0;background:var(--red);transition:width 2.2s var(--ease);box-shadow:0 0 12px var(--red)}
.journey.in .fill{width:90%}
.jstep{position:relative;text-align:center;padding-top:0}
.jstep .hex{width:76px;background:#fff;color:var(--ink);font-weight:900;font-size:1.35rem;margin:0 auto 20px;position:relative;transition:background .5s,color .5s,transform .6s var(--ease);transition-delay:calc(var(--i)*.35s)}
.journey.in .jstep .hex{background:var(--red);color:#fff}
.jstep:hover .hex{transform:translateY(-6px) rotate(8deg)}
.jstep h3[data-h="4"]{font-size:1.12rem;font-weight:900;letter-spacing:-.01em;line-height:1.15}
.jstep p{font-size:.88rem;color:#5d5a5a;margin-top:6px}

.proof .sec-head{text-align:center;justify-items:center}
.proof .named{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}
.proof .named span{padding:12px 22px;border-radius:99px;border:1px solid var(--line);font-weight:800;display:inline-flex;gap:10px;align-items:center}
.proof .named .hex{width:20px;background:var(--red)}
.proof .seal{max-width:960px;margin-inline:auto}

.bigquote{text-align:center;padding-block:clamp(70px,10vw,150px);background:var(--ink);overflow:hidden}
.bigquote p{font-size:clamp(1.9rem,4.8vw,4.4rem);font-weight:900;letter-spacing:-.035em;line-height:1.04;max-width:20ch;margin-inline:auto;text-wrap:balance}
.bigquote p em{color:var(--red)}
.bigquote .btn{margin-top:40px}

.twocol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.twocol .ph{position:relative;border-radius:34px;overflow:hidden;aspect-ratio:1/1;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}
.twocol .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.twocol .ph:hover img{transform:scale(1.06)}
.twocol .ph .cap{position:absolute;left:20px;bottom:20px;right:20px;padding:12px 18px;border-radius:99px;background:rgba(17,14,14,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:700;font-size:.9rem;color:#fff}
.twocol ul{display:grid;gap:4px;margin-top:22px}
.twocol li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line-d);font-weight:700}
.twocol li svg{color:var(--red);margin-top:4px;font-size:1.1rem}
.dark .twocol li{border-color:var(--line)}
.twocol h2{margin:20px 0 20px}
.twocol .lead{margin-bottom:6px}

@media(max-width:1100px){
  .apps,.twocol{grid-template-columns:1fr}
  .pillars.four{grid-template-columns:repeat(2,1fr)}
  .pillars.three,.pillars.six{grid-template-columns:repeat(2,1fr)}
  .journey{grid-template-columns:1fr;gap:26px;padding-left:12px}
  .journey::before{left:50px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .journey .fill{display:none}
  .jstep{display:grid;grid-template-columns:76px 1fr;gap:18px;text-align:left;align-items:center}
  .jstep .hex{margin:0}
}
@media(max-width:760px){.pillars.three,.pillars.six,.pillars.four{grid-template-columns:1fr}.pillars .pil:last-child{grid-column:auto}}

.sec-dark2 .twocol li{border-color:var(--line)}
.sec-dark2 .ocard{color:var(--ink)}

.cards.n2{grid-template-columns:repeat(2,1fr)}
.cards.n3,.cards.n6{grid-template-columns:repeat(3,1fr)}
.cards.n4{grid-template-columns:repeat(4,1fr)}
.cards.n5{grid-template-columns:repeat(6,1fr)}
.cards.n5 .ocard{grid-column:span 2}
.cards.n5 .ocard:nth-child(n+4){grid-column:span 3}
.cards.n5 .ocard:nth-child(n+4) .pic{aspect-ratio:1/.5}
.inc .eyebrow .hex{background:#fff;color:var(--red)}
@media(max-width:1100px){.cards.n4,.cards.n5,.cards.n6,.cards.n3{grid-template-columns:repeat(2,1fr)}.cards.n5 .ocard,.cards.n5 .ocard:nth-child(n+4){grid-column:auto}.cards.n5 .ocard:nth-child(n+4) .pic{aspect-ratio:1/.82}}
@media(max-width:700px){.cards.n2,.cards.n3,.cards.n4,.cards.n5,.cards.n6{grid-template-columns:1fr}}
.proof .mq img:hover{filter:none;opacity:1}
.proof 
/* ============ PÁGINAS NOVAS: vídeo, cenários, linha do tempo, formulários, blog ============ */
.mm a.l.sm2{font-size:1.15rem;color:rgba(255,255,255,.7);padding:4px 0}
.vid{background:var(--ink);overflow:hidden}
.vid-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,100px);align-items:center}
.vid-points{display:grid;gap:4px;margin-top:26px}
.vid-points li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-weight:700}
.vid-points li svg{color:var(--red);margin-top:4px;font-size:1.1rem}
.vid-frame{position:relative;display:grid;place-items:center;padding:20px}
.vid-glow{position:absolute;inset:6%;background:radial-gradient(closest-side,rgba(237,50,55,.5),transparent 72%);filter:blur(40px);animation:halo 5s ease-in-out infinite alternate}
.vid-box{position:relative;width:min(100%,340px);aspect-ratio:9/16;border-radius:38px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.18);box-shadow:0 60px 100px -40px #000,0 0 0 8px rgba(255,255,255,.04)}
.vid-box video{width:100%;height:100%;object-fit:cover;display:block}

.scn{display:grid;grid-template-columns:minmax(270px,.75fr) 1.5fr;gap:clamp(20px,3vw,44px);align-items:start}
.scn.has-plan{grid-template-rows:auto auto}
.scn.has-plan .scn-tabs{grid-row:1/span 2}
.scn-tabs{display:grid;gap:6px}
.scn-tab{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:12px 16px 12px 12px;border-radius:22px;border:1px solid var(--line);text-align:left;transition:background .35s,border-color .35s,transform .4s var(--ease)}
.scn-tab .hex{width:44px;background:var(--ink-3);color:rgba(255,255,255,.7);font-weight:900;font-size:.8rem;transition:background .35s,color .35s}
.scn-tab b{font-size:1.05rem;font-weight:800;line-height:1.15}
.scn-tab small{display:block;font-weight:500;color:rgba(255,255,255,.55);font-size:.8rem;margin-top:2px}
.scn-tab>svg{opacity:0;transform:translateX(-8px);transition:.4s var(--ease);color:var(--red)}
.scn-tab:hover{transform:translateX(4px);border-color:rgba(255,255,255,.35)}
.scn-tab.on{background:#fff;color:var(--ink);border-color:#fff}
.scn-tab.on small{color:#6b6a6a}.scn-tab.on .hex{background:var(--red);color:#fff}.scn-tab.on>svg{opacity:1;transform:none}
.scn-plan{position:relative}
.plan{width:100%;height:auto;display:block}
.plan-bg{fill:#1a1616;stroke:rgba(255,255,255,.14)}
.zone{cursor:pointer}
.zone>rect:first-child{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.22);stroke-width:1.5;transition:fill .4s,stroke .4s,filter .4s}
.zone text{fill:rgba(255,255,255,.72);font:800 12px Gilroy,sans-serif;letter-spacing:.16em;text-anchor:middle;pointer-events:none}
.zone text.s{font-size:10px;letter-spacing:.08em;font-weight:600;fill:rgba(255,255,255,.5)}
.gon,.chk,.dock{fill:rgba(255,255,255,.14);transition:fill .4s}
.door{stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:.5}
.zone:hover>rect:first-child{stroke:rgba(255,255,255,.6)}
.zone.on>rect:first-child{fill:rgba(237,50,55,.28);stroke:#ED3237;filter:drop-shadow(0 0 14px rgba(237,50,55,.7))}
.zone.on .gon,.zone.on .chk,.zone.on .dock{fill:rgba(237,50,55,.7)}
.zone.on text{fill:#fff}
.scn-hint{font-size:.8rem;color:rgba(255,255,255,.45);text-align:center;margin-top:8px}
.scn-panels{position:relative}
.scn-panel{position:relative;display:none;grid-template-columns:1fr;border-radius:30px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid var(--line);min-height:340px}
.scn-panel.on{display:grid;animation:scnIn .7s var(--ease)}
@keyframes scnIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.scn-panel:has(.scn-img){grid-template-columns:.85fr 1.15fr}
.scn-panel:has(.scn-prod):not(:has(.scn-img)){grid-template-columns:1.15fr .85fr}
.scn-img{position:relative;min-height:300px}.scn-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scn-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(26,22,22,.55))}
.scn-prod{filter:drop-shadow(0 30px 28px rgba(0,0,0,.5));max-height:300px;width:auto;align-self:center;justify-self:center;margin:20px;animation:floatA 7s ease-in-out infinite}
.scn-panel:has(.scn-img) .scn-prod{position:absolute;left:6%;bottom:6%;max-height:62%;margin:0;z-index:2}
.scn-body{padding:clamp(22px,3vw,40px);display:grid;gap:14px;align-content:center}
.scn-body .hex{width:54px;font-size:1.4rem}
.scn-body h3{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:900;letter-spacing:-.025em;line-height:1.1}
.scn-body p{color:rgba(255,255,255,.72)}
.scn-body ul{display:grid;gap:2px}
.scn-body li{display:flex;gap:10px;padding:7px 0;font-weight:700;border-top:1px solid var(--line)}
.scn-body li svg{color:var(--red);margin-top:4px}
.scn-chips{display:flex;flex-wrap:wrap;gap:8px}
.scn-chips span{font-size:.74rem;font-weight:800;letter-spacing:.06em;padding:6px 14px;border-radius:99px;background:rgba(237,50,55,.16);color:#ffb3b5}
.scn.has-plan .scn-panel{min-height:300px}

.auth .wrap{grid-template-columns:repeat(4,1fr)}
.auth-head{grid-column:1/-1;padding-top:clamp(30px,4vw,50px);padding-bottom:6px}
.auth .eyebrow{color:rgba(255,255,255,.9)}.auth .eyebrow .hex{background:#fff;color:var(--red)}
.auth .num:nth-child(2){border-left:0}
.auth-head+.num{border-left:0}

.tlsec{overflow:hidden}
.tl{position:relative;margin-top:30px}
.tl-line{position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line-d);transform:translateX(-50%)}
.tl-fill{position:absolute;left:0;top:0;width:100%;height:0;background:var(--red);box-shadow:0 0 14px var(--red)}
.tl-i{position:relative;display:grid;grid-template-columns:1fr 1fr;padding-block:18px}
.tl-dot{position:absolute;left:50%;top:34px;transform:translateX(-50%);z-index:2}
.tl-dot .hex{width:56px;background:#fff;color:var(--ink);font-weight:900;border:0;font-size:1rem;box-shadow:0 0 0 6px var(--mist);transition:background .5s,color .5s,transform .6s var(--ease)}
.tl-i.act .tl-dot .hex{background:var(--red);color:#fff;transform:scale(1.12)}
.tl-card{background:#fff;border-radius:26px;padding:24px 26px 26px;border:1px solid var(--line-d);transition:transform .5s var(--ease),box-shadow .5s}
.tl-card:hover{transform:translateY(-6px);box-shadow:0 40px 60px -34px rgba(17,14,14,.4)}
.tl-i.l .tl-card{grid-column:1;margin-right:56px}
.tl-i.r .tl-card{grid-column:2;margin-left:56px}
.tl-y{display:block;font-size:2.6rem;font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--red);margin-bottom:6px}
.tl-card h3{font-size:1.25rem;font-weight:900;letter-spacing:-.015em;margin-bottom:6px}
.tl-card p{color:#4a4747;font-size:.98rem}
.tl-img{margin-top:16px;border-radius:18px;overflow:hidden;aspect-ratio:16/9}
.tl-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.tl-card:hover .tl-img img{transform:scale(1.06)}

.form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,90px);align-items:start}
.form-side{position:sticky;top:120px;display:grid;gap:22px}
.side-card{padding:22px 24px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid var(--line);display:grid;gap:10px}
.side-card a{display:flex;gap:10px;align-items:center;font-weight:700}
.side-card a:hover{color:var(--red-2)}
.form-box{padding:clamp(22px,3.4vw,44px);border-radius:32px;background:#fff;color:var(--ink);box-shadow:0 60px 90px -50px #000}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:grid;gap:8px}.field.full{grid-column:1/-1}
.field label{font-weight:800;font-size:.86rem;letter-spacing:.02em}
.field label i{color:var(--red);font-style:normal}
.field input,.field select,.field textarea{width:100%;font:inherit;font-weight:600;padding:15px 18px;border-radius:16px;border:1.5px solid #dcd9d9;background:#faf8f8;color:var(--ink);transition:border-color .3s,box-shadow .3s,background .3s}
.field textarea{resize:vertical;min-height:120px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(237,50,55,.15);background:#fff}
.field.err input,.field.err select,.field.err textarea{border-color:var(--red);background:#fff5f5}
.drop{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px dashed #c9c5c5;border-radius:16px;cursor:pointer;font-weight:700;color:#5d5a5a;transition:border-color .3s,background .3s}
.drop:hover{border-color:var(--red);background:#fff5f5}
.drop .hex{width:38px;font-size:1rem}
.check{display:flex;gap:12px;align-items:flex-start;margin:22px 0;font-size:.88rem;color:#4a4747}
.check input{margin-top:3px;accent-color:var(--red);width:18px;height:18px}
.check a{text-decoration:underline}
.form .btn{width:100%;justify-content:center}
.f-ok{text-align:center;padding:30px 10px;display:grid;justify-items:center;gap:12px}
.f-ok[hidden]{display:none}
.f-ok .hex{width:84px;font-size:2rem}
.f-ok h3{font-size:1.8rem;font-weight:900;letter-spacing:-.02em}
.f-ok p{color:#4a4747;max-width:40ch}
.form.sent .f-grid,.form.sent .check,.form.sent .btn{display:none}
.vagas{display:flex;flex-wrap:wrap;gap:12px}
.vaga{display:inline-flex;align-items:center;gap:12px;padding:14px 24px 14px 14px;border-radius:99px;background:#fff;border:1.5px solid var(--line-d);font-weight:800;transition:background .35s,color .35s,border-color .35s,transform .4s var(--ease)}
.vaga .hex{width:24px;background:var(--red)}
.vaga:hover{transform:translateY(-3px);border-color:var(--ink)}
.vaga.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.chan{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ch{display:grid;gap:6px;justify-items:start;padding:28px;border-radius:26px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:transform .5s var(--ease),border-color .4s,background .4s}
.ch:hover{transform:translateY(-8px);border-color:rgba(237,50,55,.6);background:rgba(237,50,55,.08)}
.ch .hex{width:58px;font-size:1.4rem;margin-bottom:12px}
.ch b{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.ch>span:not(.hex){font-size:1.35rem;font-weight:900;letter-spacing:-.02em}
.ch small{color:rgba(255,255,255,.6)}
.ucards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ucard{display:grid;gap:12px;align-content:start;padding:26px;border-radius:26px;background:#fff;border:1px solid var(--line-d);transition:transform .5s var(--ease),box-shadow .5s}
.ucard:hover{transform:translateY(-8px);box-shadow:0 40px 60px -34px rgba(17,14,14,.4)}
.ucard>.hex{width:50px;font-weight:900;font-size:.95rem}
.ucard b{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;display:block;line-height:1}
.ucard small{color:var(--grey);font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.ucard p{display:flex;gap:10px;color:#4a4747;font-size:.95rem}
.ucard p svg{color:var(--red);margin-top:4px;flex:none}
.ucard p a:hover{color:var(--red)}

.blog-tools{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.fchips{display:flex;flex-wrap:wrap;gap:8px}
.fchip{display:inline-flex;gap:8px;align-items:center;padding:10px 18px;border-radius:99px;background:#fff;border:1.5px solid var(--line-d);font-weight:800;font-size:.9rem;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}
.fchip small{font-size:.72rem;opacity:.55;font-weight:800}
.fchip:hover{transform:translateY(-2px);border-color:var(--ink)}
.fchip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.search{position:relative;flex:1;min-width:240px;max-width:380px;display:block}
.search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--grey)}
.search input{width:100%;font:inherit;font-weight:600;padding:14px 18px 14px 46px;border-radius:99px;border:1.5px solid var(--line-d);background:#fff}
.search input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 4px rgba(237,50,55,.15)}
.blog-count{font-weight:700;color:var(--grey);margin-bottom:18px;font-size:.9rem}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bgrid .post{display:flex;flex-direction:column}
.bgrid .post[hidden]{display:none}
.bgrid .post.feat{grid-column:span 2;grid-row:span 2}
.bgrid .post .im{aspect-ratio:16/9;background:var(--mist)}
.bgrid .post.feat .im{aspect-ratio:auto;flex:1;min-height:300px}
.bgrid .post .meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bgrid .post .meta time{color:var(--red)}
.bgrid .post .meta span{color:var(--grey)}
.bgrid .post .ex{color:#5d5a5a;font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bgrid .post.feat h3{font-size:clamp(1.5rem,2.2vw,2rem)}
.more-wrap{display:flex;justify-content:center;margin-top:44px}
.empty{text-align:center;padding:60px 0;display:grid;justify-items:center;gap:10px}.empty[hidden]{display:none}
.empty .hex{width:72px;font-size:1.6rem;background:var(--ink)}

@media(max-width:1100px){
  .vid-grid,.scn,.form-wrap{grid-template-columns:1fr}
  .scn.has-plan .scn-tabs{grid-row:auto}
  .form-side{position:static}
  .ucards{grid-template-columns:repeat(2,1fr)}
  .bgrid{grid-template-columns:repeat(2,1fr)}.bgrid .post.feat{grid-column:span 2;grid-row:auto}
  .auth .wrap{grid-template-columns:1fr 1fr}
  .chan{grid-template-columns:1fr}
}
@media(max-width:760px){
  .scn-panel,.scn-panel:has(.scn-img),.scn-panel:has(.scn-prod):not(:has(.scn-img)){grid-template-columns:1fr}
  .scn-img{min-height:220px}.scn-panel:has(.scn-img) .scn-prod{max-height:50%}
  .f-grid{grid-template-columns:1fr}
  .ucards,.bgrid{grid-template-columns:1fr}.bgrid .post.feat{grid-column:auto}
  .tl-line{left:26px}.tl-dot{left:26px}.tl-i{grid-template-columns:1fr}
  .tl-i.l .tl-card,.tl-i.r .tl-card{grid-column:1;margin:0 0 0 64px}
  .auth .wrap{grid-template-columns:1fr 1fr}
}

/* ===== v3: painéis com banner de aplicação e equipamentos em "Para quem" ===== */
.sol-stage{aspect-ratio:1/.9;min-height:0}
.p-media>img.bg{object-fit:cover}
.sv.eq{display:block}
.sv.eq::before{content:"";position:absolute;left:6%;right:6%;bottom:6%;height:20%;border-radius:50%;background:radial-gradient(closest-side,rgba(237,50,55,.28),transparent 72%);border:1px solid rgba(255,255,255,.1);transform:perspective(500px) rotateX(62deg);box-shadow:0 0 60px rgba(237,50,55,.25) inset}
.sv.eq .it{position:absolute;left:var(--x);bottom:var(--b);width:var(--w);margin:0;animation:floatA 6s ease-in-out var(--d) infinite}
.sv.eq .it::after{content:"";position:absolute;left:12%;right:12%;bottom:-7%;height:8%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);filter:blur(5px);z-index:-1}
.sv.eq .it img{position:static;width:100%;height:auto;max-width:none;max-height:none;filter:drop-shadow(0 22px 22px rgba(0,0,0,.5));animation:none;display:block}
.set-vis{aspect-ratio:5/4}
.set-vis .hexbg{width:100%;height:100%}
.p-grav{width:40%;right:-6%;top:-2%}
@media(max-width:1100px){.sol-stage{aspect-ratio:1/.95}}

/* ===== carrossel de logos (definitivo) ===== */
.mq{display:block;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq-row{display:flex;width:max-content;will-change:transform;transform:translate3d(0,0,0)}
.mq.run .mq-row{animation:mqslide var(--t,40s) linear infinite}
.mq.run:hover .mq-row{animation-play-state:paused}
@keyframes mqslide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.mq-track{display:flex;flex:none;align-items:center;gap:clamp(44px,6vw,88px);padding-right:clamp(44px,6vw,88px)}
.mq img{flex:none;width:auto;height:auto;max-height:46px;max-width:150px;object-fit:contain;filter:brightness(0) invert(1);opacity:.6;transition:opacity .3s}
.mq img:hover{opacity:1}
.light .mq img{filter:grayscale(1) contrast(1.1);opacity:.6}
.light .mq img:hover{filter:none;opacity:1}
.cli .mq img{max-height:60px;max-width:170px}
.proof .mq-track{gap:18px;padding-right:18px}
.proof .mq img{box-sizing:content-box;max-height:56px;max-width:140px;background:#fff;border-radius:18px;padding:16px 24px;filter:grayscale(1);opacity:.92}
.proof .mq img:hover{filter:none;opacity:1}
/* conjuntos de equipamentos: sem filtros que gerem recorte retangular durante a entrada */
.sv.eq{transform:none!important;transition:opacity .6s var(--ease)}
.sv.eq .it::after{filter:none;left:8%;right:8%;bottom:-5%;height:9%;background:radial-gradient(closest-side,rgba(0,0,0,.55),rgba(0,0,0,.2) 55%,transparent 100%)}
.sv.eq .it img{filter:none}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.f-err{color:#b3151b;background:#fff1f1;border:1px solid #f3b5b7;border-radius:14px;padding:12px 16px;font-weight:700;font-size:.92rem;margin:0 0 14px}
.f-err[hidden]{display:none}
.form .btn.busy{opacity:.65;pointer-events:none}
.form .btn.busy .arr{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* aviso de cookies */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:130;max-width:760px;margin-inline:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:16px 20px;border-radius:22px;background:rgba(26,22,22,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 30px 60px -20px #000;color:#fff;font-size:.9rem;transform:translateY(140%);transition:transform .6s var(--ease)}
.cookie.show{transform:none}
.cookie p{flex:1 1 320px;color:rgba(255,255,255,.8)}
.cookie a{text-decoration:underline}
.cookie .row{display:flex;gap:10px}
.cookie button{padding:10px 20px;border-radius:99px;font-weight:800;border:1.5px solid rgba(255,255,255,.35)}
.cookie button.ok{background:var(--red);border-color:var(--red)}
.wpp{bottom:22px}
.cookie.show~.wpp{bottom:110px}

/* ===== v4: ouvidoria, área do cliente, vagas e crédito da agência ===== */
.nav a.l{padding-inline:11px}
.nav a.ouv{color:#fff;border:1.5px solid rgba(255,255,255,.28);border-radius:99px;padding:8px 14px;margin-left:6px;font-size:.88rem}
.nav a.ouv::after{display:none}.nav a.ouv:hover{background:#fff;color:var(--ink)}
.hdr-cta .util{font-weight:700;font-size:.88rem;color:rgba(255,255,255,.8);padding:8px 6px;white-space:nowrap}.hdr-cta .util:hover{color:#fff;text-decoration:underline}
@media(max-width:1699px){.hdr-cta .util{display:none}}
@media(max-width:1240px){.nav a.l{padding-inline:8px;font-size:.88rem}.nav a.ouv{padding:7px 11px;font-size:.82rem}}
@media(max-width:1399px){.nav,.hdr-cta .btn{display:none}.burger{display:block}}
.ftr-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr}
@media(max-width:1100px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.ftr-grid{grid-template-columns:1fr}}
.ftr li a small{display:block;color:rgba(255,255,255,.5);font-weight:500;font-size:.78rem}
.agency{display:inline-flex;align-items:center;gap:12px;opacity:.85;transition:opacity .3s}
.agency:hover{opacity:1}.agency span{font-size:.78rem;letter-spacing:.06em}.agency img{height:26px;width:auto}
.vagas-list{display:grid;gap:14px}
.vaga-card{background:#fff;border:1px solid var(--line-d);border-radius:26px;padding:22px 26px;display:grid;gap:12px;transition:transform .5s var(--ease),box-shadow .5s}
.vaga-card:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(17,14,14,.4)}
.vaga-card h3{font-size:1.35rem;font-weight:900;letter-spacing:-.02em}
.vaga-card .tg{display:flex;gap:8px;flex-wrap:wrap}.vaga-card .tg span{font-size:.74rem;font-weight:800;padding:5px 12px;border-radius:99px;background:var(--mist);color:#4a4747}
.vaga-card .desc{color:#4a4747;font-size:.95rem;max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.vaga-card.open .desc{max-height:900px}
.vaga-card .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vaga-card .more-b{font-weight:800;text-decoration:underline;font-size:.9rem}
.vagas-empty{padding:28px;border-radius:26px;background:#fff;border:1px dashed #c9c5c5;color:#4a4747;display:grid;gap:10px}
.vagas-empty b{font-size:1.2rem;color:var(--ink)}

.nav a.l,.nav a.ouv,.hdr-cta .btn,.hdr-cta .util{white-space:nowrap}
.hdr .wrap{gap:18px}
@media(max-width:1380px) and (min-width:1280px){.nav a.l{padding-inline:8px;font-size:.88rem}.nav a.ouv{padding:7px 12px;font-size:.84rem;margin-left:2px}.brand img:last-child{height:17px}}

.brand{flex:none}.hdr-cta{flex:none;display:flex;align-items:center;gap:10px}
@media(min-width:1400px) and (max-width:1560px){.nav a.l{padding-inline:7px;font-size:.86rem}.nav a.ouv{padding:7px 11px;font-size:.82rem}.hdr .wrap{gap:12px}.hdr-cta .btn.sm{padding:10px 16px;font-size:.84rem}}

.ftr-bot .wrap{padding-right:84px}@media(max-width:760px){.ftr-bot{padding-bottom:84px}}

/* =====================================================================================
   PÁGINA: ETIQUETAS ELETRÔNICAS
   ===================================================================================== */
.esl-note{font-size:.82rem;color:var(--grey);margin-top:26px;max-width:84ch;line-height:1.5}
.esl-note.dark{color:rgba(255,255,255,.5)}.esl-note.on-red{color:rgba(255,255,255,.88)}
.newtag{display:inline-flex;gap:10px;align-items:center;padding:8px 16px;border-radius:99px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);font-weight:800;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:22px}
.newtag i{width:8px;height:8px;border-radius:50%;background:var(--red);animation:pulseDot 2s infinite}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(237,50,55,.7)}100%{box-shadow:0 0 0 12px rgba(237,50,55,0)}}
.dd-menu a .new{margin-left:auto;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;background:var(--red);padding:3px 9px;border-radius:99px}

/* hero: três etiquetas em zonas separadas (nenhuma sobre a outra) */
.esl-stage .prod{filter:none}
.esl-stage .prod img{width:100%;height:auto;display:block}
.esl-stage .h1{width:100%;left:0;top:6%;z-index:2;animation:floatA 7s ease-in-out infinite}
.esl-stage .h2{width:62%;left:36%;top:56%;z-index:1;animation:floatB 8s ease-in-out -2s infinite}
.esl-stage .h3{width:44%;left:-2%;top:58%;z-index:3;animation:floatB 6.5s ease-in-out -4s infinite}

.esl-quote{display:flex;gap:20px;align-items:center;margin-top:34px;padding:24px 30px;border-radius:28px;background:linear-gradient(120deg,var(--red),#b8171d)}
.esl-quote .hex{width:54px;background:#fff;color:var(--red);font-size:1.4rem}
.esl-quote p{font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700;line-height:1.3}

/* demonstração */
.esl-demo{background:var(--ink);overflow:hidden}
.esl-demo::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70%;height:90%;background:radial-gradient(closest-side,rgba(237,50,55,.2),transparent);pointer-events:none}
.demo{display:grid;grid-template-columns:minmax(300px,.9fr) 90px minmax(320px,1.2fr);align-items:center;position:relative}
.erp{background:#fff;color:var(--ink);border-radius:28px;overflow:hidden;box-shadow:0 50px 80px -40px #000}
.erp-bar{display:flex;gap:7px;align-items:center;padding:14px 18px;background:var(--ink-2);color:#fff;font-weight:700;font-size:.85rem}
.erp-bar i{width:11px;height:11px;border-radius:50%;background:#555}.erp-bar i:first-child{background:var(--red)}
.erp-bar span{margin-left:10px;opacity:.8}
.erp-body{padding:24px 26px 28px;display:grid;gap:14px}
.erp-body small{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--grey);margin-bottom:3px}
.erp-body>b{font-size:1.15rem;font-weight:800;line-height:1.2}
.erp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.erp-row>div{padding:12px 14px;border-radius:16px;background:var(--mist)}
.erp-old{font-weight:800;font-size:1.3rem}
.erp-new{font-weight:900;font-size:1.3rem;color:var(--red)}
.erp-log{list-style:none;display:grid;gap:6px;padding:12px 14px;border-radius:16px;border:1px dashed #cfcbcb}
.erp-log li{display:flex;gap:10px;align-items:center;font-weight:600;font-size:.9rem;color:#aaa6a6;transition:color .4s}
.erp-log li svg{width:18px;height:18px;padding:3px;border-radius:50%;background:#e6e3e3;color:#fff;transition:background .4s}
.erp-log li.ok{color:var(--ink)}.erp-log li.ok svg{background:var(--red)}
.erp-body .btn{width:100%;justify-content:center}
.erp-body .btn[disabled]{opacity:.6;pointer-events:none}
.demo-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;transform:rotate(-90deg)}
.demo-flow i{width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:15px solid var(--red);opacity:.25;animation:flow 1.6s infinite}
.demo-flow i:nth-child(2){animation-delay:.25s}.demo-flow i:nth-child(3){animation-delay:.5s}
@keyframes flow{0%,100%{opacity:.2}50%{opacity:1}}
.demo-shelf{background:linear-gradient(160deg,#2a2424,#1a1616);border:1px solid var(--line);border-radius:30px;padding:clamp(20px,3vw,34px);box-shadow:0 50px 80px -40px #000}
.shelf-label{display:flex;justify-content:center;margin-bottom:6px}
.shelf-label span{padding:8px 18px;border-radius:99px;background:rgba(255,255,255,.1);font-weight:800;font-size:.85rem;transition:background .4s}
.demo-shelf.offer .shelf-label span{background:var(--red)}
.demo-label{position:relative;aspect-ratio:1500/1022;margin-inline:auto;max-width:640px}
.demo-label img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .15s}
.demo-label img.on{opacity:1}
.demo-label.flash img{animation:eink .65s steps(1,end)}
@keyframes eink{0%{filter:none}18%{filter:invert(1) contrast(1.4)}36%{filter:none}54%{filter:invert(1) contrast(1.4)}72%{filter:brightness(1.6)}100%{filter:none}}
.shelf-rail{position:absolute;left:3%;right:3%;top:79.2%;height:14px;border-radius:7px;background:linear-gradient(#4a4343,#2b2626);z-index:0}
.demo-label img{z-index:1}
.demo-status{display:flex;gap:14px;align-items:center;margin-top:10px;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.06)}
.demo-status .hex{width:44px;font-size:1.1rem}
.demo-status b{display:block;font-size:1rem}.demo-status small{display:block;color:rgba(255,255,255,.55);font-size:.76rem;line-height:1.35;margin-top:2px}
.demo-shelf.offer .demo-status .hex{background:var(--red)}

/* anatomia */
.anat{position:relative;display:grid;grid-template-columns:1fr minmax(360px,580px) 1fr;gap:clamp(16px,3vw,44px);align-items:center}
.anat-col{list-style:none;display:grid;gap:14px}
.anat-i{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:16px;border-radius:22px;border:1px solid transparent;transition:background .35s,box-shadow .35s,border-color .35s,transform .4s var(--ease);outline:none}
.anat-i .hex{width:48px;font-weight:900;font-size:.95rem}
.anat-i h3{font-size:1.15rem;font-weight:900;letter-spacing:-.015em;margin-bottom:4px}
.anat-i p{font-size:.94rem;color:#4a4747}
.anat-i:hover,.anat-i:focus-visible,.anat-i.on{background:#fff;box-shadow:0 30px 50px -30px rgba(17,14,14,.4);border-color:rgba(237,50,55,.35);transform:translateY(-3px)}
.anat-fig{position:relative}
.anat-fig img{width:100%;height:auto;display:block}
.mk{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;font-size:.8rem;box-shadow:0 0 0 5px rgba(237,50,55,.25),0 8px 18px -6px rgba(0,0,0,.5);animation:mkp 2.6s ease-in-out infinite;transition:transform .35s var(--ease),opacity .3s}
.mk i{font-style:normal}
@keyframes mkp{50%{box-shadow:0 0 0 11px rgba(237,50,55,0),0 8px 18px -6px rgba(0,0,0,.5)}}
.anat[data-f] .mk{opacity:.3}.anat[data-f="1"] .mk[data-n="1"],.anat[data-f="2"] .mk[data-n="2"],.anat[data-f="3"] .mk[data-n="3"],.anat[data-f="4"] .mk[data-n="4"],.anat[data-f="5"] .mk[data-n="5"],.anat[data-f="6"] .mk[data-n="6"]{opacity:1;transform:translate(-50%,-50%) scale(1.3)}
.anat-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.anat-lines path{fill:none;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:opacity .3s}
.anat-lines path.on{opacity:1;stroke-width:2.4}

/* como funciona */
.pipe{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.pstep{position:relative;padding:26px 24px 28px;border-radius:26px;background:#1f1a1a;border:1px solid var(--line);z-index:1;transition:transform .5s var(--ease),border-color .4s}
.pstep:hover{transform:translateY(-6px);border-color:rgba(237,50,55,.6)}
.pstep .n{position:absolute;right:20px;top:10px;font-size:3.4rem;font-weight:900;letter-spacing:-.05em;color:rgba(255,255,255,.07);line-height:1}
.pstep .hex{width:58px;font-size:1.4rem;margin-bottom:18px}
.pstep h3{font-size:1.2rem;font-weight:900;margin-bottom:6px}.step p{font-size:.94rem;color:rgba(255,255,255,.65)}
.pipe-line{position:absolute;left:8%;right:8%;top:54px;height:2px;background:var(--line);z-index:0}
.pipe-line i{position:absolute;top:-4px;left:0;width:54px;height:10px;border-radius:5px;background:linear-gradient(90deg,transparent,var(--red));animation:packet 3.2s linear infinite}
@keyframes packet{from{left:0}to{left:calc(100% - 54px)}}
.esl-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid var(--line)}
.esl-stats .num{padding:34px 26px;border-left:1px solid var(--line)}.esl-stats .num:first-child{border-left:0;padding-left:0}
.esl-stats .num strong{display:block;font-size:clamp(3rem,6.4vw,5.6rem);line-height:.9;font-weight:900;letter-spacing:-.05em;color:#fff}
.esl-stats .num>span{display:block;margin-top:14px;color:rgba(255,255,255,.7);font-weight:600;max-width:22ch;line-height:1.3}

/* tamanhos */
.esl-sizes{overflow:hidden}
.szb-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.szb{display:grid;gap:2px;padding:12px 24px;border-radius:22px;border:1.5px solid var(--line);text-align:left;transition:background .35s,color .35s,border-color .35s,transform .4s var(--ease)}
.szb b{font-size:1.3rem;font-weight:900;letter-spacing:-.02em}.szb small{display:none}
.szb:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.4)}
.szb.on{background:#fff;color:var(--ink);border-color:#fff}
.sz-grid{display:grid;grid-template-columns:1.7fr .9fr;gap:26px;align-items:stretch}
.sz-stage{position:relative;min-height:min(560px,70vw);border-radius:32px;background:radial-gradient(circle at 50% 38%,#2d2727,#161212);border:1px solid var(--line);overflow:hidden}
.sz-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.93);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none}
.sz-slide.on{opacity:1;transform:none}
.sz-wrap{position:relative}
.sz-wrap img{width:100%;height:auto;display:block}
.dim{position:absolute;pointer-events:none}
.dim b{position:absolute;font-size:.78rem;font-weight:800;color:rgba(255,255,255,.85);white-space:nowrap;background:#1c1717;padding:2px 8px;border-radius:99px}
.dim i{position:absolute;background:rgba(255,255,255,.5)}
.dim.dw i{left:0;right:0;top:50%;height:1px}.dim.dw i::before,.dim.dw i::after{content:"";position:absolute;top:-5px;width:1px;height:11px;background:rgba(255,255,255,.7)}.dim.dw i::before{left:0}.dim.dw i::after{right:0}
.dim.dw b{left:50%;top:50%;transform:translate(-50%,-50%)}
.dim.dh i{top:0;bottom:0;left:50%;width:1px}.dim.dh i::before,.dim.dh i::after{content:"";position:absolute;left:-5px;height:1px;width:11px;background:rgba(255,255,255,.7)}.dim.dh i::before{top:0}.dim.dh i::after{bottom:0}
.dim.dh b{left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg)}
.sz-side{display:grid;align-content:center}
.sz-info{display:none}.sz-info.on{display:block;animation:scnIn .6s var(--ease)}
.sz-info h3{font-size:clamp(3rem,6vw,5rem);font-weight:900;letter-spacing:-.05em;line-height:.95;color:var(--red);margin-bottom:18px}
.sz-info dl{display:grid;gap:10px;margin-bottom:20px}
.sz-info dl div{padding:12px 0;border-top:1px solid var(--line)}
.sz-info dt{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.5)}
.sz-info dd{font-size:1.15rem;font-weight:800;margin-top:2px}
.sz-info p{display:flex;gap:12px;align-items:flex-start;font-weight:700;line-height:1.3;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06)}
.sz-info p .hex{width:30px;font-size:.8rem;flex:none}
.strip{display:flex;align-items:flex-end;justify-content:center;gap:0;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);overflow-x:auto}
.strip-i{flex:none;width:calc(var(--w) * 1.9px);height:calc(108 * 1.9px + 34px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2px;opacity:.5;transition:opacity .35s,transform .4s var(--ease)}
.strip-i:hover{opacity:.85}.strip-i.on{opacity:1;transform:translateY(-4px)}
.strip-i img{width:100%;height:auto;display:block}
.strip-i small{font-weight:800;font-size:.8rem;color:rgba(255,255,255,.8)}

/* gôndola */
.gond{position:relative;margin:0;border-radius:30px;overflow:hidden;background:#e9e7e2;box-shadow:0 50px 90px -50px rgba(17,14,14,.55)}
.gond>img{width:100%;height:auto;display:block}
.hot{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:var(--red);border:3px solid #fff;z-index:3;box-shadow:0 10px 20px -6px rgba(0,0,0,.5);cursor:pointer}
.hot i{position:absolute;inset:-9px;border-radius:50%;border:2px solid var(--red);animation:hotp 2.2s ease-out infinite}
@keyframes hotp{0%{transform:scale(.7);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.tip{position:absolute;z-index:4;left:clamp(175px,var(--x,50%),calc(100% - 175px));transform:translate(-50%,calc(-100% - 26px));width:min(340px,76vw);background:#fff;color:var(--ink);border-radius:18px;padding:16px 20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}
.tip b{display:block;font-weight:900;font-size:1.05rem}.tip span{display:block;color:var(--grey);font-size:.92rem;margin-top:3px}
.tip.show{opacity:1;visibility:visible}
.gond-caps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.gond-caps li{display:flex;gap:16px;align-items:center;padding:16px 20px;border-radius:22px;background:#fff;border:1px solid var(--line-d)}
.gond-caps .hex{width:46px;font-size:1.1rem}.gond-caps b{display:block}.gond-caps span:not(.hex){display:block;color:var(--grey);font-size:.92rem}

/* bateria */
.bat-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.photo-card{margin:0;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 40px 70px -40px #000}
.photo-card img{width:100%;height:auto;display:block}
.photo-card.wide{padding:clamp(8px,2vw,28px)}
.thin{display:grid;gap:14px}
.thin-row{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center}
.thin-row>span{font-weight:800;line-height:1.2}.thin-row small{display:block;font-weight:500;color:rgba(255,255,255,.55);font-size:.82rem}
.bar{height:84px;display:grid;align-items:center}
.bar i{display:block;width:100%;height:var(--t);border-radius:16px;background:linear-gradient(#f4f2ee,#d7d3cc);box-shadow:inset 0 -6px 10px rgba(0,0,0,.12),0 14px 24px -12px #000;transform-origin:center;transition:transform 1.1s var(--ease) .2s}
.js .thin .bar i{transform:scaleY(0)}.thin.in .bar i{transform:none}
.thin-row.hi .bar i{outline:2px solid var(--red);outline-offset:3px}
.big28{display:flex;gap:18px;align-items:center;margin-top:8px}
.big28 strong{font-size:clamp(4rem,8vw,6.4rem);line-height:.9;font-weight:900;letter-spacing:-.05em;color:var(--red)}
.big28 span{font-weight:700;max-width:18ch;line-height:1.25}
.bat-life{margin-top:clamp(60px,8vw,110px)}
.t2{font-weight:900;letter-spacing:-.03em;line-height:1.05}
.bat-life .t2{font-size:clamp(1.9rem,3.6vw,3.2rem);text-align:center;margin-bottom:28px}
.bat-life .t2 em{font-style:italic;color:var(--red)}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.spec{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.spec .hex{width:52px;font-size:1.3rem}.spec b{display:block;font-size:1.1rem;margin-bottom:4px}.spec p{color:rgba(255,255,255,.65);font-size:.92rem}

/* LED e páginas */
.esl-led{background:var(--ink)}
.led-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.led-box{padding:clamp(20px,3vw,36px);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid var(--line)}
.mini{font-size:1.05rem;font-weight:800;margin-bottom:6px;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.pgcount{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 12px;border-radius:99px;background:rgba(255,255,255,.1);font-weight:800}
.led-stage{position:relative;aspect-ratio:1300/885;margin:8px 0 12px}
.led-stage img{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .5s var(--ease)}
.led-stage img.on{opacity:1}
.led-floor{display:none}
.ledb-grid,.pgb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.ledb,.pgb{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:16px;border:1px solid var(--line);text-align:left;transition:background .3s,color .3s,border-color .3s}
.ledb i{width:16px;height:16px;flex:none;border-radius:50%;background:var(--lc);box-shadow:0 0 12px var(--lc)}
.ledb b{display:block;font-size:.95rem}.ledb small{display:block;font-size:.8rem;opacity:.65;line-height:1.2}
.pgb{font-weight:700;font-size:.92rem}.pgb b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);flex:none}
.ledb:hover,.pgb:hover{border-color:rgba(255,255,255,.4)}
.ledb.on,.pgb.on{background:#fff;color:var(--ink);border-color:#fff}.pgb.on b{background:var(--red);color:#fff}

/* layouts */
.lay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lay{margin:0;padding:8px 10px 20px;border-radius:28px;background:radial-gradient(circle at 50% 35%,#fff,#ecebe7);border:1px solid var(--line-d);text-align:center;transition:transform .5s var(--ease),box-shadow .5s}
.lay:hover{transform:translateY(-8px);box-shadow:0 40px 60px -34px rgba(17,14,14,.45)}
.lay img{width:100%;height:auto;display:block}
.lay figcaption{font-weight:800;font-size:1.02rem;margin-top:-4px}

/* rede */
.net-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.net-card{padding:clamp(22px,3vw,38px);border-radius:32px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.net-img{height:270px;display:grid;place-items:center;border-radius:24px;background:radial-gradient(circle at 50% 40%,#fff,#e4e1db);margin-bottom:22px;overflow:hidden;padding:18px}
.net-img img{max-width:92%;max-height:100%;width:auto;height:auto;object-fit:contain}
.net-img.gw img{height:92%}
.tagline{display:block;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--red-2);margin-bottom:6px}
.net-card h3{font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:900;letter-spacing:-.025em;line-height:1.1}
.net-p{color:rgba(255,255,255,.7);margin-top:12px}
.net-list{list-style:none;display:grid;gap:12px;margin-top:22px}
.net-list.two{grid-template-columns:1fr 1fr}
.net-list li{display:flex;gap:12px;align-items:flex-start}
.net-list .hex{width:38px;font-size:.95rem}
.net-list b{display:block;font-size:.95rem;line-height:1.2}.net-list small{display:block;color:rgba(255,255,255,.55);font-size:.82rem;line-height:1.25}
.impl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.impl-i{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:24px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.impl-i .hex{width:52px;font-size:1.3rem}.impl-i b{display:block;margin-bottom:4px}.impl-i p{color:rgba(255,255,255,.65);font-size:.92rem}
.net-extra{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px;align-items:start}
.wifi-det{border-radius:26px;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:0 22px}
.wifi-det summary{display:flex;gap:16px;align-items:center;padding:20px 0;cursor:pointer;list-style:none}
.wifi-det summary::-webkit-details-marker{display:none}
.wifi-det .hex{width:46px;font-size:1.1rem;flex:none}.wifi-det summary b{display:block;font-size:1.05rem}.wifi-det summary small{font-weight:500;display:block;color:rgba(255,255,255,.55);font-size:.84rem;line-height:1.3}
.wifi-det .pl{margin-left:auto;width:36px;height:36px;display:grid;place-items:center;flex:none;transition:transform .4s var(--ease);background:rgba(255,255,255,.1);clip-path:var(--hex)}
.wifi-det[open] .pl{transform:rotate(135deg);background:var(--red)}
.wifi-det .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}.wifi-det[open] .ans{grid-template-rows:1fr}.wifi-det .ans>div{overflow:hidden}
.wl{list-style:none;columns:2;gap:24px;padding:0 0 22px;font-size:.9rem;color:rgba(255,255,255,.8)}
.wl li{padding:6px 0;border-top:1px solid var(--line);break-inside:avoid}.wl .oth{font-weight:800;color:#fff}
.also{padding:22px;border-radius:26px;background:rgba(255,255,255,.05);border:1px solid var(--line)}
.also b{display:block;margin-bottom:12px}
.scene{margin-top:40px;padding:0}
.scene img{border-radius:30px}

/* plataforma */
.arch{display:grid;grid-template-columns:1fr 112px 1.6fr 112px 1fr;align-items:center}
.arch-c{background:#fff;border-radius:28px;padding:24px 26px;border:1px solid var(--line-d);box-shadow:0 30px 50px -36px rgba(17,14,14,.35)}
.arch-c.dark{background:var(--ink);color:#fff;border-color:transparent}
.arch-c h3{font-size:1.15rem;font-weight:900;margin-bottom:14px;display:flex;gap:12px;align-items:center}
.arch-c h3 .hex{width:36px;font-size:.9rem}
.arch-c ul{list-style:none;display:grid;gap:10px}
.arch-c li{display:flex;gap:12px;align-items:center;font-weight:700;font-size:.95rem}
.arch-c li .hex{width:34px;font-size:.85rem;flex:none}
.arch-c li small{display:block;font-weight:500;color:var(--grey);font-size:.8rem;line-height:1.25}
.arch-c .g3{grid-template-columns:repeat(3,1fr);gap:8px}
.arch-c .g3 li{flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:16px;background:rgba(255,255,255,.08);font-size:.82rem;line-height:1.2}
.arch-c>small{display:block;margin-top:14px;text-align:center;font-size:.74rem;letter-spacing:.1em;color:rgba(255,255,255,.5)}
.arch-ar{display:grid;justify-items:center;gap:8px;text-align:center}
.arch-ar i{display:block;width:100%;height:3px;background:repeating-linear-gradient(90deg,var(--red) 0 8px,transparent 8px 14px);background-size:14px 3px;animation:dash2 1s linear infinite;position:relative}
.arch-ar i::after{content:"";position:absolute;right:-2px;top:-5px;border-left:10px solid var(--red);border-top:6.5px solid transparent;border-bottom:6.5px solid transparent}
@keyframes dash2{to{background-position:14px 0}}
.arch-ar small{font-size:.7rem;color:var(--grey);line-height:1.2;padding:0 4px}
.sub.t2{font-size:clamp(1.6rem,2.8vw,2.4rem);margin:clamp(50px,6vw,80px) 0 24px}
.sub.t2 em{font-style:italic;color:var(--red)}
.mods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mod{background:#fff;padding:24px;border-radius:26px;border:1px solid var(--line-d);transition:transform .5s var(--ease),box-shadow .5s}
.mod:hover{transform:translateY(-6px);box-shadow:0 36px 56px -34px rgba(17,14,14,.4)}
.mod .hex{width:50px;font-size:1.2rem;margin-bottom:14px}.mod h3{font-size:1.08rem;font-weight:900;margin-bottom:6px}.mod p{font-size:.9rem;color:#4a4747}
.integ{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.integ-c{position:relative;background:#fff;padding:30px;border-radius:30px;border:1px solid var(--line-d)}
.integ-c .ab{position:absolute;right:24px;top:10px;font-size:4rem;font-weight:900;color:rgba(17,14,14,.06);line-height:1}
.integ-c h3[data-h="4"]{font-size:1.3rem;font-weight:900;letter-spacing:-.02em;margin-bottom:12px}
.path{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;font-weight:700}
.path span{padding:7px 14px;border-radius:99px;background:var(--mist);font-size:.88rem}.path svg{color:var(--red)}
.integ-c .istep{list-style:none;display:grid;gap:4px}
.integ-c .istep li{display:flex;gap:12px;align-items:center;padding:8px 0;font-weight:700;border-top:1px solid var(--line-d)}
.integ-c .istep .hex{width:28px;font-size:.75rem}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.pc>div{padding:14px 16px;border-radius:18px}
.pc .pro{background:var(--mist)}.pc .con{background:#fff1f1}
.pc b{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.pc .con b{color:var(--red)}
.pc ul{list-style:none;display:grid;gap:5px;font-size:.88rem;font-weight:600;color:#4a4747}
.tabs2{display:flex;gap:10px;margin:clamp(50px,6vw,80px) 0 22px;flex-wrap:wrap}
.t2b{display:flex;gap:12px;align-items:center;padding:10px 22px 10px 10px;border-radius:99px;border:1.5px solid var(--line-d);font-weight:800;background:#fff;transition:background .3s,color .3s,border-color .3s}
.t2b .hex{width:36px;font-size:.9rem;background:var(--ink)}
.t2b.on{background:var(--ink);color:#fff;border-color:var(--ink)}.t2b.on .hex{background:var(--red)}
.w2{display:none;grid-template-columns:.8fr 1.5fr;gap:clamp(22px,4vw,50px);align-items:center}
.w2.on{display:grid;animation:scnIn .6s var(--ease)}
.w2-txt h3{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;letter-spacing:-.025em;line-height:1.08;margin-bottom:12px}
.w2-txt p{color:#4a4747;margin-bottom:14px}
.w2-txt ul{list-style:none;display:grid;gap:4px}.w2-txt li{display:flex;gap:10px;padding:9px 0;font-weight:700;border-top:1px solid var(--line-d)}.w2-txt li svg{color:var(--red);margin-top:4px;flex:none}
.shot{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 50px 80px -40px rgba(17,14,14,.55);border:1px solid var(--line-d);background:#fff}
.shot img{width:100%;height:auto;display:block}

/* casos de uso */
.esl-cases{background:var(--ink)}
.cases{display:grid;grid-template-columns:minmax(260px,.55fr) 1.7fr;gap:clamp(20px,3vw,40px);align-items:start}
.ct-col{display:grid;gap:6px;position:sticky;top:110px}
.ct{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:11px 16px 11px 11px;border-radius:20px;border:1px solid var(--line);text-align:left;transition:background .3s,color .3s,border-color .3s,transform .4s var(--ease)}
.ct .hex{width:42px;background:var(--ink-3);font-weight:900;font-size:.78rem;transition:background .3s}
.ct b{font-size:.98rem;font-weight:800;line-height:1.15}
.ct>svg{opacity:0;transform:translateX(-8px);transition:.4s var(--ease);color:var(--red)}
.ct:hover{transform:translateX(4px);border-color:rgba(255,255,255,.4)}
.ct.on{background:#fff;color:var(--ink);border-color:#fff}.ct.on .hex{background:var(--red);color:#fff}.ct.on>svg{opacity:1;transform:none}
.cp{display:none}
.cp.on{display:grid;gap:22px;animation:scnIn .6s var(--ease)}
.cp-img{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 40px 70px -40px #000}
.cp-img img{width:100%;height:auto;display:block}
.cp-txt{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:6px;align-items:start}
.cp-txt .hex{width:54px;font-size:1.3rem;grid-row:1/span 3}
.cp-txt .ey{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:var(--red-2)}
.cp-txt h3{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:900;letter-spacing:-.025em;line-height:1.1}
.cp-txt>p:not(.ey){color:rgba(255,255,255,.72)}
.cp-txt ul{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;margin-top:10px}
.cp-txt li{display:flex;gap:10px;padding:9px 0;font-weight:700;border-top:1px solid var(--line)}.cp-txt li svg{color:var(--red);margin-top:4px;flex:none}

/* retorno */
.roi{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,4vw,56px);align-items:center}
.roi-n{display:grid;gap:0}
.roi-n .num{padding:24px 0;border-top:1px solid rgba(255,255,255,.3);border-left:0}
.roi-n .num:first-child{border-top:0}
.roi-n .num strong{display:block;font-size:clamp(2.8rem,5.4vw,4.6rem);line-height:.95;font-weight:900;letter-spacing:-.045em}
.roi-n .num>span{display:block;margin-top:10px;font-weight:700;max-width:34ch;line-height:1.3;color:rgba(255,255,255,.92)}
.roi-n ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.roi-n li{padding:7px 14px;border-radius:99px;background:rgba(17,14,14,.28);font-weight:700;font-size:.85rem}
.chart{background:#fff;color:var(--ink);border-radius:30px;padding:clamp(20px,3vw,32px);margin:0;box-shadow:0 50px 80px -40px rgba(0,0,0,.6)}
.chart figcaption{font-weight:900;font-size:1.1rem;margin-bottom:8px}
.chart svg{width:100%;height:auto;display:block}
.chart p{font-size:.8rem;color:var(--grey);margin-top:6px}
.chart .ax{fill:none;stroke:#cfcbcb;stroke-width:2}
.chart .paper{fill:none;stroke:#8a8686;stroke-width:5;stroke-linecap:round}
.chart .esl{fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round}
.chart .pt{fill:#fff;stroke:var(--ink);stroke-width:3}
.chart text{font:700 13px Gilroy,sans-serif;fill:var(--ink)}.chart .lx{fill:var(--grey);font-weight:600}
.chart .lg rect:nth-of-type(1){fill:#8a8686}.chart .lg rect:nth-of-type(2){fill:var(--red)}
.js .chart .paper,.js .chart .esl{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.9s var(--ease) .2s}
.js .chart.in .paper,.js .chart.in .esl{stroke-dashoffset:0}
.js .chart .pt,.js .chart .pt+text{opacity:0;transition:opacity .6s 1.7s}.js .chart.in .pt,.js .chart.in .pt+text{opacity:1}

/* próximos passos */
.journey.three{grid-template-columns:repeat(3,1fr);max-width:980px;margin-inline:auto}
.journey.three::before{left:16.5%;right:16.5%}.journey.three .fill{left:16.5%}.journey.three.in .fill{width:67%}
.esl-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:clamp(50px,6vw,80px);border-top:1px solid var(--line-d);text-align:center}
.esl-trust>div{padding:34px 16px;border-left:1px solid var(--line-d)}.esl-trust>div:first-child{border-left:0}
.esl-trust strong{display:block;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;letter-spacing:-.045em;line-height:1;color:var(--red)}
.esl-trust>div>span{display:block;margin-top:10px;font-weight:700;color:#4a4747}

/* destaque na home */
.esl-teaser{position:relative;background:var(--ink);overflow:hidden;padding-block:clamp(60px,8vw,110px)}
.esl-teaser::before{content:"";position:absolute;inset:-30% -10% auto auto;width:60%;height:120%;background:radial-gradient(closest-side,rgba(237,50,55,.22),transparent);pointer-events:none}
.esl-teaser .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px);align-items:center;position:relative}
.esl-teaser h2.t{margin-bottom:18px}
.esl-teaser .lead{margin-bottom:30px}
.tz-vis{position:relative;aspect-ratio:1/.8}
.tz-vis .tz{position:absolute;height:auto}
.tz.a{left:0;top:4%;width:70%;animation:floatA 7s ease-in-out infinite}
.tz.b{right:0;bottom:0;width:50%;animation:floatB 8s ease-in-out -3s infinite}

@media(max-width:1100px){
  .demo{grid-template-columns:1fr}.demo-flow{transform:none;flex-direction:row;padding:14px}.demo-flow i{border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:15px solid var(--red);border-right:0;transform:rotate(90deg)}
  .anat{grid-template-columns:1fr}.anat-fig{order:-1;max-width:560px;margin-inline:auto}.anat-lines{display:none}.anat-col{grid-template-columns:1fr 1fr}
  .pipe{grid-template-columns:1fr 1fr}.pipe-line{display:none}
  .sz-grid{grid-template-columns:1fr}.bat-grid,.led-grid,.net-grid,.integ,.roi,.w2,.net-extra{grid-template-columns:1fr}
  .impl,.trio,.lay-grid{grid-template-columns:1fr 1fr}.mods{grid-template-columns:1fr 1fr}
  .arch{grid-template-columns:1fr}.arch-ar{padding:18px 0}.arch-ar i{width:3px;height:44px;background:repeating-linear-gradient(0deg,var(--red) 0 8px,transparent 8px 14px)}.arch-ar i::after{right:-5px;top:auto;bottom:-2px;border-top:10px solid var(--red);border-left:6.5px solid transparent;border-right:6.5px solid transparent;border-bottom:0}
  .cases{grid-template-columns:1fr}.ct-col{position:static;grid-template-columns:1fr 1fr}
  .esl-teaser .wrap{grid-template-columns:1fr}
}
@media(max-width:700px){
  .anat-col,.pipe,.impl,.trio,.lay-grid,.mods,.net-list.two,.ct-col,.cp-txt ul,.gond-caps,.pc,.esl-stats,.esl-trust,.journey.three,.ledb-grid,.pgb-grid{grid-template-columns:1fr}
  .esl-stats .num{border-left:0;border-top:1px solid var(--line);padding-left:0}.esl-stats .num:first-child{border-top:0}
  .esl-trust>div{border-left:0;border-top:1px solid var(--line-d)}.esl-trust>div:first-child{border-top:0}
  .thin-row{grid-template-columns:1fr}.wl{columns:1}.sz-stage{min-height:340px}.esl-quote{flex-direction:column;align-items:flex-start}
  .szb{padding:10px 16px}
}

.strip-i .si-img{flex:1;display:grid;place-items:center;width:100%}
.sz-stage{min-height:min(520px,70vw)}

.hot.sm{width:22px;height:22px;border-width:2px}.hot.sm i{inset:-7px}
.bar i{border-top:5px solid #1a1616}

.led-box{display:flex;flex-direction:column}.led-grid .led-box:nth-child(2){justify-content:center}
.step-fix{}

/* ===== produção: velocidade e acessibilidade ===== */
.pre{display:none!important}
#hero .rv{opacity:1;transition:none;animation:cmUp .9s var(--ease) var(--d,0s) both}
@keyframes cmUp{from{transform:translateY(36px)}to{transform:none}}
.hex{background:#c8232a}
.mtext .mw:not(.lit){color:rgba(255,255,255,.56)}