/* Layout: pôster azul no hero (tipo gigante, rabiscos em lima, selo girando, cards flutuando) que desemboca na ilha de edição; depois seções escuras com cards, fitas em lima, eventos em azul e CTA em lima. Tema escuro único com a paleta da marca. */
:root{
  --blue:#0131CD;
  --blue-2:#2A55F0;
  --blue-deep:#001A7A;
  --lime:#B9FC01;
  --white:#FFFFFF;
  --ink:#06070C;
  --card:rgba(255,255,255,.03);
  --stroke:rgba(255,255,255,.08);
  --stroke-2:rgba(255,255,255,.14);
  --mute:#9AA1B2;
  --dim:#666D7E;
  --rec:#FF3B30;
  --f-poster:"Archivo Black", "Arial Black", Impact, sans-serif;
  --f-display:"Outfit", system-ui, sans-serif;
  --f-body:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-hand:"Caveat", "Segoe Script", cursive;
  --f-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;
  --r:24px;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--ink);color:var(--white);font-family:var(--f-body);font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
a{color:inherit;text-decoration:none}
img{display:block}
:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:6px}
::selection{background:var(--lime);color:var(--ink)}
.wrap{max-width:1220px;margin-inline:auto;padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px))}
h1,h2,h3{margin:0;text-wrap:balance}
h2{font:800 clamp(34px,4.8vw,58px)/1.02 var(--f-display);letter-spacing:-.035em}
h3{font:700 21px/1.2 var(--f-display);letter-spacing:-.02em}
p{margin:0}
.sub{color:var(--mute);font-size:clamp(15.5px,1.4vw,18px);max-width:56ch}
.kicker{font:500 12px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
section{padding-block:clamp(72px,9vw,120px)}
.lime{color:var(--lime)}
.hand{font-family:var(--f-hand);font-weight:700;letter-spacing:0}

.mark-u{position:relative;display:inline-block;white-space:nowrap}
.mark-u svg{position:absolute;left:-4%;bottom:-.18em;width:108%;height:.4em;overflow:visible;pointer-events:none}
.mark-u path{fill:none;stroke:var(--lime);stroke-width:5;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.1s cubic-bezier(.6,0,.2,1) .25s}
.in .mark-u path,.mark-u.in path{stroke-dashoffset:0}

.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font:700 15px/1 var(--f-display);letter-spacing:-.01em;cursor:pointer;border:2px solid transparent;transition:transform .25s cubic-bezier(.3,1.6,.5,1), background .2s, color .2s, border-color .2s;position:relative}
.btn svg{width:16px;height:16px;transition:transform .25s}
.btn:hover svg{transform:translateX(3px) rotate(-8deg)}
.btn:hover{transform:translateY(-2px) scale(1.02)}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-line{border-color:rgba(255,255,255,.6);color:var(--white)}
.btn-line:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.btn-ink{background:var(--ink);color:var(--white)}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1.5px solid var(--stroke-2);font:600 13px/1 var(--f-display);color:var(--white)}
.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
.tag{display:inline-flex;padding:5px 11px;border-radius:999px;border:1.5px solid var(--stroke-2);font:600 12px/1.2 var(--f-display);color:#D9DDE6}

.rv-on .rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease, transform .8s cubic-bezier(.2,.8,.2,1)}
.rv-on .rv.in{opacity:1;transform:none}
.rv-on .rv.d1{transition-delay:.08s}.rv-on .rv.d2{transition-delay:.16s}.rv-on .rv.d3{transition-delay:.24s}

