/* LK Digital · site institucional
   Identidade: identidade/design-guide.md · Design aprovado no Doop (canvas O32DQ3hDZq) */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#120800;--bg2:#1B0D05;--card:#211006;--line:rgba(255,236,224,.12);
  --brasa:#DD4D06;--brasa2:#ED7A36;--vinho:#5B0000;
  --text:#FFF6F0;--muted:#C2ADA0;--dim:#8C766A;
  --gut:clamp(20px,4.45vw,64px);
  --wa-green:#fff;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg) url(../img/grain.png);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
:focus-visible{outline:2px solid var(--brasa2);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--brasa);color:#fff;padding:10px 16px;border-radius:999px}
.skip:focus{left:8px}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--gut)}
.light{--bg:#F5EADF;--card:#EADACB;--line:rgba(27,13,5,.14);--text:#1B0D05;--muted:#5F4A3D;--dim:#8A6E5F;--brasa2:#DD4D06;background:var(--bg);color:var(--text)}
.light .shot,.light .panel,.light .end{--bg:#120800;--text:#FFF6F0;--muted:#FFE6D8;--line:rgba(255,236,224,.2);--brasa2:#ED7A36;color:var(--text)}

/* botões e rótulos */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;background:var(--brasa);color:#fff;border-radius:999px;padding:7px 7px 7px 24px;font-weight:500;font-size:15px;white-space:nowrap;box-shadow:0 10px 40px -10px rgba(221,77,6,.7);transition:transform .2s ease,box-shadow .2s ease}
.btn .ar{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:transform .2s ease}
.btn .ar svg{width:16px;height:16px;fill:none;stroke:var(--brasa);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 44px -10px rgba(221,77,6,.85)}
.btn:hover .ar{transform:rotate(45deg)}
.btn.lg{font-size:17px;padding:9px 9px 9px 30px}.btn.lg .ar{width:46px;height:46px}
.btn.full{display:flex;width:100%}
.link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500}
.link span{color:var(--brasa2);transition:transform .2s ease}
.link:hover span{transform:translate(2px,2px)}
.tag{display:flex;align-items:center;gap:14px;font-family:Antonio,sans-serif;font-weight:500;font-size:30px;letter-spacing:-.01em;line-height:1}
.tag i{width:40px;height:40px;border-radius:50%;background:var(--brasa);display:grid;place-items:center;flex:none}
.tag svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.shead{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:56px}
.shead p{max-width:380px;text-align:right;font-size:15px;line-height:1.6;color:var(--muted)}
.shead p strong{color:var(--text);font-weight:600}

/* ---------- HERO ---------- */
.hero{position:relative;min-height:min(100svh,1000px);min-height:min(100vh,1000px);display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:var(--bg)}
@supports (height:100svh){.hero{min-height:min(100svh,1000px)}}
.vid{position:absolute;inset:0;z-index:-2;background:url(../img/hero-desktop-poster.webp) center/cover no-repeat}
.vid video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}
.vid video.on{opacity:1}
.vid::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 30% at 50% 32%,rgba(18,8,0,.55),transparent 80%),linear-gradient(to bottom,rgba(18,8,0,.9) 0%,rgba(18,8,0,.62) 30%,rgba(18,8,0,.5) 55%,rgba(18,8,0,.8) 82%,rgba(18,8,0,.25) 100%),radial-gradient(ellipse 60% 45% at 50% 100%,rgba(221,77,6,.55),transparent 75%)}
.hgrain{position:absolute;inset:0;z-index:-1;background:url(../img/grain.png);pointer-events:none}

