@font-face{font-family:Gotham;font-weight:200;font-display:swap;src:url(fonts/gotham-200.woff2) format('woff2')}
@font-face{font-family:Gotham;font-weight:300;font-display:swap;src:url(fonts/gotham-300.woff2) format('woff2')}
@font-face{font-family:Gotham;font-weight:400;font-display:swap;src:url(fonts/gotham-400.woff2) format('woff2')}
@font-face{font-family:Gotham;font-weight:500;font-display:swap;src:url(fonts/gotham-500.woff2) format('woff2')}
@font-face{font-family:Gotham;font-weight:700;font-display:swap;src:url(fonts/gotham-700.woff2) format('woff2')}
@font-face{font-family:Gotham;font-weight:800;font-display:swap;src:url(fonts/gotham-800.woff2) format('woff2')}
@font-face{font-family:Instr;font-style:italic;font-weight:400;font-display:swap;src:url(fonts/serif-i.woff2) format('woff2')}
:root{--bg:#0E0B0A;--bg2:#141010;--card:#1a1210;--line:#2f231d;--fg:#F1E8DF;--mut:#b9aca1;--dim:#8c7d72;--cu:#EEA279;--cu2:#8F4B3B;--g:linear-gradient(90deg,#8F4B3B,#EEA279);--pad:clamp(20px,5.6vw,80px)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{background:var(--bg);color:var(--fg);font-family:Gotham,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}
.it{font-family:Instr,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--cu)}
.grad{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.eb{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--cu);margin-bottom:22px}
.eb::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cu)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 34px;border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:transform .25s,box-shadow .25s,background .25s;white-space:nowrap}
.btn.y{background:var(--cu);color:#14100E}.btn.y:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(238,162,121,.35)}
.btn.o{border:1.5px solid #5b4a40}.btn.o:hover{border-color:var(--cu);color:var(--cu)}
.btn.k{background:#14100E;color:var(--cu)}.btn.k:hover{transform:translateY(-2px)}
header{position:fixed;inset:0 0 auto 0;z-index:50;height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;transition:background .3s,backdrop-filter .3s,border-color .3s;border-bottom:1px solid transparent}
header.s{background:rgba(14,11,10,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
header img{height:44px;width:44px;border-radius:12px}
nav{display:flex;gap:40px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
nav a{transition:color .2s}nav a:hover{color:var(--cu)}
header .btn{height:48px;padding:0 26px;background:var(--g);color:#14100E}
/* hero */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:130px var(--pad) 90px;background:#111}
.curve{position:absolute;right:-6vw;top:-4vh;width:min(62vw,980px);height:auto;z-index:0;opacity:.95}
.curve path{stroke-dasharray:2600;stroke-dashoffset:2600;animation:draw 2.4s .2s cubic-bezier(.3,.7,.2,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.hero .t{position:relative;z-index:3;max-width:760px}
h1{font-size:clamp(46px,7.1vw,100px);font-weight:300;line-height:1.02;letter-spacing:-.04em}
h1 b{font-weight:800}h1 .it{font-size:1.16em;line-height:.9}
.hero p{font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.65;color:var(--mut);margin:30px 0 40px;max-width:520px}
.row{display:flex;gap:14px;flex-wrap:wrap}
.dev{position:absolute;right:max(4vw,24px);top:50%;width:min(29vw,420px);aspect-ratio:400/520;transform:translateY(-46%);z-index:2;border-radius:26px;background:#14100E;border:1px solid #3a2c25;box-shadow:0 40px 100px rgba(0,0,0,.6);padding:min(1.6vw,22px);animation:fl 7s ease-in-out infinite}
.mob{position:absolute;right:min(22vw,330px);top:calc(50% + 8vh);width:min(13.5vw,190px);aspect-ratio:190/340;z-index:3;border-radius:24px;background:#14100E;border:1px solid #5b4036;box-shadow:0 30px 80px rgba(0,0,0,.7);padding:min(.8vw,11px);animation:fl 6s -2s ease-in-out infinite}
@keyframes fl{50%{translate:0 -12px}}
.scr{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative;background:linear-gradient(160deg,#a8623f,#2a1710);display:grid;place-items:center}
.scr.b{background:linear-gradient(160deg,#EEA279,#5a2f20)}
.scr img{width:34%;border-radius:0;opacity:.95}
.scr::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,236,214,.35),transparent 60%);animation:sh 8s ease-in-out infinite alternate}
@keyframes sh{to{transform:translate(18%,22%)}}
.scr small{position:absolute;left:14px;bottom:12px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.85);z-index:2}
.hint{position:absolute;left:var(--pad);bottom:34px;z-index:3;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:12px}
.hint i{width:1px;height:34px;background:linear-gradient(var(--cu),transparent);animation:ln 2s ease-in-out infinite}
@keyframes ln{50%{transform:scaleY(.4);transform-origin:top}}
/* sections */
section{position:relative}
.app{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(30px,6vw,80px);padding:clamp(90px,12vw,150px) var(--pad) clamp(70px,8vw,100px);border-bottom:1px solid #2a1f19}
.app .l{font-size:20px;color:var(--cu);border-bottom:1.5px solid var(--cu);display:inline-block;height:34px;align-self:start;justify-self:start}
.app p{font-size:clamp(22px,2.6vw,34px);font-weight:300;line-height:1.45;letter-spacing:-.02em;color:#e6d9cd}.app p .it{font-size:1.18em}
.num{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:clamp(60px,7vw,90px) var(--pad)}
.num b{display:block;font-size:clamp(44px,6vw,82px);font-weight:300;letter-spacing:-.04em;line-height:1.05}
.num .fr b{font-size:clamp(26px,3.1vw,44px);line-height:1.12;letter-spacing:-.03em}
.num span{font-size:15px;font-weight:300;line-height:1.6;color:var(--mut)}
.lv{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:0 var(--pad) clamp(80px,9vw,120px)}
.lv>a{border-radius:22px;padding:clamp(28px,3vw,44px);min-height:380px;background:linear-gradient(160deg,#1d130f,#120d0b);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,border-color .35s}
.lv>a:nth-child(2){background:linear-gradient(160deg,#5a2f20,#2a1710)}
.lv>a:hover{transform:translateY(-6px);border-color:#6b4536}
.lv em{font-size:clamp(54px,6vw,80px);font-weight:200;font-style:normal;color:var(--cu);line-height:1}
.lv h3{font-size:clamp(30px,3.3vw,44px);font-weight:300;line-height:1.05;letter-spacing:-.03em}.lv h3 b{font-weight:800;display:block}
.lv p{font-size:15px;font-weight:300;line-height:1.65;color:#cdbfb3;margin-top:14px}
.lv ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;list-style:none}.lv li{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border:1px solid #4a3a31;border-radius:99px;color:var(--mut)}
.work{padding:0 0 clamp(80px,9vw,130px) var(--pad)}
.work h2,.proc h2{font-size:clamp(34px,4.6vw,62px);font-weight:300;letter-spacing:-.035em;line-height:1.08;margin-bottom:46px}.work h2 .it,.proc h2 .it{font-size:1.16em}
.rail{display:flex;gap:20px;overflow-x:auto;padding-right:var(--pad);scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}
.tile{flex:0 0 clamp(210px,19vw,260px);aspect-ratio:9/16;border-radius:16px;overflow:hidden;position:relative;scroll-snap-align:start;background:linear-gradient(160deg,var(--a,#7a3f2c),var(--b,#1a0f0b));display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:transform .4s}
.tile:hover{transform:translateY(-6px)}
.tile img{position:absolute;left:50%;top:38%;width:30%;transform:translate(-50%,-50%);opacity:.9}
.tile::before{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(0deg,rgba(14,11,10,.75),transparent)}
.tile b{position:relative;font-size:17px;font-weight:700;line-height:1.2}.tile span{position:relative;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);margin-top:6px}
.tile.more{background:#1a1210;border:1px dashed #5b4036;align-items:center;justify-content:center;text-align:center;gap:16px}.tile.more::before{display:none}
.tile.more b{font-size:20px}.tile.more .btn{height:46px;padding:0 24px}
.proc{margin:0 var(--pad) clamp(80px,9vw,120px);border-radius:30px;padding:clamp(34px,6vw,80px);background:linear-gradient(135deg,#1c120e,#3a1f16);display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,80px)}
.proc h2{margin-bottom:0}
.st{padding:22px 0;border-top:1px solid #5b4036;display:grid;grid-template-columns:56px 1fr;font-size:15px;font-weight:300;line-height:1.6;color:#cdbfb3}.st b{display:block;font-size:22px;font-weight:500;color:var(--fg);margin-bottom:4px}.st em{color:var(--cu);font-style:normal}
.cta{margin:0 var(--pad) 100px;border-radius:30px;padding:clamp(40px,7vw,110px) clamp(26px,5vw,70px);background:var(--cu);color:#14100E;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta h2{font-size:clamp(38px,5.6vw,80px);font-weight:300;line-height:1.02;letter-spacing:-.04em}.cta h2 b{font-weight:800}.cta h2 .it{font-size:1.14em;color:#14100E}
.cta .btn{height:66px;padding:0 44px}
footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 var(--pad) 40px;font-size:13px;color:var(--dim)}footer a:hover{color:var(--cu)}
.wa{position:fixed;right:20px;bottom:20px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--cu);display:grid;place-items:center;box-shadow:0 12px 36px rgba(0,0,0,.5);transition:transform .25s}.wa:hover{transform:scale(1.08)}
.wa svg{width:28px;height:28px;fill:#14100E}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
@media(max-width:1000px){nav{display:none}.dev{width:38vw}.mob{right:30vw;width:18vw}.curve{width:90vw;opacity:.5}.app{grid-template-columns:1fr}.num{grid-template-columns:repeat(2,1fr)}.lv{grid-template-columns:1fr}.lv>a{min-height:0;gap:34px}.proc{grid-template-columns:1fr}}
@media(max-width:640px){.hero{flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-top:118px;padding-bottom:60px}.dev{display:none}.mob{position:relative;right:auto;top:auto;width:46vw;max-width:220px;margin:44px auto 0;animation:fl 6s ease-in-out infinite}.curve{top:auto;bottom:-6vh;width:150vw;right:-55vw;opacity:.5}.hero .btn{width:100%}.row{flex-direction:column}header .btn{height:42px;padding:0 18px;font-size:11px}header img{height:38px;width:38px}.cta{flex-direction:column;align-items:flex-start}.cta .btn{width:100%}.hint{display:none}.num{gap:26px 16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.curve path{stroke-dashoffset:0}.rv{opacity:1;transform:none}html{scroll-behavior:auto}}

/* ---- v6: abordagem, niveis, CTA, curva final, motion ---- */
.app{align-items:start}
.app .l{display:block;border:0;height:auto;font-size:clamp(40px,5.6vw,84px);font-weight:300;letter-spacing:-.04em;line-height:.98;color:#f3e9df}
.app .l::before{content:"";display:block;width:64px;height:2px;background:var(--g);margin-bottom:30px;transform-origin:left;transform:scaleX(0);transition:transform 1.1s .3s cubic-bezier(.2,.7,.2,1)}
.app .l.in::before{transform:scaleX(1)}
.app .l .it{font-size:1.14em}
.app p{font-size:clamp(23px,3vw,40px);line-height:1.42}
.num .fr b{font-size:clamp(26px,3.1vw,44px);line-height:1.12;letter-spacing:-.03em}
/* cards */
.lv>a{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 100% 0%,rgba(238,162,121,.12),transparent 55%),linear-gradient(160deg,#1f1410,#110c0a);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .45s}
.lv>a:nth-child(2){background:radial-gradient(120% 90% at 100% 0%,rgba(238,162,121,.28),transparent 60%),linear-gradient(160deg,#63341f,#2a1710);border-color:#8a5a44;box-shadow:0 40px 90px -40px rgba(238,162,121,.45)}
.lv>a::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(238,162,121,.18),transparent 60%);transition:opacity .35s}
.lv>a:hover::before{opacity:1}
.lv>a:hover{transform:translateY(-8px);border-color:#8a5a44;box-shadow:0 40px 90px -40px rgba(238,162,121,.4)}
.lv>a>div:first-child{display:flex;justify-content:space-between;align-items:flex-start}
.lv>a>div:first-child::after{content:"";flex:none;width:50px;height:50px;border-radius:50%;border:1px solid #5a4338;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEA279' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/20px no-repeat;transition:background-color .35s,transform .45s,border-color .35s}
.lv>a:hover>div:first-child::after{background-color:rgba(238,162,121,.14);border-color:var(--cu);transform:rotate(45deg)}
.lv em{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.lv li{transition:border-color .3s,color .3s}.lv>a:hover li{border-color:#8a5a44;color:#e6d0c0}
/* CTA */
.end{position:relative;overflow:hidden;padding-bottom:clamp(180px,24vw,340px)}
.end .curve.b{top:auto;bottom:-14vw;right:auto;left:-22vw;width:min(92vw,1300px);transform:rotate(180deg);opacity:.5;z-index:0}
.end .curve.b path{animation:none;stroke-dashoffset:2600;transition:stroke-dashoffset 3s cubic-bezier(.3,.7,.2,1)}
.end .curve.b.in path{stroke-dashoffset:0}
.cta{position:relative;z-index:1;overflow:hidden;isolation:isolate;border-radius:38px;background:radial-gradient(80% 140% at 100% 0%,#f8bc9b,transparent 60%),linear-gradient(125deg,#d98a63,#EEA279 60%);box-shadow:0 50px 120px -50px rgba(238,162,121,.55)}
.cta small{display:block;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;opacity:.7;margin-bottom:22px}
.cta small::before{content:"";display:inline-block;width:34px;height:1.5px;background:#14100E;vertical-align:middle;margin-right:14px}
.cta .rg{position:absolute;z-index:-1;border-radius:50%;border:clamp(36px,6vw,84px) solid rgba(20,16,14,.07);aspect-ratio:1;pointer-events:none}
.cta .r1{width:56%;right:-12%;top:-70%;animation:spin 40s linear infinite}
.cta .r2{width:34%;right:22%;bottom:-62%;border-width:clamp(24px,4vw,56px);border-color:rgba(255,238,225,.22);animation:spin 55s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
.cta .rg{border-top-color:rgba(20,16,14,.16)}
.cta .btn i{font-style:normal;display:inline-block;margin-left:10px;transition:transform .35s}
.cta .btn:hover i{transform:translateX(6px)}
.end footer{position:relative;z-index:1;padding-top:0}
.end .cta{margin-bottom:60px}
/* motion */
.dev,.mob{will-change:transform}
.work .tile{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.work .tile:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 70px -30px rgba(238,162,121,.45)}
.work .tile img{animation:fl 7s ease-in-out infinite}
.work .tile:nth-child(2) img{animation-delay:-1.5s}.work .tile:nth-child(3) img{animation-delay:-3s}.work .tile:nth-child(4) img{animation-delay:-4.5s}
.proc li,.proc ol>*{transition:transform .35s}
@media(prefers-reduced-motion:reduce){.cta .rg,.work .tile img{animation:none}.end .curve.b path{transition:none;stroke-dashoffset:0}}
@media(max-width:640px){.end .curve.b{left:-60vw;bottom:-30vw;width:170vw;opacity:.4}.end{padding-bottom:120px}.lv>a>div:first-child::after{width:42px;height:42px}}

/* ---- v9: videos e carrosseis ---- */
.scr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.scr::after{z-index:1}.scr small{z-index:2}
.tile.vt{background:#1a1210;padding:18px}
.tile.vt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile.vt::before{z-index:1;height:48%}
.tile.vt span,.tile.vt b{z-index:2}
.tile.vt span{order:-1;margin:0 0 6px;font-size:10px}.tile.vt b{font-size:16px}
.tile.feat{flex:0 0 clamp(290px,30vw,440px);padding:0;cursor:pointer;border:1px solid #4a3329}
.tile.feat video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile.feat::before{display:none}
.tile.feat .cap{position:absolute;left:0;right:0;bottom:0;padding:clamp(20px,2.4vw,34px);background:linear-gradient(0deg,rgba(14,11,10,.92),rgba(14,11,10,.5) 60%,transparent);z-index:2;transition:opacity .4s}
.tile.feat .cap span{display:block;font-size:11px;letter-spacing:.2em;margin:0 0 12px;color:var(--cu)}
.tile.feat .cap b{font-size:clamp(22px,2.4vw,32px);font-weight:300;line-height:1.12;letter-spacing:-.03em}
.tile.feat .cap .it{font-size:1.12em}
.tile.feat.on .cap{opacity:0;pointer-events:none}
.tile.feat .pl{position:absolute;left:50%;top:44%;translate:-50% -50%;width:84px;height:84px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(14,11,10,.35);backdrop-filter:blur(8px);z-index:3;cursor:pointer;transition:transform .4s,background .3s,opacity .3s}
.tile.feat .pl i{position:absolute;left:55%;top:50%;translate:-50% -50%;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
.tile.feat:hover .pl{transform:scale(1.08);background:rgba(238,162,121,.4)}
.tile.feat .pl::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(238,162,121,.5);animation:pulse 2.4s ease-out infinite}
@keyframes pulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
.tile.feat.on .pl{opacity:0;pointer-events:none}
.tile.feat .sn{position:absolute;right:14px;top:14px;z-index:4;height:34px;padding:0 14px;border-radius:99px;border:1px solid rgba(255,255,255,.4);background:rgba(14,11,10,.5);color:#fff;font:700 10px Gotham,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.tile.feat .sn[hidden]{display:none}
/* carrosseis */
.cars{padding:0 var(--pad) clamp(80px,9vw,130px)}
.cars h2{font-size:clamp(34px,4.6vw,62px);font-weight:300;letter-spacing:-.035em;line-height:1.08;margin-bottom:46px}.cars h2 .it{font-size:1.16em}
.crow{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cr{min-width:0}
.cr .sl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:20px;aspect-ratio:4/5;scrollbar-width:none;border:1px solid var(--line);background:#1a1210}.cr .sl::-webkit-scrollbar{display:none}
.cr .sl img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.cr .dots{display:flex;gap:6px;margin:16px 0 14px}.cr .dots i{width:7px;height:7px;border-radius:50%;background:#4a3a31;transition:background .3s,width .3s}.cr .dots i.a{background:var(--cu);width:22px;border-radius:99px}
.cr b{display:block;font-size:18px;font-weight:500}.cr span{display:block;margin-top:4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
@media(max-width:1000px){.crow{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.crow{grid-template-columns:1fr}.tile.feat{flex-basis:78vw}}
.rail{align-items:center}
.tile.feat{flex:0 0 clamp(300px,31vw,450px);aspect-ratio:9/13.4}
@media(max-width:640px){.tile.feat{flex-basis:78vw;aspect-ratio:9/15}}
.cr .sl video{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}

/* barra de videos horizontais */
.wide{background:#050403;padding:clamp(60px,7vw,100px) var(--pad);margin:0 0 clamp(70px,8vw,110px);position:relative}
.wide::before,.wide::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#5a3a2c,transparent)}.wide::before{top:0}.wide::after{bottom:0}
.wide .wh{margin-bottom:clamp(30px,4vw,54px)}
.wide h2{font-size:clamp(34px,4.6vw,62px);font-weight:300;letter-spacing:-.035em;line-height:1.08;margin-top:14px}.wide h2 .it{font-size:1.16em}
.wrow{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px)}
.wv{margin:0;position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#120d0b;border:1px solid #2a1f19;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .4s}
.wv:hover{transform:translateY(-8px) scale(1.015);border-color:#6b4536;box-shadow:0 30px 70px -30px rgba(238,162,121,.45)}
.wv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wv figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(0deg,rgba(5,4,3,.85),transparent);display:flex;flex-direction:column;gap:5px}
.wv figcaption span{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--cu)}.wv figcaption b{font-size:16px;font-weight:500}
@media(max-width:1000px){.wrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(var(--pad)*-1);padding-right:var(--pad)}.wrow::-webkit-scrollbar{display:none}.wv{flex:0 0 78vw;scroll-snap-align:start}}
.scr::after{display:none!important}
.work{padding-top:clamp(70px,8vw,110px)}

.tile.feat .pl{display:none}
.tile.feat .sn{display:inline-flex;align-items:center;gap:8px;top:auto;bottom:auto;right:14px;top:14px}
.tile.feat .sn em{font-style:normal}
.tile.feat .sn.on{background:rgba(238,162,121,.9);color:#14100E;border-color:transparent}
.tile.feat .sn:not(.on) .w{opacity:.35}
.tile.feat.on .cap{opacity:1;pointer-events:auto}

/* v16: aparelhos que cabem em qualquer tela */
.devs{display:contents}
.dev{width:min(29vw,420px,calc(58vh*.7692))}
.mob{width:min(13.5vw,190px,calc(34vh*.5588));top:calc(50% + 6vh)}
.tile.feat .pl{display:none}
.tile.feat .sn{display:inline-flex;align-items:center;gap:8px}
.tile.feat .sn em{font-style:normal}
.tile.feat .sn.on{background:rgba(238,162,121,.92);color:#14100E;border-color:transparent}
.tile.feat .sn:not(.on) .w{opacity:.35}
.tile.feat.on .cap{opacity:1;pointer-events:auto}
@media(max-width:1000px){
 .hero{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-height:0!important;padding-top:118px;padding-bottom:70px}
 .devs{display:block;position:relative;z-index:2;width:min(76vw,470px);aspect-ratio:400/540;margin:48px auto 0;align-self:center}
 .devs .dev{display:block!important;position:absolute!important;right:0!important;left:auto!important;top:0!important;bottom:auto!important;width:76%!important;transform:none!important;margin:0!important;animation:fl 7s ease-in-out infinite}
 .devs .mob{display:block!important;position:absolute!important;left:0!important;right:auto!important;top:auto!important;bottom:0!important;width:36%!important;margin:0!important;animation:fl 6s -2s ease-in-out infinite}
}

/* v17 marcas */
.brands{padding:clamp(60px,8vw,110px) clamp(20px,5vw,72px);text-align:center}
.brands h2{margin:12px 0 clamp(28px,4vw,48px)}
.brands .bl{display:flex;flex-wrap:wrap;justify-content:center;gap:12px clamp(10px,1.6vw,20px);max-width:1100px;margin:0 auto}
.brands .bl span{padding:14px clamp(18px,2.4vw,32px);border:1px solid rgba(238,162,121,.28);border-radius:999px;font-weight:500;font-size:clamp(15px,1.5vw,20px);letter-spacing:.01em;background:rgba(238,162,121,.04);transition:.35s}
.brands .bl span:hover{border-color:#EEA279;background:rgba(238,162,121,.12);transform:translateY(-3px)}

/* v20 legenda do topo */
.dev .scr small{top:18px;bottom:auto;left:18px;right:18px;font-size:11px;line-height:1.7;white-space:normal;text-shadow:0 1px 8px rgba(0,0,0,.7)}

/* v21 celular mais para o lado */
@media(min-width:1001px){.mob{right:calc(max(4vw,24px) + min(29vw,420px,58vh*.7692) - 1.2vw)}}
@media(max-width:1000px){
 .devs .dev{width:68%!important}
 .devs .mob{width:32%!important;left:-3%!important}
}

/* v22 celular parado e centrado */
.mob,.devs .mob{animation:none!important}
.mob .scr video{object-position:50% 50%}

/* v23 feedbacks + telas dos aparelhos */
.fb{padding:clamp(60px,8vw,110px) 0;text-align:center;overflow:hidden}
.fb h2{margin:12px 0 clamp(28px,4vw,48px)}
.fbw{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.fbt{display:flex;gap:20px;width:max-content;animation:fbm 60s linear infinite;padding:6px 0}
.fbw:hover .fbt{animation-play-state:paused}
@keyframes fbm{to{transform:translateX(calc(-50% - 10px))}}
.fc{flex:0 0 clamp(270px,26vw,380px);margin:0;padding:28px;text-align:left;border:1px solid rgba(238,162,121,.2);border-radius:24px;background:linear-gradient(160deg,rgba(238,162,121,.07),rgba(255,255,255,.02));display:flex;flex-direction:column;gap:20px}
.fc .av{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#0E0B0A;background:linear-gradient(135deg,#EEA279,#8F4B3B)}
.fc blockquote{margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.65;font-weight:300}
.fc figcaption{margin-top:auto;display:flex;flex-direction:column;gap:2px}
.fc figcaption b{font-weight:600}.fc figcaption em{font-style:normal;font-size:13px;color:#EEA279;letter-spacing:.06em}
@media(prefers-reduced-motion:reduce){.fbt{animation:none}}
/* telas sempre preenchem a moldura */
.dev,.mob{box-sizing:border-box!important;overflow:hidden;display:flex!important;animation:none!important}
.devs .dev,.devs .mob{display:flex!important;animation:none!important}
.dev .scr,.mob .scr{flex:1 1 auto;min-width:0;min-height:0;width:auto;height:auto;align-self:stretch}

/* v24 final estilo card com feixes de luz */
.end .cta{display:block;text-align:center;background:#120e0c;color:#F4EBE4;border:1px solid rgba(238,162,121,.14);padding:clamp(64px,9vw,130px) clamp(22px,5vw,70px)}
.end .cta .ci{position:relative;z-index:2;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.4vw,28px)}
.end .cta .bm{position:absolute;z-index:0;top:-40%;bottom:-40%;width:22%;transform:rotate(38deg);background:linear-gradient(90deg,transparent,rgba(238,162,121,.2),transparent);filter:blur(6px);animation:bm 9s ease-in-out infinite alternate;border:0;border-radius:0;aspect-ratio:auto;pointer-events:none}
.end .cta .b1{left:6%}.end .cta .b2{left:38%;width:30%;background:linear-gradient(90deg,transparent,rgba(143,75,59,.45),transparent);animation-delay:-3s}.end .cta .b3{left:74%;width:20%;animation-delay:-6s}
@keyframes bm{from{transform:rotate(38deg) translateX(-4%);opacity:.55}to{transform:rotate(38deg) translateX(6%);opacity:1}}
.end .cta .pill{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;border:1px solid rgba(238,162,121,.35);background:rgba(238,162,121,.08);font-size:14px;letter-spacing:.02em;color:#F4EBE4}
.end .cta .pill svg{width:18px;height:18px;color:#EEA279}
.end .cta h2{font-size:clamp(40px,6.4vw,92px);font-weight:300;line-height:1.02;letter-spacing:-.04em;color:#F7EFE8}
.end .cta h2 .it{color:#EEA279;font-size:1.12em}
.end .cta p{font-weight:300;font-size:clamp(16px,1.5vw,20px);line-height:1.6;max-width:560px;opacity:.72}
.end .cta .pb{display:inline-flex;align-items:center;gap:18px;padding:8px 38px 8px 8px;border-radius:999px;background:#F4EBE4;color:#14100E;font-weight:500;font-size:clamp(15px,1.4vw,18px);transition:transform .35s,box-shadow .35s;box-shadow:0 20px 60px rgba(238,162,121,.18)}
.end .cta .pb i{font-style:normal;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8F4B3B,#EEA279);color:#fff;font-size:22px;transition:transform .35s}
.end .cta .pb:hover{transform:translateY(-3px);box-shadow:0 26px 70px rgba(238,162,121,.3)}.end .cta .pb:hover i{transform:translateX(5px)}
@media(prefers-reduced-motion:reduce){.end .cta .bm{animation:none}}
.fb .eb,.brands .eb{justify-content:center;display:flex}
.fc .av{overflow:hidden;padding:0;background:#1a1411}
.fc .av img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.brands .bl span{display:inline-flex;align-items:center;gap:12px;padding-left:10px}
.brands .bl span img{width:34px;height:34px;border-radius:50%;object-fit:cover}

/* v30 processo claro com contraste + feedbacks reorganizados */
.proc{position:relative;overflow:hidden;isolation:isolate;display:block;margin:0 var(--pad) clamp(80px,9vw,120px);padding:clamp(40px,6vw,90px);border-radius:38px;background:radial-gradient(90% 120% at 0% 0%,#fff3e8,transparent 60%),linear-gradient(135deg,#F4E6DA,#EBCBB5);color:#1c1411;box-shadow:0 40px 120px rgba(238,162,121,.16)}
.proc .pb1,.proc .pb2{position:absolute;z-index:-1;border-radius:50%;aspect-ratio:1;pointer-events:none}
.proc .pb1{width:46%;right:-14%;top:-50%;border:clamp(40px,6vw,90px) solid rgba(143,75,59,.1);animation:spin 50s linear infinite}
.proc .pb2{width:26%;left:-8%;bottom:-40%;border:clamp(28px,4vw,56px) solid rgba(255,255,255,.4);animation:spin 70s linear infinite reverse}
.proc .ph{margin-bottom:clamp(36px,5vw,70px)}
.proc .eb{color:#8F4B3B}
.proc h2{font-size:clamp(38px,5.4vw,78px);font-weight:300;letter-spacing:-.04em;line-height:1.04;margin:0;color:#1c1411;text-wrap:balance}
.proc h2 .it{color:#8F4B3B;font-size:1.12em}
.proc h2 .nw{white-space:nowrap}
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,34px)}
.steps .line{position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,#8F4B3B,#EEA279);opacity:.5;border-radius:2px}
.proc .st{display:flex;flex-direction:column;gap:10px;padding:0;border:0;position:relative;padding-top:38px;color:#4b3a31;font-size:clamp(14px,1.2vw,16px);line-height:1.6}
.proc .st .dot{position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:#F4E6DA;border:3px solid #8F4B3B;box-shadow:0 0 0 6px rgba(143,75,59,.12)}
.proc .st em{font-style:normal;font-size:clamp(44px,5vw,72px);font-weight:200;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px #8F4B3B}
.proc .st b{font-size:clamp(20px,1.9vw,26px);font-weight:600;color:#1c1411;margin:0}
.proc .st span{max-width:30ch}
.proc .st:hover em{color:#8F4B3B;transition:.4s}
@media(max-width:1000px){.steps{grid-template-columns:1fr 1fr;row-gap:36px}.steps .line{display:none}}
@media(max-width:600px){.steps{grid-template-columns:1fr}.proc{border-radius:28px}}
@media(prefers-reduced-motion:reduce){.proc .pb1,.proc .pb2{animation:none}}
/* feedbacks */
.fb{padding:clamp(70px,9vw,130px) 0}
.fb .fh{padding:0 var(--pad);display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(32px,4.4vw,60px)}
.fb .eb{justify-content:center;margin-bottom:16px}
.fb h2{font-size:clamp(34px,4.6vw,64px);font-weight:300;letter-spacing:-.035em;line-height:1.08;margin:0}
.fb h2 .it{font-size:1.16em;color:var(--cu)}
.fb .fh p{margin:14px 0 0;font-weight:300;color:var(--mut);font-size:clamp(15px,1.4vw,19px)}
.fc{position:relative;flex:0 0 clamp(290px,27vw,400px);padding:30px 30px 26px;gap:0;justify-content:space-between}
.fc .qm{font-family:"Instr",serif;font-style:italic;font-size:72px;line-height:.6;color:var(--cu);height:34px;display:block}
.fc blockquote{margin:10px 0 28px;font-size:clamp(15px,1.25vw,17px);line-height:1.7;color:#E9DFD6}
.fc figcaption{margin-top:0;flex-direction:row;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(238,162,121,.18)}
.fc .av{width:52px;height:52px;flex:0 0 52px}
.fc .who{display:flex;flex-direction:column;gap:2px}
.fc .who b{font-weight:600;font-size:16px}.fc .who em{font-style:normal;font-size:12px;letter-spacing:.08em;color:var(--cu)}
.fc .av,.fc .av img{border-radius:50%!important}

/* v32 processo escuro com brilho cobre (menos contraste) */
.proc{background:radial-gradient(70% 90% at 100% 0%,rgba(238,162,121,.28),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(143,75,59,.45),transparent 65%),linear-gradient(135deg,#1d130f,#2c1a13);color:#F1E8DF;border:1px solid rgba(238,162,121,.18);box-shadow:0 40px 120px rgba(143,75,59,.18)}
.proc .pb1{border-color:rgba(238,162,121,.09)}
.proc .pb2{border-color:rgba(238,162,121,.06)}
.proc .eb{color:#EEA279}
.proc h2{color:#F7EFE8}
.proc h2 .it{color:#EEA279}
.steps .line{background:linear-gradient(90deg,#8F4B3B,#EEA279);opacity:.7}
.proc .st{padding:38px 22px 24px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(238,162,121,.14);color:#cdbfb3;transition:transform .4s,border-color .4s,background .4s;backdrop-filter:blur(4px)}
.proc .st:hover{transform:translateY(-6px);border-color:rgba(238,162,121,.45);background:linear-gradient(160deg,rgba(238,162,121,.12),rgba(255,255,255,.02))}
.proc .st .dot{left:22px;top:-10px;background:#1d130f;border-color:#EEA279;box-shadow:0 0 0 6px rgba(238,162,121,.14)}
.proc .st em{-webkit-text-stroke:1.5px #EEA279;color:transparent}
.proc .st:hover em{color:#EEA279}
.proc .st b{color:#F7EFE8}
.steps{padding-top:10px}
.steps .line{top:0}

/* v33 processo no estilo do quadro final (escuro + feixes de luz) */
.proc{background:#120e0c;color:#F1E8DF;border:1px solid rgba(238,162,121,.14);box-shadow:none;border-radius:38px}
.proc .pb1,.proc .pb2{display:none}
.proc .bm{position:absolute;z-index:-1;top:-40%;bottom:-40%;width:22%;transform:rotate(38deg);background:linear-gradient(90deg,transparent,rgba(238,162,121,.18),transparent);filter:blur(6px);animation:bm 9s ease-in-out infinite alternate;pointer-events:none}
.proc .b1{left:4%}.proc .b2{left:40%;width:30%;background:linear-gradient(90deg,transparent,rgba(143,75,59,.45),transparent);animation-delay:-3s}.proc .b3{left:78%;width:18%;animation-delay:-6s}
.proc .eb{color:#EEA279}
.proc h2{color:#F7EFE8}.proc h2 .it{color:#EEA279}
.steps .line{top:9px;opacity:.55;background:linear-gradient(90deg,#8F4B3B,#EEA279)}
.steps{padding-top:0}
.proc .st{padding:38px 0 0;background:none;border:0;backdrop-filter:none;border-radius:0;color:#cdbfb3}
.proc .st:hover{transform:none;background:none}
.proc .st .dot{top:0;left:0;background:#120e0c;border-color:#EEA279;box-shadow:0 0 0 6px rgba(238,162,121,.14)}
.proc .st em{color:transparent;-webkit-text-stroke:1.5px #EEA279}
.proc .st:hover em{color:#EEA279}
.proc .st b{color:#F7EFE8}
@media(prefers-reduced-motion:reduce){.proc .bm{animation:none}}

/* v34 luz que acompanha o scroll */
.proc{background:#0f0b0a;border:1px solid rgba(238,162,121,.2);box-shadow:none}
.proc .bm,.proc .pb1,.proc .pb2{display:none}
.steps .line,.proc .st .dot{display:none}
.steps{gap:18px;padding-top:0}
.proc .st{position:relative;overflow:hidden;min-height:300px;padding:30px 24px 26px;border-radius:24px;display:flex;flex-direction:column;justify-content:flex-end;
 background:radial-gradient(110% 85% at var(--gx,50%) 125%,rgba(255,150,90,calc(.3 + var(--gi,.4)*.65)),rgba(210,100,50,calc(.15 + var(--gi,.4)*.4)) 40%,transparent 78%),linear-gradient(#17100d,#0e0908);
 border:1px solid rgba(238,162,121,calc(.25 + var(--gi,.4)*.35));box-shadow:inset 0 -30px 60px -30px rgba(238,162,121,calc(var(--gi,.4)*.45)),0 20px 50px rgba(0,0,0,.4);transition:none}
.proc .st:hover{transform:none;background:radial-gradient(110% 85% at var(--gx,50%) 125%,rgba(255,150,90,calc(.3 + var(--gi,.4)*.65)),rgba(210,100,50,calc(.15 + var(--gi,.4)*.4)) 40%,transparent 78%),linear-gradient(#17100d,#0e0908)}
.proc .st::before{content:"";position:absolute;left:calc(var(--gx,50%) - 30%);width:60%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#FFD2B3,transparent);filter:blur(1px);opacity:calc(.3 + var(--gi,.4)*.7)}
.proc .st em{position:absolute;top:22px;left:24px;font-size:54px;-webkit-text-stroke:1.2px rgba(255,210,179,.8);color:transparent}
.proc .st b{color:#fff}.proc .st span{color:#ecd9cb}
.lv>a{position:relative;overflow:hidden;
 background:radial-gradient(70% 45% at var(--gx,50%) -10%,rgba(238,162,121,calc(.25 + var(--gi,.4)*.5)),transparent 70%),linear-gradient(#150f0c,#0d0807)!important;
 border:1px solid rgba(238,162,121,calc(.25 + var(--gi,.4)*.3))!important}
.lv>a::after{content:"";position:absolute;left:calc(var(--gx,50%) - 30%);width:60%;top:0;height:2px;background:linear-gradient(90deg,transparent,#FFD2B3,transparent);filter:blur(1px);opacity:calc(.3 + var(--gi,.4)*.7)}
.lv>a:nth-child(2){background:radial-gradient(90% 60% at var(--gx,50%) -10%,rgba(255,170,120,calc(.4 + var(--gi,.4)*.5)),rgba(210,110,50,.2) 50%,transparent 75%),linear-gradient(#1f130e,#0d0807)!important;border-color:#EEA279!important;box-shadow:0 0 70px rgba(238,162,121,calc(.1 + var(--gi,.4)*.18))}
@media(max-width:1000px){.steps{grid-template-columns:1fr 1fr}.proc .st{min-height:240px}}
@media(max-width:600px){.steps{grid-template-columns:1fr}}

/* v35 luz só no hover */
@property --gi{syntax:'<number>';inherits:true;initial-value:0}
.proc .st,.lv>a{--gi:0;transition:--gi .55s ease,border-color .4s,box-shadow .4s!important}
.lv>a:nth-child(2){background:radial-gradient(70% 45% at var(--gx,50%) -10%,rgba(238,162,121,calc(.25 + var(--gi,0)*.5)),transparent 70%),linear-gradient(#150f0c,#0d0807)!important;border-color:rgba(238,162,121,calc(.25 + var(--gi,0)*.3))!important;box-shadow:none!important}
.lv>a:hover{transform:none}
.proc .st,.proc .st:hover{background:radial-gradient(110% 85% at var(--gx,50%) 125%,rgba(255,150,90,calc(.04 + var(--gi,0)*.9)),rgba(210,100,50,calc(.02 + var(--gi,0)*.45)) 40%,transparent 78%),linear-gradient(#17100d,#0e0908)}
.proc .st::before{opacity:calc(.12 + var(--gi,0)*.88)}
.lv>a::after{opacity:calc(.12 + var(--gi,0)*.88)}
.lv>a{background:radial-gradient(70% 45% at var(--gx,50%) -10%,rgba(238,162,121,calc(.05 + var(--gi,0)*.5)),transparent 70%),linear-gradient(#150f0c,#0d0807)!important}
.lv>a:nth-child(2){background:radial-gradient(70% 45% at var(--gx,50%) -10%,rgba(238,162,121,calc(.05 + var(--gi,0)*.5)),transparent 70%),linear-gradient(#150f0c,#0d0807)!important}
/* v37 botão vidro no topo */
.row .btn.y{background:linear-gradient(135deg,rgba(238,162,121,.16),rgba(143,75,59,.12))!important;color:#F4EBE4!important;border:1px solid rgba(238,162,121,.42)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 34px rgba(0,0,0,.3)}
.row .btn.y:hover{background:linear-gradient(135deg,rgba(238,162,121,.28),rgba(143,75,59,.2))!important;border-color:rgba(238,162,121,.7)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 40px rgba(238,162,121,.22)}
header .btn,header>.btn{background:linear-gradient(135deg,rgba(238,162,121,.16),rgba(143,75,59,.12))!important;color:#F4EBE4!important;border:1px solid rgba(238,162,121,.42)!important;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
header .btn:hover{background:linear-gradient(135deg,rgba(238,162,121,.28),rgba(143,75,59,.2))!important;border-color:rgba(238,162,121,.7)!important;transform:translateY(-1px)}
/* v40 mobile: vídeos maiores e sem sobreposição */
@media(max-width:700px){
.devs{width:min(92vw,420px)!important;aspect-ratio:360/450!important;margin-top:36px!important}
.devs .dev{width:70%!important;right:0!important;top:0!important}
.devs .mob{width:44%!important;left:0!important;bottom:0!important;z-index:4}
.devs .mob .scr small{display:none!important}
.devs .dev .scr small{font-size:10px;top:14px;left:14px;right:14px}
}
/* v41 ritmo e tipografia padronizados */
:root{--sec:clamp(70px,8vw,112px);--hgap:clamp(28px,3.4vw,46px)}
.app h2.l,.work h2,.wide h2,.cars h2,.fb h2,.proc h2,.cta h2{font-size:clamp(34px,4.6vw,64px)!important;line-height:1.1!important;letter-spacing:-.01em}
.app{padding:var(--sec) var(--pad)!important}
.work{padding:var(--sec) 0 var(--sec) var(--pad)!important}
.work h2{margin:0 0 var(--hgap)!important}
.num{padding:calc(var(--sec)*.65) var(--pad)!important}
.lv{padding:0 var(--pad) var(--sec)!important}
.wide{padding:var(--sec) var(--pad)!important;margin:0 0 var(--sec)!important}
.cars{padding:0 var(--pad) var(--sec)!important}
.cars h2{margin:0 0 var(--hgap)!important}
.fb{padding:var(--sec) 0!important}
.proc{margin:0 var(--pad) var(--sec)!important}
.num>div:first-child span{display:block;margin-top:10px}
.cta .ci p{max-width:46ch;margin-inline:auto}
/* v42 mobile mais próximo do computador */
html{scroll-padding-top:96px}
@media(max-width:700px){
header{height:auto!important;flex-wrap:wrap;row-gap:0;padding-top:10px;padding-bottom:0}
header nav{display:flex!important;order:3;flex:0 0 100%;gap:22px;overflow-x:auto;white-space:nowrap;padding:12px 0 12px;font-size:10px;letter-spacing:.15em;scrollbar-width:none;-webkit-overflow-scrolling:touch}
header nav::-webkit-scrollbar{display:none}
header nav a{flex:0 0 auto}
html{scroll-padding-top:110px}
.lv{display:flex!important;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px!important;padding-right:var(--pad)!important;scrollbar-width:none}
.lv::-webkit-scrollbar{display:none}
.lv>a{flex:0 0 82%;scroll-snap-align:start;min-height:340px!important}
.steps{grid-template-columns:1fr 1fr!important;gap:12px!important}
.proc .st{min-height:0!important;padding:16px 14px 18px!important}
.proc .st em{position:static!important;display:block;font-size:34px!important;margin-bottom:10px}
.proc .st b{font-size:16px}
.proc .st span{font-size:13px;line-height:1.5}
}
@media(max-width:700px){.proc .st b,.proc .st span{overflow-wrap:anywhere;hyphens:auto}.proc .st b{font-size:15px}.proc .st span{font-size:12.5px}.proc .st{padding:14px 12px 16px!important}}
footer a.ig{display:inline-flex;align-items:center;gap:9px;transition:color .25s}
footer a.ig:hover{color:var(--cu)}

/* ---- v40 (vindo do v33): midia no R2 (midia.somosreach.com.br) e som em todos os videos ---- */
.tile.vt,.wv{cursor:pointer}
.tile.vt .sn,.wv .sn{position:absolute;right:12px;top:12px;z-index:4;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.42);background:rgba(14,11,10,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.tile.vt .sn em,.wv .sn em{display:none}
.tile.vt .sn:not(.on) .w,.wv .sn:not(.on) .w{opacity:.35}
.tile.vt .sn.on,.wv .sn.on{background:rgba(238,162,121,.92);color:#14100E;border-color:transparent}
.tile.vt:hover .sn,.wv:hover .sn{transform:scale(1.08)}
.sn:focus-visible{outline:2px solid #EEA279;outline-offset:3px}