header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;transition:background .3s, border-color .3s;background:transparent;border-bottom:1px solid transparent}
header.nav.solid{background:rgba(6,7,12,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--stroke)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.logo img{height:38px;width:auto}
.nav-links{display:flex;gap:2px;font:500 14.5px/1 var(--f-display)}
.nav-links a{padding:9px 13px;border-radius:999px;color:rgba(255,255,255,.82);transition:background .2s,color .2s}
.nav-links a:hover{background:rgba(255,255,255,.12);color:#fff}
.nav .btn{padding:11px 18px;font-size:14px}
@media (max-width:940px){.nav-links{display:none}}
@media (max-width:420px){.logo img{height:30px}.nav .btn{padding:10px 14px;font-size:13px}}

.hero{background:var(--blue);margin-top:-67px;padding-top:calc(67px + clamp(36px,6vw,72px));padding-bottom:0;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 85%);mask-image:linear-gradient(to bottom,#000 30%,transparent 85%);pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:var(--ink);pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.poster{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.hash{font:700 clamp(30px,4vw,48px)/1 var(--f-hand);color:var(--lime);transform:rotate(-6deg);display:inline-block}
.big{font:400 clamp(54px,12.4vw,176px)/.86 var(--f-poster);letter-spacing:-.03em;text-transform:uppercase;margin:0;display:flex;flex-direction:column;align-items:center}
.big .ln{display:block;overflow:hidden;padding-bottom:.04em}
.big .ln > span{display:inline-block;transform:translateY(105%);animation:up .9s cubic-bezier(.2,.8,.2,1) forwards}
.big .ln:nth-child(2) > span{animation-delay:.12s}
@keyframes up{to{transform:none}}
.hero .lead{color:rgba(255,255,255,.88);font-size:clamp(16px,1.5vw,19px);max-width:54ch;opacity:0;animation:fade .8s .5s forwards}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;opacity:0;animation:fade .8s .65s forwards}
@keyframes fade{to{opacity:1}}

.scribble{position:absolute;pointer-events:none;overflow:visible}
.scribble path{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.4s 1s cubic-bezier(.6,0,.2,1) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.sc-arrow{right:9%;top:22%;width:120px;height:100px}
.sc-star{left:7%;top:58%;width:50px;height:50px}
.sc-star path{animation-delay:1.3s}

.sticker{position:absolute;right:1%;top:46%;width:clamp(104px,11vw,148px);aspect-ratio:1;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;z-index:3;transition:transform .3s cubic-bezier(.3,1.6,.5,1);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.sticker:hover{transform:scale(1.08) rotate(-6deg)}
.sticker svg.ring{position:absolute;inset:6%;width:88%;height:88%;animation:spin 14s linear infinite}
.sticker:hover svg.ring{animation-duration:4s}
.sticker text{font:800 10px var(--f-display);letter-spacing:.06em;fill:var(--ink)}
.sticker .ic{width:34%;height:34%}
@keyframes spin{to{transform:rotate(360deg)}}

.float{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:18px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 40px rgba(0,10,60,.35);font:600 13.5px/1.2 var(--f-display);text-align:left;animation:bob 5s ease-in-out infinite}
.float small{display:block;font:500 11px/1.2 var(--f-mono);color:rgba(255,255,255,.75);letter-spacing:.04em;margin-top:3px}
.float .av{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}
.float .av img{width:70%}
.f1{left:1%;top:60%;rotate:-5deg}
.f2{right:3%;top:70%;animation-delay:-1.6s;rotate:4deg}
.f3{display:none}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -12px}}
.tc{font-variant-numeric:tabular-nums}
@media (max-width:1100px){.f3{display:none}}
@media (max-width:860px){.float,.sc-star,.sc-arrow{display:none}.sticker{position:relative;right:auto;top:auto;margin-top:6px}}

.studio-wrap{position:relative;margin-top:clamp(40px,6vw,64px);padding-bottom:20px}
.studio{position:relative;z-index:2;max-width:1060px;margin-inline:auto;border-radius:22px;padding:10px;background:linear-gradient(180deg,#1E2230,#10131C 35%);border:1px solid var(--stroke-2);box-shadow:0 50px 120px rgba(0,0,0,.6);transform:perspective(1400px) rotateX(10deg);transform-origin:50% 100%}
.studio-in{border-radius:14px;background:#0B0D14;overflow:hidden;display:grid;grid-template-columns:200px 1fr}
.st-side{border-right:1px solid var(--stroke);padding:14px 10px;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--mute)}
.st-side .logo-s{display:flex;align-items:center;gap:8px;padding:2px 6px 12px;font:700 13px var(--f-display);color:#fff}
.st-side .logo-s img{width:26px}
.st-search{display:flex;justify-content:space-between;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.04);border:1px solid var(--stroke);margin-bottom:10px;color:var(--dim)}
.st-label{font:500 9.5px/1 var(--f-mono);letter-spacing:.12em;color:var(--dim);padding:10px 8px 6px}
.st-item{padding:7px 9px;border-radius:8px;display:flex;justify-content:space-between;align-items:center}
.st-item.on{background:var(--blue);color:#fff}
.st-item i{font-style:normal;font:600 9.5px/1 var(--f-display);padding:3px 6px;border-radius:5px;background:var(--lime);color:var(--ink)}
.st-main{display:flex;flex-direction:column;min-width:0}
.st-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--stroke);font-size:12.5px;color:var(--mute)}
.st-top b{color:#fff;font-weight:600}
.st-top .chips{display:flex;gap:6px}
.st-top .chips span{padding:4px 9px;border-radius:999px;border:1px solid var(--stroke);font-size:11px}
.st-preview{position:relative;aspect-ratio:16/7.2;background:#000;overflow:hidden}
.st-preview canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hud{position:absolute;left:16px;right:16px;display:flex;justify-content:space-between;font:500 11px/1 var(--f-mono);letter-spacing:.06em;color:rgba(255,255,255,.9);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px rgba(0,0,0,.5);z-index:2}
.hud.t{top:14px}.hud.b{bottom:14px}
.rec{display:inline-flex;align-items:center;gap:7px}
.rec i{width:8px;height:8px;border-radius:50%;background:var(--rec);animation:blink 1.2s steps(2) infinite}
@keyframes blink{50%{opacity:.2}}
.st-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:90%;z-index:2}
.st-title small{display:block;font:700 clamp(18px,2vw,24px)/1 var(--f-hand);color:var(--lime);margin-bottom:6px;transform:rotate(-3deg)}
.st-title strong{font:400 clamp(20px,3.6vw,44px)/1 var(--f-poster);text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.st-tl{padding:12px 16px 14px;display:flex;flex-direction:column;gap:6px;position:relative}
.st-ruler{display:flex;justify-content:space-between;font:500 10px/1 var(--f-mono);color:var(--dim);padding-left:34px;margin-bottom:2px}
.st-row{display:grid;grid-template-columns:28px 1fr;gap:6px;align-items:center}
.st-row b{font:500 10px/1 var(--f-mono);color:var(--dim)}
.st-clips{display:flex;gap:4px;height:22px;min-width:0}
.st-clips span{border-radius:6px;font:500 10.5px/1.2 var(--f-display);color:#fff;padding:4px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.v1 span{background:var(--blue);border:1px solid var(--blue-2)}
.v2 span{background:rgba(185,252,1,.18);border:1px solid rgba(185,252,1,.45);color:var(--lime)}
.a1 span{background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 2px,rgba(255,255,255,.08) 2px 5px)}
.st-head{position:absolute;top:8px;bottom:10px;left:30%;width:2px;background:var(--lime);box-shadow:0 0 10px var(--lime);pointer-events:none}
.st-head::before{content:"";position:absolute;top:-2px;left:-5px;width:12px;height:10px;background:var(--lime);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%)}
@media (max-width:760px){.studio{transform:none!important}.studio-in{grid-template-columns:1fr}.st-side{display:none}.st-top .chips{display:none}.st-preview{aspect-ratio:16/10}}

.tape{background:var(--lime);color:var(--ink);transform:rotate(-2deg);margin:clamp(30px,5vw,56px) -20px 0;padding:16px 0;overflow:hidden;position:relative;z-index:3;box-shadow:0 20px 40px rgba(0,0,0,.35)}
.tape.alt{background:var(--blue);color:#fff;transform:rotate(1.5deg);margin-top:-30px;z-index:2}
.tape-track{display:flex;width:max-content;animation:roll 30s linear infinite}
.tape.alt .tape-track{animation-direction:reverse;animation-duration:36s}
.tape-track span{font:400 clamp(22px,2.8vw,36px)/1 var(--f-poster);text-transform:uppercase;letter-spacing:-.01em;white-space:nowrap;display:flex;align-items:center;gap:28px;padding-right:28px}
.tape-track span::after{content:"";width:.7em;height:.7em;background:currentColor;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
@keyframes roll{to{transform:translateX(-50%)}}

.card{background:var(--card);border:1px solid var(--stroke);border-radius:var(--r);position:relative;overflow:hidden;min-width:0;transition:border-color .3s, transform .4s cubic-bezier(.2,.8,.2,1)}
.card-pad{padding:clamp(22px,3vw,34px)}
.lift:hover{transform:translateY(-4px);border-color:rgba(185,252,1,.35)}

.about{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}
.about-l{display:flex;flex-direction:column;gap:14px;min-width:0}
.about-main{display:flex;flex-direction:column;gap:20px;justify-content:center;flex:1}
.about-main .note-h{position:absolute;right:28px;top:22px;font:700 26px/1 var(--f-hand);color:var(--lime);transform:rotate(6deg)}
.marq{padding:18px 0 20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marq .k{font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;color:var(--dim);padding-inline:24px;margin-bottom:12px;display:block}
.marq-track{display:flex;gap:28px;width:max-content;animation:roll 34s linear infinite;padding-left:24px}
.marq-track span{font:700 clamp(24px,3vw,34px)/1 var(--f-display);letter-spacing:-.03em;color:#C9CEDA;display:flex;align-items:center;gap:28px;white-space:nowrap}
.marq-track span::after{content:"✱";font-size:.6em;color:var(--lime)}
.drone-card{min-height:340px}
.drone-card canvas{position:absolute;inset:0;width:100%;height:100%}
.drone-card .cap{position:absolute;left:20px;bottom:44px;z-index:2;font:700 20px/1.15 var(--f-display);letter-spacing:-.02em}
.drone-card .cap small{display:block;font:700 22px/1 var(--f-hand);color:var(--lime);margin-bottom:6px}
@media (max-width:860px){.about{grid-template-columns:1fr}.about-main .note-h{display:none}}

.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}
.b-card{display:flex;flex-direction:column;gap:6px;padding:22px}
.b-card h3{display:flex;justify-content:space-between;align-items:center;gap:8px}
.b-card > p{color:var(--mute);font-size:14.5px;max-width:46ch}
.b-vis{margin-top:16px;border-radius:16px;border:1px solid var(--stroke);background:#0B0D14;position:relative;overflow:hidden;aspect-ratio:16/10}
.b-vis canvas{position:absolute;inset:0;width:100%;height:100%}
.span2{grid-column:span 2}
.span3{grid-column:1/-1}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}.span2{grid-column:1/-1}}
@media (max-width:600px){.bento{grid-template-columns:1fr}}

.vf-thirds{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)),linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14));background-size:1px 100%,1px 100%,100% 1px,100% 1px;background-position:33.3% 0,66.6% 0,0 33.3%,0 66.6%;background-repeat:no-repeat}
.corner{position:absolute;width:18px;height:18px;border:2px solid #fff}
.corner.tl{top:12px;left:12px;border-right:0;border-bottom:0}.corner.tr{top:12px;right:12px;border-left:0;border-bottom:0}
.corner.bl{bottom:12px;left:12px;border-right:0;border-top:0}.corner.br{bottom:12px;right:12px;border-left:0;border-top:0}
.focus{position:absolute;left:58%;top:42%;width:54px;height:38px;border:2px solid var(--lime);border-radius:4px;transform:translate(-50%,-50%);animation:af 3s ease-in-out infinite}
@keyframes af{0%,100%{width:54px;height:38px}45%{width:70px;height:50px}55%{width:54px;height:38px}}
.cam-meta{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;gap:8px;font:500 10.5px/1 var(--f-mono);color:#fff;letter-spacing:.05em}
@media (max-width:480px){.cam-meta span:nth-child(2){display:none}}

.idv{display:grid;place-items:center;background:var(--blue)}
.idv .sym{width:46%;position:relative;z-index:2;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.b-card:hover .idv .sym{transform:scale(1.08) rotate(-4deg)}
.idv svg.guides{position:absolute;inset:0;width:100%;height:100%}
.motion svg{position:absolute;inset:0;width:100%;height:100%}
.motion .dotm{offset-path:path("M20 120 C 80 120, 90 30, 150 30 S 210 70, 225 70");animation:mv 3s cubic-bezier(.6,0,.2,1) infinite alternate}
@keyframes mv{from{offset-distance:0%}to{offset-distance:100%}}
.phone{position:absolute;left:50%;top:14px;bottom:-30px;width:48%;transform:translateX(-50%);border-radius:22px 22px 0 0;border:1px solid var(--stroke-2);background:#07080D;padding:10px 8px;display:flex;flex-direction:column;gap:8px;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.b-card:hover .phone{transform:translateX(-50%) translateY(-8px)}
.phone .ph-h{display:flex;gap:8px;align-items:center;font-size:10.5px;color:var(--mute)}
.phone .av{width:24px;height:24px;border-radius:50%;background:var(--blue);display:grid;place-items:center;border:2px solid var(--lime)}
.phone .av img{width:70%}
.grid9{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.grid9 span{aspect-ratio:1;border-radius:3px}
.browser{position:absolute;inset:16px 16px -20px 16px;border-radius:12px 12px 0 0;border:1px solid var(--stroke-2);background:#10131C;overflow:hidden}
.browser .bar{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--stroke)}
.browser .bar i{width:8px;height:8px;border-radius:50%;background:#2A2E3A;flex:none}
.browser .bar span{margin-left:8px;flex:1;min-width:0;font:500 10px/1 var(--f-mono);color:var(--dim);background:rgba(255,255,255,.04);padding:5px 8px;border-radius:6px;overflow:hidden;white-space:nowrap}
.browser .pg{padding:14px;display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
.sk{border-radius:5px;background:rgba(255,255,255,.08);height:8px}
.sk.h{height:16px;background:rgba(255,255,255,.22)}
.sk.btn-s{width:44%;height:16px;background:var(--lime);border-radius:999px}
.sk.img{height:auto;aspect-ratio:4/3;background:var(--blue);position:relative;overflow:hidden}
.sk.img::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);animation:shine 2.6s ease-in-out infinite}
@keyframes shine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.bars{position:absolute;inset:auto 18px 18px 18px;height:70%;display:flex;align-items:flex-end;gap:8px}
.bars span{flex:1;border-radius:6px 6px 2px 2px;background:rgba(255,255,255,.12);transform-origin:bottom;transform:scaleY(.15);transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.bars span:last-child{background:var(--lime)}
.bars.in span{transform:none}
.design-vis{background:var(--blue)}
.poster-a{position:absolute;left:12%;top:12%;width:24%;aspect-ratio:3/4;border-radius:8px;background:var(--lime);transform:rotate(-7deg);box-shadow:0 20px 40px rgba(0,0,0,.4);padding:10px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.poster-a b{font:400 clamp(14px,1.6vw,22px)/.9 var(--f-poster);color:var(--blue);text-transform:uppercase}
.card-b{position:absolute;right:12%;bottom:14%;width:30%;aspect-ratio:1.75;border-radius:8px;background:#fff;transform:rotate(6deg);box-shadow:0 20px 40px rgba(0,0,0,.4);display:grid;place-items:center;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card-b img{width:34%}
.b-card:hover .poster-a{transform:rotate(-12deg) translate(-6px,-4px)}
.b-card:hover .card-b{transform:rotate(10deg) translate(6px,4px)}
.design-vis .hand-note{position:absolute;left:44%;top:16%;font:700 clamp(20px,2.4vw,28px)/1 var(--f-hand);color:#fff;transform:rotate(-4deg)}

.ai-wide{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;background:linear-gradient(130deg,rgba(1,49,205,.35),rgba(255,255,255,.02) 55%);border-color:rgba(1,49,205,.6)}
.ai-wide .txt{display:flex;flex-direction:column;gap:16px;min-width:0}
.ai-wide h3{font:800 clamp(28px,3.2vw,38px)/1.05 var(--f-display);letter-spacing:-.035em;display:block}
.flow{border-radius:18px;border:1px solid var(--stroke);background:#0A0C13;padding:18px;display:flex;flex-direction:column;min-width:0}
.flow-node{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#12151F;border:1px solid var(--stroke);font-size:14px;min-width:0;transition:border-color .3s, box-shadow .3s, background .3s}
.flow-node .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.06);color:#fff;transition:background .3s,color .3s}
.flow-node .ic svg{width:16px;height:16px}
.flow-node div{min-width:0}
.flow-node small{display:block;color:var(--dim);font-size:12px}
.flow-node .st{margin-left:auto;font:500 10.5px/1 var(--f-mono);color:var(--dim);flex:none}
.flow-node.on{border-color:var(--lime);box-shadow:0 0 0 3px rgba(185,252,1,.12);background:#151A10}
.flow-node.on .ic{background:var(--lime);color:var(--ink)}
.flow-node.on .st{color:var(--lime)}
.flow-node.done .ic{background:var(--blue)}
.flow-node.done .st{color:#fff}
.flow-line{height:14px;width:2px;margin-left:30px;background:var(--stroke-2);position:relative;overflow:hidden}
.flow-line.on::after{content:"";position:absolute;inset:0;background:var(--lime);animation:fl .5s forwards}
@keyframes fl{from{transform:translateY(-100%)}to{transform:none}}
@media (max-width:860px){.ai-wide{grid-template-columns:1fr}}
@media (max-width:420px){.flow-node .st{display:none}}

.hub{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;padding:clamp(28px,4vw,48px)}
.hub-txt{display:flex;flex-direction:column;gap:18px;min-width:0}
.hub-vis{position:relative;aspect-ratio:1.25;max-width:100%}
.hub-vis svg.lines{position:absolute;inset:0;width:100%;height:100%}
.hub-core{position:absolute;left:50%;top:50%;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:28%;background:var(--blue);box-shadow:0 0 0 10px rgba(1,49,205,.18),0 0 0 22px rgba(1,49,205,.08),0 20px 60px rgba(1,49,205,.6);display:grid;place-items:center;animation:pulse 3s ease-in-out infinite}
.hub-core img{width:64%}
@keyframes pulse{50%{box-shadow:0 0 0 16px rgba(1,49,205,.14),0 0 0 34px rgba(1,49,205,.05),0 20px 60px rgba(1,49,205,.6)}}
.hub-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;font:600 12px/1 var(--f-display);color:#D9DDE6;white-space:nowrap}
.hub-node span{width:clamp(42px,5vw,56px);aspect-ratio:1;border-radius:50%;background:#12151F;border:1.5px solid var(--stroke-2);display:grid;place-items:center;transition:background .3s,border-color .3s, transform .3s}
.hub-node:hover span{background:var(--lime);border-color:var(--lime);transform:scale(1.1)}
.hub-node svg{width:42%;height:42%;color:#fff;transition:color .3s}
.hub-node:hover svg{color:var(--ink)}
@media (max-width:860px){.hub{grid-template-columns:1fr}}

.cine{position:relative;overflow:hidden;padding-block:clamp(90px,11vw,140px)}
.cine canvas{position:absolute;inset:0;width:100%;height:100%}
.cine::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,7,12,.94) 0%,rgba(6,7,12,.55) 55%,rgba(6,7,12,.1)),linear-gradient(to bottom,var(--ink),transparent 22%,transparent 78%,var(--ink))}
.cine .wrap{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.cine-big{font:400 clamp(50px,9vw,120px)/.86 var(--f-poster);text-transform:uppercase;letter-spacing:-.03em}
.cine-big .stroke{color:transparent;-webkit-text-stroke:2px #fff}
.cine h2{font-size:clamp(28px,3.6vw,42px)}
.stats{display:flex;gap:clamp(24px,4vw,48px);flex-wrap:wrap;margin-top:8px}
.stats div{display:flex;flex-direction:column;gap:2px}
.stats strong{font:800 28px/1.1 var(--f-display);letter-spacing:-.03em}
.stats span{font-size:13px;color:var(--mute)}

.port{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;align-items:start}
.reel{position:relative;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--stroke);min-width:0;transition:transform .4s cubic-bezier(.2,.8,.2,1), border-color .3s}
.reel:nth-child(2){transform:translateY(28px)}
.reel:hover{border-color:rgba(185,252,1,.4)}
.reel .instagram-media{margin:0!important;min-width:0!important;width:100%!important;max-width:100%!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.reel-fb{display:flex;flex-direction:column;justify-content:space-between;gap:16px;aspect-ratio:9/14;padding:20px;background:var(--blue);position:relative;overflow:hidden;color:#fff}
.reel-fb::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.2px);background-size:20px 20px}
.reel-fb > *{position:relative}
.reel-fb .top{display:flex;justify-content:space-between;align-items:center;font:500 11px/1 var(--f-mono);letter-spacing:.1em}
.reel-fb .top img{width:34px}
.reel-fb .play{width:76px;height:76px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;align-self:center;transition:transform .3s cubic-bezier(.3,1.6,.5,1);box-shadow:0 0 0 12px rgba(185,252,1,.18)}
.reel-fb .play svg{width:30px;height:30px;margin-left:4px}
.reel-fb:hover .play{transform:scale(1.1)}
.reel-fb b{font:400 clamp(22px,2.2vw,30px)/.95 var(--f-poster);text-transform:uppercase}
.reel-fb small{display:block;font:700 22px/1 var(--f-hand);color:var(--lime);margin-bottom:6px}
.port-cta{display:flex;justify-content:center;margin-top:64px}
@media (max-width:860px){.port{grid-template-columns:1fr;max-width:460px;margin-inline:auto}.reel:nth-child(2){transform:none}}
.ev{background:var(--blue);border-radius:32px;overflow:hidden;position:relative}
.ev::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.2px);background-size:22px 22px;pointer-events:none}
.ev-in{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:clamp(28px,4vw,56px) clamp(28px,4vw,56px) clamp(56px,7vw,88px);align-items:center}
.ev-txt{display:flex;flex-direction:column;gap:18px;min-width:0}
.ev-txt .hand{font-size:30px;color:var(--lime);transform:rotate(-4deg);display:inline-block;align-self:flex-start}
.ev h2{font:400 clamp(38px,5.4vw,70px)/.92 var(--f-poster);text-transform:uppercase;letter-spacing:-.02em}
.ev p{color:rgba(255,255,255,.88);max-width:48ch}
.ev .stats span{color:rgba(255,255,255,.75)}
.ev-vis{position:relative;aspect-ratio:1/0.92;border-radius:24px;background:#04081C;overflow:hidden;box-shadow:0 30px 60px rgba(0,8,50,.5);border:3px solid var(--lime);transform:rotate(2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ev-vis:hover{transform:rotate(0) scale(1.01)}
.ev-vis canvas{position:absolute;inset:0;width:100%;height:100%}
@media (max-width:860px){.ev-in{grid-template-columns:1fr}.ev-vis{transform:none}}

.steps-wrap{position:relative;margin-top:56px}
.prog{position:absolute;left:0;right:0;top:0;height:3px;background:var(--stroke);border-radius:3px;overflow:hidden}
.prog i{position:absolute;inset:0;background:var(--lime);transform-origin:left;transform:scaleX(0)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:28px}
.step{padding:24px;display:flex;flex-direction:column;gap:12px}
.step .n{font:400 44px/1 var(--f-poster);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.35);transition:color .4s,-webkit-text-stroke-color .4s}
.step.lit .n{color:var(--lime);-webkit-text-stroke-color:var(--lime)}
.step p{color:var(--mute);font-size:14.5px}
.step ul{list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid var(--stroke);display:flex;flex-direction:column;gap:8px;font-size:14px;color:#D9DDE6}
.step li{display:flex;gap:10px;align-items:center}
.step li::before{content:"";width:7px;height:7px;flex:none;border-radius:2px;background:var(--lime);transform:rotate(45deg)}
@media (max-width:960px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps{grid-template-columns:1fr}.prog{display:none}.step .n{color:var(--lime);-webkit-text-stroke-color:var(--lime)}}

.quote{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px}
.quote-l{display:flex;flex-direction:column;gap:28px;justify-content:space-between;background:var(--blue);border-color:var(--blue-2)}
.quote-l .sub{color:rgba(255,255,255,.85)}
.channels{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.25)}
.channels a,.channels div{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-block:14px;border-bottom:1px solid rgba(255,255,255,.25);font-size:15px}
.channels a:hover b{color:var(--lime)}
.channels span{color:rgba(255,255,255,.7);font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.channels b{font-weight:600;overflow-wrap:anywhere;transition:color .2s}
form.brief{display:flex;flex-direction:column;gap:16px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field > label,.field > .lbl{font-size:13px;color:var(--mute);font-weight:500}
.field input,.field textarea{width:100%;background:#0A0C13;color:#fff;border:1.5px solid var(--stroke-2);border-radius:14px;padding:12px 14px;font:400 15.5px/1.4 var(--f-body);transition:border-color .2s, box-shadow .2s}
.field textarea{min-height:100px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(185,252,1,.15)}
.chips{display:flex;flex-wrap:wrap;gap:7px;position:relative}
.chips input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.chips label{font:500 13.5px/1 var(--f-display);color:#D9DDE6;padding:9px 14px;border:1.5px solid var(--stroke-2);border-radius:999px;cursor:pointer;transition:all .15s}
.chips label:hover{border-color:rgba(255,255,255,.35)}
.chips input:checked + label{background:var(--lime);color:var(--ink);border-color:var(--lime);transform:rotate(-2deg)}
.chips input:focus-visible + label{outline:2px solid var(--lime);outline-offset:2px}
.note{font-size:13px;color:var(--dim)}
.out{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:16px;border:1.5px dashed var(--lime);background:rgba(185,252,1,.05)}
.out pre{margin:0;white-space:pre-wrap;font:400 13px/1.55 var(--f-mono);color:#E6E9F0}
@media (max-width:860px){.quote{grid-template-columns:1fr}}
@media (max-width:520px){.row2{grid-template-columns:1fr}}

.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.faq-l{display:flex;flex-direction:column;gap:16px;position:sticky;top:100px}
.faq-l a{text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:4px}
.faq-list{display:flex;flex-direction:column;gap:8px}
details{background:var(--card);border:1px solid var(--stroke);border-radius:16px;transition:border-color .2s, background .2s}
details[open]{border-color:rgba(185,252,1,.4);background:rgba(255,255,255,.04)}
summary{list-style:none;cursor:pointer;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 16px/1.35 var(--f-display);letter-spacing:-.01em}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";width:28px;height:28px;flex:none;border-radius:50%;background:rgba(255,255,255,.07);display:grid;place-items:center;font:500 18px/1 var(--f-display);transition:transform .3s, background .2s, color .2s}
details[open] summary::after{transform:rotate(45deg);background:var(--lime);color:var(--ink)}
details p{padding:0 18px 18px;color:var(--mute);font-size:15px;max-width:62ch}
@media (max-width:860px){.faq{grid-template-columns:1fr}.faq-l{position:static}}

.cta{background:var(--lime);color:var(--ink);border-radius:32px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:20px;padding:clamp(30px,5vw,64px)}
.cta h2{font:400 clamp(44px,7vw,96px)/.88 var(--f-poster);text-transform:uppercase;letter-spacing:-.03em}
.cta h2 .b{color:var(--blue)}
.cta .hand{font-size:clamp(24px,2.6vw,32px);color:var(--blue);transform:rotate(-4deg);display:inline-block;align-self:flex-start}
.cta-txt{display:flex;flex-direction:column;gap:22px;position:relative;z-index:2;min-width:0}
.cta-txt .btns{display:flex;gap:10px;flex-wrap:wrap}
.cta .btn-line{border-color:var(--ink);color:var(--ink)}
.cta .btn-line:hover{background:var(--ink);color:var(--lime)}
.cta-sym{position:relative;justify-self:center;width:min(100%,300px)}
.cta-sym img{width:100%;animation:sway 6s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-10px)}}
@media (max-width:760px){.cta{grid-template-columns:1fr}.cta-sym{width:160px;justify-self:start}}

footer{padding-block:64px 28px;margin-top:40px;border-top:1px solid var(--stroke)}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.foot .logo img{height:46px}
.foot p{color:var(--mute);font-size:14px;max-width:34ch;margin-top:16px}
.foot h4{margin:0 0 14px;font:500 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--mute)}
.foot li{overflow-wrap:anywhere}
.foot a{transition:color .2s}
.foot a:hover{color:#fff}
.foot-b{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:22px;border-top:1px solid var(--stroke);font-size:13px;color:var(--dim)}
@media (max-width:760px){.foot{grid-template-columns:1fr 1fr}.foot > div:first-child{grid-column:1/-1}}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .big .ln > span{transform:none}.hero .lead,.hero-cta{opacity:1}
  .scribble path,.mark-u path{stroke-dashoffset:0}
  .studio{transform:none!important}
}

/* ===== SEO h1 do hero ===== */
.seo-h1{font:600 clamp(12.5px,1.3vw,14.5px)/1.4 var(--f-display);letter-spacing:.01em;color:#fff;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);max-width:100%;margin:0;opacity:0;animation:fade .8s .2s forwards}
.swap{animation:swap .5s cubic-bezier(.2,.8,.2,1)}
@keyframes swap{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
[data-n]{display:inline-block}
small[data-n],h3[data-n],p[data-n]{display:block}

/* ===== espelho por nicho ===== */
.niche-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:36px}
.niche-chip{font:600 14.5px/1 var(--f-display);color:#D9DDE6;padding:12px 18px;border-radius:999px;border:1.5px solid var(--stroke-2);background:transparent;cursor:pointer;transition:all .2s}
.niche-chip:hover{border-color:rgba(255,255,255,.4);color:#fff}
.niche-chip.on{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:rotate(-2deg)}
.mirror-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:28px}
.mirror-phone{padding:20px;background:linear-gradient(160deg,rgba(1,49,205,.35),rgba(255,255,255,.02) 60%);border-color:rgba(1,49,205,.6)}
.mp-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.mp-top .av{width:44px;height:44px;border-radius:50%;background:var(--blue);border:2px solid var(--lime);display:grid;place-items:center;flex:none}
.mp-top .av img{width:66%}
.mp-top b{font:700 16px/1.2 var(--f-display);display:block}
.mp-top small{color:var(--mute);font-size:12.5px}
.mp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.mp-post{aspect-ratio:4/5;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.mp-post b{font:400 clamp(11px,1vw,13px)/1.05 var(--f-poster);text-transform:uppercase;position:relative}
.mp-post.p0{background:linear-gradient(160deg,#2A55F0,#001A7A)}
.mp-post.p1{background:var(--lime);color:var(--ink)}
.mp-post.p2{background:linear-gradient(160deg,#1A1E2A,#0131CD)}
.mp-post .play{position:absolute;top:10px;right:10px;width:0;height:0;border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.mirror-ideas ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.mirror-ideas li{display:flex;gap:12px;align-items:flex-start;font:600 16px/1.35 var(--f-display)}
.mirror-ideas .pl{width:26px;height:26px;flex:none;border-radius:50%;background:var(--lime);position:relative;margin-top:-1px}
.mirror-ideas .pl::after{content:"";position:absolute;left:10px;top:8px;border-left:8px solid var(--ink);border-top:5px solid transparent;border-bottom:5px solid transparent}
.mirror-pain{display:flex;flex-direction:column;gap:14px;background:var(--blue);border-color:var(--blue-2)}
.mirror-pain h3{font-size:24px;line-height:1.15}
.mirror-pain p{color:rgba(255,255,255,.88)}
.mirror-pain .btn{align-self:flex-start;margin-top:auto}
@media (max-width:960px){.mirror-grid{grid-template-columns:1fr 1fr}.mirror-pain{grid-column:1/-1}}
@media (max-width:620px){.mirror-grid{grid-template-columns:1fr}.niche-chips{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.niche-chip{white-space:nowrap}}

select{width:100%;background:#0A0C13;color:#fff;border:1.5px solid var(--stroke-2);border-radius:14px;padding:12px 14px;font:400 15.5px/1.4 var(--f-body)}
select:focus{outline:none;border-color:var(--lime);box-shadow:0 0 0 3px rgba(185,252,1,.15)}

/* ===== páginas de nicho ===== */
.np-hero{background:var(--blue);margin-top:-67px;padding-top:calc(67px + clamp(40px,6vw,80px));padding-bottom:clamp(56px,7vw,96px);position:relative;overflow:hidden}
.np-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 95%);mask-image:linear-gradient(to bottom,#000 30%,transparent 95%);pointer-events:none}
.np-hero .wrap{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(28px,5vw,64px);align-items:center}
.np-txt{display:flex;flex-direction:column;gap:20px;min-width:0}
.crumbs{font:500 12px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.75);display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{color:#fff;text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.np-hero h1{font:400 clamp(36px,5.4vw,72px)/.95 var(--f-poster);text-transform:uppercase;letter-spacing:-.02em}
.np-hero h1 .lime{color:var(--lime)}
.np-hero .lead{color:rgba(255,255,255,.9);font-size:clamp(16px,1.5vw,19px);max-width:52ch}
.np-hero .hand{font-size:clamp(20px,2.2vw,26px);color:var(--lime);transform:rotate(-4deg);display:inline-block;align-self:flex-start}
.np-phone{border-radius:30px;border:1px solid rgba(255,255,255,.3);background:#07080D;padding:18px 14px 22px;box-shadow:0 40px 80px rgba(0,10,60,.45);transform:rotate(3deg);max-width:340px;justify-self:center;width:100%;animation:bob 6s ease-in-out infinite}
.np-phone .mp-grid{grid-template-columns:1fr 1fr 1fr}
.np-phone .mp-cap{margin-top:14px;font-size:13px;color:var(--mute)}
.np-phone .mp-cap b{color:#fff}
@media (max-width:860px){.np-hero .wrap{grid-template-columns:1fr}.np-phone{transform:none;animation:none}}
.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
.pain{padding:26px;display:flex;flex-direction:column;gap:10px}
.pain .x{width:36px;height:36px;border-radius:50%;background:rgba(255,59,48,.15);color:#FF6B5E;display:grid;place-items:center;font:700 18px/1 var(--f-display)}
.pain p{color:var(--mute);font-size:15px}
.gives{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
.give{padding:26px;display:flex;flex-direction:column;gap:10px}
.give .ok{width:36px;height:36px;border-radius:12px;background:var(--lime);color:var(--ink);display:grid;place-items:center}
.give .ok svg{width:18px;height:18px}
.give p{color:var(--mute);font-size:15px}
.ideas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.idea{aspect-ratio:9/13;border-radius:var(--r);padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:linear-gradient(170deg,#1A1E2A,#0131CD)}
.idea:nth-child(2){background:var(--lime);color:var(--ink)}
.idea:nth-child(3){background:linear-gradient(170deg,#2A55F0,#001A7A)}
.idea:nth-child(4){background:#fff;color:var(--blue)}
.idea .tag{align-self:flex-start;border-color:currentColor;color:inherit}
.idea b{font:400 clamp(18px,1.8vw,24px)/1 var(--f-poster);text-transform:uppercase}
.idea .pl{width:52px;height:52px;border-radius:50%;background:#fff;align-self:center;position:relative}
.idea .pl::after{content:"";position:absolute;left:21px;top:17px;border-left:14px solid var(--blue);border-top:9px solid transparent;border-bottom:9px solid transparent}
.idea:nth-child(2) .pl{background:var(--ink)}.idea:nth-child(2) .pl::after{border-left-color:var(--lime)}
.idea:nth-child(4) .pl{background:var(--blue)}.idea:nth-child(4) .pl::after{border-left-color:#fff}
@media (max-width:960px){.pains,.gives{grid-template-columns:1fr 1fr}.ideas{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.pains,.gives{grid-template-columns:1fr}}
.np-ai{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center}
@media (max-width:860px){.np-ai{grid-template-columns:1fr}}
.other-n{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:28px}
.other-n a{font:600 14px/1 var(--f-display);padding:11px 16px;border-radius:999px;border:1.5px solid var(--stroke-2);transition:all .2s}
.other-n a:hover{background:var(--lime);border-color:var(--lime);color:var(--ink)}

/* rodapé: área de atendimento e nichos */
.foot-area{margin-top:40px;padding:22px;border-radius:18px;border:1px solid var(--stroke);display:flex;gap:16px 40px;flex-wrap:wrap;font-size:14px;color:var(--mute)}
.foot-area b{color:#fff;font-weight:600}
.foot-niches{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:22px;font-size:13.5px;color:var(--mute)}
.foot-niches a:hover{color:var(--lime)}

/* ===== páginas internas: hero menor, artigo, guias ===== */
.sm-hero .wrap{grid-template-columns:1fr}
.sm-hero h1{font-size:clamp(34px,5vw,64px);max-width:20ch}
.sm-hero .lead{max-width:62ch}
.byline{font-size:14px;color:rgba(255,255,255,.85)}
.byline a{text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.article{max-width:780px;display:flex;flex-direction:column;gap:18px;font-size:17.5px;line-height:1.7;color:#DCE0E8}
.article h2{font-size:clamp(26px,3vw,34px);margin-top:22px;color:#fff;scroll-margin-top:90px}
.article ul,.article ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.article b{color:#fff}
.article a{text-decoration:underline;text-decoration-color:var(--lime);text-underline-offset:3px}
.answer{border-radius:20px;padding:22px 24px;background:var(--blue);display:flex;flex-direction:column;gap:10px;color:#fff;font-size:17.5px}
.answer .kicker{color:var(--lime)}
.toc{border:1px solid var(--stroke);border-radius:18px;padding:18px 22px;font-size:15px}
.toc b{font-family:var(--f-display)}
.toc ol{margin-top:8px}
.toc a{text-decoration:none;color:#C9CEDA}
.toc a:hover{color:var(--lime)}
.art-cta{margin-top:24px;border-radius:20px;padding:24px;background:var(--card);border:1px solid rgba(185,252,1,.35);display:flex;flex-direction:column;gap:10px}
.art-cta b{font:700 20px/1.2 var(--f-display)}
.art-cta .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.art-cta .btn{text-decoration:none}
.guide-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.guide-card{padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.guide-card h3{font-size:21px}
.guide-card p{color:var(--mute);font-size:14.5px}
.guide-card .go{margin-top:auto;font:700 14px/1 var(--f-display);color:var(--lime)}
@media (max-width:960px){.guide-list{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.guide-list{grid-template-columns:1fr}}
#servicos .other-n{margin-top:6px}

/* ===== mapa "onde você está" ===== */
.geo{position:relative;overflow:hidden;min-height:620px;padding-block:clamp(64px,8vw,104px);background:radial-gradient(ellipse at 70% 50%,rgba(1,49,205,.22),transparent 60%),var(--ink)}
.geo-map{position:absolute;inset:0}
.geo-map svg{width:100%;height:100%;display:block}
.mp-country{fill:#0D1019;stroke:#1C2233;stroke-width:1}
.mp-uf{fill:#0A1236;stroke:#2A55F0;stroke-opacity:.55;stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .6s}
.mp-uf.base{fill:#122a8c}
.mp-uf.on{fill:var(--blue);stroke:#fff;stroke-opacity:.9}
.mp-uf.base.on{fill:#1d44e6}
.mp-raio{fill:rgba(185,252,1,.12);stroke:var(--lime);stroke-dasharray:4 5;vector-effect:non-scaling-stroke}
.mp-rota{fill:none;stroke:var(--lime);stroke-linecap:round;stroke-dasharray:6 8;animation:rota 1.2s linear infinite}
@keyframes rota{to{stroke-dashoffset:-28}}
.mp-base{fill:var(--lime);stroke:var(--ink);vector-effect:non-scaling-stroke;stroke-width:2}
.mp-voce{fill:#fff}
.mp-ping{fill:none;stroke:#fff;vector-effect:non-scaling-stroke;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:ping 1.8s ease-out infinite}
@keyframes ping{from{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}
.mp-lbl{fill:#fff;font-family:var(--f-display);font-weight:700;paint-order:stroke;stroke:var(--ink);stroke-width:.25em;stroke-linejoin:round}
.mp-lbl-base{fill:var(--lime)}
.geo-in{position:relative;z-index:2;pointer-events:none}
.geo-card{pointer-events:auto;max-width:520px;display:flex;flex-direction:column;gap:18px;padding:clamp(24px,3vw,36px);border-radius:var(--r);background:rgba(6,7,12,.78);border:1px solid var(--stroke-2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.geo-card h2{font-size:clamp(30px,4vw,48px)}
.geo-stats{display:flex;gap:28px;flex-wrap:wrap}
.geo-stats div{display:flex;flex-direction:column;gap:2px}
.geo-stats strong{font:800 26px/1.1 var(--f-display);letter-spacing:-.02em;color:var(--lime)}
.geo-stats span{font-size:13px;color:var(--mute)}
.geo-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.geo-pick{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute)}
.geo-pick select{width:auto;padding:10px 12px;font-size:14px;border-radius:999px}
.geo-note{font-size:12px;color:var(--dim)}
@media (max-width:900px){
  .geo{min-height:0;padding-top:0}
  .geo-map{position:relative;height:360px;inset:auto}
  .geo-card{max-width:none;margin-top:-40px}
}
@media (prefers-reduced-motion: reduce){.mp-rota,.mp-ping{animation:none}}

/* botão de GPS no mapa */
.gps-pop{position:absolute;z-index:3;right:max(16px,env(safe-area-inset-right,0px));bottom:18px;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(6,7,12,.85);border:1px solid rgba(185,252,1,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px rgba(0,0,0,.4);animation:gpsin .5s cubic-bezier(.2,.8,.2,1)}
@keyframes gpsin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.gps-btn{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border:0;border-radius:999px;background:transparent;color:#fff;font:600 13px/1.1 var(--f-display);cursor:pointer;text-align:left}
.gps-btn svg{width:26px;height:26px;padding:4px;border-radius:50%;background:var(--lime);color:var(--ink);flex:none}
.gps-btn small{display:block;font:500 11px/1.2 var(--f-body);color:var(--mute)}
.gps-btn:hover svg{animation:spin 2s linear infinite}
.gps-btn:disabled{opacity:.8;cursor:progress}
.gps-x{width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.08);color:#fff;font-size:16px;line-height:1;cursor:pointer}
@media (max-width:900px){.gps-pop{top:254px;bottom:auto}}