.nav{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px var(--gut) 0;max-width:1440px;width:100%;margin:0 auto}
.logo{display:flex;align-items:baseline;gap:8px}
.logo b{font-family:Antonio,sans-serif;font-weight:700;font-size:38px;letter-spacing:-.02em;line-height:1;color:var(--brasa)}
.logo b em{font-style:normal;color:var(--text)}
.logo span{font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--muted)}
.menu{display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,246,240,.06);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.menu a{padding:10px 20px;border-radius:999px;font-size:14px;font-weight:500;color:var(--muted);transition:color .2s,background .2s}
.menu a:hover{color:var(--text)}
.menu a.on{background:var(--text);color:var(--bg)}
.nr{display:none;gap:8px}
.ib{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:rgba(18,8,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ib svg{width:20px;height:20px;fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round}
.ib.wa{background:var(--brasa);border-color:var(--brasa)}
.ib.wa svg{fill:#fff;stroke:none}

/* LK Digital neon + glitch */
.hn{position:relative;margin-top:clamp(60px,8vh,96px);--gk:1}
.neon{position:relative;z-index:2;text-align:center;font-family:Antonio,"Arial Narrow",sans-serif;font-weight:700;font-size:min(22vw,318px);line-height:.86;letter-spacing:-.005em;white-space:nowrap;animation:gin 1.6s steps(1,end) both,gmicro 8s steps(1,end) 2.4s infinite}
.neon>span{display:block}
.neon .w{display:inline}
.neon .nt{position:relative;color:#FF7A2F;filter:drop-shadow(0 1px 0 rgba(255,214,186,.55)) drop-shadow(0 0 22px rgba(221,77,6,.55));animation:flick 7s linear infinite}
.neon .ng,.neon .ns,.neon .gr,.neon .gc,.neon .gp{position:absolute;inset:0}
.neon .ng{color:rgba(221,77,6,.16);-webkit-text-stroke:6px #DD4D06;filter:blur(26px);animation:breathe 4.5s ease-in-out infinite;will-change:opacity}
.neon .ns{color:transparent;background-image:linear-gradient(100deg,transparent 46%,rgba(255,236,224,.4) 50%,transparent 54%),repeating-linear-gradient(to bottom,rgba(91,0,0,.07) 0 2px,transparent 2px 5px);background-size:300% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;animation:scan 7s ease-in-out infinite}
.neon .gr,.neon .gc,.neon .gp{opacity:0;pointer-events:none}
.neon .gr{color:#FF5A1F;mix-blend-mode:screen;translate:calc(-10px * var(--gk)) 0;animation:chin 1.6s steps(1,end) both,cmicro 8s steps(1,end) 2.4s infinite}
.neon .gc{color:#FFE2CF;mix-blend-mode:screen;translate:calc(10px * var(--gk)) 0;animation:chin 1.6s steps(1,end) .08s both,cmicro 8s steps(1,end) 2.45s infinite}
.neon .gp{color:transparent;background-image:repeating-linear-gradient(90deg,#DD4D06 0 26px,#5B0000 26px 44px,#FFE2CF 44px 58px,#ED7A36 58px 90px,#120800 90px 104px),repeating-linear-gradient(0deg,rgba(18,8,0,.75) 0 14px,transparent 14px 30px);-webkit-background-clip:text;background-clip:text;animation:pin 1.6s steps(1,end) both}
.gs{position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;pointer-events:none;opacity:0;background:repeating-linear-gradient(to bottom,transparent 0 17px,rgba(255,140,70,.95) 17px 19px,transparent 19px 43px,rgba(255,226,207,.8) 43px 44px,transparent 44px 71px),repeating-linear-gradient(to bottom,transparent 0 31px,rgba(221,77,6,.9) 31px 35px,transparent 35px 97px);-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 35%,#000 65%,transparent 95%);mask-image:linear-gradient(90deg,transparent 5%,#000 35%,#000 65%,transparent 95%);filter:drop-shadow(0 0 6px #DD4D06);animation:sin .9s steps(1,end) both}
@keyframes breathe{0%,100%{opacity:.3}50%{opacity:.55}}
@keyframes scan{0%,15%{background-position:160% 0}65%,100%{background-position:-60% 0}}
@keyframes flick{0%,90%,94%,100%{opacity:1}91%{opacity:.7}92%{opacity:1}93%{opacity:.82}}
@keyframes gin{0%{opacity:0}8%{opacity:1;clip-path:inset(44% 0 50% 0);transform:translateX(calc(-40px * var(--gk)))}12%{clip-path:inset(20% 0 72% 0);transform:translateX(calc(30px * var(--gk)))}16%{opacity:0}22%{opacity:1;clip-path:inset(60% 0 22% 0);transform:translateX(calc(-18px * var(--gk))) skewX(-8deg)}28%{clip-path:inset(10% 0 55% 0);transform:translateX(calc(24px * var(--gk)))}34%{clip-path:inset(0 0 40% 0);transform:translateX(calc(-10px * var(--gk)))}40%{opacity:.4;clip-path:inset(35% 0 0 0);transform:translateX(calc(8px * var(--gk)))}46%{opacity:1;clip-path:inset(-80px);transform:translateX(calc(-4px * var(--gk))) skewX(3deg)}54%{clip-path:inset(48% 0 30% 0);transform:translateX(calc(14px * var(--gk)))}58%{clip-path:inset(-80px);transform:none}70%{transform:translateX(calc(-3px * var(--gk)))}74%,100%{opacity:1;clip-path:inset(-80px);transform:none}}
@keyframes gmicro{0%,93%,97%,100%{transform:none}94%{transform:translateX(calc(-4px * var(--gk)))}95%{transform:translateX(calc(3px * var(--gk))) skewX(-3deg)}96%{transform:translateX(-1px)}}
@keyframes chin{0%{opacity:0}6%{opacity:1;transform:translateX(calc(-26px * var(--gk)));clip-path:inset(40% 0 45% 0)}12%{transform:translateX(calc(18px * var(--gk)));clip-path:inset(15% 0 70% 0)}20%{transform:translateX(calc(-14px * var(--gk)));clip-path:inset(55% 0 25% 0)}30%{transform:translateX(calc(10px * var(--gk)));clip-path:inset(5% 0 60% 0)}40%{transform:translateX(calc(-8px * var(--gk)));clip-path:inset(30% 0 30% 0)}50%{opacity:.8;transform:translateX(calc(5px * var(--gk)));clip-path:inset(0 0 0 0)}60%{opacity:.5;transform:translateX(calc(-3px * var(--gk)))}66%,100%{opacity:0;transform:none}}
@keyframes cmicro{0%,93.5%,96%,100%{opacity:0}94%{opacity:.9;transform:translateX(calc(-8px * var(--gk)));clip-path:inset(30% 0 50% 0)}95%{opacity:.9;transform:translateX(calc(6px * var(--gk)));clip-path:inset(60% 0 15% 0)}}
@keyframes pin{0%{opacity:0}14%{opacity:1;background-position:0 0,0 0;clip-path:inset(0 0 55% 0)}20%{background-position:-60px 0,0 12px;clip-path:inset(30% 0 20% 0)}26%{background-position:40px 0,0 -8px;clip-path:inset(10% 0 40% 0)}32%{background-position:-120px 0,0 20px;clip-path:inset(0 0 0 0)}38%{background-position:90px 0,0 4px;clip-path:inset(50% 0 0 0)}44%{opacity:.6;clip-path:inset(0 0 60% 0)}50%,100%{opacity:0}}
@keyframes sin{0%{opacity:0}4%{opacity:1;transform:scaleX(.3)}14%{opacity:.9;transform:scaleX(1.1) translateY(9px)}24%{transform:scaleX(.7) translateY(-14px)}34%{opacity:1;transform:scaleX(1.3) translateY(4px)}46%{opacity:.6;transform:scaleX(.9) translateY(-6px)}58%{opacity:.3}66%,100%{opacity:0;transform:none}}

.hb{position:relative;z-index:6;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:auto;padding:48px var(--gut) 72px;max-width:1440px;width:100%;margin-left:auto;margin-right:auto}
.intro{max-width:430px}
.intro .k{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:16px}
.intro .k i{color:var(--brasa2);font-style:normal}
.intro .hl{font-family:Antonio,sans-serif;font-weight:500;font-size:38px;line-height:1.02;letter-spacing:-.005em;margin-bottom:26px}
.intro .row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.trust{width:300px;flex:none;background:rgba(18,8,0,.42);border:1px solid rgba(255,236,224,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;padding:20px}
.faces{display:flex;margin-bottom:14px}
.faces span{width:46px;height:46px;border-radius:50%;border:2px solid #2a1206;background:#fff center/contain no-repeat;margin-right:-12px}
.faces span.plus{background:var(--brasa);display:grid;place-items:center;font-family:Antonio,sans-serif;font-weight:600;font-size:15px;color:#fff}
.trust p{font-size:13.5px;line-height:1.5}
.trust p b{font-weight:600}
.band{position:relative;z-index:8;height:96px;background:var(--brasa);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:Antonio,sans-serif;font-weight:600;font-size:clamp(22px,2.3vw,33px);text-transform:uppercase;color:#fff;white-space:nowrap}
.band .track{display:flex;align-items:center;gap:22px}
.band s{text-decoration:none;color:var(--bg);font-size:.6em}
.band .dup{display:none}

/* menu mobile */
.mmenu{position:fixed;inset:0;z-index:150;background:rgba(18,8,0,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;padding:90px 24px 40px}
.mmenu[hidden]{display:none}
.mmenu nav{display:flex;flex-direction:column;gap:6px;margin-bottom:40px}
.mmenu nav a{font-family:Antonio,sans-serif;font-weight:600;font-size:56px;line-height:1.1;color:var(--text)}
.mmenu nav a:active{color:var(--brasa2)}
body.menu-open{overflow:hidden}
body.menu-open .nav{position:fixed;top:0;left:0;right:0;z-index:160}

/* ---------- CLIENTES ---------- */
.clients{padding:46px 0 50px;border-bottom:1px solid var(--line);overflow:hidden}
.clients .lbl{text-align:center;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:24px}
.clients .row{display:flex;gap:40px;white-space:nowrap;justify-content:center;font-family:Antonio,sans-serif;font-weight:500;font-size:34px;color:var(--muted)}
.clients .row s{text-decoration:none;color:var(--brasa);font-size:20px;align-self:center}

/* ---------- MANIFESTO ---------- */
.mani{position:relative;padding:110px 0 120px;background:radial-gradient(ellipse 55% 30% at 50% 100%,rgba(221,77,6,.16),transparent 75%),var(--bg)}
.mani .tag{margin-bottom:40px}
.mg1,.mg2{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:clamp(40px,6.25vw,90px);align-items:start}
.slog{border-top:1px solid var(--line)}
.slog li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0 10px;border-bottom:1px solid var(--line)}
.slog q{quotes:"“" "”";font-family:Antonio,sans-serif;font-weight:500;font-size:clamp(28px,2.65vw,38px);line-height:1;letter-spacing:-.01em}
.slog small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);white-space:nowrap}
.perc{font-family:Antonio,sans-serif;font-weight:700;font-size:clamp(90px,9.2vw,132px);line-height:.85;color:var(--brasa);letter-spacing:-.02em;margin-bottom:26px}
.mp{font-family:Antonio,sans-serif;font-weight:400;font-size:clamp(24px,2.1vw,30px);line-height:1.18;margin-bottom:18px}
.mp em{font-style:normal;color:var(--brasa2)}
.mg2{margin-top:90px;padding-top:56px;border-top:1px solid var(--line)}
.mh{font-family:Antonio,sans-serif;font-weight:700;font-size:clamp(56px,5.8vw,84px);line-height:.9;letter-spacing:-.02em;margin-bottom:22px}
.mb{font-size:18px;line-height:1.65;color:var(--muted)}
.ms{font-size:18px;color:var(--muted);margin-bottom:6px}
.mh.vive{margin-bottom:26px}
.mh.vive em{font-style:normal;color:var(--brasa)}
.ask{margin-top:80px;padding-top:44px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:60px}
.ask .k{grid-column:1/-1;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--brasa2);margin-bottom:22px}
.ask h3{font-family:Antonio,sans-serif;font-weight:600;font-size:clamp(44px,4.45vw,64px);line-height:.98;letter-spacing:-.015em}

/* ---------- SERVIÇOS ---------- */
.serv{padding:150px 0 140px}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sc{position:relative;isolation:isolate;border-radius:26px;background:#160a03 no-repeat center/cover;border:1px solid var(--line);padding:34px 34px 36px;min-height:430px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .25s ease}
.sc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(18,8,0,.94) 0%,rgba(18,8,0,.8) 34%,rgba(18,8,0,.25) 62%,rgba(18,8,0,0) 78%)}
.sc:hover{border-color:rgba(237,122,54,.5)}
.sc .n{font-family:Antonio,sans-serif;font-weight:600;font-size:20px;color:var(--brasa2);margin-bottom:auto;text-shadow:0 1px 10px rgba(0,0,0,.6)}
.sc h3{font-family:Antonio,sans-serif;font-weight:600;font-size:clamp(40px,3.6vw,52px);line-height:.95;letter-spacing:-.01em;margin:64px 0 16px;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.sc p{font-size:16px;line-height:1.6;color:#EAD9CE;max-width:380px;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.sc.big{grid-column:span 2;background:url(../img/serv-trafego.webp) 80% 55%/190% auto no-repeat,radial-gradient(ellipse 80% 90% at 85% 110%,#ED7A36 0%,#DD4D06 30%,#7a2204 65%,#3a1003 100%);background-blend-mode:screen,normal;border-color:rgba(255,200,170,.25)}
.sc.big::before{background:linear-gradient(to top,rgba(30,8,0,.5) 0%,rgba(30,8,0,0) 55%)}
.sc.big .n{color:#fff}
.sc.big h3{font-size:clamp(60px,5.8vw,84px)}
.sc.big p{color:#FFE6D8;font-size:18px;max-width:520px}
.sc.big .nums{position:absolute;right:34px;top:34px;display:flex;gap:12px}
.sc.big .nums span{background:rgba(18,8,0,.35);border:1px solid rgba(255,230,216,.25);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;white-space:nowrap}
.sc.big .nums b{font-family:Antonio,sans-serif;font-size:17px;font-weight:600}
.bg-sites{background-image:url(../img/chales-notebook.webp);background-position:62% 35%}
.bg-social{background-image:url(../img/portal-jeri-feed.webp);background-position:center 32%}
.bg-idv{background:#160a03 url(../img/serv-identidade.webp) center -110px/100% auto no-repeat}
.bg-auto{background:radial-gradient(ellipse 70% 60% at 70% 25%,rgba(221,77,6,.45),transparent 70%),radial-gradient(ellipse 90% 80% at 20% 0%,rgba(91,0,0,.6),transparent 70%),#1a0b03}
.sc .flow{position:absolute;left:0;top:0;width:100%;height:62%;z-index:-2}
.sc .flow .ln{stroke:rgba(255,170,120,.75)}

/* ---------- TRABALHOS ---------- */
.work{padding:150px 0 110px}
.wh{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:26px}
.wh h3{font-family:Antonio,sans-serif;font-weight:600;font-size:clamp(44px,4.45vw,64px);line-height:.95;letter-spacing:-.01em}
.wh h3 span{display:block;color:var(--brasa2);font-weight:400;font-size:24px;margin-bottom:10px;letter-spacing:0}
.wh p{max-width:360px;text-align:right;font-size:15px;line-height:1.6;color:var(--muted)}
.blk{margin-bottom:110px}
.blk.last{margin-bottom:0}
.shot{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(27,13,5,.14);background:#000}
.shot img{width:100%;height:100%;object-fit:cover}
.cap{position:absolute;left:28px;right:28px;top:22px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.cap b{font-family:Antonio,sans-serif;font-weight:600;font-size:24px;color:var(--text);text-shadow:0 2px 14px rgba(0,0,0,.6)}
.chip{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:rgba(18,8,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap}
.shot.laptop{height:clamp(420px,50.8vw,732px)}
.sites2{display:grid;grid-template-columns:minmax(0,.9fr) 1fr 1fr;gap:20px;margin-top:20px}
.shot.guia{height:560px}
.panel{position:relative;border-radius:28px;overflow:hidden;padding:26px;display:flex;flex-direction:column;background:radial-gradient(ellipse 90% 70% at 50% 110%,#ED7A36 0%,#DD4D06 30%,#7a2204 62%,#2a0c03 100%);border:1px solid rgba(255,200,170,.2)}
.panel .cap{position:static;margin-bottom:18px}
.browser{margin:auto 0;background:#0d0602;border:1px solid rgba(255,236,224,.16);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.browser .bar{height:30px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(255,236,224,.1)}
.browser .bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,236,224,.18)}
.browser img{width:100%;aspect-ratio:1440/900;object-fit:cover}
.soc{display:grid;grid-template-columns:minmax(0,400px) 1fr;gap:20px}
.shot.feed{height:760px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-content:start}
.posts img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:22px;border:1px solid var(--line);background:var(--card)}
.posts{grid-auto-rows:auto}
.idv{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:260px 260px;gap:20px}
.idv .selo{grid-row:span 2;border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.idv .selo img{width:100%;height:100%;object-fit:cover}
.idv .lg{position:relative;background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.idv .lg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px 30px}

/* ---------- TRÁFEGO ---------- */
.tr{padding:130px 0 140px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);border-radius:26px;overflow:hidden;margin-bottom:20px;background:radial-gradient(ellipse 90% 80% at 50% 115%,#ED7A36 0%,#DD4D06 32%,#8A2604 62%,#3a1003 100%);border:1px solid rgba(255,200,170,.2)}
.kpis div{padding:34px 34px 30px;border-right:1px solid rgba(255,230,216,.2)}
.kpis div:last-child{border:0}
.kpis small{display:block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:#FFE6D8;margin-bottom:12px}
.kpis b{display:block;font-family:Antonio,sans-serif;font-weight:700;font-size:clamp(48px,5.8vw,84px);line-height:.95;letter-spacing:-.01em;margin-bottom:16px;white-space:nowrap}
.kpis span{display:block;font-size:14px;color:#FFE6D8}
.accs{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.acc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px 24px 22px}
.acc .t{display:flex;justify-content:space-between;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:18px}
.acc .t em{font-style:normal;color:var(--brasa2);letter-spacing:.04em}
.acc .v{font-family:Antonio,sans-serif;font-weight:600;font-size:54px;line-height:1}
.acc .l{font-size:13px;color:var(--muted);margin-top:4px}
.acc svg{display:block;width:100%;height:80px;margin:16px 0 14px}
.acc .sl{fill:none;stroke:#ED7A36;stroke-width:2.2;vector-effect:non-scaling-stroke}
.acc .sa{fill:rgba(221,77,6,.16)}
.acc .f{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:13px;color:var(--muted)}
.acc .f b{display:block;font-family:Antonio,sans-serif;font-weight:500;font-size:22px;color:var(--text)}
.note{font-size:13px;color:var(--dim);margin-top:18px}

/* ---------- SOBRE ---------- */
.about{padding:150px 0 110px}
.about .wrap{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:clamp(40px,5.5vw,80px);align-items:center}
.about .ph{position:relative;border-radius:28px;overflow:hidden;height:660px}
.about .ph img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.about .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(221,77,6,.75),rgba(91,0,0,.25) 35%,transparent 60%)}
.about .sig{position:absolute;left:30px;bottom:26px;z-index:2;color:#FFF6F0}
.about .sig b{display:block;font-family:Antonio,sans-serif;font-weight:600;font-size:40px;line-height:1}
.about .sig span{font-size:14px;color:#FFE6D8}
.about .ah{font-family:Antonio,sans-serif;font-weight:600;font-size:clamp(60px,6.4vw,92px);line-height:.95;letter-spacing:-.015em;margin:28px 0 30px}
.about .ah em{font-style:normal;color:var(--brasa)}
.about p{font-size:19px;line-height:1.7;color:var(--muted);max-width:560px;margin-bottom:18px}
.about p.ah{color:var(--text);max-width:none}
.about p strong{color:var(--text);font-weight:600}
.facts{display:flex;margin-top:40px;border-top:1px solid var(--line)}
.facts div{flex:1;padding:24px 24px 0 0}
.facts b{display:block;font-family:Antonio,sans-serif;font-weight:600;font-size:40px;line-height:1;margin-bottom:6px}
.facts span{font-size:14px;color:var(--muted)}

/* ---------- CHAMADA FINAL + RODAPÉ ---------- */
.endw{padding:0 var(--gut) 110px}
.end{max-width:1312px;margin:0 auto;border-radius:34px;padding:110px 80px 100px;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 90% 80% at 50% 115%,#ED7A36 0%,#DD4D06 32%,#8A2604 62%,#3a1003 100%)}
.end h2{font-family:Antonio,sans-serif;font-weight:700;font-size:clamp(64px,7.5vw,108px);line-height:.92;letter-spacing:-.02em;max-width:1180px;margin:0 auto 30px}
.end p{font-size:20px;line-height:1.6;color:#FFE6D8;max-width:620px;margin:0 auto 44px}
.end .btn{background:#120800;box-shadow:none}
.end .btn .ar{background:var(--brasa)}
.end .btn .ar svg{stroke:#fff}
.foot{max-width:1440px;margin:0 auto;padding:70px var(--gut) 56px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
.foot small{display:block;font-size:13px;color:var(--dim);margin-top:14px}
.foot .links{display:flex;flex-wrap:wrap;gap:12px 32px;font-size:14px;color:var(--muted)}
.foot .links a:hover{color:var(--text)}

/* ---------- FERRAMENTA GOOGLE ADS ---------- */
.tool{padding:90px 0 20px}
.tool-in{display:grid;grid-template-columns:minmax(0,440px) 1fr;gap:clamp(40px,6.25vw,90px);padding-top:56px;border-top:1px solid var(--line)}
.tool .k{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--brasa2);margin-bottom:14px}
.tool h2{font-family:Antonio,sans-serif;font-weight:600;font-size:clamp(36px,3.3vw,48px);line-height:1;letter-spacing:-.01em}
.tool p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:14px;max-width:720px}
.tool p.en{font-size:14px;color:var(--dim)}
.tool .ll{display:flex;flex-wrap:wrap;gap:10px 28px;margin:20px 0 0}
.tool .ll a{color:var(--text);font-weight:500;border-bottom:1px solid var(--brasa2);padding-bottom:2px}

/* ---------- PÁGINAS LEGAIS ---------- */
.lhead{max-width:1440px;margin:0 auto;padding:28px var(--gut);display:flex;justify-content:space-between;align-items:center;gap:20px}
.lnav{display:flex;gap:22px;font-size:14px;color:var(--muted)}
.lnav a[aria-current]{color:var(--text)}
.lnav a:hover{color:var(--text)}
.legal{padding:80px var(--gut) 100px}
.doc{max-width:760px;margin:0 auto}
.doc .kicker{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--brasa2);margin-bottom:14px}
.doc h1,.doc .en-title{font-family:Antonio,sans-serif;font-weight:700;font-size:clamp(48px,6vw,80px);line-height:.95;letter-spacing:-.015em}
.doc .upd{font-size:14px;color:var(--dim);margin:14px 0 50px}
.doc h2{font-family:Antonio,sans-serif;font-weight:600;font-size:30px;line-height:1.05;margin:46px 0 14px}
.doc h3{font-family:Antonio,sans-serif;font-weight:600;font-size:22px;line-height:1.1;margin:28px 0 10px}
.doc p,.doc li{font-size:16.5px;line-height:1.75;color:var(--muted)}
.doc p{margin-bottom:14px}
.doc strong{color:var(--text);font-weight:600}
.doc ul{margin:0 0 16px;padding-left:0}
.doc li{position:relative;padding-left:22px;margin-bottom:8px}
.doc li::before{content:"";position:absolute;left:4px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--brasa)}
.doc a{color:var(--text);text-decoration:underline;text-decoration-color:var(--brasa);text-underline-offset:3px}
.doc .callout{background:var(--card);border-left:4px solid var(--brasa);border-radius:0 16px 16px 0;padding:20px 22px;margin:22px 0}
.doc .callout p{margin:0;color:var(--text)}
.doc hr{border:0;border-top:1px solid var(--line);margin:70px 0 50px}

/* ---------- TABLET ---------- */
@media (max-width:1180px){
  .accs{grid-template-columns:repeat(2,1fr)}
  .sc.big .nums{position:static;margin-top:20px}
  .sites2{grid-template-columns:1fr 1fr}
  .shot.guia{grid-row:span 2;height:auto;min-height:560px}
  .kpis div{padding:28px 22px}
}

/* ---------- CELULAR ---------- */
@media (max-width:860px){
  :root{--gut:16px}
  .tag{font-size:26px;gap:12px}
  .tag i{width:34px;height:34px}
  .tag svg{width:14px;height:14px}
  .shead{display:block;margin-bottom:30px}
  .shead .tag{margin-bottom:22px}
  .shead p{text-align:justify;max-width:none}

  /* hero */
  .hero{min-height:100vh}
  @supports (height:100svh){.hero{min-height:100svh}}
  .vid{background-image:url(../img/hero-mobile-poster.webp)}
  .vid::after{background:radial-gradient(ellipse 90% 30% at 50% 30%,rgba(18,8,0,.55),transparent 80%),linear-gradient(to bottom,rgba(18,8,0,.92) 0%,rgba(18,8,0,.62) 22%,rgba(18,8,0,.55) 45%,rgba(18,8,0,.88) 70%,rgba(18,8,0,.55) 100%),radial-gradient(ellipse 90% 40% at 50% 100%,rgba(221,77,6,.6),transparent 75%)}
  .nav{padding-top:max(18px,env(safe-area-inset-top))}
  .logo b{font-size:32px}
  .logo span{font-size:13px}
  .menu,.nav-cta{display:none}
  .nr{display:flex}
  .hn{margin:52px var(--gut) 0;--gk:.55}
  .neon{text-align:left;font-size:min(37.4vw,146px);line-height:.93;letter-spacing:-.015em}
  .neon .w{display:block}
  .neon .nt{filter:drop-shadow(0 1px 0 rgba(255,214,186,.55)) drop-shadow(0 0 14px rgba(221,77,6,.55))}
  .neon .ng{-webkit-text-stroke:4px #DD4D06;filter:blur(16px)}
  .neon .gp{background-image:repeating-linear-gradient(90deg,#DD4D06 0 18px,#5B0000 18px 30px,#FFE2CF 30px 40px,#ED7A36 40px 62px,#120800 62px 72px),repeating-linear-gradient(0deg,rgba(18,8,0,.75) 0 10px,transparent 10px 22px)}
  .gs{left:calc(-1 * var(--gut));right:calc(-1 * var(--gut));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 70%,transparent 100%);filter:drop-shadow(0 0 5px #DD4D06)}
  .hb{display:block;margin-top:0;padding:26px var(--gut) 40px}
  .intro{max-width:none}
  .intro .k{margin-bottom:12px}
  .intro .hl{font-size:31px;line-height:1.05;margin-bottom:24px}
  .intro .row{gap:20px}
  .trust{display:none}
  .hero .band{margin-top:auto}
  .band{height:62px;justify-content:flex-start;font-size:26px}
  .band .track{gap:18px;padding-left:16px;animation:marquee 26s linear infinite}
  .band .dup{display:flex;align-items:center;gap:18px}
  @keyframes marquee{to{transform:translateX(-50%)}}

  /* clientes */
  .clients{padding:30px 0 32px}
  .clients .lbl{font-size:11px;margin-bottom:16px}
  .clients .row{justify-content:flex-start;gap:18px;font-size:24px;padding-left:16px}
  .clients .row s{font-size:14px}

  /* manifesto */
  .mani{padding:64px 0 70px;background:radial-gradient(ellipse 90% 22% at 50% 100%,rgba(221,77,6,.16),transparent 80%),var(--bg)}
  .mani .tag{margin-bottom:22px}
  .mg1,.mg2{display:block}
  .slog{margin-bottom:40px}
  .slog li{padding:9px 0 8px;gap:10px}
  .slog q{font-size:27px}
  .slog small{font-size:9.5px}
  .perc{font-size:76px;margin-bottom:16px}
  .mp{font-size:22px;margin-bottom:12px}
  .mg2{margin-top:44px;padding-top:0;border-top:0}
  .mh{font-size:52px;margin-bottom:12px}
  .mb,.ms{font-size:15px}
  .ms{margin-top:40px}
  .mh.vive{margin-bottom:18px}
  .ask{display:block;margin-top:46px;padding-top:26px}
  .ask .k{font-size:12px;margin-bottom:14px}
  .ask h3{font-size:40px;line-height:1;margin-bottom:22px}
  .ask .btn{display:flex;width:100%}

  /* serviços */
  .serv{padding:84px 0 70px}
  .sgrid{display:block}
  .sc{min-height:0;border-radius:22px;padding:170px 22px 24px;margin-bottom:12px}
  .sc::before{background:linear-gradient(to top,rgba(18,8,0,.94) 0%,rgba(18,8,0,.82) 45%,rgba(18,8,0,.2) 68%,rgba(18,8,0,0) 80%)}
  .sc .n{font-size:16px;margin-bottom:34px}
  .sc h3{font-size:38px;line-height:1;margin:0 0 10px}
  .sc p{font-size:15px;line-height:1.55;max-width:none}
  .sc.big{background-position:85% 50%,0 0;background-size:auto 780px,auto}
  .sc.big h3{font-size:38px}
  .sc.big p{font-size:15px}
  .sc.big .nums{position:static;gap:8px;margin-top:18px}
  .sc.big .nums span{padding:7px 12px;font-size:12.5px}
  .sc.big .nums b{font-size:15px}
  .bg-sites{background-position:62% 30%}
  .bg-social{background-position:center 30%}
  .bg-idv{background-position:center -100px}
  .sc .flow{height:220px}

  /* trabalhos */
  .work{padding:84px 0 70px}
  .wh{display:block;margin:56px 0 18px}
  .shead + .blk .wh{margin-top:0}
  .wh h3{font-size:44px;line-height:.98}
  .wh h3 span{font-size:18px;margin-bottom:6px}
  .wh p{text-align:justify;max-width:none;font-size:14.5px;line-height:1.55;margin-top:10px}
  .blk{margin-bottom:0}
  .shot{border-radius:22px;margin-bottom:12px}
  .cap{left:16px;right:16px;top:14px}
  .cap b{font-size:20px}
  .chip{font-size:11.5px;padding:5px 10px}
  .shot.laptop{height:240px}
  .shot.laptop img{object-position:70% 50%}
  .sites2{display:block;margin-top:0}
  .shot.guia{height:440px;min-height:0}
  .panel{border-radius:22px;padding:16px;margin-bottom:12px}
  .panel .cap{margin-bottom:12px}
  .browser{border-radius:12px}
  .browser .bar{display:none}
  .soc{display:block}
  .shot.feed{height:460px}
  .posts{grid-template-columns:1fr 1fr;gap:12px}
  .posts img{border-radius:16px}
  .posts .dk-only{display:none}
  .idv{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:12px}
  .idv .selo{grid-column:1/-1;grid-row:auto;height:350px;border-radius:22px}
  .idv .lg{aspect-ratio:1;border-radius:16px}
  .idv .lg img{padding:10px}

  /* tráfego */
  .tr{padding:70px 0}
  .tr .wh{margin-top:0}
  .kpis{grid-template-columns:1fr 1fr;border-radius:22px;margin-bottom:12px}
  .kpis div{padding:20px 18px;border-right:0;border-bottom:1px solid rgba(255,230,216,.18)}
  .kpis div:nth-child(odd){border-right:1px solid rgba(255,230,216,.18)}
  .kpis div:nth-child(n+3){border-bottom:0}
  .kpis small{font-size:10.5px;margin-bottom:8px}
  .kpis b{font-size:42px;margin-bottom:6px}
  .kpis span{font-size:12px}
  .accs{display:block}
  .acc{display:grid;grid-template-columns:1fr 130px;align-items:end;border-radius:18px;padding:18px;margin-bottom:12px}
  .acc .t{grid-column:1/-1;font-size:11px;margin-bottom:10px}
  .acc .v{grid-column:1;grid-row:2;font-size:40px}
  .acc .l{grid-column:1;grid-row:3;font-size:12.5px}
  .acc svg{grid-column:2;grid-row:2/4;width:130px;height:46px;margin:0}
  .acc .sa{display:none}
  .acc .sl{stroke-width:3}
  .acc .f{display:none}
  .note{font-size:12px;margin-top:6px;text-align:justify}

  /* sobre */
  .about{padding:84px 0 0}
  .about .wrap{display:block}
  .about .ph{height:420px;border-radius:22px;margin-bottom:28px}
  .about .sig{left:18px;bottom:16px}
  .about .sig b{font-size:30px}
  .about .sig span{font-size:12.5px}
  .about .ah{font-size:56px;line-height:.98;margin:22px 0 20px}
  .about p{font-size:16px;line-height:1.65;margin-bottom:14px;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
  .about p.ah{text-align:left;-webkit-hyphens:manual;hyphens:manual}
  .facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:24px;padding-top:18px}
  .facts div{padding:0}
  .facts b{font-size:22px;line-height:1.05;margin-bottom:4px}
  .facts span{font-size:12px}

  /* chamada + rodapé */
  .endw{padding:56px var(--gut) 64px}
  .end{border-radius:26px;padding:56px 22px 26px}
  .end h2{font-size:58px;line-height:.96;margin-bottom:18px}
  .end p{font-size:15.5px;margin-bottom:28px;text-align:justify;text-align-last:center;-webkit-hyphens:auto;hyphens:auto}
  .end .btn{display:flex;width:100%;font-size:15px;padding:7px 7px 7px 22px}
  .end .btn .ar{width:40px;height:40px}
  .foot{display:block;padding:46px var(--gut) max(40px,env(safe-area-inset-bottom))}
  .foot .links{gap:10px 22px;margin:22px 0 0}

  /* ferramenta + páginas legais */
  .tool{padding:64px 0 10px}
  .tool-in{display:block;padding-top:36px}
  .tool h2{font-size:36px;margin-bottom:18px}
  .tool p{font-size:15px;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
  .lhead{padding:18px var(--gut)}
  .lnav{gap:14px;font-size:13px}
  .legal{padding:50px var(--gut) 70px}
  .doc .upd{margin-bottom:34px}
  .doc h2{font-size:26px;margin-top:36px}
  .doc p,.doc li{font-size:15.5px;text-align:justify;-webkit-hyphens:auto;hyphens:auto}

  /* textos menores justificados */
  .mb,.sc p,.wh p,.note{text-align:justify;-webkit-hyphens:auto;hyphens:auto}
}

@media (hover:none){
  .btn:hover{transform:none}
  .btn:hover .ar{transform:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .neon,.neon span,.gs,.band .track{animation:none!important}
  .neon .gr,.neon .gc,.neon .gp,.gs{display:none}
  .btn,.btn .ar,.link span{transition:none}
}