/* Stenio Galvão WebDesign — site.css
   Tokens do brand book aprovado (27/10/2026): dark do site atual, títulos 300 prata sólido,
   limão só em luz e destaque, sem itálico, sem degradê em texto. */
:root{
  --brand:#D4F83A; --brand-2:#BAF232; --brand-ink:#0A0A0B;
  --paper:#FFFFFF; --paper-2:#F4F4F5;
  --ink:#0A0A0B; --ink-2:rgb(10 10 11 / .70); --ink-3:rgb(10 10 11 / .56); --line:rgb(10 10 11 / .10);
  --dark:#040404; --dark-2:#121212; --dark-3:#1A1A1A; --dark-line:rgb(255 255 255 / .08);
  --on-dark:#F4F4F5; --on-dark-2:#A1A1AA; --silver:#D4D4D8; --graphite:#27272A;
  --font:'Mona Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r-sm:10px; --r-md:18px; --r-lg:28px; --r-pill:999px;
  --pad:clamp(1.25rem, .8rem + 2.5vw, 4rem);
  --sec:clamp(4.5rem, 3rem + 6vw, 9rem);
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font);font-weight:400;font-size:1.0625rem;line-height:1.6;background:var(--dark);color:var(--on-dark);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
.wrap{max-width:1200px;margin-inline:auto;padding-inline:var(--pad)}
.wrap--narrow{max-width:880px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- tipografia ---------- */
h1,h2,h3,h4{font-weight:300;color:var(--silver);letter-spacing:-.03em;line-height:1.06;text-wrap:balance}
h1{font-size:clamp(2.6rem, 1.3rem + 5.4vw, 5.5rem);line-height:1.02}
h2{font-size:clamp(2rem, 1.3rem + 2.8vw, 3.6rem)}
h3{font-size:clamp(1.125rem, 1rem + .5vw, 1.375rem);font-weight:500;letter-spacing:-.01em;color:var(--on-dark);line-height:1.25}
p{color:var(--on-dark-2);text-wrap:pretty}
.lead{font-size:clamp(1.0625rem, 1rem + .3vw, 1.25rem);max-width:56ch}
.hl{color:var(--brand)}
.kick{display:inline-flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-2);margin-bottom:1.25rem}
.head{max-width:760px;margin-bottom:clamp(2.5rem, 2rem + 2vw, 4rem)}
.head--c{margin-inline:auto;text-align:center}
.head--c .lead{margin-inline:auto}
.head p{margin-top:1rem}

/* ---------- seções dark: atmosfera do site atual ---------- */
.sec{position:relative;overflow:hidden;isolation:isolate;padding-block:var(--sec);background-color:var(--dark);background-image:radial-gradient(rgb(255 255 255 / .07) .7px,transparent 1px);background-size:6px 6px}
.sec>.wrap{position:relative;z-index:1}
.glow{position:absolute;z-index:0;width:62vw;height:62vw;max-width:860px;max-height:860px;border-radius:50%;background:radial-gradient(closest-side,rgb(186 242 50 / .15),rgb(186 242 50 / .045) 55%,transparent);pointer-events:none}
.mark{position:absolute;z-index:0;width:auto;max-width:none;mix-blend-mode:screen;pointer-events:none;opacity:.9;--mx:100%;-webkit-mask-image:radial-gradient(ellipse 120% 55% at var(--mx) 50%,#000 55%,transparent 80%);mask-image:radial-gradient(ellipse 120% 55% at var(--mx) 50%,#000 55%,transparent 80%)}
.mark--l{--mx:0%}
.sec-line{position:relative;z-index:2;height:1px;background:linear-gradient(90deg,transparent,rgb(186 242 50 / .5) 30%,rgb(186 242 50 / .5) 70%,transparent)}
.sec-line i{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:#0c0c0c;border:1px solid rgb(186 242 50 / .35);box-shadow:0 0 24px rgb(186 242 50 / .25);display:grid;place-items:center}
.sec-line i img{width:20px}

/* ---------- seções white ---------- */
.sec.white{background:var(--paper);background-image:none;color:var(--ink)}
.sec.white.soft{background:var(--paper-2)}
.white h1,.white h2{color:var(--graphite)}
.white h3{color:var(--ink)}
.white p{color:var(--ink-2)}
.white .kick{color:var(--ink-3)}
.white .hl{color:var(--ink);background:linear-gradient(transparent 58%,var(--brand) 58%,var(--brand) 92%,transparent 92%);padding-inline:.08em}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;font:500 .98rem/1 var(--font);border-radius:14px;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .3s,background .2s,border-color .2s}
.btn:active{transform:scale(.98)}
.btn--p{background:linear-gradient(180deg,#EDFF8A 0%,#D4F83A 45%,#9FD11A 100%);color:var(--brand-ink);padding:.45rem .45rem .45rem 1.45rem;border:1px solid #8DBA12;box-shadow:inset 0 1px 0 rgb(255 255 255 / .55),inset 0 -2px 0 rgb(0 0 0 / .12),0 10px 30px -10px rgb(212 248 58 / .5)}
.btn--p .arr{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:9px;background:var(--brand-ink);color:var(--brand);transition:transform .3s var(--ease)}
.btn--p .arr svg{width:18px;height:18px}
.btn--p:hover{box-shadow:inset 0 1px 0 rgb(255 255 255 / .55),inset 0 -2px 0 rgb(0 0 0 / .12),0 16px 44px -8px rgb(212 248 58 / .65)}
.btn--p:hover .arr{transform:translateX(3px)}
.btn--g{border:1px solid rgb(255 255 255 / .16);color:var(--on-dark);padding:1.05rem 1.45rem;background:rgb(255 255 255 / .02)}
.btn--g:hover{background:rgb(255 255 255 / .07);border-color:rgb(255 255 255 / .28)}
.white .btn--g{border-color:var(--line);color:var(--ink);background:#fff}
.white .btn--g:hover{border-color:rgb(10 10 11 / .3)}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}

/* ---------- chips ---------- */
.chip{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem;border-radius:var(--r-pill);border:1px solid var(--dark-line);font-size:.8125rem;color:var(--on-dark-2);background:rgb(255 255 255 / .03)}
.chip--dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 10px var(--brand);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.45}}
.white .chip{border-color:var(--line);color:var(--ink-2);background:#fff}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:50;padding:1rem var(--pad);transition:padding .4s var(--ease)}
.hdr__in{max-width:1200px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem .55rem .55rem 1rem;border:1px solid transparent;border-radius:var(--r-pill);transition:background .4s,border-color .4s,backdrop-filter .4s}
.hdr.is-scrolled .hdr__in{background:rgb(10 10 10 / .72);border-color:var(--dark-line);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
.logo{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;letter-spacing:-.01em;color:var(--on-dark)}
.logo img{width:30px;height:auto}
.logo b{font-weight:600}.logo span{font-weight:300;color:var(--on-dark-2)}
.nav{display:flex;align-items:center;gap:.25rem}
.nav>a,.nav>.dd>button{padding:.6rem .85rem;border-radius:var(--r-pill);font-size:.92rem;color:var(--on-dark-2);transition:color .2s,background .2s;display:inline-flex;align-items:center;gap:.3rem}
.nav>a:hover,.nav>.dd>button:hover,.nav a[aria-current=page],.dd.is-cur>button{color:var(--on-dark);background:rgb(255 255 255 / .05)}
.dd{position:relative}
.dd>button svg{width:14px;transition:transform .3s var(--ease)}
.dd__menu{position:absolute;top:calc(100% + .6rem);left:50%;translate:-50% 0;width:min(560px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.6rem;background:rgb(14 14 14 / .96);border:1px solid var(--dark-line);border-radius:var(--r-md);box-shadow:0 30px 80px -20px rgb(0 0 0 / .8);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .35s var(--ease),visibility .25s;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dd:hover .dd__menu,.dd.is-open .dd__menu{opacity:1;visibility:visible;transform:none}
.dd:hover>button svg,.dd.is-open>button svg{transform:rotate(180deg)}
.dd__menu a{display:flex;gap:.8rem;align-items:flex-start;padding:.75rem .8rem;border-radius:12px;transition:background .2s}
.dd__menu a:hover{background:rgb(255 255 255 / .05)}
.dd__menu a .i{flex:0 0 34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgb(212 248 58 / .1);color:var(--brand);border:1px solid rgb(212 248 58 / .2)}
.dd__menu a .i svg{width:17px}
.dd__menu b{display:block;font-weight:500;font-size:.92rem;color:var(--on-dark)}
.dd__menu small{display:block;font-size:.8rem;color:var(--on-dark-2);line-height:1.4;margin-top:.1rem}
.dd__all{grid-column:1/-1;justify-content:center;font-size:.85rem;color:var(--on-dark-2)!important;border-top:1px solid var(--dark-line);border-radius:0 0 10px 10px!important;margin-top:.2rem}
.hdr__cta{display:flex;align-items:center;gap:.5rem}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--dark-line);place-items:center}
.burger span{display:block;width:18px;height:1.5px;background:var(--on-dark);position:relative;transition:transform .3s var(--ease)}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:100%;height:100%;background:inherit;transition:transform .3s var(--ease)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{transform:translateY(6px) rotate(45deg);background:var(--on-dark)}
.menu-open .burger span::after{transform:translateY(-6px) rotate(-45deg);background:var(--on-dark)}
.mnav{position:fixed;inset:0;z-index:45;background:rgb(4 4 4 / .97);padding:6.5rem var(--pad) 2rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.menu-open .mnav{opacity:1;visibility:visible}
.mnav a{font-size:1.6rem;font-weight:300;color:var(--silver);padding:.4rem 0;letter-spacing:-.02em}
.mnav .sub{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1rem;padding:.2rem 0 .8rem}
.mnav .sub a{font-size:1rem;color:var(--on-dark-2)}
.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:40;display:none}

/* ---------- cards ---------- */
.card{position:relative;background:linear-gradient(180deg,#151515,#0B0B0B);box-shadow:inset 0 1px 0 rgb(255 255 255 / .05);border:1px solid var(--dark-line);border-radius:var(--r-lg);padding:clamp(1.4rem, 1rem + 1vw, 2rem);overflow:hidden;transition:border-color .3s,transform .4s var(--ease)}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%) var(--my,-20%),rgb(212 248 58 / .07),transparent 60%);opacity:0;transition:opacity .4s}
.card:hover::after{opacity:1}
.card:hover{border-color:rgb(255 255 255 / .13)}
.card h3{margin-bottom:.45rem}
.card p{font-size:.95rem}
.white .card{background:var(--paper-2);border-color:var(--line);box-shadow:none}
.white .card--ink{background:linear-gradient(180deg,#151515,#0B0B0B);border-color:transparent}
.white .card--ink h3{color:var(--on-dark)}.white .card--ink p{color:var(--on-dark-2)}

.grid{display:grid;gap:1.25rem}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}

/* ---------- hero ---------- */
.hero{padding-top:clamp(8rem, 6rem + 6vw, 11rem);padding-bottom:0}
.hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:center}
.hero h1{margin-block:1.4rem 1.4rem}
.hero .lead{margin-bottom:2.25rem}
.stats{display:flex;flex-wrap:wrap;gap:clamp(1.5rem, 1rem + 2vw, 3rem);margin-top:2.75rem;padding-top:1.75rem;border-top:1px solid var(--dark-line)}
.stat b{display:block;font-size:clamp(1.75rem, 1.4rem + 1.2vw, 2.4rem);font-weight:300;color:var(--silver);letter-spacing:-.03em;line-height:1}
.stat span{font-size:.85rem;color:var(--on-dark-2)}
.portrait{position:relative;max-width:440px;margin-inline:auto;width:100%}
.portrait__img{position:relative;z-index:1;border-radius:var(--r-lg) var(--r-lg) var(--r-lg) 120px;overflow:hidden;aspect-ratio:493/612;box-shadow:0 40px 100px -40px rgb(186 242 50 / .45)}
.portrait__img img{width:100%;height:100%;object-fit:cover}
.portrait::before{content:"";position:absolute;inset:8% -12% -6%;background:radial-gradient(closest-side,rgb(186 242 50 / .28),transparent);filter:blur(30px);z-index:0}
.seal{position:absolute;z-index:2;left:-38px;bottom:28px;width:118px;height:118px;border-radius:50%;background:#0b0b0b;border:1px solid var(--dark-line);display:grid;place-items:center;box-shadow:0 20px 50px -20px #000}
.seal svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 20s linear infinite}
.seal text{font-size:9.6px;letter-spacing:2.6px;fill:var(--on-dark-2);text-transform:uppercase;font-weight:500}
.seal img{width:34px}
@keyframes spin{to{transform:rotate(360deg)}}
.tag-float{position:absolute;z-index:2;right:-18px;top:14%;display:flex;align-items:center;gap:.6rem;padding:.65rem .9rem;border-radius:14px;background:rgb(16 16 16 / .9);border:1px solid var(--dark-line);font-size:.8rem;color:var(--on-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px -20px #000;animation:bob 6s ease-in-out infinite}
.tag-float i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgb(37 211 102 / .15);color:#25D366}
.tag-float i svg{width:16px}
.tag-float small{display:block;color:var(--on-dark-2);font-size:.72rem}
@keyframes bob{50%{transform:translateY(-8px)}}

/* esteira de sites */
.belt{position:relative;margin-top:clamp(4rem, 3rem + 4vw, 7rem);padding-bottom:var(--sec);display:grid;gap:1.1rem;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.belt__row{display:flex;gap:1.1rem;width:max-content;animation:belt 70s linear infinite}
.belt__row--r{animation-direction:reverse;animation-duration:80s}
.belt:hover .belt__row{animation-play-state:paused}
@keyframes belt{to{transform:translateX(-50%)}}
.shot{flex:0 0 auto;width:clamp(240px, 18vw + 120px, 360px);border-radius:14px;overflow:hidden;background:#0e0e0e;border:1px solid var(--dark-line);box-shadow:0 24px 60px -30px #000;transition:transform .5s var(--ease),border-color .3s}
.shot:hover{transform:translateY(-6px);border-color:rgb(212 248 58 / .35)}
.shot__bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#161616;border-bottom:1px solid var(--dark-line)}
.shot__bar i{width:7px;height:7px;border-radius:50%;background:#2c2c2c}
.shot__bar span{margin-left:8px;font-size:.66rem;color:var(--on-dark-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shot img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}

/* ---------- marquee de marcas ---------- */
.logos{padding-block:clamp(3rem, 2rem + 3vw, 5rem)}
.logos p{text-align:center;font-size:.85rem;margin-bottom:2rem}
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marq__t{display:flex;align-items:center;gap:clamp(2.5rem, 2rem + 3vw, 5rem);width:max-content;animation:belt 45s linear infinite}
.marq__t span{font-size:clamp(1.1rem, 1rem + .6vw, 1.5rem);font-weight:500;letter-spacing:-.02em;color:rgb(244 244 245 / .38);white-space:nowrap;transition:color .3s}
.marq__t span:hover{color:var(--on-dark)}
.marq__t span em{font-style:normal;font-weight:300}

/* ---------- bento ---------- */
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(150px,auto);gap:1.25rem}
.bento>.card{display:flex;flex-direction:column}
.b-a{grid-column:span 3;grid-row:span 2}.b-b{grid-column:span 3;grid-row:span 2}
.b-c{grid-column:span 2;grid-row:span 2}.b-d{grid-column:span 2;grid-row:span 2}.b-e{grid-column:span 2;grid-row:span 2}
.b-f{grid-column:span 4;grid-row:span 1}.b-g{grid-column:span 2;grid-row:span 1}
.viz{flex:1;display:grid;place-items:center;min-height:190px;margin-bottom:1.5rem;position:relative}
.tile{background:linear-gradient(180deg,#E4FF6E,#D4F83A 50%,#B5E52A);color:var(--brand-ink);border:0!important;justify-content:space-between}
.tile h3,.tile p{color:var(--brand-ink)!important}
.tile p{opacity:.75}
.tile .big{width:56px;height:56px;transition:transform .5s var(--ease)}
.tile:hover .big{transform:translate(6px,-6px)}
.tile::after{display:none}

/* UI: WhatsApp */
.wa{width:100%;max-width:340px;display:grid;gap:.55rem;font-size:.82rem}
.wa__head{display:flex;align-items:center;gap:.6rem;padding-bottom:.6rem;border-bottom:1px solid var(--dark-line);margin-bottom:.2rem}
.wa__head i{width:32px;height:32px;border-radius:50%;background:#1d1d1d;display:grid;place-items:center;overflow:hidden}
.wa__head i img{width:100%;height:100%;object-fit:cover}
.wa__head b{font-weight:500;font-size:.85rem;color:var(--on-dark)}
.wa__head small{display:block;color:#25D366;font-size:.7rem}
.msg{max-width:82%;padding:.55rem .75rem;border-radius:12px;line-height:1.4;color:var(--on-dark);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .6s var(--ease)}
.msg small{display:block;text-align:right;font-size:.62rem;color:rgb(244 244 245 / .5);margin-top:.15rem}
.msg--in{background:#1c1c1c;justify-self:start;border-top-left-radius:4px}
.msg--out{background:#0f3d2a;justify-self:end;border-top-right-radius:4px}
.is-in .msg{opacity:1;transform:none}
.is-in .msg:nth-child(3){transition-delay:.5s}.is-in .msg:nth-child(4){transition-delay:1.1s}.is-in .msg:nth-child(5){transition-delay:1.7s}

/* UI: gráfico */
.chart{width:100%;position:relative}
.chart svg{width:100%;height:auto;overflow:visible}
.chart .ln{stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.4s var(--ease)}
.is-in .chart .ln{stroke-dashoffset:0}
.chart .lbl{position:absolute;top:0;right:0;display:flex;gap:.45rem;align-items:center;padding:.4rem .7rem;border-radius:9px;background:#141414;border:1px solid var(--dark-line);font-size:.75rem;color:var(--on-dark)}

/* UI: notificações */
.notes{width:100%;max-width:300px;display:grid;gap:.6rem}
.note{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:12px;background:#161616;border:1px solid var(--dark-line);font-size:.78rem;opacity:0;transform:translateY(-10px) scale(.97);transition:opacity .5s,transform .6s var(--ease)}
.note i{flex:0 0 30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink)}
.note i svg{width:15px}
.note b{display:block;font-weight:500;color:var(--on-dark)}
.note small{color:var(--on-dark-2)}
.note:nth-child(2){opacity:.6}.note:nth-child(3){opacity:.3}
.is-in .note{opacity:1;transform:none}
.is-in .note:nth-child(2){opacity:.65;transition-delay:.25s}.is-in .note:nth-child(3){opacity:.35;transition-delay:.5s}

/* UI: gauge */
.gauge{position:relative;width:190px}
.gauge svg{width:100%}
.gauge .arc{stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 2s var(--ease)}
.is-in .gauge .arc{stroke-dashoffset:3}
.gauge b{position:absolute;left:0;right:0;bottom:6px;text-align:center;font-size:2.6rem;font-weight:300;color:var(--on-dark);letter-spacing:-.04em}
/* UI: ícone com cruz de luz */
.ico{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:160px}
.ico::before,.ico::after{content:"";position:absolute;background:linear-gradient(90deg,transparent,rgb(186 242 50 / .6),transparent)}
.ico::before{left:12%;right:12%;top:50%;height:1px}
.ico::after{top:6%;bottom:6%;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgb(186 242 50 / .6),transparent)}
.ico b{position:relative;z-index:1;width:52px;height:52px;border-radius:12px;background:var(--brand);color:var(--brand-ink);display:grid;place-items:center;box-shadow:0 0 34px rgb(212 248 58 / .5)}
.ico b svg{width:24px}

/* ---------- serviços (white) ---------- */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.svc a{position:relative;display:flex;flex-direction:column;gap:.8rem;padding:clamp(1.5rem, 1rem + 1.5vw, 2.5rem) clamp(1.25rem, 1rem + 1vw, 2rem);border-bottom:1px solid var(--line);transition:background .3s}
.svc a:not(:nth-child(3n)){border-right:1px solid var(--line)}
.svc a:hover{background:var(--paper-2)}
.svc .i{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--brand);margin-bottom:.6rem;transition:transform .4s var(--ease)}
.svc a:hover .i{transform:rotate(-8deg) scale(1.06)}
.svc .i svg{width:22px}
.svc p{font-size:.95rem}
.svc .go{margin-top:auto;padding-top:.6rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;color:var(--ink)}
.svc .go svg{width:16px;transition:transform .3s var(--ease)}
.svc a:hover .go svg{transform:translateX(4px)}

/* ---------- monte seu site ---------- */
.sim{position:relative;margin-top:clamp(3rem, 2rem + 3vw, 5rem);border-radius:var(--r-lg);background:linear-gradient(180deg,#141414,#080808);color:var(--on-dark);padding:clamp(1.5rem, 1rem + 2vw, 3rem);display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem, 1rem + 2vw, 3rem);box-shadow:0 40px 100px -40px rgb(160 210 30 / .55);overflow:hidden}
.sim::before{content:"";position:absolute;inset:auto -10% -60% -10%;height:80%;background:radial-gradient(closest-side,rgb(186 242 50 / .18),transparent);pointer-events:none}
.sim h3{color:var(--on-dark)}
.sim .step{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-2);margin:0 0 .8rem}
.opts{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}
.opt{padding:.6rem 1rem;border-radius:var(--r-pill);border:1px solid var(--dark-line);font-size:.88rem;color:var(--on-dark-2);background:rgb(255 255 255 / .03);transition:all .25s}
.opt:hover{color:var(--on-dark);border-color:rgb(255 255 255 / .2)}
.opt[aria-pressed=true]{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:500}
.res{position:relative;z-index:1;border-radius:var(--r-md);background:#0c0c0c;border:1px solid var(--dark-line);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.res__t{font-size:clamp(1.35rem, 1.1rem + 1vw, 1.9rem);font-weight:300;color:var(--silver);letter-spacing:-.02em;line-height:1.15}
.res ul{list-style:none;display:grid;gap:.45rem;font-size:.9rem;color:var(--on-dark-2)}
.res li{display:flex;gap:.55rem;align-items:flex-start}
.res li svg{flex:0 0 16px;width:16px;color:var(--brand);margin-top:.25rem}
.res__ex{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.res__ex img{border-radius:8px;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--dark-line)}
.fade{transition:opacity .2s}.fade.is-out{opacity:0}

/* ---------- tecnologia ---------- */
.tech{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:start}
.tabs{border-top:1px solid var(--dark-line)}
.tab{width:100%;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;text-align:left;padding:1.35rem 0;border-bottom:1px solid var(--dark-line);transition:color .3s}
.tab .n{font-size:.8rem;color:var(--on-dark-2);font-variant-numeric:tabular-nums}
.tab b{display:block;font-size:clamp(1.15rem, 1rem + .7vw, 1.6rem);font-weight:300;color:var(--on-dark-2);letter-spacing:-.02em;transition:color .3s}
.tab small{display:block;font-size:.85rem;color:rgb(161 161 170 / .75);margin-top:.15rem}
.tab .dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--dark-line);transition:all .3s}
.tab[aria-selected=true] b,.tab:hover b{color:var(--silver)}
.tab[aria-selected=true] .dot{background:var(--brand);border-color:var(--brand);box-shadow:0 0 12px var(--brand)}
.tab[aria-selected=true] .n{color:var(--brand)}
.panel{position:sticky;top:7rem}
.panel>div{display:none}
.panel>div.is-on{display:block;animation:rise .6s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(14px)}}
.panel .card{padding:0}
.panel .viz{margin:0;min-height:300px;padding:1.5rem;border-bottom:1px solid var(--dark-line)}
.panel .txt{padding:1.5rem}
.stack-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}
.mock{width:100%;border-radius:12px;background:#0d0d0d;border:1px solid var(--dark-line);overflow:hidden;font-size:.72rem;color:var(--on-dark-2)}
.mock__bar{display:flex;gap:5px;padding:8px 10px;border-bottom:1px solid var(--dark-line);background:#151515}
.mock__bar i{width:7px;height:7px;border-radius:50%;background:#2c2c2c}
.mock__body{display:grid;grid-template-columns:110px 1fr;min-height:220px}
.mock__side{border-right:1px solid var(--dark-line);padding:10px;display:grid;gap:6px;align-content:start}
.mock__side span{height:22px;border-radius:6px;background:#1a1a1a}
.mock__side span.on{background:rgb(212 248 58 / .15);border:1px solid rgb(212 248 58 / .3)}
.mock__main{padding:14px;display:grid;gap:8px;align-content:start}
.mock__main .ln{height:9px;border-radius:5px;background:#1e1e1e}
.mock__main .blk{height:70px;border-radius:8px;background:#161616;border:1px dashed rgb(212 248 58 / .35);display:grid;place-items:center;color:var(--brand);font-size:.7rem}
.code{font:.8rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:14px 16px;color:#c9c9cf;white-space:pre;overflow:hidden}
.code .k{color:var(--brand)}.code .s{color:#8be9a8}.code .c{color:#5a5a62}
.speed{display:flex;gap:1rem;justify-content:center;width:100%}
.speed div{flex:1;max-width:120px;text-align:center}
.speed b{display:block;font-size:2rem;font-weight:300;color:var(--on-dark)}
.speed small{font-size:.72rem}
.ai{width:100%;max-width:340px;display:grid;gap:.6rem;font-size:.82rem}
.ai .msg{opacity:1;transform:none}
.ai .msg--ai{background:#161616;border:1px solid rgb(212 248 58 / .2);justify-self:start}

/* ---------- portfólio ---------- */
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.pcard{display:block;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(180deg,#151515,#0B0B0B);border:1px solid var(--dark-line);transition:transform .5s var(--ease),border-color .3s,box-shadow .5s}
.pcard:hover{transform:translateY(-6px);border-color:rgb(212 248 58 / .3);box-shadow:0 30px 70px -30px rgb(186 242 50 / .3)}
.pcard__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#0e0e0e}
.pcard__img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s var(--ease),object-position 3s ease}
.pcard:hover .pcard__img img{transform:scale(1.04)}
.pcard__go{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--brand-ink);transform:scale(.6);opacity:0;transition:all .35s var(--ease)}
.pcard__go svg{width:17px}
.pcard:hover .pcard__go{transform:none;opacity:1}
.pcard__m{padding:1rem 1.1rem 1.15rem;display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.pcard__m b{font-weight:500;font-size:.98rem;color:var(--on-dark)}
.pcard__m small{display:block;font-size:.8rem;color:var(--on-dark-2);margin-top:.15rem}
.pcard__m em{font-style:normal;font-size:.72rem;color:var(--brand);white-space:nowrap}
.pcard.is-hidden{display:none}
.more{display:flex;justify-content:center;margin-top:2.5rem}

/* ---------- depoimentos ---------- */
.tgrid{columns:3;column-gap:1.25rem}
.tgrid .card{break-inside:avoid;margin-bottom:1.25rem}
.tq{font-size:1.1rem;font-weight:500;color:var(--on-dark);margin:1.1rem 0 .6rem;letter-spacing:-.01em}
.who{display:flex;align-items:center;gap:.75rem}
.av{flex:0 0 42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:.85rem;font-weight:500;color:var(--brand-ink);background:linear-gradient(135deg,#EDFF8A,#9FD11A)}
.who b{display:block;font-weight:500;font-size:.92rem;color:var(--on-dark)}
.who small{font-size:.78rem;color:var(--on-dark-2)}
.stars{margin-left:auto;display:flex;gap:2px;color:var(--brand)}
.stars svg{width:13px}
.proof{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.5rem}
.proof b{font-size:clamp(2.5rem, 2rem + 2vw, 4rem);font-weight:300;color:var(--silver);letter-spacing:-.04em;line-height:1}
.wpps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem}
.wpps figure{border-radius:16px;overflow:hidden;border:1px solid var(--dark-line);background:#0c0c0c;padding:6px}
.wpps img{border-radius:11px;width:100%}

/* ---------- processo (white) ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.stp{padding:2rem clamp(1rem, .5rem + 1.5vw, 2rem) 2.25rem;border-bottom:1px solid var(--line)}
.stp:not(:nth-child(3n)){border-right:1px solid var(--line)}
.stp .n{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}
.stp .n span{font-size:.8rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.ring{width:46px;height:46px;position:relative;display:grid;place-items:center;color:var(--ink)}
.ring svg.r{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.ring circle.p{stroke-dasharray:138;stroke-dashoffset:138;transition:stroke-dashoffset 1.4s var(--ease)}
.is-in .ring circle.p{stroke-dashoffset:0}
.ring .ic{width:18px}
.stp h3{margin-bottom:.5rem}
.stp p{font-size:.93rem}

/* ---------- CTA + FAQ ---------- */
.cta{position:relative;border-radius:var(--r-lg);border:1px solid var(--dark-line);background:linear-gradient(180deg,#151515,#090909);padding:clamp(2rem, 1.5rem + 3vw, 4.5rem);display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;overflow:hidden}
.cta::before{content:"";position:absolute;right:-10%;top:-40%;width:70%;height:140%;background:radial-gradient(closest-side,rgb(186 242 50 / .18),transparent);pointer-events:none}
.cta>*{position:relative}
.cta h2{margin-bottom:1rem}
.cta p{margin-bottom:2rem}
.phone{justify-self:center;width:min(270px,100%);aspect-ratio:9/18;border-radius:38px;padding:10px;background:linear-gradient(160deg,#2a2a2a,#0e0e0e);border:1px solid rgb(255 255 255 / .12);box-shadow:0 40px 90px -30px rgb(0 0 0 / .9),0 0 0 1px #000 inset;margin-bottom:calc(-1 * clamp(2rem, 1.5rem + 3vw, 4.5rem) - 40px)}
.phone__s{height:100%;border-radius:30px;background:#0b0b0b;display:flex;flex-direction:column;align-items:center;padding:2.6rem 1rem 1rem;text-align:center;gap:.4rem}
.phone__s .av{width:78px;height:78px;flex:0 0 78px;overflow:hidden;background:#111;margin-bottom:.4rem}
.phone__s .av img{width:100%;height:100%;object-fit:cover}
.phone__s b{font-weight:500;color:var(--on-dark)}
.phone__s small{font-size:.75rem;color:var(--on-dark-2)}
.phone__acts{display:flex;gap:.4rem;margin-top:1rem;width:100%}
.phone__acts span{flex:1;padding:.6rem .2rem;border-radius:10px;background:#161616;font-size:.62rem;color:var(--on-dark-2);display:grid;gap:.25rem;justify-items:center}
.phone__acts svg{width:15px;color:var(--brand)}
.faq{margin-top:clamp(4rem, 3rem + 4vw, 7rem);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem, 1rem + 3vw, 4rem)}
.qa{border-top:1px solid var(--dark-line)}
.qa details{border-bottom:1px solid var(--dark-line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 0;font-size:1.05rem;font-weight:400;color:var(--on-dark);transition:color .2s}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:0 0 30px;height:30px;border-radius:50%;border:1px solid var(--dark-line);position:relative;transition:all .3s var(--ease)}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;translate:-50% -50%;transition:transform .3s var(--ease)}
.qa summary i::after{transform:rotate(90deg)}
.qa details[open] summary{color:var(--brand)}
.qa details[open] summary i{border-color:rgb(212 248 58 / .4);transform:rotate(180deg)}
.qa details[open] summary i::after{transform:rotate(0)}
.qa details p{padding:0 3rem 1.4rem 0;font-size:.97rem}
.white .qa,.white .qa details{border-color:var(--line)}
.white .qa summary{color:var(--ink)}
.white .qa details[open] summary{color:var(--ink)}

/* ---------- rodapé ---------- */
.ftr{position:relative;overflow:hidden;background:var(--dark);border-top:1px solid var(--dark-line);padding-top:clamp(4rem, 3rem + 3vw, 6rem)}
.ftr__g{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;padding-bottom:3rem}
.ftr h4{font-size:.75rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-2);margin-bottom:1rem}
.ftr ul{list-style:none;display:grid;gap:.5rem}
.ftr li a,.ftr li{font-size:.92rem;color:var(--on-dark-2);transition:color .2s}
.ftr li a:hover{color:var(--on-dark)}
.ftr__word{font-size:clamp(3.5rem, 1rem + 12vw, 13rem);font-weight:600;letter-spacing:-.05em;line-height:.8;text-align:center;color:transparent;background:linear-gradient(180deg,rgb(255 255 255 / .09),rgb(255 255 255 / 0) 85%);-webkit-background-clip:text;background-clip:text;white-space:nowrap;user-select:none;margin-bottom:-.12em}
.ftr__bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-block:1.5rem;border-top:1px solid var(--dark-line);font-size:.8rem;color:var(--on-dark-2)}

/* ---------- páginas internas ---------- */
.phero{padding-top:clamp(9rem, 7rem + 5vw, 12rem);padding-bottom:clamp(3.5rem, 2.5rem + 4vw, 6rem)}
.crumbs{font-size:.8rem;color:var(--on-dark-2);margin-bottom:1.5rem;display:flex;gap:.5rem;align-items:center}
.crumbs a:hover{color:var(--on-dark)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem, 1rem + 4vw, 5rem);align-items:center}
.split--r{grid-template-columns:1.1fr .9fr}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.nums .card{text-align:left}
.nums b{display:block;font-size:clamp(2.2rem, 1.8rem + 1.6vw, 3.4rem);font-weight:300;color:var(--silver);letter-spacing:-.04em;line-height:1;margin-bottom:.5rem}
.pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.75rem}
.photo{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--dark-line);box-shadow:0 40px 100px -40px rgb(186 242 50 / .35)}
.photo img{width:100%}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.fit ul{list-style:none;display:grid;gap:.85rem;margin-top:1.25rem}
.fit li{display:flex;gap:.7rem;font-size:.98rem;color:var(--on-dark-2)}
.fit li svg{flex:0 0 20px;width:20px;margin-top:.15rem}
.fit .yes svg{color:var(--brand)}
.fit .no svg{color:#6b6b72}
.inc{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.inc .card .i{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--ink);color:var(--brand);margin-bottom:1.5rem}
.inc .card .i svg{width:20px}
.integ{position:relative;display:grid;place-items:center;min-height:360px}
.integ__core{position:relative;z-index:2;width:120px;height:120px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(160deg,#1c1c1c,#090909);border:1px solid rgb(212 248 58 / .4);box-shadow:0 0 60px rgb(186 242 50 / .3),inset 0 1px 0 rgb(255 255 255 / .1)}
.integ__core img{width:54px}
.integ__rows{position:absolute;inset:0;display:grid;align-content:center;gap:1rem;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 44%,transparent 56%,#000 70%);mask-image:linear-gradient(90deg,#000 0,#000 30%,transparent 44%,transparent 56%,#000 70%)}
.integ__rows .marq__t{gap:.75rem;animation-duration:35s}
.integ__rows .marq__t:nth-child(2){animation-direction:reverse}
.integ__rows .chip{font-size:.85rem;padding:.55rem 1rem;white-space:nowrap}
.rec{border-top:1px solid var(--dark-line)}
.rec div{display:grid;grid-template-columns:3rem 1fr 1fr;gap:1rem;padding:1.3rem 0;border-bottom:1px solid var(--dark-line);align-items:baseline}
.rec .n{font-size:.8rem;color:var(--brand)}
.rec b{font-size:clamp(1.15rem, 1rem + .6vw, 1.5rem);font-weight:300;color:var(--silver)}
.sup{display:grid;grid-template-columns:1.5fr 1fr;gap:1.25rem}
.orbit{position:relative;width:240px;height:240px;margin-inline:auto}
.orbit::before,.orbit::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed rgb(255 255 255 / .1)}
.orbit::after{inset:22%}
.orbit .c{position:absolute;inset:38%;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 0 40px rgb(37 211 102 / .45)}
.orbit .c svg{width:26px}
.orbit .o{position:absolute;inset:0;animation:spin 30s linear infinite}
.orbit .o span{position:absolute;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:500;background:linear-gradient(135deg,#EDFF8A,#9FD11A);color:var(--brand-ink);border:3px solid #0b0b0b}
.orbit .o span:nth-child(1){left:50%;top:-20px;margin-left:-20px}
.orbit .o span:nth-child(2){right:-20px;top:50%;margin-top:-20px}
.orbit .o span:nth-child(3){left:50%;bottom:-20px;margin-left:-20px}
.orbit .o span:nth-child(4){left:-20px;top:50%;margin-top:-20px}
.form{display:grid;gap:1rem}
.form label{display:grid;gap:.4rem;font-size:.85rem;color:var(--ink-2)}
.form input,.form select,.form textarea{font:inherit;font-size:1rem;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:#8DBA12;box-shadow:0 0 0 4px rgb(212 248 58 / .3)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.chan{display:grid;gap:.75rem;margin-top:2rem}
.chan a{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;border-radius:var(--r-md);border:1px solid var(--dark-line);background:rgb(255 255 255 / .02);transition:border-color .3s,background .3s}
.chan a:hover{border-color:rgb(212 248 58 / .35);background:rgb(212 248 58 / .04)}
.chan i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgb(212 248 58 / .1);color:var(--brand)}
.chan i svg{width:18px}
.chan b{display:block;font-weight:500;color:var(--on-dark);font-size:.95rem}
.chan small{color:var(--on-dark-2);font-size:.82rem}
.tall{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.tall a.card{display:flex;flex-direction:column;min-height:420px;padding:0}
.tall .viz{margin:0;min-height:240px;border-bottom:1px solid var(--dark-line);background:radial-gradient(80% 90% at 50% 0%,rgb(212 248 58 / .1),transparent 70%)}
.tall .txt{padding:1.75rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.tall .go{margin-top:auto;padding-top:1rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:500;color:var(--brand)}
.tall .go svg{width:16px;transition:transform .3s var(--ease)}
.tall a:hover .go svg{transform:translateX(4px)}
.glass{width:150px;height:150px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(160deg,rgb(255 255 255 / .1),rgb(255 255 255 / .02));border:1px solid rgb(255 255 255 / .12);box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 30px 60px -20px #000,0 0 0 1px rgb(212 248 58 / .15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--brand);transform:rotate(-6deg);transition:transform .6s var(--ease)}
.glass svg{width:58px;filter:drop-shadow(0 0 14px rgb(212 248 58 / .6))}
a:hover .glass{transform:rotate(0) translateY(-6px)}
.svc-hero-viz{position:relative;display:grid;place-items:center}
.svc-hero-viz .shot{width:100%;max-width:520px}
.svc-hero-viz .glass{position:absolute;left:-20px;bottom:-30px;width:110px;height:110px;border-radius:26px}
.svc-hero-viz .glass svg{width:44px}

/* ---------- motion ---------- */
.rv{opacity:0;transform:translateY(32px);transition:opacity .75s var(--ease),transform .9s var(--ease)}
.rv.is-in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}.rv-d4{transition-delay:.32s}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  .belt__row,.marq__t{animation:none!important}
}

/* ---------- responsivo ---------- */
@media (max-width:1080px){
  .nav,.hdr__cta .btn--g{display:none}
  .burger{display:grid}
  .wa-float{display:block}
  .hero__grid,.tech,.split,.split--r,.faq,.cta,.sim{grid-template-columns:1fr}
  .portrait{max-width:380px}
  .panel{position:static}
  .bento{grid-template-columns:repeat(2,1fr)}
  .b-a,.b-b,.b-c,.b-d,.b-e,.b-f,.b-g{grid-column:span 2;grid-row:auto}
  .b-c,.b-d{grid-column:span 1}
  .svc,.steps{grid-template-columns:repeat(2,1fr)}
  .svc a:not(:nth-child(3n)),.stp:not(:nth-child(3n)){border-right:0}
  .svc a:nth-child(odd),.stp:nth-child(odd){border-right:1px solid var(--line)}
  .pgrid,.inc,.g3{grid-template-columns:repeat(2,1fr)}
  .tgrid{columns:2}
  .nums,.g4,.wpps{grid-template-columns:repeat(2,1fr)}
  .ftr__g{grid-template-columns:1fr 1fr}
  .phone{margin-bottom:0}
  .sup{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hdr__cta .btn--p{display:none}
  .bento{grid-template-columns:1fr}.b-c,.b-d{grid-column:span 2}
  .svc,.steps,.pgrid,.inc,.g2,.g3,.fit,.tall,.res__ex{grid-template-columns:1fr}
  .res__ex{grid-template-columns:repeat(3,1fr)}
  .svc a:nth-child(odd),.stp:nth-child(odd){border-right:0}
  .tgrid{columns:1}
  .ftr__g{grid-template-columns:1fr}
  .seal{left:-10px;width:96px;height:96px}
  .tag-float{right:-6px}
  .form .row2{grid-template-columns:1fr}
  .qa details p{padding-right:0}
  .mark{opacity:.28}
  .btns .btn{flex:1 1 auto}
}

/* simulador escuro dentro da seção white: volta às cores do dark */
.white .sim p{color:var(--on-dark-2)}
.white .sim .res__t{color:var(--silver)}
.white .sim .hl{color:var(--brand);background:none;padding:0}
.wpps{grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){.wpps{grid-template-columns:1fr}}
.tall a.card:last-child:nth-child(odd){grid-column:1/-1}

/* ===== HERO centralizada (ref. Valkeer) ===== */
.hero{padding-bottom:0;overflow:hidden}
.hero__c{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.hero__c h1{font-size:clamp(2.7rem, 1.2rem + 5.6vw, 6.2rem);line-height:1;margin:1.6rem 0 1.5rem;max-width:15ch}
.hero__c .lead{max-width:40ch;margin:0 auto 2.4rem;font-size:clamp(1.05rem, .95rem + .45vw, 1.3rem);line-height:1.55;color:var(--on-dark-2)}
.hero__c .lead b{font-weight:400;color:var(--silver)}
.hero__c .btns{justify-content:center}
.chip--k{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:500;padding:.55rem 1.05rem;color:var(--silver)}
.chip--k i{display:grid;place-items:center;color:var(--brand)}
.chip--k svg{width:15px;height:15px;stroke-width:2}
/* faixa curva de prints */
.arc{position:relative;margin-top:clamp(3rem, 2rem + 3vw, 4.5rem);height:clamp(250px, 14vw + 150px, 400px);perspective:1400px;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
.arc__t{position:absolute;left:0;top:0;height:100%;width:100%;transform-style:preserve-3d}
.arc .shot{position:absolute;left:50%;top:clamp(40px, 3vw, 70px);width:clamp(250px, 16vw + 130px, 400px);margin-left:calc(clamp(250px, 16vw + 130px, 400px) / -2);will-change:transform;transition:border-color .3s,box-shadow .3s;box-shadow:0 40px 90px -40px #000,0 0 0 1px rgb(255 255 255 / .03)}
.arc .shot:hover{border-color:rgb(212 248 58 / .4);box-shadow:0 40px 90px -40px rgb(186 242 50 / .35)}
.arc::after{content:"";position:absolute;left:50%;top:10%;width:60%;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgb(186 242 50 / .14),transparent);filter:blur(40px);z-index:-1;pointer-events:none}
@media (max-width:640px){
  .hero__c h1{font-size:clamp(2.4rem, 1.4rem + 5vw, 3.2rem)}
}

/* ===================== HOME v3 — seções das referências ===================== */
/* header em pílula sempre visível, links em caixa alta espaçada (ref. Valkeer) */
.hdr__in{background:rgb(12 12 12 / .62);border-color:var(--dark-line);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
.nav>a,.nav>.dd>button{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.hero{padding-top:clamp(7rem, 5rem + 4vw, 8.5rem)}
.hero__c h1{font-size:clamp(2.7rem, 1.2rem + 5vw, 5.6rem);margin:1.3rem 0 1.2rem}
.hero__c .lead{margin-bottom:2rem}
.hproof{display:flex;align-items:center;justify-content:center;gap:clamp(1rem, .5rem + 2vw, 2.25rem);margin-top:2.2rem;flex-wrap:wrap}
.hproof>div{display:flex;align-items:center;gap:.7rem;text-align:left}
.hproof b{font-size:clamp(2rem, 1.5rem + 1.6vw, 3rem);font-weight:300;color:var(--silver);letter-spacing:-.04em;line-height:1}
.hproof span{font-size:.8rem;line-height:1.25;color:var(--on-dark-2)}
.hproof>i{width:1px;height:38px;background:var(--dark-line)}
.arc{margin-top:clamp(1.5rem, 1rem + 2vw, 2.75rem)}
/* palavras do título sobem uma a uma */
.wd{display:inline-block;opacity:0;transform:translateY(.45em) rotate(2deg);filter:blur(8px);transition:opacity .9s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--i) * 70ms + 150ms)}
.is-in .wd,.wd.is-in{opacity:1;transform:none;filter:none}

/* faixa de logos: 2 fileiras em sentidos opostos */
.logos2{padding-block:clamp(2rem, 1.5rem + 2vw, 3.5rem);display:grid;gap:1.4rem}
.marq__t--r{animation-direction:reverse;animation-duration:55s}
.lw{font-size:clamp(1.05rem, .95rem + .5vw, 1.45rem);color:rgb(244 244 245 / .42);white-space:nowrap;letter-spacing:-.02em;transition:color .3s}
.lw--0{font-weight:600}.lw--1{font-weight:300;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(.9rem, .85rem + .4vw, 1.15rem)}.lw--2{font-weight:500}.lw--3{font-weight:400;letter-spacing:-.04em}
.lt{display:inline-flex;align-items:center;gap:.55rem;font-size:clamp(1rem, .9rem + .45vw, 1.3rem);font-weight:500;color:rgb(244 244 245 / .5);white-space:nowrap;transition:color .3s}
.lt svg{width:1.35em;height:1.35em;color:rgb(244 244 245 / .62)}
.lw:hover,.lt:hover{color:var(--on-dark)}

/* bento — ref. BlackCat */
.bc{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(0,auto);gap:12px}
.bc .card{padding:0;display:flex;flex-direction:column;min-height:300px;background:radial-gradient(120% 90% at 50% 0%,#1d1d1d,#0d0d0d 70%)}
.bc-t{padding:clamp(1.4rem, 1rem + 1vw, 2rem);margin-top:auto;position:relative;z-index:2}
.bc-t h3{font-weight:500}.bc-t p{max-width:42ch}
.bc-t--c{text-align:center}.bc-t--c p{margin-inline:auto}
.bc-1{grid-column:1/7;min-height:360px!important}.bc-2{grid-column:7/13;min-height:360px!important;flex-direction:row!important}
.bc-3{grid-column:1/5;grid-row:span 2}.bc-4{grid-column:5/9}.bc-6{grid-column:5/9}.bc-5{grid-column:9/13;grid-row:2/4}
/* chat */
.bc-chat{position:relative;padding:2rem 2rem 0;display:grid;gap:1rem;background-image:radial-gradient(rgb(255 255 255 / .09) 1px,transparent 1.2px);background-size:14px 14px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.bc-msg{display:flex;align-items:center;gap:.8rem;transition:transform .9s var(--ease),opacity .9s}
.bc-msg p{padding:.85rem 1.1rem;border-radius:14px;font-size:.95rem;line-height:1.4;max-width:34ch}
.bc-msg--in{justify-content:flex-end;margin-left:12%}.bc-msg--in p{background:#f4f4f5;color:#52525b;border-radius:14px 14px 4px 14px}
.bc-msg--out{margin-right:10%}.bc-msg--out p{background:#0b0b0b;border:1px solid rgb(212 248 58 / .35);color:var(--on-dark);box-shadow:0 0 30px -8px rgb(212 248 58 / .35)}
.bc-msg--out b{color:var(--brand);font-weight:500}
.bc-av{flex:0 0 46px;height:46px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#3f3f46,#18181b);border:2px solid #222}
.bc-av img{width:100%;height:100%;object-fit:cover}
.bc-av--me{border-color:rgb(212 248 58 / .5)}
.anim .bc-msg{opacity:0;transform:translateY(18px)}
.anim.is-in .bc-msg{opacity:1;transform:none}.anim.is-in .bc-msg--out{transition-delay:.5s}
/* dashboard */
.bc-2 .bc-t{flex:0 0 42%;margin-top:auto}
.bc-dash{flex:1;align-self:flex-end;margin:2rem 0 0;height:300px;display:flex;border:1px solid var(--dark-line);border-right:0;border-bottom:0;border-radius:16px 0 0 0;background:#0a0a0a;overflow:hidden;box-shadow:-20px -20px 80px -30px rgb(212 248 58 / .35)}
.bc-dash__side{width:38px;border-right:1px solid var(--dark-line);display:grid;align-content:start;gap:14px;padding:16px 0;justify-items:center}
.bc-dash__side i{width:12px;height:12px;border-radius:4px;border:1.5px solid #3a3a3a}.bc-dash__side i.on{border-color:var(--brand);background:rgb(212 248 58 / .2)}
.bc-dash__main{flex:1;padding:12px;display:grid;gap:9px;align-content:start}
.bc-dash__top span{font-size:.62rem;color:var(--on-dark-2);border:1px solid var(--dark-line);border-radius:6px;padding:3px 7px}
.bc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bc-kpis .k{padding:10px;border-radius:10px}.bc-kpis small{display:block;font-size:.58rem;opacity:.7}.bc-kpis b{font-size:1rem;font-weight:600;letter-spacing:-.02em}
.k--w{background:#f4f4f5;color:#18181b}.k--l{background:#BAF232;color:#0a0a0b}.k--L{background:#D4F83A;color:#0a0a0b}
.bc-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bc-rows div{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid var(--dark-line);border-radius:10px;font-size:.62rem;color:var(--on-dark)}
.ring{width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p) * 1%),#262626 0);-webkit-mask:radial-gradient(circle,transparent 7px,#000 7.5px);mask:radial-gradient(circle,transparent 7px,#000 7.5px)}
.bc-bars{border:1px solid var(--dark-line);border-radius:10px;padding:9px 10px}.bc-bars small{font-size:.6rem;color:var(--on-dark)}
.bc-bars div{display:flex;align-items:flex-end;gap:5px;height:70px;margin-top:6px}
.bc-bars i{flex:1;height:0;border-radius:3px 3px 0 0;background:linear-gradient(#D4F83A,#7aa312);transition:height 1.2s var(--ease)}
.bc-dash.is-in .bc-bars i{height:var(--h)}
.bc-bars i:nth-child(n){transition-delay:calc(var(--d,0) * 1s)}
/* notificações */
.bc-notes{position:relative;height:380px;display:grid;justify-items:center;align-content:start;padding-top:2.2rem}
.bc-check{position:relative;z-index:3;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#2a2a2a,#101010);border:6px solid #1c1c1c;box-shadow:0 0 0 1px rgb(212 248 58 / .35),0 0 60px rgb(212 248 58 / .35)}
.bc-check svg{width:44px;height:44px;padding:9px;border-radius:50%;background:linear-gradient(#D4F83A,#8DBA12);color:#0a0a0b;stroke-width:2.5}
.bc-frame{position:absolute;top:80px;width:62%;height:120px;border:1px solid rgb(255 255 255 / .1);border-radius:16px;border-bottom:0}
.bc-note{position:relative;z-index:2;display:flex;gap:.8rem;align-items:center;width:84%;margin-top:-6px;padding:.85rem 1rem;border-radius:14px;background:#161616;border:1px solid rgb(255 255 255 / .08);box-shadow:0 20px 40px -20px #000;transition:transform .9s var(--ease)}
.bc-note:first-of-type{margin-top:70px}
.bc-note__i{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgb(212 248 58 / .12);color:var(--brand)}.bc-note__i svg{width:20px}
.bc-note b{display:block;font-weight:500;font-size:.92rem;color:var(--on-dark)}.bc-note small{font-size:.76rem;color:var(--on-dark-2)}
.bc-note time{margin-left:auto;align-self:flex-start;font-size:.68rem;color:var(--on-dark-2)}
.bc-note:nth-of-type(3){transform:scale(.94) rotate(-2deg)}.bc-note:nth-of-type(4){transform:scale(.88) rotate(-3deg)}
.anim .bc-note{transform:translateY(40px)!important;opacity:0!important;transition:transform 1s var(--ease),opacity 1s}
.anim.is-in .bc-note{transform:none!important}
.anim.is-in .bc-note:nth-of-type(2){opacity:1!important}.anim.is-in .bc-note:nth-of-type(3){opacity:.55!important;transition-delay:.2s;transform:scale(.94) rotate(-2deg)!important}.anim.is-in .bc-note:nth-of-type(4){opacity:.22!important;transition-delay:.4s;transform:scale(.88) rotate(-3deg)!important}
/* cadeado */
.bc-lock{position:relative;height:170px;display:grid;place-items:center;margin-top:1.5rem}
.bc-circ{position:absolute;inset:auto 0;width:100%;top:15px}
.bc-lock__o{position:relative;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 200deg,#3b3b3b,#0e0e0e,#4a4a4a,#111,#3b3b3b);box-shadow:0 0 0 1px rgb(212 248 58 / .25),0 0 70px rgb(212 248 58 / .25);animation:spin 18s linear infinite}
.bc-lock__i{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1f1f1f,#060606);animation:spin 18s linear infinite reverse}
.bc-lock__i svg{width:36px;color:var(--brand);filter:drop-shadow(0 0 10px rgb(212 248 58 / .7))}
/* tile verde */
.bc-6{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem;min-height:150px;border-radius:var(--r-lg);background:linear-gradient(160deg,#E4FF6A,#BAF232 55%,#9FD11A);color:#0a0a0b;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s;box-shadow:0 20px 60px -20px rgb(186 242 50 / .5)}
.bc-6 svg{width:72px;height:72px;transition:transform .5s var(--ease)}
.bc-6 span{font-size:1.1rem;font-weight:500;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .5s var(--ease)}
.bc-6:hover{transform:translateY(-4px)}.bc-6:hover svg{transform:translate(4px,-4px) scale(.7)}.bc-6:hover span{max-width:200px}
/* retrato */
.bc-5{position:relative;min-height:520px}
.bc-5>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.9)}
.bc-5::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 45%,rgb(4 4 4 / .9)),radial-gradient(80% 50% at 50% 30%,rgb(212 248 58 / .2),transparent)}
.bc-seal{position:absolute;z-index:2;left:50%;top:38%;width:115%;translate:-50% -50%;animation:spin 26s linear infinite;pointer-events:none}
.bc-seal text{font-size:15px;letter-spacing:5px;text-transform:uppercase;font-weight:500;fill:var(--brand);opacity:.85}
.bc-5__tag{position:absolute;z-index:3;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:.8rem;padding:.75rem .9rem;border-radius:16px;background:rgb(10 10 10 / .7);border:1px solid rgb(255 255 255 / .1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.bc-5__tag>span{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#0a0a0b}.bc-5__tag svg{width:19px}
.bc-5__tag b{display:block;font-size:.92rem;font-weight:500;color:var(--on-dark)}.bc-5__tag small{font-size:.76rem;color:var(--on-dark-2)}

/* o que vem no seu site — ref. CartFlami (white, sem caixas) */
.cf{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem, 2rem + 2vw, 4rem) clamp(2rem, 1rem + 3vw, 5rem)}
.cf-col{display:grid;gap:clamp(2.5rem, 2rem + 2vw, 4rem)}
.cf-it{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center}
.cf-it--big{grid-template-columns:1fr;align-items:start}
.cf-i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--brand);color:#0a0a0b;margin-bottom:1rem;box-shadow:0 6px 18px -6px rgb(159 209 26 / .8)}
.cf-i svg{width:17px}
.white .cf-it h3{font-weight:400;font-size:1.35rem;color:var(--graphite)}
.cf-it p{font-size:.92rem;margin-top:.4rem;max-width:32ch}
.cf-ob{display:grid;place-items:center}
.cf-scene{position:relative;width:100%;height:330px;border-radius:24px;overflow:hidden;background:radial-gradient(90% 80% at 50% 100%,rgb(212 248 58 / .5),transparent 60%),linear-gradient(160deg,#27272a,#0a0a0b);display:grid;place-items:center}
.cf-phone{width:220px;height:300px;margin-top:80px;border-radius:30px 30px 0 0;background:#0e0e0e;border:6px solid #1f1f1f;border-bottom:0;padding:14px;display:grid;align-content:start;gap:8px;box-shadow:0 -20px 60px -20px rgb(212 248 58 / .5);transform:translateY(30px);transition:transform 1.2s var(--ease)}
.cf-it.is-in .cf-phone{transform:none}
.cf-phone__h{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #222}.cf-phone__h i{width:26px;height:26px;border-radius:50%;background:var(--brand)}
.cf-phone__h b{font-size:.75rem;font-weight:500;color:#f4f4f5}.cf-phone__h small{display:block;font-size:.6rem;color:#25D366;margin-left:auto}
.cf-b{font-size:.7rem;line-height:1.35;padding:7px 9px;border-radius:10px;max-width:85%}
.cf-b--in{background:#1f1f1f;color:#e4e4e7;justify-self:start}.cf-b--out{background:#1d3a17;color:#e4e4e7;justify-self:end}
.cf-wbtn{position:absolute;right:22px;top:26px;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem .9rem;border-radius:12px;background:#25D366;color:#fff;font-size:.8rem;font-weight:500;box-shadow:0 14px 30px -10px rgb(37 211 102 / .7);animation:bob 5s ease-in-out infinite}
.cf-wbtn svg{width:16px}
.cf-mini{width:100%;max-width:220px;display:grid;gap:8px;padding:14px;border-radius:16px;background:#fff;box-shadow:0 24px 50px -24px rgb(10 10 11 / .35),0 0 0 1px var(--line);transform:rotate(-3deg);transition:transform .6s var(--ease)}
.cf-it:hover .cf-mini{transform:rotate(0) translateY(-4px)}
.cf-tg{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--ink-2)}
.cf-tg i{width:30px;height:17px;border-radius:10px;background:#e4e4e7;position:relative}
.cf-tg i::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .2);transition:left .5s var(--ease)}
.cf-it.is-in .cf-tg i.on{background:#9FD11A}.cf-it.is-in .cf-tg i.on::after{left:15px}
.cf-it.is-in .cf-tg:nth-child(2) i::after{transition-delay:.25s}.cf-it.is-in .cf-tg:nth-child(3) i::after{transition-delay:.5s}
.cf-in{font-size:.75rem;color:var(--ink-3);padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--paper-2)}
.cf-go{font-size:.78rem;font-weight:500;text-align:center;padding:9px;border-radius:8px;background:linear-gradient(180deg,#EDFF8A,#D4F83A 45%,#9FD11A);border:1px solid #8DBA12;color:#0a0a0b}
.cf-score{position:relative;width:130px;display:grid;place-items:center}
.cf-score svg{width:130px}.cf-arc{stroke-dasharray:0 100;transition:stroke-dasharray 1.6s var(--ease)}
.cf-it.is-in .cf-arc{stroke-dasharray:99 100}
.cf-score b{position:absolute;top:38px;font-size:2rem;font-weight:300;color:var(--graphite)}.cf-score small{position:absolute;top:80px;font-size:.66rem;color:var(--ink-3)}
.cf-url{display:flex;align-items:center;gap:.5rem;padding:.7rem .8rem;border-radius:12px;background:#fff;box-shadow:0 24px 50px -24px rgb(10 10 11 / .35),0 0 0 1px var(--line);font-size:.8rem;color:var(--ink-2);transform:rotate(3deg)}
.cf-lock{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--brand);color:#0a0a0b}.cf-lock svg{width:13px}
.cf-url em{font-style:normal;font-size:.66rem;padding:2px 7px;border-radius:6px;background:#ecfccb;color:#3f6212}

/* serviços — ref. Super cards */
.scs{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.sc{position:relative;grid-column:span 2;display:flex;flex-direction:column;min-height:420px;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgb(255 255 255 / .07);background:radial-gradient(90% 60% at 50% 0%,#1a1c14,#070707 70%);transition:transform .5s var(--ease),border-color .3s;transform-style:preserve-3d}
.sc--big{grid-column:span 3;min-height:560px}
.sc:nth-child(n+6){grid-column:span 3}
.sc__light{position:absolute;left:50%;top:-120px;width:70%;height:240px;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgb(240 255 190 / .55),rgb(212 248 58 / .18) 45%,transparent);filter:blur(10px);pointer-events:none;transition:opacity .4s,transform .6s var(--ease)}
.sc:hover .sc__light{transform:scale(1.15)}
.sc:hover{border-color:rgb(212 248 58 / .25)}
.sc__viz{flex:1;display:grid;place-items:center;padding:2.5rem 1rem 0;position:relative}
.sc__tx{position:relative;padding:clamp(1.4rem, 1rem + 1vw, 2.2rem);text-align:center}
.sc__tx h3{font-size:clamp(1.3rem, 1.1rem + .8vw, 1.9rem);font-weight:400;color:var(--on-dark);letter-spacing:-.025em}
.sc__tx p{font-size:.95rem;max-width:38ch;margin:.5rem auto 1rem}
.go{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--brand)}.go svg{width:15px;transition:transform .3s var(--ease)}
.sc:hover .go svg{transform:translateX(4px)}
.gl{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:36px;background:linear-gradient(150deg,rgb(255 255 255 / .2),rgb(255 255 255 / .03) 50%,rgb(212 248 58 / .1));border:1px solid rgb(255 255 255 / .22);box-shadow:inset 0 1px 1px rgb(255 255 255 / .6),inset 0 -14px 30px rgb(0 0 0 / .45),0 40px 70px -25px #000,0 0 90px -10px rgb(212 248 58 / .35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:perspective(700px) rotateX(var(--rx,14deg)) rotateY(var(--ry,-16deg));transition:transform .6s var(--ease);animation:float 7s ease-in-out infinite}
.gl__t svg{width:66px;height:66px;color:var(--brand);stroke-width:1.4;fill:none;filter:drop-shadow(0 0 14px rgb(212 248 58 / .65))}
.gl--sm{width:110px;height:110px;border-radius:28px}.gl--sm .gl__t svg{width:48px;height:48px}
.gl-rings{position:relative;display:grid;place-items:center;width:340px;height:340px}
.gl-rings>i{position:absolute;inset:0;border-radius:50%;border:1px solid rgb(255 255 255 / .1);animation:ring 6s ease-out infinite}
.gl-rings>i:nth-child(2){inset:14%;animation-delay:-2s}.gl-rings>i:nth-child(3){inset:28%;animation-delay:-4s}
@keyframes ring{0%{transform:scale(.7);opacity:0}30%{opacity:1}100%{transform:scale(1.08);opacity:0}}
@keyframes float{50%{translate:0 -10px}}
.gl-cluster{position:relative;width:340px;height:330px}
.gl--c{position:absolute;width:108px;height:108px;border-radius:28px}
.gl--c .gl__t svg{width:48px;height:48px}
.gl--c svg path,.gl--c svg circle,.gl--c svg rect,.gl--c svg g{stroke:currentColor}
.gl--c0{left:70px;top:10px;--rx:10deg;--ry:12deg}.gl--c1{left:190px;top:60px;--rx:8deg;--ry:-18deg;animation-delay:-1.2s}.gl--c2{left:5px;top:135px;--rx:12deg;--ry:20deg;animation-delay:-2.4s}
.gl--c3{left:210px;top:185px;--rx:-6deg;--ry:-14deg;animation-delay:-3.6s}.gl--c4{left:105px;top:215px;--rx:-10deg;--ry:6deg;animation-delay:-4.8s}

/* tecnologia — ref. skills (white) */
.sk-head{display:flex;justify-content:space-between;gap:1rem;padding-block:1.5rem;border-top:1px solid var(--line);font-size:.72rem;letter-spacing:.2em;color:var(--ink-3);font-family:ui-monospace,'SF Mono',Menlo,monospace}
.sk-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin:1rem 0 2.5rem}
.sk-intro .lead{justify-self:end}
.sks{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.5rem, 1rem + 2vw, 3rem);border-top:1px solid var(--line)}
.sk{display:grid;grid-template-columns:30px 34px auto 1fr 52px;align-items:center;gap:.9rem;padding:1.35rem .25rem;border-bottom:1px solid var(--line);transition:background .3s}
.sk:hover{background:var(--paper-2)}
.sk__n{font:.72rem ui-monospace,Menlo,monospace;color:var(--ink-3)}
.sk__i{width:28px;height:28px;color:var(--ink)}
.sk__nm b{display:block;font-weight:500;font-size:1.2rem;color:var(--ink);letter-spacing:-.02em;line-height:1.1}
.sk__nm small{font-size:.76rem;color:var(--ink-3)}
.sk__bar{height:4px;border-radius:4px;background:#e4e4e7;overflow:hidden}
.sk__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#27272a,#9FD11A);transition:width 1.6s var(--ease) .2s}
.sk.is-in .sk__bar i{width:var(--w)}
.sk__v{font:.95rem ui-monospace,Menlo,monospace;color:var(--ink);text-align:right}

/* portfólio — ref. Valkeer */
.vh{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}
.vh p{max-width:38ch;text-align:right}
.vps{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:2.5rem}
.vp{padding:.6rem 1.15rem;border-radius:var(--r-pill);border:1px solid rgb(255 255 255 / .18);font-size:.9rem;font-weight:500;color:var(--on-dark);transition:all .25s}
.vp:hover{border-color:rgb(255 255 255 / .4)}
.vp[aria-pressed=true]{background:var(--silver);color:#0a0a0b;border-color:var(--silver)}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.vc{display:block;border-radius:20px;overflow:hidden;border:1px solid rgb(255 255 255 / .09);background:#0b0b0b;transition:transform .6s var(--ease),border-color .3s}
.vc__img{position:relative;aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center}
.vc__bg{position:absolute;inset:-20%;width:140%;height:140%;object-fit:cover;filter:blur(40px) saturate(1.4);opacity:.45;transform:scale(1.1)}
.vc__img::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgb(11 11 11 / .7))}
.vc__shot{position:relative;z-index:1;width:70%;aspect-ratio:16/12;object-fit:cover;object-position:top;border-radius:4px;box-shadow:0 30px 60px -20px #000;transition:transform .8s var(--ease),object-position 4s ease;margin-top:8%}
.vc:hover{border-color:rgb(255 255 255 / .2)}
.vc:hover .vc__shot{transform:translateY(-10px) scale(1.04);object-position:bottom}
.vc__m{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.3rem;border-top:1px solid rgb(255 255 255 / .06)}
.vc__m b{font-weight:400;font-size:1.15rem;color:var(--on-dark);letter-spacing:-.02em}
.vc__m small{font:.66rem ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-2);white-space:nowrap}
.vc.is-hidden{display:none}

/* integrações — ref. Super */
.is{position:relative;height:clamp(380px, 30vw + 160px, 560px);margin-top:1rem;perspective:1000px}
.is__lane{position:absolute;top:8%;width:62%;height:68px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 70%,transparent);border-block:1px solid rgb(255 255 255 / .07)}
.is__lane--l{left:-6%;transform:rotate(19deg);transform-origin:right center}
.is__lane--r{right:-6%;transform:rotate(-19deg) scaleX(-1);transform-origin:left center}
.is__lane--r .ip{transform:scaleX(-1)}
.is__t{display:flex;gap:.8rem;width:max-content;padding:9px 0;animation:belt 30s linear infinite reverse}
.ip{display:inline-flex;align-items:center;gap:.55rem;height:50px;padding:0 1.2rem;border-radius:var(--r-pill);background:linear-gradient(180deg,#1c1c1c,#0e0e0e);border:1px solid rgb(255 255 255 / .1);box-shadow:inset 0 1px 0 rgb(255 255 255 / .07);white-space:nowrap}
.ip svg{width:22px;height:22px;color:var(--silver)}.ip b{font-weight:500;font-size:.88rem;color:var(--on-dark)}
.ip:nth-child(3n) svg{color:var(--brand)}
.is__card{position:absolute;z-index:3;left:50%;top:30%;translate:-50% 0;display:flex;align-items:center;gap:.9rem;padding:1rem 1.4rem 1rem 1rem;min-width:280px;border-radius:18px;background:rgb(244 244 245 / .96);box-shadow:0 30px 60px -20px #000;animation:bob 6s ease-in-out infinite}
.is__card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#0a0a0b;color:var(--brand)}.is__card svg{width:18px}
.is__card b{display:block;font-weight:500;color:#0a0a0b}.is__card small{color:#71717a;font-size:.82rem}
.is__card::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:46px;background:linear-gradient(rgb(244 244 245 / .6),transparent)}
.is__plate{position:absolute;left:50%;bottom:4%;translate:-50% 0;width:300px;height:220px;display:grid;place-items:center}
.is__p{width:210px;height:210px;border-radius:44px;transform:rotateX(60deg) rotateZ(45deg);background:linear-gradient(135deg,#f4f4f5 0%,#a1a1aa 40%,#27272a 75%,#111);box-shadow:8px 8px 0 #3a3a3e,16px 16px 0 #1c1c1e,24px 24px 50px rgb(0 0 0 / .8),0 0 120px rgb(212 248 58 / .35);display:grid;place-items:center}
.is__p img{width:46%;transform:rotateZ(-45deg);filter:drop-shadow(0 6px 10px rgb(0 0 0 / .45))}
.is::before{content:"";position:absolute;left:50%;bottom:0;width:560px;height:280px;translate:-50% 0;background:radial-gradient(closest-side,rgb(212 248 58 / .22),transparent);filter:blur(20px)}

/* depoimentos — ref. Valkeer, sem Google */
.dv-avs{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:2.5rem}
.dv-av{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:1.15rem;font-weight:500;color:var(--silver);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--t) 70%,#fff 30%),var(--t) 60%,#0a0a0a);border:2px solid #1c1c1c;box-shadow:0 0 0 1px rgb(255 255 255 / .06);transition:transform .4s var(--ease),box-shadow .3s}
.dv-av:hover{transform:translateY(-6px);box-shadow:0 0 0 2px var(--brand),0 0 30px rgb(212 248 58 / .35)}
.dv-avs.is-in .dv-av{animation:pop .7s var(--ease) both}
.dv-av:nth-child(n){animation-delay:calc(var(--n,0) * 1ms)}
@keyframes pop{from{opacity:0;transform:scale(.6) translateY(20px)}}
.dv{display:grid;grid-template-columns:minmax(280px,.9fr) 2.3fr;gap:1.5rem;align-items:stretch}
.dv-f{display:grid;justify-items:center;align-content:center;text-align:center;gap:.6rem;padding:2rem;border-radius:var(--r-lg);border:1px solid rgb(255 255 255 / .1);background:radial-gradient(100% 70% at 50% 0%,rgb(212 248 58 / .1),#0b0b0b 70%)}
.dv-f__i{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--dark-line);background:#111}.dv-f__i img{width:24px}
.dv-f .stars{margin:0}.dv-f .stars svg{width:18px;fill:var(--brand)}
.dv-f__n{font-size:clamp(3rem, 2.4rem + 2vw, 4.4rem);font-weight:300;color:var(--silver);letter-spacing:-.05em;line-height:1}
.dv-f__t{font-size:1.25rem;font-weight:300;color:var(--silver);line-height:1.25}
.dv-f small{font:.66rem ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--on-dark-2)}
.dv-car{position:relative;min-width:0}
.dv-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;padding:2px}
.dv-track::-webkit-scrollbar{display:none}
.dv-c{flex:0 0 calc((100% - 2rem) / 3);scroll-snap-align:start;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border-radius:20px;border:1px solid rgb(255 255 255 / .1);background:#0c0c0e;transition:border-color .3s,transform .5s var(--ease)}
.dv-c:hover{border-color:rgb(212 248 58 / .3);transform:translateY(-4px)}
.dv-c__top .stars{margin-left:auto;width:max-content}.dv-c .stars svg{fill:var(--brand)}
.dv-c blockquote{font-size:.95rem;line-height:1.55;color:#d4d4d8;flex:1}
.dv-c figcaption{display:flex;align-items:center;gap:.7rem}.dv-c figcaption b{display:block;font-size:.9rem;font-weight:500;color:var(--on-dark)}.dv-c figcaption small{font-size:.76rem;color:var(--on-dark-2)}
.dv-c .av{flex:0 0 38px;height:38px}
.dv-btn{position:absolute;top:50%;z-index:2;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0a0a0a;border:1px solid rgb(255 255 255 / .2);color:var(--on-dark);translate:0 -50%;transition:background .2s,border-color .2s}
.dv-btn:hover{background:var(--brand);color:#0a0a0b;border-color:var(--brand)}
.dv-btn svg{width:18px}.dv-btn--p{left:-24px}.dv-btn--p svg{transform:rotate(180deg)}.dv-btn--n{right:-24px}

/* processo numerado */
.pn{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.5rem, 1rem + 2vw, 3rem);border-top:1px solid var(--line)}
.pn__r{display:grid;grid-template-columns:34px 44px 1fr;grid-template-rows:auto auto;column-gap:1rem;padding:1.5rem .25rem;border-bottom:1px solid var(--line);align-items:center}
.pn__n{grid-row:span 2;font:.75rem ui-monospace,Menlo,monospace;color:var(--ink-3);align-self:start;padding-top:.5rem}
.pn__i{grid-row:span 2;align-self:start;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#0a0a0b;color:var(--brand)}.pn__i svg{width:19px}
.pn__r h3{font-weight:500}.pn__r p{font-size:.92rem;margin-top:.2rem}
.pn-72{display:inline-flex;align-items:baseline;gap:.5rem;margin-top:1.25rem;padding:.6rem 1rem;border-radius:14px;background:#0a0a0b;color:var(--on-dark-2);font-size:.85rem}
.pn-72 b{font-size:1.6rem;font-weight:300;color:var(--brand);letter-spacing:-.03em}

/* suporte — ref. BlackCat */
.su-head{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:end;margin-bottom:2.5rem}
.su{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}
.su .card{text-align:center;padding:0 0 2rem;background:radial-gradient(100% 70% at 50% 0%,#1c1c1c,#0b0b0b 70%)}
.su .card h3{font-size:clamp(1.3rem, 1.1rem + .7vw, 1.75rem);font-weight:400;margin-top:1rem}.su .card p{margin-inline:auto}
.su-viz{position:relative;height:300px;overflow:hidden}
.su-dots{position:absolute;left:50%;top:-140px;width:520px;height:520px;translate:-50% 0;border-radius:50%;background-image:radial-gradient(rgb(212 248 58 / .35) 2.4px,transparent 3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent);mask-image:radial-gradient(closest-side,#000 30%,transparent);animation:spin 60s linear infinite}
.su-core{position:absolute;left:50%;top:-60px;translate:-50% 0;width:200px;height:200px;border-radius:50%;display:grid;place-items:center;padding-top:70px;background:radial-gradient(circle at 50% 40%,#E4FF6A,#BAF232 60%,#8DBA12);box-shadow:0 0 90px rgb(186 242 50 / .55);color:#0a0a0b}
.su-core svg{width:48px;opacity:.55}
.su-av{position:absolute;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:500;color:var(--silver);background:radial-gradient(circle at 35% 30%,#52525b,#18181b);border:2px solid rgb(212 248 58 / .35);box-shadow:0 14px 30px -10px #000;animation:bob 6s ease-in-out infinite}
.su-av:nth-child(odd){animation-delay:-3s}
.su-ch{display:flex;justify-content:center;gap:.6rem}
.su-ch span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--dark-line);background:#151515;color:var(--on-dark)}.su-ch svg{width:18px}
.su-viz2{position:relative;height:300px;display:grid;justify-items:center;align-content:start;padding-top:2rem}
.su-bolt{position:relative;z-index:3;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#E4FF6A,#9FD11A);color:#0a0a0b;box-shadow:0 0 60px rgb(186 242 50 / .5)}.su-bolt svg{width:36px;fill:#0a0a0b}
.su-frame{position:absolute;top:70px;width:74%;height:90px;border:1px solid rgb(255 255 255 / .12);border-bottom:0;border-radius:14px}
.su-q{position:relative;z-index:2;display:flex;align-items:center;gap:.7rem;width:82%;margin-top:8px;padding:.7rem .8rem;border-radius:14px;background:#181818;border:1px solid rgb(255 255 255 / .08);text-align:left}
.su-q:first-of-type{margin-top:22px}
.su-q .av{flex:0 0 34px;height:34px;font-size:.75rem}
.su-q b{display:block;font-size:.85rem;font-weight:500;color:var(--on-dark)}.su-q small{font-size:.7rem;color:var(--on-dark-2)}
.su-r{margin-left:auto;font-size:.7rem;font-weight:500;padding:.35rem .7rem;border-radius:8px;background:var(--brand);color:#0a0a0b}

/* revelação com mais movimento: cards entram com leve 3D */
.rv{transform:translateY(40px) scale(.985)}
.card.rv,.sc.rv,.vc.rv{transform:perspective(1000px) translateY(60px) rotateX(10deg)}
.rv.is-in{transform:none}
.tilt{transform-style:preserve-3d;will-change:transform}

@media (max-width:1080px){
  .bc-1,.bc-2{grid-column:1/-1}.bc-3{grid-column:1/7;grid-row:auto}.bc-4{grid-column:7/13}.bc-6{grid-column:7/13}.bc-5{grid-column:1/-1;grid-row:auto;min-height:460px}
  .scs{grid-template-columns:1fr 1fr}.sc,.sc--big,.sc:nth-child(n+6){grid-column:span 1}.sc--big{min-height:480px}
  .cf{grid-template-columns:1fr}
  .vgrid{grid-template-columns:1fr 1fr}
  .dv{grid-template-columns:1fr}.dv-c{flex-basis:calc((100% - 1rem) / 2)}
  .su{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hero__c h1{font-size:clamp(2.4rem, 1.4rem + 5vw, 3.2rem)}
  .hproof>i{display:none}.hproof{gap:1.1rem 1.6rem}.hproof b{font-size:1.9rem}
  .bc>*{grid-column:1/-1!important;grid-row:auto!important}
  .bc-2{flex-direction:column!important}.bc-2 .bc-t{flex:none}.bc-dash{margin-left:1.2rem}
  .scs{grid-template-columns:1fr}.gl-rings{width:280px;height:280px}.gl-cluster{transform:scale(.85)}
  .cf-it{grid-template-columns:1fr}
  .sk-intro,.su-head{grid-template-columns:1fr}.sk-intro .lead{justify-self:start}
  .sks,.pn{grid-template-columns:1fr}
  .sk{grid-template-columns:26px 28px 1fr 46px}.sk__bar{display:none}
  .vh{flex-direction:column;align-items:flex-start}.vh p{text-align:left}
  .vgrid{grid-template-columns:1fr}
  .dv-c{flex-basis:86%}.dv-btn{display:none}
  .is__lane{width:80%}.is__card{min-width:230px}.is__p{width:160px;height:160px}
  .su-av{width:50px;height:50px}
}
@media (prefers-reduced-motion:reduce){.wd{opacity:1;transform:none;filter:none}.gl,.su-av,.su-dots,.bc-seal,.bc-lock__o,.bc-lock__i,.is__t{animation:none!important}}
.cursor-glow{position:fixed;left:-300px;top:-300px;z-index:1;width:600px;height:600px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgb(212 248 58 / .07),transparent);transition:opacity .4s;mix-blend-mode:screen}
[data-words]{margin:1.3rem 0 1.2rem}
.no-js .wd{opacity:1;transform:none;filter:none}
.bc-av--c{display:grid;place-items:center;font-size:.85rem;font-weight:500;color:var(--silver)}
.bc-seal{width:96%;top:36%}
.su-viz2{height:270px}

/* ===== movimentos do site atual, recriados ===== */
/* luzes verdes respirando no fundo (ciclo 5 s / 3 s) */
.glow{animation:breathe 5s ease-in-out infinite}
.sec .glow:nth-of-type(2){animation-duration:3.4s;animation-delay:-1.2s}
@keyframes breathe{50%{opacity:.55;scale:1.12}}
/* botão principal: brilho girando na borda a cada 3 s + luz por dentro no hover */
@property --ba{syntax:'<angle>';inherits:false;initial-value:0deg}
.btn--p{position:relative;isolation:isolate}
.btn--p::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:16px;padding:2px;background:conic-gradient(from var(--ba),transparent 0 70%,#fff 80%,#F4FFB0 85%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:bspin 3s linear infinite}
.btn--p::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(60% 120% at 30% 50%,rgb(255 255 255 / .55),transparent 70%);opacity:0;transition:opacity .35s}
.btn--p:hover::after{opacity:1}
.btn--p:hover::before{animation-duration:1.2s}
@keyframes bspin{to{--ba:360deg}}
/* ícones com arco girando (2 s, 0,4 s no hover) */
.pn__i,.cf-i,.dd__menu a .i{position:relative}
.pn__i::after,.cf-i::after{content:"";position:absolute;inset:-5px;border-radius:14px;border:1.5px solid transparent;border-top-color:#9FD11A;border-right-color:rgb(159 209 26 / .35);animation:spin 2s linear infinite}
.pn__r:hover .pn__i::after,.cf-it:hover .cf-i::after{animation-duration:.4s}
/* card apontado cresce e os outros desfocam */
@media (pointer:fine){
  .vgrid:hover .vc:not(:hover),.scs:hover .sc:not(:hover),.dv-track:hover .dv-c:not(:hover){filter:blur(3px) brightness(.7);transition:filter 1s var(--ease)}
  .vc,.sc,.dv-c{transition:filter 1s var(--ease),transform .6s var(--ease),border-color .3s}
}
/* esteira curva: desfoque nos cards distantes do centro */
.arc .shot{transition:filter .4s,border-color .3s,box-shadow .3s}
/* pílulas de tipos e nichos (40 s, sentidos opostos) */
.pls{display:grid;gap:.8rem;margin-top:clamp(3rem, 2rem + 3vw, 5rem);position:relative;z-index:1}
.marq__t--p{gap:.75rem;animation-duration:40s}
.pl{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1.15rem;border-radius:var(--r-pill);border:1px solid rgb(255 255 255 / .1);background:linear-gradient(180deg,#171717,#0c0c0c);font-size:.92rem;color:var(--on-dark);white-space:nowrap;transition:border-color .3s,color .3s}
.pl svg{width:17px;color:var(--brand)}
.pl--n{color:var(--on-dark-2)}
.pl:hover{border-color:rgb(212 248 58 / .4);color:#fff}
/* notebook que abre a tela no scroll (−85° → 0°) */
.nb{position:relative;width:min(860px,100%);margin:0 auto;perspective:1800px}
.nb__lid{position:relative;width:86%;margin:0 auto;aspect-ratio:16/10;border-radius:18px 18px 0 0;background:#0b0b0b;padding:2.2%;border:1px solid #2a2a2a;transform-origin:50% 100%;transform:rotateX(calc(var(--o,1) * -85deg));transition:transform .15s linear;box-shadow:0 -10px 60px -20px rgb(10 10 11 / .5)}
.nb__scr{width:100%;height:100%;border-radius:6px;overflow:hidden;background:#111}
.nb__t{display:flex;flex-direction:column;animation:nbscroll 36s linear infinite}
.nb__t img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
@keyframes nbscroll{to{transform:translateY(-50%)}}
.nb__base{width:100%;height:22px;border-radius:0 0 24px 24px;background:linear-gradient(#d4d4d8,#a1a1aa 60%,#71717a);box-shadow:0 30px 60px -20px rgb(10 10 11 / .55);position:relative}
.nb__base::before{content:"";position:absolute;left:50%;top:0;width:16%;height:8px;translate:-50% 0;border-radius:0 0 10px 10px;background:#a1a1aa}
/* barra fixa de CTA que aparece depois de rolar */
.sbar{position:fixed;left:50%;bottom:18px;z-index:44;display:flex;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.1rem;border-radius:18px;background:rgb(14 14 14 / .82);border:1px solid rgb(255 255 255 / .12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 60px -20px #000;font-size:.88rem;color:var(--on-dark-2);translate:-50% 140%;transition:translate .6s var(--ease)}
.sbar.is-on{translate:-50% 0}
.sbar__d{width:8px;height:8px;border-radius:50%;background:#25D366;box-shadow:0 0 10px #25D366;animation:pulse 2s infinite}
.sbar b{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:12px;background:var(--brand);color:#0a0a0b;font-weight:500}.sbar b svg{width:16px}
@media (max-width:640px){.sbar{width:calc(100% - 24px);justify-content:space-between}.sbar>span:not(.sbar__d){display:none}}
@media (prefers-reduced-motion:reduce){.glow,.btn--p::before,.pn__i::after,.cf-i::after,.nb__t{animation:none!important}.nb__lid{transform:none}}
.is__lane{top:24%}
@media (max-width:640px){.sbar{display:none}.is__lane{top:18%}}

/* ===== camada de movimento (motion.js) ===== */
html.has-gsap{scroll-behavior:auto}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
/* abertura */
.pre{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none}
.pre__p{position:absolute;left:0;right:0;height:50.5%;background:#040404;transition:transform 1.05s cubic-bezier(.76,0,.24,1)}
.pre__p--t{top:0;background-image:radial-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),radial-gradient(60% 90% at 50% 100%,rgb(212 248 58 / .10),transparent 70%);background-size:18px 18px,100% 100%}
.pre__p--b{bottom:0;background-image:radial-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),radial-gradient(60% 90% at 50% 0%,rgb(212 248 58 / .10),transparent 70%);background-size:18px 18px,100% 100%}
.pre__p--b::before{content:"";position:absolute;left:50%;top:0;width:0;height:1px;translate:-50% -50%;background:linear-gradient(90deg,transparent,#D4F83A,transparent);box-shadow:0 0 18px #D4F83A;transition:width .5s var(--ease)}
.pre__c{position:relative;z-index:1;display:grid;justify-items:center;gap:1.1rem;transition:opacity .35s,transform .6s var(--ease)}
.pre__coin{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;margin-bottom:.4rem;
  background:radial-gradient(circle at 50% 22%,#2c2c2f 0,#151517 50%,#09090a 100%);box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),inset 0 -8px 16px rgb(0 0 0 / .6),0 0 60px -10px rgb(212 248 58 / .35);animation:precoin .9s var(--ease) both}
.pre__coin i{position:absolute;inset:-7px;border-radius:50%;border:1.5px solid transparent;border-top-color:#D4F83A;border-right-color:rgb(212 248 58 / .3);animation:spin 1.1s linear infinite}
.pre__coin img{width:44px;filter:drop-shadow(0 0 16px rgb(212 248 58 / .55))}
.pre__n{display:flex;align-items:flex-start;gap:.2rem;color:#d9dbe0;font-weight:300;line-height:1;margin:0}
.pre__n b{font-weight:300;font-size:clamp(2.8rem,2rem + 3vw,4.2rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right}
.pre__n small{font-size:1rem;color:#8d9097;margin-top:.5rem}
.pre__bar{width:min(220px,60vw);height:2px;border-radius:2px;background:rgb(255 255 255 / .08);overflow:hidden}
.pre__bar i{display:block;height:100%;background:linear-gradient(90deg,#9FD11A,#D4F83A,#EDFF8A);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px rgb(212 248 58 / .6)}
.pre__t{display:flex;gap:.6rem;margin:0;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#8d9097}
.pre__t span{color:#c9cbd0}.pre__t em{font-style:normal}
.pre.is-full .pre__p--b::before{width:100vw}
.pre.is-out .pre__c{opacity:0;transform:scale(.94)}
.pre.is-out .pre__p--t{transform:translateY(-100%)}
.pre.is-out .pre__p--b{transform:translateY(100%)}
@keyframes precoin{from{opacity:0;transform:scale(.7) rotate(-25deg)}}
/* cursor */
.cur{position:fixed;left:0;top:0;z-index:99;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--brand);pointer-events:none;opacity:0;display:grid;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),opacity .3s,background .3s;mix-blend-mode:difference}
.cur.is-on{opacity:1}
.cur span{font-size:.8rem;font-weight:500;color:#0a0a0b;opacity:0;transition:opacity .2s}
.cur.is-link{width:44px;height:44px;margin:-22px 0 0 -22px;background:rgb(212 248 58 / .35)}
.cur.is-view{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--brand);mix-blend-mode:normal}
.cur.is-view span{opacity:1}
@media (pointer:fine){body,a,button{cursor:none}}
@media (pointer:coarse){.cur{display:none}}
/* palavras dos títulos */
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wi{display:inline-block;will-change:transform}
.white .hl .wm{overflow:visible}
/* faixas de texto gigante */
.band{position:relative;z-index:1;overflow:hidden;padding-block:clamp(1.5rem, 1rem + 2vw, 3rem);background:var(--dark);border-block:1px solid var(--dark-line)}
.band__r{display:flex;align-items:center;gap:clamp(1.5rem, 1rem + 2vw, 3rem);width:max-content;white-space:nowrap}
.band__r span{font-size:clamp(3rem, 1.5rem + 7vw, 8.5rem);font-weight:300;letter-spacing:-.05em;line-height:1.05;color:var(--silver)}
.band__r i{display:grid;color:var(--brand)}.band__r i svg{width:clamp(2rem, 1rem + 3vw, 4.5rem);height:auto;stroke-width:1.6;animation:spin 8s linear infinite}
.band__r--o span{color:rgb(212 212 216 / .22)}
/* serviços em trilho horizontal (desktop) */
.scs--h{display:flex!important;gap:16px;width:max-content;will-change:transform}
.scs--h .sc{flex:0 0 400px;min-height:540px!important;grid-column:auto!important}
.scs--h .sc--big{flex-basis:520px}
.hs .pls{margin-top:2.5rem}
/* processo fixado */
.pn-bar{height:2px;background:var(--line);margin-bottom:0;position:relative;overflow:hidden}
.pn-bar i{position:absolute;inset:0;background:linear-gradient(90deg,#27272a,#9FD11A);transform-origin:left;transform:scaleX(0)}
.pn__r.is-on .pn__i{background:var(--brand);color:#0a0a0b;box-shadow:0 0 24px rgb(159 209 26 / .6)}
.pn__r .pn__i{transition:background .4s,color .4s,box-shadow .4s}
/* header claro em seção white */
.hdr.on-white .hdr__in{background:rgb(255 255 255 / .78);border-color:var(--line)}
.hdr.on-white .nav>a,.hdr.on-white .nav>.dd>button{color:var(--ink-2)}
.hdr.on-white .nav a[aria-current=page]{color:var(--ink);background:rgb(10 10 11 / .06)}
.hdr.on-white .logo b{color:var(--ink)}.hdr.on-white .logo span{color:var(--ink-3)}
.hdr.on-white .burger{border-color:var(--line)}.hdr.on-white .burger span,.hdr.on-white .burger span::before,.hdr.on-white .burger span::after{background:var(--ink)}
.hdr__in,.hdr__in *{transition:background .4s,color .4s,border-color .4s}
@media (prefers-reduced-motion:reduce){.pre,.cur{display:none}}

/* ===== bento v4: cards do site atual (WhatsApp, Mais vendas, Velocidade, Custo por lead, Confiança) ===== */
.bc .bc-1{grid-column:1/7;grid-row:1}
.bc .bc-2{grid-column:7/13;grid-row:1;flex-direction:column!important;min-height:400px!important}
.bc .bc-3{grid-column:1/5;grid-row:2/4;min-height:600px}
.bc .bc-4{grid-column:5/9;grid-row:2/4}
.bc .bc-5{grid-column:9/13;grid-row:2/4}
.bc .bc-7{grid-column:1/9;grid-row:4;flex-direction:row;align-items:center;min-height:220px}
.bc .bc-6{grid-column:9/13;grid-row:4}
.bc-t--top{margin-top:0;padding-bottom:.5rem}
.bc-t--top p{margin-top:.35rem}
.bc-t--c{text-align:center}.bc-t--c p{margin-inline:auto}
.bc h3{font-size:clamp(1.3rem, 1.1rem + .7vw, 1.75rem);font-weight:400;letter-spacing:-.025em}
.bc .card p{font-size:.98rem;color:#B4B4BB}
.bc-7 .bc-lock{flex:0 0 46%;margin:0;height:200px}.bc-7 .bc-t{text-align:left;margin:0}.bc-7 .bc-t p{margin-inline:0}
/* gráfico */
.bc-chart{margin-top:auto;padding:0 1.25rem 1.25rem}
.bc-chart .chart{background:transparent;border:0;padding:0}
/* digitando */
.bc-typing p{display:flex;gap:5px;padding:1rem 1.1rem!important}
.bc-typing i{width:7px;height:7px;border-radius:50%;background:#a1a1aa;animation:typing 1.2s infinite}
.bc-typing i:nth-child(2){animation-delay:.15s}.bc-typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{30%{transform:translateY(-4px);opacity:1}0%,60%,100%{opacity:.4}}
.anim.is-in .bc-typing{transition-delay:1.1s}
/* notificações de venda ao vivo */
.bv{position:relative;flex:1;margin:1rem 1.2rem 1.4rem;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
.bv__list{display:grid;gap:10px}
.bv-n{display:flex;align-items:center;gap:.8rem;padding:.85rem .95rem;border-radius:16px;background:linear-gradient(180deg,#1b1b1b,#121212);border:1px solid rgb(255 255 255 / .09);box-shadow:0 18px 40px -22px #000;animation:vin .8s var(--ease) both}
.bv-n:first-child{border-color:rgb(212 248 58 / .35);box-shadow:0 0 0 1px rgb(212 248 58 / .1),0 20px 50px -20px rgb(212 248 58 / .35)}
.bv-n i{flex:0 0 40px;height:40px;border-radius:11px;display:grid;place-items:center}
.bv-n i svg{width:21px;height:21px}
.bv-n--g i{background:rgb(37 211 102 / .14);color:#25D366}.bv-n--o i{background:#F04E23;color:#fff}.bv-n--l i{background:rgb(212 248 58 / .14);color:var(--brand)}
.bv-n b{display:block;font-size:.92rem;font-weight:500;color:var(--on-dark)}.bv-n small{font-size:.78rem;color:var(--on-dark-2)}
.bv-n time{margin-left:auto;align-self:flex-start;font-size:.68rem;color:var(--on-dark-2);white-space:nowrap}
@keyframes vin{from{opacity:0;transform:translateY(-26px) scale(.94)}}
/* velocidade */
.bg-g{position:relative;flex:1;display:grid;place-items:center;align-content:center;padding:1.5rem 1.25rem 2rem;min-height:360px}
.bg-g>svg{width:min(320px,90%)}
.bg-arc{stroke-dasharray:0 100;transition:stroke-dasharray 2s var(--ease) .2s}
.bg-g.is-in .bg-arc{stroke-dasharray:99 100}
.bg-n{position:absolute;left:50%;top:56%;translate:-50% -50%;font-size:clamp(3.2rem, 2.4rem + 2.4vw, 4.6rem);font-weight:600;letter-spacing:-.05em;color:#fff;line-height:1}
.bg-chip{position:absolute;display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:14px;background:#fff;color:#0a0a0b;box-shadow:0 20px 40px -14px rgb(0 0 0 / .8);animation:bob 6s ease-in-out infinite}
.bg-chip--a{left:6%;top:10%}.bg-chip--b{right:6%;bottom:8%;gap:.7rem;animation-delay:-3s}
.bg-ps{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#0a0a0b;color:var(--brand)}.bg-ps svg{width:16px}
.bg-chip b{display:block;font-size:.8rem;font-weight:600}.bg-chip small{font-size:.66rem;color:#71717a}
.bg-r{display:grid;justify-items:center;gap:2px}
.bg-r em{font-style:normal;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:.66rem;font-weight:600;color:#3f6212;background:radial-gradient(closest-side,#fff 78%,transparent 80%),conic-gradient(#65a30d calc(var(--p) * 1%),#e4e4e7 0)}
.bg-r small{font-size:.58rem;color:#71717a}

/* ===== grid "a favor da sua venda" v2: cards com contraste ===== */
.cf{grid-template-columns:repeat(12,1fr);gap:14px}
.cf-col{display:contents}
.cf-it{grid-column:span 3;display:flex!important;flex-direction:column;gap:0;align-items:stretch;border-radius:var(--r-lg);background:var(--paper-2);border:1px solid var(--line);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s,border-color .3s}
.cf-it:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgb(10 10 11 / .35);border-color:rgb(10 10 11 / .18)}
.cf-it--big{grid-column:1/7;grid-row:span 2;background:linear-gradient(180deg,#151515,#0B0B0B);border-color:transparent}
.cf-it:nth-child(2){grid-column:7/10}.cf-it:nth-child(3){grid-column:10/13}.cf-it:nth-child(4){grid-column:7/10}.cf-it:nth-child(5){grid-column:10/13}
.cf-ob{height:190px;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(80% 90% at 50% 100%,rgb(212 248 58 / .22),transparent 70%)}
.cf-it--big .cf-ob{flex:1;height:auto;padding:0;background:none}
.cf-tx{padding:1.4rem 1.5rem 1.6rem}
.cf-i{margin-bottom:.9rem}
.white .cf-it h3{font-size:1.3rem;font-weight:500;color:var(--ink);letter-spacing:-.02em}
.white .cf-it p{font-size:.98rem;line-height:1.55;color:rgb(10 10 11 / .72);margin-top:.4rem;max-width:40ch}
.white .cf-it--big h3{color:var(--on-dark)}.white .cf-it--big p{color:#B4B4BB}
.cf-it--big .cf-i{box-shadow:0 0 24px rgb(212 248 58 / .45)}
.cf-scene{height:100%;min-height:380px;border-radius:0;background:radial-gradient(90% 80% at 50% 100%,rgb(212 248 58 / .45),transparent 62%)}
.cf-phone{width:250px;height:330px}
.cf-b{font-size:.78rem}
.cf-mini{max-width:230px;transform:rotate(-2deg);padding:16px;gap:10px}
.cf-tg{font-size:.85rem;color:var(--ink)}
.cf-tg span{display:inline-flex;align-items:center;gap:.45rem}.cf-tg svg{width:16px;height:16px;color:var(--ink)}
.cf-in{font-size:.82rem;color:rgb(10 10 11 / .55);background:#fff}
.cf-go{font-size:.85rem}
.cf-score b{font-size:2.2rem;font-weight:400;color:var(--ink)}.cf-score small{font-size:.72rem;color:rgb(10 10 11 / .6)}
.cf-url{flex-direction:column;align-items:stretch;gap:.55rem;width:100%;max-width:250px;padding:.6rem .7rem .8rem;transform:rotate(2deg);font-size:.85rem;color:var(--ink)}
.cf-url__bar{display:flex;gap:4px}.cf-url__bar i{width:7px;height:7px;border-radius:50%;background:#d4d4d8}
.cf-url__in{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:9px;background:var(--paper-2);border:1px solid var(--line)}
.cf-url em{display:inline-flex;align-items:center;gap:.35rem;align-self:flex-start;font-size:.72rem;padding:4px 9px;border-radius:7px;background:#ecfccb;color:#3f6212;font-weight:500}.cf-url em svg{width:12px}
@media (max-width:1080px){
  .bc .bc-1,.bc .bc-2{grid-column:1/-1;grid-row:auto}
  .bc .bc-3{grid-column:1/7;grid-row:auto}.bc .bc-4{grid-column:7/13;grid-row:auto}
  .bc .bc-5{grid-column:1/7;grid-row:auto;min-height:460px}.bc .bc-7{grid-column:7/13;grid-row:auto;flex-direction:column}.bc .bc-6{grid-column:1/-1;grid-row:auto}
  .bc-7 .bc-lock{flex:none;width:100%}.bc-7 .bc-t{text-align:center}
  .cf-it,.cf-it--big,.cf-it:nth-child(n){grid-column:span 6;grid-row:auto}
  .cf-it--big{grid-column:1/-1!important}
}
@media (max-width:640px){
  .bc .bc-3{min-height:520px}
  .cf-it:nth-child(n){grid-column:1/-1!important}
  .bg-chip--a{left:3%;top:4%}.bg-chip--b{right:3%;bottom:3%}
}
.cf-ob{background:radial-gradient(60% 70% at 50% 45%,rgb(212 248 58 / .2),transparent 75%)}
.cf-it--big .cf-scene{display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(70% 75% at 50% 100%,rgb(212 248 58 / .42),transparent 70%)}
.cf-it--big .cf-phone{margin-top:90px;height:360px;transform:translateY(40px)}
.cf-it--big.is-in .cf-phone{transform:translateY(0)}
.cf-it--big .cf-tx{border-top:1px solid rgb(255 255 255 / .06)}
.bg-g{justify-content:center}
.bg-chip--a{top:6%}

/* ===== galeria órbita: espalha → linha → círculo → arco no scroll ===== */
.orb{position:relative;height:360vh;background-color:var(--dark);background-image:radial-gradient(rgb(255 255 255 / .07) .7px,transparent 1px);background-size:6px 6px}
.orb__s{position:sticky;top:0;height:100vh;overflow:hidden;perspective:1000px}
.orb__s::before{content:"";position:absolute;left:50%;top:50%;width:70vmin;height:70vmin;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgb(212 248 58 / .14),transparent);pointer-events:none}
.orb__intro,.orb__arc{position:absolute;left:0;right:0;z-index:2;text-align:center;pointer-events:none;padding-inline:var(--pad)}
.orb__intro{top:50%;translate:0 -50%}
.orb__arc{top:11%;opacity:0}
.orb__h{font-size:clamp(1.9rem, 1.2rem + 2.6vw, 3.6rem)}
.orb__k{margin-top:1rem;font-size:.72rem;font-weight:500;letter-spacing:.24em;color:var(--on-dark-2)}
.orb__arc p:not(.kick){margin:1rem auto 0;max-width:46ch}
.orb__stage{position:absolute;inset:0}
.fc{--w:86px;--h:120px;position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);perspective:900px;will-change:transform,opacity;opacity:0}
.fc__in{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}
.fc:hover .fc__in{transform:rotateY(180deg)}
.fc__f,.fc__b{position:absolute;inset:0;border-radius:12px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 14px 30px -12px #000;border:1px solid rgb(255 255 255 / .1)}
.fc__f img{width:100%;height:100%;object-fit:cover;object-position:top}
.fc__f::after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / .12);transition:background .3s}
.fc:hover .fc__f::after{background:transparent}
.fc__b{transform:rotateY(180deg);display:grid;place-content:center;gap:.2rem;text-align:center;padding:.5rem;background:linear-gradient(180deg,#171717,#0a0a0a);border-color:rgb(212 248 58 / .35)}
.fc__b small{font-size:.45rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brand)}
.fc__b b{font-size:.55rem;font-weight:500;line-height:1.2;color:var(--on-dark)}
@media (max-width:640px){.fc{--w:56px;--h:80px}.orb{height:300vh}}
@media (prefers-reduced-motion:reduce){.orb{height:auto}.orb__s{position:relative;height:auto;padding:5rem 0}.orb__intro{position:relative;top:auto;translate:none}.orb__arc{display:none}.orb__stage{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:2rem var(--pad)}.fc{position:relative;left:auto;top:auto;margin:0;opacity:1}}

/* ===== hero com esteira de cards inclinados (Portfólio) ===== */
.th{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(8rem, 6rem + 4vw, 10rem);padding-bottom:0}
.th__c{text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.th__c h1{font-size:clamp(2.7rem, 1.2rem + 5vw, 5.6rem);margin:1.3rem 0 1.2rem;max-width:16ch}
.th__c .lead{max-width:52ch;margin:0 auto 1.6rem}
.tm{position:relative;margin-top:auto;padding-block:clamp(2.5rem, 2rem + 2vw, 4rem) clamp(2rem, 1.5rem + 2vw, 3.5rem);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.tm__t{display:flex;gap:1rem;width:max-content;animation:tmove 40s linear infinite}
.tm:hover .tm__t{animation-play-state:paused}
@keyframes tmove{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tm__c{flex:0 0 auto;height:clamp(12rem, 8rem + 8vw, 16rem);aspect-ratio:3/4;border-radius:18px;overflow:hidden;rotate:var(--r);box-shadow:0 30px 60px -25px #000;border:1px solid rgb(255 255 255 / .1);transition:rotate .5s var(--ease),scale .5s var(--ease)}
.tm__c:hover{rotate:0deg;scale:1.06}
.tm__c img{width:100%;height:100%;object-fit:cover;object-position:top}
@media (prefers-reduced-motion:reduce){.tm__t{animation:none}}
@media (max-width:640px){.orb__intro .orb__h{font-size:1.35rem}.orb__intro .orb__k{font-size:.6rem}}

/* ===== carrossel curvo (cilindro) da hero ===== */
.cyl{position:relative;height:calc(100vw * 420 / 1440);max-height:none;margin-top:clamp(1.5rem, 1rem + 2vw, 2.5rem);perspective:none;-webkit-mask-image:none;mask-image:none;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.cyl.is-drag{cursor:grabbing}
.cyl::after{display:none}
.cy{position:absolute;left:0;top:0;will-change:transform,clip-path;background:#111}
.cy img{width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;transition:transform .6s var(--ease)}
.cy::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgb(4 4 4 / .75));pointer-events:none}
.cy__t{position:absolute;left:12%;bottom:8%;z-index:1;display:flex;align-items:center;gap:.4rem;font-size:clamp(.62rem, .5rem + .3vw, .8rem);font-weight:500;color:#fff}
.cy__t::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:rgb(255 255 255 / .22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4F83A' stroke-width='2.4'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/12px no-repeat;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cy:hover img{transform:scale(1.05)}
@media (max-width:820px){.cyl{height:250px}}
.cur.is-drag-hint{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--brand);mix-blend-mode:normal}

/* ===== túnel de cards (ref. image-stream-hero) — Serviços ===== */
.ish{position:relative;min-height:100vh;overflow:hidden;container-type:inline-size;isolation:isolate;background-color:var(--dark);background-image:radial-gradient(rgb(255 255 255 / .07) .7px,transparent 1px);background-size:6px 6px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(7.5rem, 6rem + 3vw, 9rem) 0 clamp(2.5rem, 2rem + 2vw, 4rem)}
.ish__p{position:absolute;inset:0;perspective:30cqw;perspective-origin:50% 55%;z-index:0;pointer-events:none}
.ish__rail{position:absolute;inset:0;transform-style:preserve-3d}
.is__c{position:absolute;left:50%;top:55%;height:46cqw;aspect-ratio:3/4;border-radius:2cqw;overflow:hidden;border:1px solid rgb(255 255 255 / .1);box-shadow:0 3cqw 6cqw -2cqw #000;opacity:0;animation:ish-l 18s linear infinite;animation-delay:calc(var(--i) * -2s);will-change:transform,opacity}
.ish__rail--r .is__c{animation-name:ish-r;animation-delay:calc(var(--i) * -2s - 1s)}
.is__c img{width:100%;height:100%;object-fit:cover;object-position:top}
.ish::after{content:"";position:absolute;left:50%;top:55%;width:40cqw;height:40cqw;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#040404 30%,transparent);z-index:0;pointer-events:none}
.ish__top,.ish__bot{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center}
.ish__top h1{font-size:clamp(2.6rem, 1.2rem + 5vw, 5.4rem);margin-top:1.2rem}
.ish__bot .lead{margin:0 auto 1.4rem;text-shadow:0 2px 20px #000}
.ish__bot .btns{justify-content:center}
@media (max-width:640px){.is__c{height:70cqw}}
@media (prefers-reduced-motion:reduce){.is__c{animation-play-state:paused}}
@keyframes ish-l{0.00%{transform:translate(-50%,-50%) translateX(-4.00cqw) rotateY(6.00deg) scale(0.0565);opacity:0.000}4.17%{transform:translate(-50%,-50%) translateX(-4.00cqw) rotateY(6.00deg) scale(0.0565);opacity:0.347}8.33%{transform:translate(-50%,-50%) translateX(-4.02cqw) rotateY(6.01deg) scale(0.0568);opacity:0.694}12.50%{transform:translate(-50%,-50%) translateX(-4.06cqw) rotateY(6.02deg) scale(0.0575);opacity:1.000}16.67%{transform:translate(-50%,-50%) translateX(-4.17cqw) rotateY(6.06deg) scale(0.0591);opacity:1.000}20.83%{transform:translate(-50%,-50%) translateX(-4.35cqw) rotateY(6.12deg) scale(0.0619);opacity:1.000}25.00%{transform:translate(-50%,-50%) translateX(-4.64cqw) rotateY(6.23deg) scale(0.0662);opacity:1.000}29.17%{transform:translate(-50%,-50%) translateX(-5.06cqw) rotateY(6.38deg) scale(0.0727);opacity:1.000}33.33%{transform:translate(-50%,-50%) translateX(-5.65cqw) rotateY(6.59deg) scale(0.0817);opacity:1.000}37.50%{transform:translate(-50%,-50%) translateX(-6.44cqw) rotateY(6.86deg) scale(0.0936);opacity:1.000}41.67%{transform:translate(-50%,-50%) translateX(-7.45cqw) rotateY(7.22deg) scale(0.1090);opacity:1.000}45.83%{transform:translate(-50%,-50%) translateX(-8.72cqw) rotateY(7.68deg) scale(0.1284);opacity:1.000}50.00%{transform:translate(-50%,-50%) translateX(-10.29cqw) rotateY(8.23deg) scale(0.1523);opacity:1.000}54.17%{transform:translate(-50%,-50%) translateX(-12.20cqw) rotateY(8.91deg) scale(0.1813);opacity:1.000}58.33%{transform:translate(-50%,-50%) translateX(-14.47cqw) rotateY(9.71deg) scale(0.2158);opacity:1.000}62.50%{transform:translate(-50%,-50%) translateX(-17.15cqw) rotateY(10.66deg) scale(0.2566);opacity:1.000}66.67%{transform:translate(-50%,-50%) translateX(-20.27cqw) rotateY(11.77deg) scale(0.3041);opacity:1.000}70.83%{transform:translate(-50%,-50%) translateX(-23.87cqw) rotateY(13.05deg) scale(0.3589);opacity:1.000}75.00%{transform:translate(-50%,-50%) translateX(-27.99cqw) rotateY(14.51deg) scale(0.4216);opacity:1.000}79.17%{transform:translate(-50%,-50%) translateX(-32.68cqw) rotateY(16.18deg) scale(0.4930);opacity:1.000}83.33%{transform:translate(-50%,-50%) translateX(-37.97cqw) rotateY(18.05deg) scale(0.5735);opacity:1.000}87.50%{transform:translate(-50%,-50%) translateX(-43.90cqw) rotateY(20.16deg) scale(0.6638);opacity:1.000}91.67%{transform:translate(-50%,-50%) translateX(-50.53cqw) rotateY(22.51deg) scale(0.7645);opacity:1.000}95.83%{transform:translate(-50%,-50%) translateX(-57.88cqw) rotateY(25.12deg) scale(0.8764);opacity:0.521}100.00%{transform:translate(-50%,-50%) translateX(-66.00cqw) rotateY(28.00deg) scale(1.0000);opacity:0.000}}
@keyframes ish-r{0.00%{transform:translate(-50%,-50%) translateX(4.00cqw) rotateY(-6.00deg) scale(0.0565);opacity:0.000}4.17%{transform:translate(-50%,-50%) translateX(4.00cqw) rotateY(-6.00deg) scale(0.0565);opacity:0.347}8.33%{transform:translate(-50%,-50%) translateX(4.02cqw) rotateY(-6.01deg) scale(0.0568);opacity:0.694}12.50%{transform:translate(-50%,-50%) translateX(4.06cqw) rotateY(-6.02deg) scale(0.0575);opacity:1.000}16.67%{transform:translate(-50%,-50%) translateX(4.17cqw) rotateY(-6.06deg) scale(0.0591);opacity:1.000}20.83%{transform:translate(-50%,-50%) translateX(4.35cqw) rotateY(-6.12deg) scale(0.0619);opacity:1.000}25.00%{transform:translate(-50%,-50%) translateX(4.64cqw) rotateY(-6.23deg) scale(0.0662);opacity:1.000}29.17%{transform:translate(-50%,-50%) translateX(5.06cqw) rotateY(-6.38deg) scale(0.0727);opacity:1.000}33.33%{transform:translate(-50%,-50%) translateX(5.65cqw) rotateY(-6.59deg) scale(0.0817);opacity:1.000}37.50%{transform:translate(-50%,-50%) translateX(6.44cqw) rotateY(-6.86deg) scale(0.0936);opacity:1.000}41.67%{transform:translate(-50%,-50%) translateX(7.45cqw) rotateY(-7.22deg) scale(0.1090);opacity:1.000}45.83%{transform:translate(-50%,-50%) translateX(8.72cqw) rotateY(-7.68deg) scale(0.1284);opacity:1.000}50.00%{transform:translate(-50%,-50%) translateX(10.29cqw) rotateY(-8.23deg) scale(0.1523);opacity:1.000}54.17%{transform:translate(-50%,-50%) translateX(12.20cqw) rotateY(-8.91deg) scale(0.1813);opacity:1.000}58.33%{transform:translate(-50%,-50%) translateX(14.47cqw) rotateY(-9.71deg) scale(0.2158);opacity:1.000}62.50%{transform:translate(-50%,-50%) translateX(17.15cqw) rotateY(-10.66deg) scale(0.2566);opacity:1.000}66.67%{transform:translate(-50%,-50%) translateX(20.27cqw) rotateY(-11.77deg) scale(0.3041);opacity:1.000}70.83%{transform:translate(-50%,-50%) translateX(23.87cqw) rotateY(-13.05deg) scale(0.3589);opacity:1.000}75.00%{transform:translate(-50%,-50%) translateX(27.99cqw) rotateY(-14.51deg) scale(0.4216);opacity:1.000}79.17%{transform:translate(-50%,-50%) translateX(32.68cqw) rotateY(-16.18deg) scale(0.4930);opacity:1.000}83.33%{transform:translate(-50%,-50%) translateX(37.97cqw) rotateY(-18.05deg) scale(0.5735);opacity:1.000}87.50%{transform:translate(-50%,-50%) translateX(43.90cqw) rotateY(-20.16deg) scale(0.6638);opacity:1.000}91.67%{transform:translate(-50%,-50%) translateX(50.53cqw) rotateY(-22.51deg) scale(0.7645);opacity:1.000}95.83%{transform:translate(-50%,-50%) translateX(57.88cqw) rotateY(-25.12deg) scale(0.8764);opacity:0.521}100.00%{transform:translate(-50%,-50%) translateX(66.00cqw) rotateY(-28.00deg) scale(1.0000);opacity:0.000}}

/* ---------- Quem sou: hero estilo TOKA (nome gigante, recorte na frente) ---------- */
.ah{position:relative;min-height:max(100svh,720px);overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 50% 110%,#141a06 0,var(--dark) 60%)}
.ah__dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgb(255 255 255 / .07) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask:radial-gradient(70% 70% at 50% 45%,#000,transparent);mask:radial-gradient(70% 70% at 50% 45%,#000,transparent)}
.ah .glow{width:60vw;height:60vw;opacity:.55}
.ah__name{position:absolute;left:0;right:0;top:clamp(5.2rem,3rem + 4vw,7.5rem);z-index:1;display:flex;justify-content:center;font-size:clamp(7rem,27vw,30rem);font-weight:300;line-height:.8;letter-spacing:-.065em;color:var(--silver);white-space:nowrap;pointer-events:none;user-select:none;will-change:transform}
.ah__name span{display:inline-block;animation:ah-up 1.3s var(--ease) both;animation-delay:calc(.15s + var(--i)*.07s)}
@keyframes ah-up{from{transform:translateY(60%);opacity:0;filter:blur(14px)}}
.ah__me{position:absolute;left:50%;bottom:0;z-index:2;filter:drop-shadow(0 0 60px rgb(186 242 50 / .18));height:min(84svh,820px);aspect-ratio:483/603;transform:translateX(-50%);pointer-events:none}
.ah__me img{width:100%;height:100%;object-fit:contain;object-position:bottom;animation:ah-me 1.6s var(--ease) .35s both;-webkit-mask:linear-gradient(#000 78%,transparent);mask:linear-gradient(#000 78%,transparent)}
@keyframes ah-me{from{transform:translateY(8%) scale(1.04);opacity:0}}
.ah__l,.ah__r{position:absolute;z-index:3;bottom:clamp(6rem,4rem + 8vh,12rem);animation:ah-fade 1.2s var(--ease) .9s both}
.ah__l{left:var(--pad);max-width:22rem}
.ah__l h1{font-size:clamp(1.9rem,1.2rem + 1.9vw,3.1rem);line-height:1.08;margin:.8rem 0 1.6rem}
.ah__l .crumbs{margin:0}
.ah__r{right:var(--pad);max-width:24rem}
.ah__big{font-size:clamp(2.6rem,1.4rem + 3.6vw,5.4rem);font-weight:300;line-height:.95;letter-spacing:-.04em;color:var(--silver);margin-bottom:1.2rem}
.ah__r p:not(.ah__big){font-size:.95rem;max-width:34ch}
.ah__r b{color:var(--on-dark);font-weight:500}
.ah__t{position:absolute;z-index:3;right:var(--pad);bottom:2rem;text-align:right;line-height:1.2;animation:ah-fade 1.2s var(--ease) 1.1s both}
.ah__t b{display:block;font-size:1.25rem;font-weight:500;color:var(--on-dark);font-variant-numeric:tabular-nums}
.ah__t small{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-2)}
@keyframes ah-fade{from{opacity:0;transform:translateY(24px)}}
@media (max-width:1080px){.ah__l{max-width:17rem}.ah__r{max-width:18rem}.ah__me{height:min(70svh,700px)}}
@media (max-width:820px){
  .ah{min-height:0;display:flex;flex-direction:column;padding:6.5rem var(--pad) 2rem}
  .ah__name{position:relative;top:auto;font-size:31vw;margin-inline:calc(var(--pad)*-1)}
  .ah__me{position:relative;left:auto;bottom:auto;transform:none;height:auto;width:min(86vw,420px);margin:-15vw auto 0}
  .ah__l,.ah__r,.ah__t{position:relative;left:auto;right:auto;bottom:auto;max-width:none}
  .ah__r{order:2;margin-top:-2.5rem}.ah__l{order:3;margin-top:2rem}.ah__t{order:4;text-align:left;margin-top:2rem}
  .ah__big{font-size:3.2rem}
}
@media (prefers-reduced-motion:reduce){.ah__name span,.ah__me img,.ah__l,.ah__r,.ah__t{animation:none}}

/* ---------- DriftWall: parede de prints subindo em perspectiva (sem hover) ---------- */
.dw-sec{position:relative;overflow:hidden;min-height:clamp(560px,48vw,760px);display:grid;place-items:center;isolation:isolate}
.dw{position:absolute;inset:0;z-index:-1;perspective:1200px;overflow:hidden;pointer-events:none;--tw:clamp(140px,14.5vw,230px);--gap:18px}
.dw__p{position:absolute;left:50%;top:50%;height:170%;display:flex;gap:var(--gap);transform:translate(-50%,calc(-50% + var(--py,0px))) rotateX(16deg) rotateZ(-14deg);transform-style:preserve-3d;will-change:transform}
.dw__c{flex:none;width:var(--tw);transform:translateZ(var(--z));margin-top:var(--o)}
.dw__k{display:flex;flex-direction:column;gap:var(--gap);animation:dw-up var(--d) linear infinite}
.dw__t{display:block;aspect-ratio:200/132;border-radius:12px;overflow:hidden;border:1px solid rgb(255 255 255 / .08);background:var(--dark-2);box-shadow:0 24px 50px -20px rgb(0 0 0 / .8)}
.dw__t img{width:100%;height:100%;object-fit:cover;object-position:top}
@keyframes dw-up{to{transform:translateY(calc(-50% - var(--gap)/2))}}
.dw::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 50%,rgb(4 4 4 / .9),rgb(4 4 4 / .55) 75%),linear-gradient(var(--dark),transparent 22%,transparent 78%,var(--dark))}
.dw__in{position:relative;text-align:center;max-width:820px}
.dw__in .lead{margin:1.2rem auto 2rem}
.dw__in .btns{justify-content:center}
@media (max-width:820px){.dw{--tw:120px;--gap:12px}.dw__p{height:200%}}
@media (prefers-reduced-motion:reduce){.dw__k{animation:none}}

/* ---------- cursor v2: seta própria nítida (sem brilho, sem atraso); pílula "Ver" só sobre projetos ---------- */
.cursor-glow{display:none!important}
@media (pointer:fine){
  body{cursor:url("cursor.svg") 3 2,auto}
  a,button,[role=button],label,summary,select{cursor:url("cursor-link.svg") 3 2,pointer}
  input,textarea{cursor:text}
  .cyl{cursor:url("cursor.svg") 3 2,grab}
}
.cur{width:auto;height:auto;margin:0;padding:.55rem .9rem;border-radius:var(--r-pill);background:var(--brand);mix-blend-mode:normal;opacity:0;transform-origin:0 0;box-shadow:none;scale:.6;transition:opacity .2s,scale .3s var(--ease)}
.cur span{color:var(--brand-ink);font-size:.78rem;font-weight:600;letter-spacing:.02em;opacity:1}
.cur span::after{content:" ↗"}
.cur.is-on{opacity:0}
.cur.is-link{width:auto;height:auto;margin:0;background:var(--brand)}
.cur.is-on.is-view{opacity:1;scale:1;width:auto;height:auto;margin:22px 0 0 18px}

/* galeria em arco v2: prints em formato de hero de página (paisagem), sem virar no hover */
.fc{--w:150px;--h:94px}
.fc:hover .fc__in{transform:none}
.fc__f{border-radius:10px}
.fc__f::after{display:none}
.fc__b{display:none}
@media (max-width:640px){.fc{--w:100px;--h:63px}}

/* ---------- Integrações v2: hub central com linhas e pulsos (substitui as faixas diagonais) ---------- */
.hb{position:relative;max-width:1000px;margin-inline:auto;aspect-ratio:1000/520}
.hb__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hb__ln{fill:none;stroke:rgb(255 255 255 / .09);stroke-width:1.2;vector-effect:non-scaling-stroke}
.hb__pl{fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:8 92;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 4px rgb(212 248 58 / .8))}
.hb.is-in .hb__pl{animation:hb-pulse 3.6s cubic-bezier(.45,0,.55,1) infinite;animation-delay:calc(var(--i) * .3s)}
@keyframes hb-pulse{0%{stroke-dashoffset:100;opacity:0}10%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.hb__n{position:absolute;display:flex;align-items:center;gap:.6rem;width:clamp(150px,18%,186px);translate:0 -50%;padding:.65rem .8rem;border-radius:14px;border:1px solid var(--dark-line);background:linear-gradient(180deg,#161616,#0c0c0c);box-shadow:0 14px 30px -18px #000;opacity:0;transition:opacity .6s var(--ease),translate .6s var(--ease),border-color .3s;transition-delay:calc(var(--i) * 60ms)}
.hb__n--l{right:73.8%;translate:-24px -50%}
.hb__n--r{left:73.8%;translate:24px -50%}
.hb.is-in .hb__n{opacity:1;translate:0 -50%}
.hb__n svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:rgb(255 255 255 / .05);color:var(--silver)}
.hb__n b{font-size:.88rem;font-weight:500;color:var(--on-dark);white-space:nowrap}
.hb__ok{margin-left:auto;flex:none;width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgb(212 248 58 / .14)}
.hb__hub{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;justify-items:center;gap:.25rem;text-align:center}
.hb__core{position:relative;z-index:1;display:grid;place-items:center;width:clamp(110px,15vw,150px);aspect-ratio:1;border-radius:32px;background:#000;border:1px solid rgb(212 248 58 / .3);box-shadow:0 0 0 8px rgb(212 248 58 / .04),0 30px 80px -20px rgb(212 248 58 / .35),inset 0 1px 0 rgb(255 255 255 / .08);margin-bottom:.8rem}
.hb__core img{width:44%;height:auto}
.hb__ring{position:absolute;left:50%;top:clamp(55px,7.5vw,75px);width:clamp(110px,15vw,150px);aspect-ratio:1;translate:-50% -50%;border-radius:36px;border:1px solid rgb(212 248 58 / .35);animation:hb-ring 3.2s var(--ease) infinite}
.hb__ring--2{animation-delay:1.6s}
@keyframes hb-ring{from{scale:1;opacity:.8}to{scale:1.7;opacity:0}}
.hb__hub b{font-size:1rem;font-weight:500;color:var(--on-dark)}
.hb__hub small{font-size:.78rem;color:var(--on-dark-2)}
@media (max-width:820px){
  .hb{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .hb__svg{display:none}
  .hb__hub{position:relative;left:auto;top:auto;translate:none;grid-column:1/-1;order:-1;margin-bottom:1.6rem}
  .hb__ring{top:clamp(55px,7.5vw,75px)}
  .hb__n,.hb__n--l,.hb__n--r{position:relative;left:auto;right:auto;top:auto!important;width:auto;translate:0 16px}
  .hb.is-in .hb__n{translate:none}
}
@media (prefers-reduced-motion:reduce){.hb__pl,.hb__ring{animation:none}}
.hb__hub{translate:-50% calc(-50% + 34px)}@media (max-width:820px){.hb__hub{translate:none}}

/* ---------- Portfólio app (réplica da portfolio.steniowebdesigner.com) ---------- */
.wrap--wide{max-width:1440px}
.pf{display:grid;grid-template-columns:300px 1fr;gap:clamp(1.5rem,1rem + 2vw,3rem);align-items:start}
.pf--lite{display:block}
.pf__side{position:sticky;top:6.5rem;display:grid;gap:1.1rem;padding:1.5rem;border:1px solid var(--dark-line);border-radius:20px;background:linear-gradient(180deg,#141414,#0a0a0a)}
.pf__me{display:flex;align-items:center;gap:.9rem}
.pf__me img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:1px solid rgb(212 248 58 / .35)}
.pf__me b{display:block;font-weight:500;color:var(--on-dark)}
.pf__me small{color:var(--on-dark-2)}
.pf__side p{font-size:.92rem}
.pf__st{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.pf__st div{padding:.8rem;border-radius:14px;background:rgb(255 255 255 / .03);border:1px solid var(--dark-line)}
.pf__st b{display:block;font-size:1.5rem;font-weight:300;color:var(--silver)}
.pf__st small{font-size:.75rem;color:var(--on-dark-2)}
.pf__side .btn{width:100%;justify-content:space-between}
.pf__ln{font-size:.88rem;color:var(--on-dark-2)}.pf__ln:hover{color:var(--brand)}
.pf__bar{position:sticky;top:5.6rem;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;margin-bottom:1.4rem;border:1px solid var(--dark-line);border-radius:16px;background:rgb(10 10 11 / .78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.pf__fb,.pf__so select,.pf__clr{display:inline-flex;align-items:center;gap:.45rem;height:40px;padding:0 1rem;border-radius:11px;border:1px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .03);font-size:.9rem;color:var(--on-dark);transition:border-color .2s,background .2s}
.pf__fb:hover,.pf__fb.is-on{border-color:rgb(212 248 58 / .5);background:rgb(212 248 58 / .06)}
.pf__fb::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;rotate:45deg;translate:0 -2px;opacity:.6}
.pf__n:not(:empty){display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:var(--brand-ink);font-size:.7rem;font-weight:600}
.pf__so select{appearance:none;padding-right:1rem;font-family:inherit}
.pf__so option{background:#111}
.pf__ct{margin-left:auto;font-size:.85rem;color:var(--on-dark-2);padding-right:.4rem}
.pf__clr{color:var(--brand);border-color:transparent;background:none}
.pf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px 20px}
.pf--lite .pf__grid{grid-template-columns:repeat(3,1fr)}
.pf__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 0 2rem}
.pf__chips button{height:40px;padding:0 1.1rem;border-radius:999px;border:1px solid rgb(255 255 255 / .12);font-size:.9rem;color:var(--on-dark-2);transition:.2s}
.pf__chips button[aria-pressed=true]{background:var(--silver);border-color:var(--silver);color:var(--ink)}
.pc{display:block;opacity:0;translate:0 12px;transition:opacity .5s var(--ease),translate .5s var(--ease)}
.pc.is-in{opacity:1;translate:none}
.pc__m{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--dark-line);background:var(--dark-2);transition:border-color .3s,box-shadow .3s}
.pc__m img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s var(--ease)}
.pc__tags{position:absolute;left:.7rem;top:.7rem;display:flex;gap:.35rem}
.pc__tags span{padding:.25rem .55rem;border-radius:999px;background:rgb(10 10 11 / .72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.7rem;color:var(--on-dark)}
.pc__go{position:absolute;right:.7rem;bottom:.7rem;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgb(10 10 11 / .72);color:var(--on-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .3s,color .3s}
.pc__go svg{width:16px}
.pc__v{position:absolute;left:50%;top:50%;translate:-50% -30%;padding:.6rem 1.1rem;border-radius:999px;background:var(--brand);color:var(--brand-ink);font-size:.85rem;font-weight:600;opacity:0;transition:opacity .3s,translate .4s var(--ease)}
.pc:hover .pc__m{border-color:rgb(212 248 58 / .55);box-shadow:0 20px 50px -20px rgb(212 248 58 / .35)}
.pc:hover .pc__m img{transform:scale(1.03)}
.pc:hover .pc__v{opacity:1;translate:-50% -50%}
.pc:hover .pc__go{background:var(--brand);color:var(--brand-ink)}
.pc__b{display:block;padding:.95rem .2rem 0}
.pc__b b{display:block;font-size:1.05rem;font-weight:500;color:var(--on-dark)}
.pc__b small{display:block;margin-top:.25rem;font-size:.85rem;color:var(--on-dark-2)}
.pc__b em{display:block;margin-top:.2rem;font-style:normal;font-size:.78rem;color:rgb(161 161 170 / .7)}
.pf__empty{text-align:center;padding:3rem 0}
.pf__more[hidden]{display:none}
.pm{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:1rem;background:rgb(0 0 0 / .6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pm[hidden],.pv[hidden]{display:none}
.pm__box{width:min(520px,100%);max-height:80vh;display:flex;flex-direction:column;border-radius:20px;border:1px solid var(--dark-line);background:#0f0f10;box-shadow:0 40px 100px -30px #000}
.pm__h{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.3rem;border-bottom:1px solid var(--dark-line)}
.pm__h b{font-weight:500;color:var(--on-dark)}
.pm__x,.pv__x{font-size:1.6rem;line-height:1;color:var(--on-dark-2)}
.pm__list{overflow:auto;padding:.6rem 1.3rem}
.pm__list label{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-bottom:1px solid rgb(255 255 255 / .04);font-size:.92rem;color:var(--on-dark)}
.pm__list input{width:18px;height:18px;accent-color:var(--brand)}
.pm__list small{margin-left:auto;color:var(--on-dark-2)}
.pm__f{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.3rem;border-top:1px solid var(--dark-line)}
.pv{position:fixed;inset:0;z-index:130;display:flex;flex-direction:column;background:#050505}
.pv__bar{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;border-bottom:1px solid var(--dark-line)}
.pv__t{font-weight:500;color:var(--on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv__sw{display:flex;margin-left:auto;padding:3px;border-radius:12px;background:rgb(255 255 255 / .05)}
.pv__sw button{height:34px;padding:0 .9rem;border-radius:9px;font-size:.85rem;color:var(--on-dark-2)}
.pv__sw button[aria-pressed=true]{background:var(--silver);color:var(--ink)}
.pv__o{font-size:.88rem;color:var(--brand);white-space:nowrap}
.pv__stage{flex:1;display:grid;place-items:center;padding:1rem;overflow:hidden}
.pv__f{width:100%;height:100%;border:0;border-radius:12px;background:#fff;transition:width .4s var(--ease)}
.pv.is-m .pv__f{width:390px;max-width:100%;height:min(844px,100%);border-radius:28px;box-shadow:0 0 0 10px #1a1a1a}
@media (max-width:1080px){.pf{grid-template-columns:1fr}.pf__side{position:relative;top:auto;grid-template-columns:1fr 1fr;align-items:center}.pf__side p{display:none}.pf--lite .pf__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.pf__side{grid-template-columns:1fr}.pf__grid,.pf--lite .pf__grid{grid-template-columns:1fr}.pf__bar{top:5rem}.pf__ct{width:100%;margin:0;padding:.2rem .4rem 0}.pv__sw{display:none}}
/* cilindro v2: cards em paisagem mostrando a hero inteira de cada site */
.cyl{height:calc(100vw * 340 / 1440)}
.cy img{object-fit:cover;object-position:center top}
@media (max-width:820px){.cyl{height:260px}}
/* bento sem o card da foto e sem o bloco da seta: confiança ocupa a coluna da direita */
.bc .bc-7{grid-column:9/13;grid-row:2/4;flex-direction:column;align-items:stretch;justify-content:center;min-height:0}
@media (max-width:1080px){.bc .bc-7{grid-column:1/-1;grid-row:auto}}

/* ---------- Serviços v2: cards preto e branco, sem luz amarela, ícones de marca nas cores reais ---------- */
.sc{background:linear-gradient(180deg,#171717 0%,#0c0c0c 100%);border-color:rgb(255 255 255 / .12);box-shadow:inset 0 1px 0 rgb(255 255 255 / .06)}
.sc:hover{border-color:rgb(255 255 255 / .28)}
.sc__light{display:none}
.sc__tx h3{color:#fff;font-weight:400}
.sc__tx p{color:#b4b4bb}
.sc .go{color:var(--on-dark)}
.sc .go svg{color:var(--brand)}
.gl{background:linear-gradient(150deg,#2a2a2c,#141415 55%,#0d0d0e);border-color:rgb(255 255 255 / .16);box-shadow:inset 0 1px 1px rgb(255 255 255 / .35),inset 0 -14px 30px rgb(0 0 0 / .5),0 40px 70px -25px #000}
.gl__t svg{color:#f4f4f5;filter:none}
.gl::after{content:"";position:absolute;right:14px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgb(212 248 58 / .12)}
.gl--c::after{display:none}
.gl--c[data-k=wa] svg{color:#25D366}
.gl--c[data-k=meta] svg{color:#0866FF}
.gl--c[data-k=claude] svg{color:#D97757}
.gl--c[data-k=chart] svg{color:#F9AB00}
.gl-rings>i{border-color:rgb(255 255 255 / .09)}

/* ---------- sem marca-texto nas seções brancas: destaque só em grafite, peso maior ---------- */
.white .hl{background:none;padding-inline:0;color:var(--ink);font-weight:400}

/* ---------- pílulas v2: ícone em chip redondo, P&B com ponto verde ---------- */
.pl{gap:.6rem;padding:.45rem 1.1rem .45rem .45rem;border-color:rgb(255 255 255 / .12);background:linear-gradient(180deg,#1a1a1a,#0d0d0d);box-shadow:inset 0 1px 0 rgb(255 255 255 / .06);color:#e4e4e7;font-size:.95rem}
.pl svg{flex:none;width:30px;height:30px;padding:7px;border-radius:50%;background:rgb(255 255 255 / .07);border:1px solid rgb(255 255 255 / .08);color:#f4f4f5}
.pl::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);margin-left:.15rem;opacity:.9}
.pl--n{color:#e4e4e7}
.pl--n svg{background:transparent;border-style:dashed}
.pl:hover{border-color:rgb(255 255 255 / .3)}

/* ---------- Tecnologia v2: cards com logo real ---------- */
.white .sk-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}
.white .sk-intro .kick{color:var(--ink-2)}
.white .sk-intro .lead{color:var(--ink-2)}
.tks{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tk{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:1.3rem;border-radius:20px;background:#fff;border:1px solid rgb(10 10 11 / .09);box-shadow:0 1px 0 rgb(10 10 11 / .03),0 20px 40px -28px rgb(10 10 11 / .35);transition:transform .4s var(--ease),box-shadow .4s,border-color .3s}
.tk:hover{transform:translateY(-4px);border-color:rgb(10 10 11 / .18);box-shadow:0 30px 60px -30px rgb(10 10 11 / .45)}
.tk__top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}
.tk__logo{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:color-mix(in srgb,var(--bc) 9%,#fff);border:1px solid color-mix(in srgb,var(--bc) 20%,#fff)}
.tk__logo svg{width:28px;height:28px}
.tk__n{font-size:.75rem;font-weight:500;color:var(--ink-3);font-variant-numeric:tabular-nums}
.tk h3{font-size:1.15rem;font-weight:500;color:var(--ink);letter-spacing:-.01em}
.tk p{font-size:.9rem;line-height:1.5;color:#52525b;flex:1}
.tk__use{display:inline-flex;align-items:center;gap:.45rem;align-self:flex-start;padding:.3rem .65rem;border-radius:999px;background:var(--paper-2);font-size:.76rem;font-weight:500;color:var(--ink)}
.tk__use i{width:6px;height:6px;border-radius:50%;background:#7fb800}
.tk__lv{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-top:.5rem;padding-top:.8rem;border-top:1px solid rgb(10 10 11 / .07);font-size:.75rem;color:var(--ink-3)}
.tk__lv b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.tk__bar{height:4px;border-radius:4px;background:rgb(10 10 11 / .08);overflow:hidden}
.tk__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#27272a,#27272a 80%,#9fd11a);transition:width 1.4s var(--ease) .2s}
.tk.is-in .tk__bar i{width:var(--w)}
.tk-also{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}
.tk-also small{font-size:.82rem;color:var(--ink-2);margin-right:.4rem}
.tk-a{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgb(10 10 11 / .1);background:#fff;font-size:.85rem;color:var(--ink)}
.tk-a svg{width:16px;height:16px}
@media (max-width:1080px){.tks{grid-template-columns:repeat(2,1fr)}.white .sk-intro{grid-template-columns:1fr}}
@media (max-width:560px){.tks{grid-template-columns:1fr}}

/* ===== placa de vidro com a logo (reutilizável) ===== */
.gp{position:relative;display:block;width:100%;aspect-ratio:1;--g:var(--p,1)}
.gp__glow{position:absolute;inset:-45%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / calc(.1 + var(--g) * .32)),rgb(212 248 58 / calc(var(--g) * .06)) 45%,transparent 72%);filter:blur(6px)}
.gp__edge{position:absolute;inset:0;border-radius:24%;background:conic-gradient(from var(--a,0deg),#fff,#9a9a9a,#fff,#6b6b6b,#fff);padding:2px;box-shadow:0 0 calc(10px + var(--g) * 40px) rgb(255 255 255 / calc(.35 + var(--g) * .45)),0 0 calc(var(--g) * 120px) rgb(255 255 255 / .25);animation:gp-spin 8s linear infinite}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes gp-spin{to{--a:360deg}}
.gp__face{position:absolute;inset:3px;border-radius:calc(24% - 1px);display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 90% at 30% 0%,#3a3a3a,#141414 45%,#050505);box-shadow:inset 0 1px 0 rgb(255 255 255 / .35),inset 0 -20px 40px rgb(0 0 0 / .7),inset 0 0 0 1px rgb(255 255 255 / .06)}
.gp__shine{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgb(255 255 255 / .16) 50%,transparent 58%);translate:calc(-40% + var(--g) * 80%) 0}
.gp__logo{position:relative;width:46%;fill:#fff;filter:drop-shadow(0 0 6px rgb(255 255 255 / .55)) drop-shadow(0 0 calc(var(--g) * 22px) rgb(212 248 58 / .35))}

/* ===== Mão robótica + humana em pontilhado (Criação de Adão) ===== */
.ao{position:relative;height:240vh;background:#000}
.ao__s{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate}
.ao__bg{position:absolute;inset:0;background:radial-gradient(42% 46% at 50% 50%,rgb(255 255 255 / calc(.03 + var(--p,0) * .08)),transparent 70%),radial-gradient(rgb(255 255 255 / .06) .7px,transparent 1.1px) 0 0/5px 5px,#000}
.ao__h{position:absolute;width:min(58vw,880px);will-change:transform;mix-blend-mode:lighten;pointer-events:none}
.ao__h img{display:block;width:100%;height:auto;filter:brightness(calc(.6 + var(--p,0) * .45)) contrast(1.05)}
.ao__h--r{left:-4vw;bottom:-6vh;transform:translate(calc((1 - var(--p,0)) * -16vw),calc((1 - var(--p,0)) * 12vh)) rotate(calc((1 - var(--p,0)) * -5deg));transform-origin:0 100%}
.ao__h--u{right:-4vw;top:-4vh;width:min(54vw,820px);transform:translate(calc((1 - var(--p,0)) * 16vw),calc((1 - var(--p,0)) * -12vh)) rotate(calc((1 - var(--p,0)) * 5deg));transform-origin:100% 0}
.ao__orb{position:absolute;left:50%;top:50%;width:clamp(120px,17vmin,200px);translate:-50% -50%;z-index:2;scale:calc(.82 + var(--p,0) * .18);animation:ao-float 6s ease-in-out infinite}
@keyframes ao-float{50%{transform:translateY(-8px) rotate(-2deg)}}
.ao__orb .gp{--g:var(--p,0)}
.ao__tl,.ao__br{position:absolute;z-index:3;max-width:30rem}
.ao__tl{left:var(--pad);top:clamp(6rem,14vh,9rem)}
.ao__br{right:var(--pad);bottom:clamp(4rem,12vh,7rem);text-align:right;opacity:calc((var(--p,0) - .33) * 3);translate:calc((1 - min(1, var(--p,0) * 1.5)) * 10vw) 0}
.ao__br p{margin:1rem 0 0 auto;max-width:36ch}
.ao__k{position:absolute;left:0;right:0;bottom:1.5rem;z-index:3;text-align:center;font-size:.7rem;letter-spacing:.24em;color:var(--on-dark-2);opacity:calc(1 - var(--p,0) * 2)}
@media (max-width:820px){
  .ao{height:210vh}
  .ao__h{width:96vw}.ao__h--u{width:90vw}
  .ao__h--r{left:-22vw;bottom:8vh}.ao__h--u{right:-22vw;top:14vh}
  .ao__tl{top:6rem;right:var(--pad)}
  .ao__br{left:var(--pad);bottom:3rem}
}
@media (prefers-reduced-motion:reduce){.ao{height:auto}.ao__s{position:relative;height:100vh;--p:1}.ao__orb,.gp__edge{animation:none}}

/* ===== Mão segurando a placa (Quem sou) ===== */
.hp{position:relative;overflow:hidden;background:#000;padding-block:clamp(4rem,8vw,7rem)}
.hp::before{content:"";position:absolute;inset:0;background:radial-gradient(rgb(255 255 255 / .06) .7px,transparent 1.1px) 0 0/5px 5px;pointer-events:none}
.hp__w{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(2rem,5vw,5rem)}
.hp__tx .lead{margin-top:1.2rem;max-width:44ch}.hp__tx .btns{margin-top:2rem}
.hp__art{position:relative;perspective:1200px}
.hp__in{position:relative;aspect-ratio:1;transform:translateY(calc((1 - var(--hp,1)) * 18%)) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .2s linear;transform-style:preserve-3d}
.hp__in img{display:block;width:100%;height:100%;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000 60%,transparent);mask-image:radial-gradient(70% 70% at 50% 45%,#000 60%,transparent)}
.hp__plate{position:absolute;left:51.3%;top:27.4%;width:15%;translate:-50% -50%;rotate:-8.6deg;display:grid;place-items:center}
.hp__logo{width:100%;fill:#fff;filter:drop-shadow(0 0 4px rgb(255 255 255 / .8)) drop-shadow(0 0 18px rgb(255 255 255 / .35));animation:hp-pulse 4s ease-in-out infinite}
.hp__glow{position:absolute;inset:-180%;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .1),rgb(212 248 58 / .05) 40%,transparent 70%);pointer-events:none}
@keyframes hp-pulse{50%{filter:drop-shadow(0 0 6px rgb(255 255 255 / .95)) drop-shadow(0 0 30px rgb(212 248 58 / .35))}}
@media (max-width:900px){.hp__w{grid-template-columns:1fr}.hp__art{max-width:520px;margin-inline:auto;width:100%}}
@media (prefers-reduced-motion:reduce){.hp__in{transform:none}.hp__logo{animation:none}}

/* ===== Notebook v2: sites em carrossel horizontal atravessando a tela ===== */
.nb-sec{overflow:hidden}
.nb__out{position:absolute;left:calc(50% - 50vw);width:100vw;overflow:hidden;opacity:calc(1 - var(--o,0));pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
.nb__ot,.nb__t{display:flex!important;flex-direction:row!important;gap:var(--g,24px);animation:none!important;will-change:transform}
.nb__ot.is-anim,.nb__t.is-anim{transition:transform 1.1s cubic-bezier(.7,0,.2,1)}
.nb__s{flex:0 0 var(--w,600px);aspect-ratio:16/10;margin:0;border-radius:8px;overflow:hidden;background:#e4e4e7}
.nb__ot .nb__s{opacity:.42;filter:grayscale(.35);box-shadow:0 20px 50px -24px rgb(10 10 11 / .5)}
.nb__s img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.nb__t .nb__s{border-radius:0}
.nb__lid{z-index:2}
.nb__dots{display:flex;justify-content:center;gap:6px;margin-top:1.4rem}
.nb__dots i{width:6px;height:6px;border-radius:6px;background:#d4d4d8;transition:width .4s var(--ease),background .4s}
.nb__dots i.on{width:22px;background:var(--ink)}

/* ===== Bento: cards compactos (altura fixa) ===== */
.bc .bc-3,.bc .bc-4,.bc .bc-7{grid-row:2/3;min-height:0;height:440px}
.bc .bc-3 .bc-t--top,.bc .bc-4 .bc-t--top{padding-bottom:0}
.bv{flex:none;height:228px;margin:.9rem 1.1rem 1rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.bv__list{gap:8px}
.bv-n{height:66px;flex:none;padding:0 .9rem;gap:.75rem;min-width:0}
.bv-n i{flex:0 0 36px;height:36px}
.bv-n>div{min-width:0;flex:1}
.bv-n b,.bv-n small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bv-n b{font-size:.88rem;line-height:1.3}.bv-n small{font-size:.75rem;line-height:1.3}
.bv-n time{align-self:center}
.bg-g{min-height:0;flex:1;padding:.5rem 1rem 1.2rem}
.bg-g>svg{width:min(210px,80%)}
.bg-n{font-size:clamp(2.4rem,3.6vw,3.2rem)!important}
.bg-chip{padding:.45rem .65rem;border-radius:12px;background:#fff!important}
.bg-chip b{color:#0a0a0b!important;font-size:.74rem}.bg-chip small{color:#52525b!important;font-size:.62rem;display:block}
.bg-chip--a{top:2%!important;left:5%}
.bg-chip--b{bottom:3%!important}
.bg-r em{width:28px;height:28px;font-size:.6rem}
.bc .bc-7{justify-content:space-between}
.bc-7 .bc-lock{height:200px!important;flex:none!important;margin-top:.5rem!important}
.bc-lock__o{width:110px;height:110px;box-shadow:0 0 0 1px rgb(255 255 255 / .12),0 0 50px rgb(255 255 255 / .08)}
.bc-lock__i{width:72px;height:72px}
.bc-lock__i svg{width:30px;filter:drop-shadow(0 0 8px rgb(212 248 58 / .5))}
@media (max-width:1080px){.bc .bc-3,.bc .bc-4,.bc .bc-7{grid-row:auto;height:420px}}
@media (max-width:640px){.bc .bc-3,.bc .bc-4,.bc .bc-7{height:auto;min-height:0}.bc .bc-3{min-height:0}.bg-g{min-height:300px}}

/* ===== grid "a favor da sua venda": card do WhatsApp mais baixo e sem luz amarela ===== */
.cf-ob{height:150px;background:none}
.cf-tx{padding:1.1rem 1.4rem 1.3rem}
.cf-i{margin-bottom:.7rem}
.cf-it--big .cf-scene{min-height:0;height:100%;background:radial-gradient(70% 60% at 50% 100%,rgb(255 255 255 / .07),transparent 70%)}
.cf-it--big .cf-phone{margin-top:56px;height:250px;box-shadow:0 -20px 60px -30px rgb(0 0 0 / .8),0 0 0 1px rgb(255 255 255 / .06)}
.cf-it--big .cf-i{box-shadow:none}
.cf-wbtn{top:18px;right:18px}
.gp__logo{width:44%!important;height:auto!important}
.hp__logo{width:100%!important;height:auto!important}
/* cf v3: card do WhatsApp na horizontal (linha inteira, baixo), 4 cards embaixo */
.cf-it--big{grid-column:1/-1!important;grid-row:auto!important;flex-direction:row!important;align-items:stretch;min-height:0;height:320px}
.cf-it--big .cf-ob{flex:0 0 52%;height:100%}
.cf-it--big .cf-tx{flex:1;display:flex;flex-direction:column;justify-content:center;border-top:0;border-left:1px solid rgb(255 255 255 / .06);padding:2rem clamp(1.5rem,3vw,3rem)}
.cf-it--big .cf-phone{margin-top:40px;height:270px}
.cf-it:nth-child(2){grid-column:1/4}.cf-it:nth-child(3){grid-column:4/7}.cf-it:nth-child(4){grid-column:7/10}.cf-it:nth-child(5){grid-column:10/13}
@media (max-width:1080px){.cf-it:nth-child(n){grid-column:span 6}}
@media (max-width:640px){.cf-it--big{flex-direction:column!important;height:auto}.cf-it--big .cf-ob{flex:none;height:300px}.cf-it--big .cf-tx{border-left:0;border-top:1px solid rgb(255 255 255 / .06)}.cf-it:nth-child(n){grid-column:1/-1!important}}
.ao__orb{width:clamp(130px,19vmin,220px)}
.gp__logo{filter:drop-shadow(0 0 5px rgb(255 255 255 / .5))}
.ao__br,.ao__tl{text-shadow:0 2px 24px #000,0 0 8px #000}
/* notificações de venda: logo do Stenio no lugar dos ícones genéricos */
.bv-n--k i{background:#0a0a0a;border:1px solid rgb(212 248 58 / .35);box-shadow:inset 0 0 12px rgb(212 248 58 / .12)}
.bv-n i .bv-logo{width:17px!important;height:auto!important;fill:var(--brand)}
/* ===== placa v2: glassmorphism ===== */
.gp{position:relative;display:block;width:100%;aspect-ratio:1;--g:var(--p,1);isolation:isolate}
.gp__edge,.gp__face{display:none}
.gp__glow{inset:-70%;background:radial-gradient(closest-side,rgb(255 255 255 / calc(.06 + var(--g) * .16)),rgb(212 248 58 / calc(.03 + var(--g) * .07)) 40%,transparent 70%);filter:blur(10px)}
.gp__orb{position:absolute;left:50%;top:50%;width:70%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#F4FF9A,#D4F83A 35%,#5f7a10 70%,transparent 72%);filter:blur(18px);opacity:calc(.35 + var(--g) * .45);animation:gp-orb 7s ease-in-out infinite}
@keyframes gp-orb{50%{translate:-38% -60%;scale:1.12}}
.gp__back{position:absolute;inset:8%;border-radius:26%;background:rgb(255 255 255 / .04);border:1px solid rgb(255 255 255 / .12);transform:translate(9%,9%) rotate(8deg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.gp__glass{position:absolute;inset:0;border-radius:26%;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(150deg,rgb(255 255 255 / .22),rgb(255 255 255 / .05) 45%,rgb(255 255 255 / .02) 60%,rgb(255 255 255 / .1));
  backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .55),inset 0 -1px 0 rgb(255 255 255 / .1),inset 0 0 40px rgb(255 255 255 / .06),0 30px 60px -20px rgb(0 0 0 / .8),0 0 calc(var(--g) * 60px) rgb(255 255 255 / .12)}
.gp__rim{position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a,0deg),rgb(255 255 255 / .9),rgb(255 255 255 / .1) 25%,rgb(212 248 58 / .7) 50%,rgb(255 255 255 / .1) 75%,rgb(255 255 255 / .9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gp-spin 9s linear infinite}
.gp__shine{position:absolute;inset:-30%;background:linear-gradient(120deg,transparent 40%,rgb(255 255 255 / .28) 48%,transparent 56%);translate:calc(-45% + var(--g) * 90%) 0;pointer-events:none}
.gp__glass::before{content:"";position:absolute;left:8%;right:8%;top:4%;height:38%;border-radius:40% 40% 50% 50% / 60% 60% 40% 40%;background:linear-gradient(rgb(255 255 255 / .22),transparent);pointer-events:none}
.gp .gp__logo{position:relative;grid-area:1/1;width:44%!important;height:auto!important;fill:url(#pl-silver);filter:drop-shadow(0 1px 0 rgb(255 255 255 / .6)) drop-shadow(0 6px 14px rgb(0 0 0 / .55))}
.gp .gp__logo--b{fill:#D4F83A;filter:blur(5px);opacity:calc(.25 + var(--g) * .5);translate:0 3px}
@media (prefers-reduced-motion:reduce){.gp__orb,.gp__rim{animation:none}}
/* "Também trabalho com" em carrossel */
.tk-also{flex-direction:column;flex-wrap:nowrap;gap:1rem}
.tk-also small{margin:0}
.tk-also__m{width:100%}
.tk-also__m .marq__t{gap:.6rem;animation-duration:30s}

/* ===== logos oficiais: tamanhos por contexto ===== */
.bimg{display:block;object-fit:contain}
.gl--c .gl__t svg,.gl--c .gl__t .bimg{width:52px;height:52px;filter:none}
.hb__n .bimg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:rgb(255 255 255 / .05)}
.lt .bimg{width:1.35em;height:1.35em}
.bv-n i .bimg{width:21px;height:21px}
.chip--b{display:inline-flex;align-items:center;gap:.5rem}
.chip__b{width:18px;height:18px;flex:none}
.tk-a svg,.tk-a .bimg{width:18px;height:18px}
.su-ch svg{width:20px;height:20px}
.ct-l i svg,.ct a i svg{color:inherit}
/* ===== hero da home = parede de sites ===== */
.hero--dw{min-height:100svh;padding-block:clamp(7rem,12vh,9rem) clamp(4rem,8vh,6rem);display:grid;place-items:center}
.hero--dw .dw{--tw:clamp(170px,16vw,260px)}
.hero--dw::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 55% at 50% 50%,rgb(5 5 5 / .9),rgb(5 5 5 / .55) 55%,rgb(5 5 5 / .25) 80%),linear-gradient(#050505 0,transparent 18%,transparent 80%,#050505)}
.hero--dw .hero__c{position:relative;text-align:center;max-width:880px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.hero--dw .btns{justify-content:center}
.hero--dw .hproof{justify-content:center}
/* ===== fotos de clientes (do site atual) + suporte refinado ===== */
.av,.dv-av,.su-av{overflow:hidden}
.av img,.dv-av img,.su-av img{width:100%;height:100%;object-fit:cover;display:block}
.su-viz{height:290px}
.su-core{padding-top:78px}
.su-core svg{width:44px;opacity:.6}
.su-av{border:2px solid rgb(212 248 58 / .55);box-shadow:0 0 0 5px rgb(10 10 11 / .9),0 16px 32px -10px #000}
.su-av--on::after{content:"";position:absolute;right:3px;bottom:3px;width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #0b0b0b,0 0 12px rgb(212 248 58 / .8)}
.su-av{overflow:visible}.su-av img{border-radius:50%}
.su-q{flex-wrap:nowrap}
.su-q time{position:absolute;top:.55rem;right:.8rem;font-size:.62rem;color:var(--on-dark-2);opacity:.7}
.su-q .su-r{margin-top:.9rem}
.su-q--done{opacity:.7}
.su-q--done .su-r{display:inline-flex;align-items:center;gap:.3rem;background:transparent;color:var(--brand);border:1px solid rgb(212 248 58 / .35)}
.su-q--done .su-r svg{width:12px;stroke-width:2.4}
.su-av{translate:-50% 0}
/* suporte: sem bolão verde — vidro escuro com o logo do WhatsApp */
.su-core{background:radial-gradient(circle at 50% 30%,#2a2a2a,#0e0e0e 70%);border:1px solid rgb(255 255 255 / .1);box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 30px 60px -20px #000,0 0 60px rgb(37 211 102 / .12);color:#25D366}
.su-core svg{width:46px;opacity:1}
.su-dots{opacity:.35;filter:grayscale(1)}
.su-bolt{background:radial-gradient(circle at 50% 30%,#2a2a2a,#0e0e0e 70%)!important;border:1px solid rgb(255 255 255 / .1);box-shadow:inset 0 1px 0 rgb(255 255 255 / .18),0 20px 40px -14px #000!important;color:var(--brand)!important}
.su-av{border-color:rgb(255 255 255 / .25)}

/* faixa de logos de clientes (só clientes, sem ferramentas) */
.logos2 .marq__t{align-items:center;gap:clamp(3rem,2rem + 3vw,5.5rem)}
.lc{display:inline-flex;align-items:center;flex:none;height:clamp(30px,26px + 1vw,42px)}
.lc img{height:100%;width:auto;opacity:.5;transition:opacity .3s}
.lc:hover img{opacity:.95}

/* "Também trabalho com": pills legíveis no fundo claro (vence a regra genérica .marq__t span) */
.tk-also__m .marq__t span.tk-a{font-size:.9rem;font-weight:500;letter-spacing:0;color:var(--ink)}
.tk-also__m .marq__t span.tk-a:hover{color:var(--ink)}

/* ===== Ícones opção D: moeda escura + ícone Phosphor duotone em gradiente ===== */
.dd__menu a .i,.svc .i,.inc .card .i,.pn__i,.cf-i{border-radius:50%;border:0;color:inherit;
  background:radial-gradient(circle at 50% 22%,#323235 0,#18181a 48%,#0b0b0c 100%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),inset 0 -6px 12px rgb(0 0 0 / .55),0 0 0 1px rgb(255 255 255 / .07),0 10px 22px -10px rgb(0 0 0 / .7)}
.dd__menu a .i::before,.svc .i::before,.inc .card .i::before,.pn__i::before,.cf-i::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;
  background:conic-gradient(from 210deg,rgb(255 255 255 / .5),rgb(255 255 255 / .06) 25%,rgb(212 248 58 / .45) 50%,rgb(255 255 255 / .06) 75%,rgb(255 255 255 / .5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.svc .i,.inc .card .i{position:relative}
.svc .i{width:52px;height:52px}.svc .i svg.ph{width:26px;height:26px}
.inc .card .i{width:48px;height:48px}.inc .card .i svg.ph{width:24px;height:24px}
.dd__menu a .i svg.ph{width:18px;height:18px}
.pn__i{width:44px;height:44px}.pn__i svg.ph{width:22px;height:22px}
.cf-i{width:40px;height:40px}.cf-i svg.ph{width:20px;height:20px}
svg.ph{filter:drop-shadow(0 0 6px rgb(212 248 58 / .25))}
/* fim do traço girando e do pontinho verde */
.pn__i::after,.cf-i::after,.gl::after{display:none!important;animation:none!important}
.pn__r.is-on .pn__i{background:radial-gradient(circle at 50% 22%,#3a3a3d 0,#1c1c1e 48%,#0b0b0c 100%);box-shadow:inset 0 1px 0 rgb(255 255 255 / .25),0 0 0 1px rgb(212 248 58 / .35),0 0 26px rgb(212 248 58 / .28)}
.cf-it--big .cf-i{box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),0 0 0 1px rgb(255 255 255 / .07)}
/* vidros grandes: moeda/disco e ícone em gradiente */
.gl:not(.gl--c){border-radius:50%}
.gl__t svg.ph,.glass svg.ph{fill:initial;stroke:none;color:inherit;filter:drop-shadow(0 0 14px rgb(212 248 58 / .3))}
.glass{border-radius:50%;background:radial-gradient(circle at 50% 22%,#323235 0,#18181a 50%,#0b0b0c 100%);box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),inset 0 -14px 28px rgb(0 0 0 / .55),0 0 0 1px rgb(255 255 255 / .08),0 30px 60px -20px #000}
.glass svg.ph{width:64px;height:64px}
.svc-hero-viz .glass{border-radius:50%}.svc-hero-viz .glass svg.ph{width:46px;height:46px}
.svc .i>svg:not(.ph),.inc .card .i>svg:not(.ph),.cf-i>svg:not(.ph),.pn__i>svg:not(.ph){color:#25D366}
/* órbita: começa em círculo e solta o scroll assim que os cards chegam no arco */
.orb{height:210vh}
@media (max-width:640px){.orb{height:190vh}}
/* mão com a placa: leve cor (verde-limão na luz da placa, esverdeado suave no resto) */
.hp__in::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:color;opacity:.6;
  background:radial-gradient(38% 34% at 51% 28%,#D4F83A,rgb(212 248 58 / .5) 55%,transparent 80%),radial-gradient(30% 45% at 52% 70%,rgb(150 190 50 / .55),transparent 85%);
  -webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000 60%,transparent);mask-image:radial-gradient(70% 70% at 50% 45%,#000 60%,transparent)}
/* portfólio: cards da esteira no formato do print (16:10) e maiores, para ver o site inteiro */
.tm__c{height:clamp(12rem, 8rem + 9vw, 19rem);aspect-ratio:16/10;border-radius:16px}
.tm__t{gap:1.4rem;animation-duration:70s}
/* serviços (scroll horizontal): cards compactos que cabem na tela com o título — texto sempre visível */
.scs--h .sc{min-height:0!important;height:clamp(330px, calc(100svh - 360px), 450px);flex-basis:360px}
.scs--h .sc--big{flex-basis:460px}
.scs--h .sc__viz{padding-top:1.4rem;min-height:0}
.scs--h .sc__tx{padding:1.1rem 1.4rem 1.4rem}
.scs--h .sc__tx p{margin:.35rem auto .7rem;font-size:.9rem}
.scs--h .gl{width:120px;height:120px}.scs--h .gl--sm{width:96px;height:96px}
.scs--h .gl-rings{transform:scale(.72)}.scs--h .gl-cluster{transform:scale(.72)}
.hs:has(.scs--h){padding-block:clamp(5.5rem, 12svh, 7.5rem) 1.5rem}
.hs:has(.scs--h) .head{margin-bottom:clamp(1.2rem, 3svh, 2.2rem)}
.hs:has(.scs--h) .head h2{font-size:clamp(2rem, 1.2rem + 2.6vw, 3.4rem)}
.hs:has(.scs--h) .head .lead{margin-top:.6rem;font-size:1rem}
.scs--h .sc{height:clamp(290px, calc(100svh - 24rem), 450px)}
.scs--h .gl--c{width:108px;height:108px}
.scs--h .gl-cluster{zoom:.6}
/* portfólio: logo oficial de cada ferramenta nas pílulas e no "Feito com" */
.pc__tags span{display:inline-flex;align-items:center;gap:.35rem}
.pc__lg{width:13px;height:13px;flex:none}
.pc__fw{display:flex!important;align-items:center;flex-wrap:wrap;gap:.25rem .7rem}
.pc__fw span{display:inline-flex;align-items:center;gap:.3rem;color:rgb(212 212 216 / .8)}
.pc__fw .pc__lg{width:14px;height:14px}
/* "Quem já confiou": carrossel de fotos redondas com nome e nicho */
.dq-wrap{margin:clamp(1.5rem,1rem + 2vw,2.5rem) 0 clamp(2rem,1.5rem + 2vw,3.5rem);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.dq-m .marq__t{gap:clamp(1.6rem,1rem + 2vw,2.6rem);animation-duration:45s;align-items:flex-start}
.dq-m .marq__t span.dq{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:112px;font-size:inherit;letter-spacing:0;color:inherit}
.dq__f{width:88px;height:88px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--t);box-shadow:0 0 0 1px rgb(255 255 255 / .14),0 0 0 5px rgb(255 255 255 / .03),0 16px 30px -14px #000;margin-bottom:.45rem;font-size:1.1rem;font-weight:500;color:#e4e4e7}
.dq__f img{width:100%;height:100%;object-fit:cover}
.dq b{font-size:.88rem;font-weight:500;color:#f4f4f5;white-space:nowrap}
.dq small{font-size:.74rem;color:#a1a1aa;white-space:nowrap}
.dq-m:hover .marq__t{animation-play-state:paused}

/* Integrações v3: categoria + opções que alternam (o cliente escolhe o que já usa) */
.hb__n--x{flex-direction:column;align-items:flex-start;gap:.35rem;width:clamp(190px,21%,230px);padding:.75rem .9rem .7rem}
.hb__cat{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#a1a1aa}
.hb__os{position:relative;display:block;width:100%;height:34px}
.hb__o{position:absolute;inset:0;display:flex;align-items:center;gap:.6rem;opacity:0;translate:0 8px;transition:opacity .5s,translate .5s var(--ease)}
.hb__o.is-on{opacity:1;translate:0 0}
.hb__o svg,.hb__o .bimg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:rgb(255 255 255 / .05)}
.hb__o b{font-size:.9rem;font-weight:500;color:var(--on-dark);white-space:nowrap}
.hb__more{font-size:.7rem;color:#71717a}
@media (max-width:820px){.hb__n--x{width:auto}}
/* depoimentos: "+1.200 projetos" abre a seção (sem card) */
.dvt{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,.6rem + 1.5vw,1.8rem);margin:0 auto clamp(2.5rem,2rem + 2vw,4rem);padding-bottom:clamp(1.8rem,1.4rem + 1.5vw,2.6rem);border-bottom:1px solid rgb(255 255 255 / .08);max-width:760px}
.dvt__i{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#0b0b0c;box-shadow:0 0 0 1px rgb(255 255 255 / .1),0 0 30px rgb(212 248 58 / .15)}
.dvt__i img{width:30px;height:auto}
.dvt__n{display:grid;gap:.2rem;justify-items:start}
.dvt .dv-f__n{margin:0;font-size:clamp(2.4rem,1.8rem + 2.4vw,3.6rem);font-weight:300;line-height:1;color:#f4f4f5;letter-spacing:-.03em}
.dvt .stars{margin:0}.dvt .stars svg{width:15px;fill:var(--brand)}
.dvt__t{margin:0;font-size:clamp(1rem,.9rem + .4vw,1.2rem);color:#d4d4d8;line-height:1.35;max-width:16ch}
.dvt__t small{display:block;margin-top:.4rem;font:.66rem ui-monospace,Menlo,monospace;letter-spacing:.18em;color:var(--on-dark-2)}
.dv--solo{grid-template-columns:1fr}
@media (max-width:640px){.dvt{flex-direction:column;text-align:center}.dvt__n{justify-items:center}.dvt__t{max-width:none}}

/* Placa v3 (mãos): vidro de verdade, translúcido, sem recheio verde; S no gradiente da marca. Brilha no toque. */
.gp__orb{opacity:calc(var(--touch,0) * .35);filter:blur(30px);transition:opacity .5s}
.gp__glow{background:radial-gradient(closest-side,rgb(212 248 58 / calc(.04 + var(--touch,0) * .3)),transparent 70%);transition:background .5s}
.gp__back{background:rgb(255 255 255 / .03);border-color:rgb(255 255 255 / .1)}
.gp__glass{background:linear-gradient(145deg,rgb(255 255 255 / .16),rgb(255 255 255 / .04) 45%,rgb(255 255 255 / .02) 70%,rgb(255 255 255 / .08))!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .45),inset 0 -1px 0 rgb(255 255 255 / .08),inset 0 0 30px rgb(255 255 255 / .05),0 30px 60px -25px #000,0 0 calc(var(--touch,0) * 60px) rgb(212 248 58 / .45)!important;transition:box-shadow .5s}
.gp .gp__logo{fill:url(#lg-brand)!important;filter:drop-shadow(0 1px 0 rgb(255 255 255 / .35)) drop-shadow(0 0 calc(4px + var(--touch,0) * 18px) rgb(212 248 58 / calc(.35 + var(--touch,0) * .5)))!important;transition:filter .5s}
.gp .gp__logo--b{opacity:calc(.1 + var(--touch,0) * .25)!important}
.ao.is-touch .ao__s{--touch:1}
.ao__flash{position:absolute;left:50%;top:50%;width:clamp(130px,19vmin,220px);aspect-ratio:1;translate:-50% -50%;border-radius:30%;pointer-events:none;z-index:3;box-shadow:0 0 0 0 rgb(212 248 58 / .7);opacity:0}
.ao.is-touch .ao__flash{animation:ao-flash 1s var(--ease) 1}
@keyframes ao-flash{0%{opacity:1;box-shadow:0 0 0 0 rgb(212 248 58 / .75),0 0 0 0 rgb(255 255 255 / .5)}100%{opacity:0;box-shadow:0 0 0 70px rgb(212 248 58 / 0),0 0 0 140px rgb(255 255 255 / 0)}}
/* mãos posicionadas por JS: os indicadores chegam na borda da placa */
.ao__h--r,.ao__h--u{left:0!important;top:0!important;right:auto!important;bottom:auto!important}
.ao__orb{animation:none}
/* placa v3.1: brilho sutil — vidro continua legível; halo suave atrás que se espalha e some */
.gp__orb{opacity:0!important}
.gp__glow{inset:-120%!important;filter:blur(30px)!important;background:radial-gradient(closest-side,rgb(212 248 58 / calc(var(--touch,0) * .16)),rgb(212 248 58 / calc(var(--touch,0) * .05)) 45%,transparent 75%)!important;transition:background 1.6s ease!important}
.gp__glass{box-shadow:inset 0 1px 0 rgb(255 255 255 / .45),inset 0 -1px 0 rgb(255 255 255 / .08),inset 0 0 30px rgb(255 255 255 / .05),0 30px 60px -25px #000,0 0 calc(var(--touch,0) * 22px) rgb(212 248 58 / .18)!important;transition:box-shadow 1.2s ease!important}
.gp .gp__logo{filter:drop-shadow(0 1px 0 rgb(255 255 255 / .35)) drop-shadow(0 0 calc(3px + var(--touch,0) * 7px) rgb(212 248 58 / calc(.25 + var(--touch,0) * .3)))!important;transition:filter 1.2s ease!important}
.gp .gp__logo--b{opacity:calc(.08 + var(--touch,0) * .12)!important}
.ao__flash{width:clamp(260px,40vmin,460px);border-radius:50%;box-shadow:none!important;background:radial-gradient(closest-side,rgb(212 248 58 / .22),rgb(212 248 58 / .06) 50%,transparent 75%);filter:blur(12px);z-index:1}
.ao.is-touch .ao__flash{animation:ao-halo 2.4s ease-out 1}
@keyframes ao-halo{0%{opacity:0;scale:.5}25%{opacity:1}100%{opacity:0;scale:2.2}}
.ao__h--r,.ao__h--u{max-width:none!important}

/* card de contato com CTA antes do rodapé (do site atual, no brand book) */
.ctc{padding:clamp(3rem,2rem + 4vw,6rem) 0 clamp(2rem,1.5rem + 2vw,3.5rem);background:var(--dark)}
.ctc__c{position:relative;overflow:hidden;isolation:isolate;text-align:center;display:grid;justify-items:center;gap:.9rem;padding:clamp(2.8rem,2rem + 4vw,5rem) clamp(1.4rem,1rem + 3vw,4rem);border-radius:32px;border:1px solid rgb(255 255 255 / .09);
  background:radial-gradient(70% 90% at 50% 0%,#141612,#070707 70%);background-image:radial-gradient(70% 90% at 50% 0%,rgb(212 248 58 / .07),transparent 60%),radial-gradient(rgb(255 255 255 / .07) .7px,transparent 1px);background-size:auto,6px 6px;background-color:#060606;box-shadow:inset 0 1px 0 rgb(255 255 255 / .06),0 40px 80px -40px #000}
.ctc__c h2{margin:0;font-weight:300;font-size:clamp(2rem,1.4rem + 2.6vw,3.6rem);line-height:1.08;letter-spacing:-.03em;color:#d4d4d8}
.ctc__p{margin:0 0 .6rem;max-width:44ch;color:#a1a1aa}
.ctc__c .kick{margin:0}
.ctc__lg{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:#0b0b0c;box-shadow:0 0 0 1px rgb(255 255 255 / .1),0 0 34px rgb(212 248 58 / .14);margin-bottom:.4rem}
.ctc__s{width:26px;height:auto;fill:url(#lg-brand)}
.ctc__ln{position:absolute;left:10%;right:10%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgb(212 248 58 / .7),transparent);box-shadow:0 0 18px rgb(212 248 58 / .5)}

/* rodapé: bloco "Ainda tem dúvida?" com o print real do perfil + redes sociais */
.fdv{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding-bottom:clamp(2.5rem,2rem + 2vw,4rem);margin-bottom:clamp(2.5rem,2rem + 2vw,4rem);border-bottom:1px solid rgb(255 255 255 / .08)}
.fdv h2{margin:.6rem 0 .8rem;font-weight:300;font-size:clamp(2rem,1.4rem + 2.4vw,3.4rem);line-height:1.05;letter-spacing:-.03em;color:#d4d4d8}
.fdv__tx>p:not(.kick){color:#a1a1aa;margin-bottom:1.4rem}
.fdv__ph{justify-self:center;width:min(100%,340px);-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.fdv__ph img{display:block;width:100%;height:auto}
.fso{display:flex;gap:.6rem;margin-top:1.5rem}
.fso a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#0f0f10;border:1px solid rgb(255 255 255 / .1);transition:border-color .3s,translate .3s}
.fso a:hover{border-color:rgb(212 248 58 / .5);translate:0 -2px}
.fso svg,.fso .bimg{width:20px;height:20px}
@media (max-width:820px){.fdv{grid-template-columns:1fr;text-align:center}.fdv .btns{justify-content:center}}

/* ---------- sobre breve (home) ---------- */
.me{padding-block:clamp(4rem,3rem + 4vw,7rem)}
.me__in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}
.me__ph{position:relative;aspect-ratio:4/4.4;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(90% 70% at 50% 100%,rgb(212 248 58 / .10),transparent 70%),linear-gradient(160deg,#1a1a1a,#0a0a0a);border:1px solid var(--dark-line)}
.me__ph img{position:absolute;left:50%;bottom:0;translate:-50% 0;height:96%;width:auto;max-width:none;filter:grayscale(.15)}
.me__ring{position:absolute;left:50%;top:54%;width:78%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgb(255 255 255 / .08);box-shadow:inset 0 0 0 28px rgb(255 255 255 / .015)}
.me__tx h2{margin-bottom:1.1rem}
.me__tx .lead{color:var(--on-dark-2)}
.me__n{list-style:none;display:flex;gap:clamp(1.25rem,.5rem + 3vw,3rem);margin:2rem 0;padding-top:1.5rem;border-top:1px solid var(--dark-line)}
.me__n b{display:block;font-weight:300;font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);color:var(--silver);letter-spacing:-.03em;line-height:1}
.me__n span{font-size:.8rem;color:var(--on-dark-2);letter-spacing:.08em;text-transform:uppercase}
.me__n li:first-child b{color:var(--brand)}
@media (max-width:820px){.me__in{grid-template-columns:1fr}.me__ph{max-width:360px;width:100%;margin-inline:auto;aspect-ratio:1}}

/* ---------- placa v3.2: brilho bem contido ---------- */
.gp__orb,.gp .gp__logo--b{display:none!important}
.gp__glow{inset:-90%!important;filter:blur(40px)!important;background:radial-gradient(closest-side,rgb(212 248 58 / calc(var(--touch,0) * .06)),rgb(212 248 58 / calc(var(--touch,0) * .02)) 50%,transparent 78%)!important}
.gp__glass{box-shadow:inset 0 1px 0 rgb(255 255 255 / .4),inset 0 -1px 0 rgb(255 255 255 / .06),inset 0 0 30px rgb(255 255 255 / .04),0 30px 60px -25px #000,0 0 calc(var(--touch,0) * 14px) rgb(212 248 58 / .07)!important}
.gp .gp__logo{filter:drop-shadow(0 1px 0 rgb(255 255 255 / .25)) drop-shadow(0 0 3px rgb(212 248 58 / .18))!important}
.ao__flash{background:radial-gradient(closest-side,rgb(212 248 58 / .08),rgb(212 248 58 / .02) 55%,transparent 78%)!important;filter:blur(20px)!important}
.ao.is-touch .ao__flash{animation:ao-halo 3.2s ease-out 1!important}

/* ---------- topo dos depoimentos: selo compacto colado ao título ---------- */
.dvt{gap:.8rem;margin:0 auto 1.1rem;padding:0;border:0;max-width:none}
.dvt__i{width:38px;height:38px;border-radius:11px;box-shadow:0 0 0 1px rgb(255 255 255 / .1)}
.dvt__i img{width:20px}
.dvt__n{gap:.1rem}
.dvt .dv-f__n{font-size:clamp(1.5rem,1.3rem + .8vw,2rem)}
.dvt .stars svg{width:11px}
.dvt__t{font-size:.92rem;max-width:none;line-height:1.3}
.dvt__t small{margin-top:.2rem;font-size:.6rem}
.dvt + .head{margin-top:0}
@media (max-width:640px){.dvt{flex-direction:row;text-align:left}.dvt__n{justify-items:start}.dvt__t small{display:none}}

/* tecnologia: textos legíveis no branco */
.tk p{color:#3f3f46!important}
.tk__n{color:var(--ink-2)!important}
.tk-also small{color:var(--ink-2)!important}
/* arco do portfólio: menos vazio embaixo */
.orb + .sec{padding-top:clamp(1rem,.5rem + 1.5vw,2.5rem)}
.tk__logo img[src*="wavehost"]{width:64%!important;height:auto!important}

/* cards de serviço: artes 3D neon */
.sc__viz{overflow:hidden}
.sc__art{width:100%;max-width:340px;aspect-ratio:1;object-fit:cover;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent);transition:scale .6s var(--ease)}
.sc--big .sc__art{max-width:400px}
.sc:hover .sc__art{scale:1.04}
.scs--h .sc__art{max-width:min(240px,100%);max-height:100%;width:auto;height:100%}

/* ---------- cards de serviço: mini interfaces (substitui artes 3D) ---------- */
.sc__viz{overflow:visible}
.mk{position:relative;width:min(100%,250px);display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:18px;background:linear-gradient(180deg,#1c1c1f,#121214);border:1px solid rgb(255 255 255 / .08);box-shadow:0 20px 40px -20px #000,inset 0 1px 0 rgb(255 255 255 / .06);font-size:.68rem;color:#a1a1aa;text-align:left}
.sc--big .mk{width:min(100%,290px)}
.mk-l{display:block;height:6px;border-radius:4px;background:rgb(255 255 255 / .1)}
.mk-l--h{height:8px;background:rgb(255 255 255 / .22)}
.mk-btn{display:block;margin-top:.3rem;padding:.55rem .7rem;border-radius:10px;background:var(--brand);color:#0a0a0b;font-weight:600;font-size:.68rem;text-align:center}
.mk-btn--sm{display:inline-block;width:auto;padding:.4rem .7rem}
.mk-chip{position:absolute;right:-14px;bottom:-14px;display:flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border-radius:10px;background:#18181b;border:1px solid rgb(255 255 255 / .1);color:#e4e4e7;font-size:.62rem;white-space:nowrap;box-shadow:0 10px 24px -10px #000}
.mk-chip em,.mk-opt em,.mk-mods em{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none}
.mk--phone{width:min(100%,170px);border-radius:26px;padding:1.6rem .9rem 1rem}
.mk-notch{position:absolute;top:.55rem;left:50%;translate:-50% 0;width:34%;height:7px;border-radius:5px;background:#000}
.mk-in{padding:.5rem .6rem;border-radius:9px;border:1px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .02)}
.mk--win{padding:0;overflow:hidden;gap:0}
.mk-bar{display:flex;gap:4px;padding:.55rem .7rem;border-bottom:1px solid rgb(255 255 255 / .06)}
.mk-bar i{width:6px;height:6px;border-radius:50%;background:rgb(255 255 255 / .15)}
.mk-nav{display:flex;gap:.7rem;padding:.6rem .8rem;font-size:.6rem}
.mk-nav .on{color:#f4f4f5;box-shadow:0 2px 0 var(--brand)}
.mk-hero{display:grid;gap:.4rem;padding:.4rem .8rem .7rem}
.mk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:0 .8rem .8rem}
.mk-tiles i{aspect-ratio:1.2;border-radius:8px;background:rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .06)}
.mk-tiles i:first-child{border-color:rgb(212 248 58 / .4)}
.mk--long{padding-right:1.8rem}
.mk-dots{position:absolute;right:.7rem;top:50%;translate:0 -50%;display:grid;gap:6px}
.mk-dots i{width:5px;height:5px;border-radius:50%;background:rgb(255 255 255 / .2)}
.mk-dots i.on{background:var(--brand)}
.mk-sec{display:grid;gap:.4rem;padding-bottom:.6rem;border-bottom:1px dashed rgb(255 255 255 / .08)}
.mk-sec--last{border:0;padding:0}
.mk-prod{aspect-ratio:1.6;border-radius:10px;background:radial-gradient(60% 70% at 50% 60%,rgb(255 255 255 / .08),transparent),#0d0d0f;border:1px solid rgb(255 255 255 / .06)}
.mk-badge{position:absolute;top:.6rem;right:.6rem;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#0a0a0b;font-weight:700;font-size:.6rem}
.mk-opt{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-radius:9px;border:1px solid rgb(255 255 255 / .08)}
.mk-opt em{background:transparent;box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .25)}
.mk-opt.on{border-color:rgb(212 248 58 / .45);color:#f4f4f5}.mk-opt.on em{background:var(--brand);box-shadow:none}
.mk-lock{font-size:.6rem;text-align:center;color:#71717a}
.mk-video{position:relative;margin:.7rem .7rem .5rem;aspect-ratio:16/9;border-radius:10px;background:#0b0b0d;border:1px solid rgb(255 255 255 / .06);display:grid;place-items:center}
.mk-play{width:28px;height:28px;border-radius:50%;background:var(--brand);clip-path:none;position:relative}
.mk-play::after{content:"";position:absolute;left:11px;top:8px;border-left:9px solid #0a0a0b;border-top:6px solid transparent;border-bottom:6px solid transparent}
.mk-prog{position:absolute;left:.6rem;right:.6rem;bottom:.5rem;height:3px;border-radius:2px;background:rgb(255 255 255 / .1)}
.mk-prog i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--brand)}
.mk-mods{display:grid;gap:.35rem;padding:0 .7rem .8rem;font-size:.6rem}
.mk-mods span{display:flex;align-items:center;gap:.45rem;padding:.4rem .5rem;border-radius:8px;background:rgb(255 255 255 / .03)}
.mk-mods span:not(.on) em{background:rgb(255 255 255 / .2)}
.scs--h .mk{zoom:.85}
.sc--big .mk--phone,.mk--phone{width:min(100%,165px)}
.mk-btn{background:rgb(212 248 58 / .1);border:1px solid rgb(212 248 58 / .35);color:var(--brand);font-weight:500}

/* ===================== RESPONSIVO — revisão mobile/tablet (28/10) ===================== */
html,body{overflow-x:clip}
/* suporte: card "Ajuste rápido" — a ilustração não invade mais o título */
.su-viz2{height:auto;min-height:300px;padding-bottom:1.5rem}
@media (max-width:820px){
  /* mãos: textos centralizados e empilhados */
  .ao__tl,.ao__br{left:var(--pad);right:var(--pad);max-width:none;text-align:center}
  .ao__tl{top:5.5rem}
  .ao__br{bottom:2.5rem}
  .ao__br p{margin:1rem auto 0}
  /* galeria em arco: texto do arco abaixo do header */
  .orb__arc{top:13%}
}
@media (max-width:640px){
  /* cabeçalhos de seção centralizados */
  .su-head,.sk-intro,.white .sk-intro{text-align:center;justify-items:center}
  .su-head p,.sk-intro .lead,.white .sk-intro .lead{justify-self:center;margin-inline:auto}
  .vh{align-items:center;text-align:center}.vh p{text-align:center;margin-inline:auto}
  .head{text-align:center;margin-inline:auto}.head .lead,.head p{margin-inline:auto}
  .faq>div:first-child{text-align:center}.faq>div:first-child p{margin-inline:auto}
  .pn-72{justify-content:center}
  /* quem sou (resumo da home) */
  .me__tx{text-align:center}.me__tx .lead{margin-inline:auto}
  .me__n{justify-content:center}
  .me__tx .btns{justify-content:center}
  /* bento e cards brancos: texto centralizado como os vizinhos */
  .bc-t{text-align:center}.bc-t p{margin-inline:auto}
  .bc-2 .bc-t{flex:none}
  .cf-tx{text-align:center}.cf-tx p{margin-inline:auto}.cf-i{margin-inline:auto}
  /* rodapé centralizado */
  .fdv__tx{text-align:center}.fdv__tx p{margin-inline:auto}
  .ftr__g{text-align:center;justify-items:center}
  .ftr__g p{margin-inline:auto}
  .ftr__g .logo,.fso{justify-content:center}
  .ftr__g ul{justify-items:center}
  .ftr__bot{justify-content:center;text-align:center}
  /* botão flutuante de WhatsApp mais compacto */
  .wa-float{right:.75rem;bottom:.75rem}
  .wa-float .btn{padding:.55rem .6rem .55rem 1rem;font-size:.9rem;min-height:0}
  .wa-float .btn .arr{width:32px;height:32px}
  /* galeria órbita: cards menores pra caber o círculo inteiro */
  .fc{--w:80px;--h:50px}
  .orb__intro .orb__h{font-size:1.2rem}
}
@media (max-width:640px){
  .hproof{flex-wrap:nowrap;gap:.9rem;justify-content:space-evenly;width:100%}
  .hproof>div{flex-direction:column;gap:.3rem;text-align:center}
  .hproof b{font-size:1.7rem}.hproof span{font-size:.72rem}
  .hproof span{line-height:1.2}
  .chip--k{letter-spacing:.1em;font-size:.64rem;white-space:nowrap}
}
@media (max-width:820px){
  /* Quem sou: hero empilhado e centralizado */
  .ah__l,.ah__r,.ah__t{text-align:center}
  .ah__l .btns,.ah__l .crumbs{justify-content:center}
  .ah__r p:not(.ah__big){margin-inline:auto}
  .ah__t{text-align:center!important}
}
@media (max-width:640px){
  /* heros das páginas internas */
  .phero .split>div:first-child,.phero .wrap>.head{text-align:center}
  .phero .lead,.phero p{margin-inline:auto}
  .phero .btns,.crumbs{justify-content:center}
  .phero .chip{margin-inline:auto}
  .ish__bot{text-align:center}.ish__bot .lead{margin-inline:auto}.ish__bot .btns{justify-content:center}
  /* blocos de texto em duas colunas que viram uma */
  .split>div:not(.portrait):not(.photo):not(.phone){text-align:center}
  .split .lead,.split p{margin-inline:auto}
  .split .btns,.pills{justify-content:center}
  .chan{text-align:left}
  .nums .card{text-align:center}
  .hp__tx{text-align:center}.hp__tx .lead{margin-inline:auto}.hp__tx .btns{justify-content:center}
  .tall .txt{text-align:center}.tall .txt p{margin-inline:auto}
  .inc .card{text-align:center}.inc .card .i{margin-inline:auto}.inc .card p{margin-inline:auto}
  /* suporte nas páginas de serviço: órbita em cima, texto embaixo */
  .sup .card--ink[style]{grid-template-columns:1fr!important;text-align:center;justify-items:center}
  .sup .card--ink .orbit{width:200px;height:200px;margin-top:.5rem}
  .sup .notes{margin-inline:auto}
}
@media (max-width:640px){
  .split>.rec{text-align:left}
  .rec div{grid-template-columns:2.2rem 1fr;row-gap:.3rem}.rec div p{grid-column:2}
  .sim .step{text-align:center}.sim .opts{justify-content:center}
}
@media (max-width:640px){
  .split>div.rec{text-align:left!important}
  .kick:has(+ .pills){text-align:center}
}
@media (max-width:640px){.sim .res~p,.sim>div>p:not(.step){text-align:center}}
/* tablet: uma barra flutuante só (o header já tem "Fazer orçamento") */
@media (max-width:1080px){
  .sbar{display:none!important}
  .faq>div:first-child{text-align:center}.faq>div:first-child p{margin-inline:auto}
  .sk-intro,.white .sk-intro{text-align:center;justify-items:center}
  .sk-intro .lead,.white .sk-intro .lead{justify-self:center;margin-inline:auto}
  .pn-72{justify-content:center}
}
@media (max-width:820px){
  .me__tx{text-align:center}.me__tx .lead{margin-inline:auto}
  .me__n,.me__tx .btns{justify-content:center}
}
/* tablet em pé: coluna única também centralizada */
@media (max-width:820px){
  .phero .split>div:first-child,.phero .wrap>.head{text-align:center}
  .phero .lead,.phero p{margin-inline:auto}
  .phero .btns,.crumbs{justify-content:center}
  .split>div:not(.portrait):not(.photo):not(.phone):not(.rec){text-align:center}
  .split .lead,.split p{margin-inline:auto}
  .split .btns,.pills{justify-content:center}
  .split>div.rec{text-align:left}
  .chan{text-align:left}
  .hp__tx{text-align:center}.hp__tx .lead{margin-inline:auto}.hp__tx .btns{justify-content:center}
  .portrait,.photo{margin-inline:auto}
  .vh{flex-direction:column;align-items:center;text-align:center}.vh p{text-align:center;margin-inline:auto}
}
/* portfólio resumido em 2 colunas: 8 cards (sem card órfão no fim) */
@media (min-width:641px) and (max-width:1080px){.pf--lite .pf__grid>:nth-child(9){display:none}}
/* telas bem estreitas (320–380px) */
@media (max-width:380px){
  .hproof{flex-wrap:wrap;gap:1rem 1.4rem;justify-content:center}
  .bc-chat{padding:1.4rem 1rem 0}
  .bc-msg--in{margin-left:0}.bc-msg--out{margin-right:0}
  .bc-msg p{font-size:.88rem}
  .pn-72 b{white-space:nowrap}
  .wa-float .btn{font-size:.85rem}
}

/* ===================== RESPONSIVO 28/10: tablet + celular ===================== */
/* botão flutuante do WhatsApp: moeda escura com o logo, some perto do rodapé */
.wa-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;place-items:center;background:radial-gradient(circle at 50% 30%,#2a2a2a,#0e0e0e 70%);border:1px solid rgb(255 255 255 / .14);box-shadow:inset 0 1px 0 rgb(255 255 255 / .16),0 18px 40px -12px #000,0 0 0 6px rgb(10 10 11 / .35);transition:opacity .35s,scale .35s var(--ease),translate .45s var(--ease)}
.wa-float svg{width:28px;height:28px}
.wa-float__d{position:absolute;top:4px;right:4px;width:11px;height:11px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px #0e0e0e,0 0 10px #25D366;animation:pulse 2s infinite}
.wa-float.is-off{opacity:0;scale:.6;translate:0 20px;pointer-events:none}
@media (max-width:1080px){.wa-float{display:grid}}

/* depoimentos: setas fora do texto no tablet */
@media (max-width:1080px){.dv-car{padding-inline:28px}.dv-btn{width:42px;height:42px}.dv-btn--p{left:-6px}.dv-btn--n{right:-6px}}

/* mãos (ao): no tablet o texto não fica em cima do dedo */
@media (max-width:1080px) and (min-width:641px){
  .ao__tl{right:auto;max-width:24rem}
  .ao__br{left:var(--pad);right:var(--pad);max-width:none;bottom:2.5rem;text-align:center}
  .ao__br p{margin-inline:auto}
}

/* suporte: card de ajustes cresce com o conteúdo */
@media (max-width:1080px){.su-viz2{height:auto;padding-bottom:1.6rem}.su-frame{display:none}}

/* ---------- celular: tudo centralizado ---------- */
@media (max-width:640px){
  :root{--pad:18px}
  h1,h2{text-wrap:balance}
  p{text-wrap:pretty}
  /* cabeçalhos de seção */
  .head,.vh,.sk-intro,.white .sk-intro,.su-head,.hp__tx,.me__tx,.faq>div:first-child,.fdv__tx,.phero .wrap,.phero .split>div{text-align:center}
  .head,.vh p,.head .lead,.head p,.sk-intro .lead,.su-head p,.hp__tx .lead,.me__tx .lead,.faq>div:first-child p,.phero .lead{margin-inline:auto}
  .vh{align-items:center}.vh p{text-align:center}
  .sk-intro,.white .sk-intro{justify-items:center}.sk-intro .lead,.white .sk-intro .lead{justify-self:center}
  .kick{justify-content:center}
  .crumbs{justify-content:center}
  .btns,.hp__tx .btns,.me__tx .btns,.fdv .btns{justify-content:center}
  .chip{margin-inline:auto}
  .split>div:not(.form):not(.photo):not(.portrait):not(.rec):not(.phone){text-align:center}
  .split>div .lead,.split>div p{margin-inline:auto}
  .split .btns{justify-content:center}
  /* faq: perguntas continuam alinhadas à esquerda */
  .faq{gap:1.75rem}
  .qa,.qa *{text-align:left}
  /* cards */
  .cf-tx,.tk,.bc-t,.bc-7 .bc-t,.card .txt,.nums .card,.su .card,.dvt{text-align:center}
  .bc-t p,.bc-7 .bc-t p,.cf-tx p,.tk p{margin-inline:auto}
  .cf-i,.tk__i,.tk>span:first-child{margin-inline:auto}
  .tk{align-items:center}
  .tk__top{justify-content:center;position:relative;width:100%}.tk__n{position:absolute;right:0;top:0}
  .tk__use{align-self:center}
  .card .txt .go{justify-content:center}
  .nums{grid-template-columns:1fr 1fr;gap:.75rem}
  .me__n{justify-content:center}.me__n li{text-align:center}
  /* hero do Quem sou */
  .ah__r,.ah__l,.ah__t{text-align:center}
  .ah__l .crumbs{justify-content:center}.ah__l .btns{justify-content:center}
  .ah__r p:not(.ah__big){margin-inline:auto}
  /* mãos */
  .ao__tl,.ao__br{left:var(--pad);right:var(--pad);max-width:none;text-align:center}
  .ao__br p{margin-inline:auto}
  /* rodapé */
  .ftr__g{text-align:center;gap:2.25rem}
  .ftr__g .logo{justify-content:center}
  .ftr__g p{margin-inline:auto}
  .fso{justify-content:center}
  .ftr__bot{flex-direction:column;align-items:center;text-align:center;gap:.4rem}
  .ftr__word{font-size:12.6vw;letter-spacing:-.04em}
  /* listas de canais e checklists ficam alinhadas à esquerda dentro do card */
  .chan a,.fit .card,.fit ul{text-align:left}
  /* cards de "incluso" centralizados */
  .inc .card{text-align:center}.inc .card .i{margin-inline:auto}
  .phone{aspect-ratio:9/15}
  /* bento: sem vão vazio entre texto e gráfico */
  .bc .bc-2,.bc-2{min-height:0!important}.bc-chart{margin-top:1.25rem}
  /* hub de integrações: nome longo não vaza do card */
  .hb__n{min-width:0}.hb__n b{overflow:hidden;text-overflow:ellipsis;min-width:0}
  /* selo de projetos acima dos depoimentos */
  .dvt{justify-content:center;flex-wrap:wrap}
  /* espaço pro botão flutuante não cobrir o último conteúdo */
  .ftr{padding-bottom:1rem}
}
/* tablet: quando o layout vira uma coluna só, o texto também centraliza */
@media (max-width:1080px){
  .split>div:not(.form):not(.photo):not(.portrait):not(.rec):not(.phone),.faq>div:first-child,.white .sk-intro,.sk-intro{text-align:center}
  .split>div .lead,.split>div p,.faq>div:first-child p{margin-inline:auto}
  .split>div>.lead,.split>div>p{max-width:56ch}
  .split .btns,.phero .btns{justify-content:center}
  .split .crumbs,.phero .crumbs{justify-content:center}
  .split .chip{margin-inline:auto}
  .white .sk-intro,.sk-intro{justify-items:center}.sk-intro .lead,.white .sk-intro .lead{justify-self:center;margin-inline:auto}
  .chan a,.fit .card,.fit ul,.qa,.qa *{text-align:left}
  .chan{max-width:520px;margin-inline:auto}
  .head{margin-inline:auto;text-align:center}.head .lead,.head p{margin-inline:auto}
  .form{text-align:left}
}
@media (max-width:900px){.hp__tx{text-align:center}.hp__tx .lead{margin-inline:auto}.hp__tx .btns{justify-content:center}}
@media (max-width:820px){
  .me__tx{text-align:center}.me__tx .lead{margin-inline:auto}.me__tx .btns,.me__n{justify-content:center}
  .ah__r,.ah__l,.ah__t{text-align:center}.ah__l .crumbs,.ah__l .btns{justify-content:center}.ah__r p:not(.ah__big){margin-inline:auto}.ah__l h1{margin-inline:auto}
}
@media (max-width:640px){.kick:has(+ .pills){display:flex;justify-content:center}}

/* retratos novos (recorte limpo, sem sobreposição) */
.ah__me{aspect-ratio:620/1068}
.me__ph img{height:100%;filter:none}
.me__ph{background:radial-gradient(70% 60% at 50% 105%,rgb(212 248 58 / .08),transparent 70%),radial-gradient(80% 70% at 50% 30%,#1e1e21,#0b0b0c 75%)}

/* Quem sou: retrato na poltrona, recortado, em cartão escuro */
.pt{position:relative;width:100%;max-width:460px;margin-inline:auto;aspect-ratio:46/50;border-radius:var(--r-lg);overflow:hidden;background:radial-gradient(60% 50% at 50% 38%,#232326,#0c0c0d 72%);border:1px solid var(--dark-line);box-shadow:inset 0 1px 0 rgb(255 255 255 / .06),0 40px 80px -40px #000}
.pt img{position:absolute;left:50%;bottom:0;translate:-50% 0;width:92%;height:auto;-webkit-mask-image:linear-gradient(#000 80%,transparent);mask-image:linear-gradient(#000 80%,transparent);filter:contrast(1.04)}
.pt__ring{position:absolute;left:50%;top:40%;width:74%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;border:1px solid rgb(255 255 255 / .07)}
.pt__ring--2{width:96%;border-color:rgb(255 255 255 / .04);border-top-color:rgb(212 248 58 / .35)}
.pt__chip{position:absolute;z-index:2;display:flex;align-items:center;gap:.45rem;padding:.55rem .8rem;border-radius:12px;background:rgb(18 18 20 / .82);border:1px solid rgb(255 255 255 / .1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.78rem;color:#d4d4d8;white-space:nowrap}
.pt__chip em{width:7px;height:7px;border-radius:50%;background:var(--brand)}
.pt__chip b{font-weight:400;color:var(--brand)}
.pt__chip--a{left:6%;top:9%}
.pt__chip--b{right:6%;bottom:9%}

/* foto da poltrona (fundo branco original) — home e Quem sou */
.me__ph--w{aspect-ratio:760/578;background:#efefef;border:0;box-shadow:0 30px 60px -35px rgb(10 10 11 / .35);max-width:560px;width:100%;margin-inline:auto}
.me__ph--w img{position:static;translate:none;width:100%;height:100%;object-fit:cover;filter:none}
.me__ph--w .pt__chip{background:rgb(255 255 255 / .85);border-color:var(--line);color:var(--ink)}
.me.white .me__tx .lead{color:var(--ink-2)}
.me.white .me__n{border-color:var(--line)}
.me.white .me__n b{color:var(--ink)}
.me.white .me__n li:first-child b{color:var(--ink)}
.me.white .me__n li:first-child span{box-shadow:inset 0 -2px 0 var(--brand)}
.me.white .me__n span{color:var(--ink-3)}
.me.white .me__in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
@media (max-width:820px){.me.white .me__in{grid-template-columns:1fr}.me__ph--w{aspect-ratio:760/578}}

/* foto da poltrona flutuando (sem card) */
.flt{position:relative;width:100%;max-width:560px;margin-inline:auto}
.flt img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgb(10 10 11 / .12))}
.flt::after{content:"";position:absolute;left:12%;right:12%;bottom:2%;height:8%;border-radius:50%;background:radial-gradient(closest-side,rgb(10 10 11 / .10),transparent);z-index:-1}
.flt .pt__chip{background:rgb(255 255 255 / .9);border-color:var(--line);color:var(--ink);box-shadow:0 10px 30px -12px rgb(10 10 11 / .25);left:0;top:12%}

/* notebook menor + card de CTA dentro da seção branca */
.nb{width:min(640px,100%)}
.nb-ctc{margin-top:clamp(3rem,2rem + 4vw,5.5rem)}
.nb-ctc .ctc__c{box-shadow:inset 0 1px 0 rgb(255 255 255 / .06),0 40px 70px -40px rgb(10 10 11 / .55)}

/* ===== mini telas animadas (cards de serviço): loops discretos simulando uso ===== */
.mk-a{--t:7s}
.mk-vp{position:relative;height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}
.mk-vp--win{height:120px}
.mk-vp--long{height:150px}
.mk-scroll{display:flex;flex-direction:column;gap:.5rem;animation:mk-scroll var(--t) cubic-bezier(.6,0,.3,1) infinite}
.mk-scroll--win{gap:0}
.mk-scroll--long{gap:.6rem;animation-name:mk-scroll-long}
@keyframes mk-scroll{0%,12%{translate:0 0}38%,62%{translate:0 -78px}88%,100%{translate:0 0}}
@keyframes mk-scroll-long{0%,10%{translate:0 0}25%,35%{translate:0 -52px}50%,60%{translate:0 -104px}75%,85%{translate:0 -150px}100%{translate:0 0}}
.mk-img{display:block;height:46px;border-radius:8px;background:linear-gradient(110deg,rgb(255 255 255 / .04) 30%,rgb(255 255 255 / .1) 50%,rgb(255 255 255 / .04) 70%) 0 0/250% 100%,#121215;border:1px solid rgb(255 255 255 / .06);animation:mk-shine 2.8s linear infinite}
@keyframes mk-shine{to{background-position:-250% 0,0 0}}
/* cursor */
.mk-cur{position:absolute;left:60%;top:70%;width:14px;height:14px;z-index:3;pointer-events:none;background:#f4f4f5;clip-path:polygon(0 0,100% 62%,56% 66%,78% 100%,64% 100%,44% 70%,0 100%);filter:drop-shadow(0 2px 3px #000);opacity:0;animation:mk-cur var(--t) ease-in-out infinite}
@keyframes mk-cur{0%,30%{opacity:0;translate:30px 30px}38%{opacity:1}46%,52%{opacity:1;translate:0 0;scale:1}49%{scale:.8}60%,100%{opacity:0;translate:0 0}}
.mk-press{animation:mk-press var(--t) ease infinite}
@keyframes mk-press{0%,47%,53%,100%{scale:1;background:rgb(212 248 58 / .1)}49%{scale:.96;background:rgb(212 248 58 / .22)}}
.mk-pop{opacity:0;animation:mk-pop var(--t) cubic-bezier(.3,1.4,.5,1) infinite}
@keyframes mk-pop{0%,54%{opacity:0;translate:0 10px;scale:.9}60%,90%{opacity:1;translate:0 0;scale:1}96%,100%{opacity:0;translate:0 -4px}}
.mk-pop em{animation:mk-blink 1.2s ease-in-out infinite}
@keyframes mk-blink{50%{opacity:.35}}
/* landing: cursor no botão durante a pausa da rolagem */
.mk--phone .mk-cur{left:58%;top:62%}
/* captura: digitando */
.mk-in{position:relative;color:transparent}
.mk-in::before{content:"";position:absolute;left:.6rem;top:50%;translate:0 -50%;width:40%;height:5px;border-radius:3px;background:rgb(255 255 255 / .08)}
.mk-type{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;vertical-align:bottom;color:#e4e4e7;border-right:1px solid var(--brand);position:relative;z-index:1;background:#141416}
.mk-type--1{animation:mk-type1 var(--t) steps(13) infinite}
.mk-type--2{animation:mk-type2 var(--t) steps(15) infinite}
@keyframes mk-type1{0%,4%{max-width:0}20%,92%{max-width:7em;border-color:transparent}100%{max-width:0}}
@keyframes mk-type2{0%,22%{max-width:0}38%,92%{max-width:8em;border-color:transparent}100%{max-width:0}}
.mk-cur--cap{left:55%;top:66%}
/* institucional: sublinhado percorre o menu + rolagem */
.mk-nav{position:relative}
.mk-nav span{color:#71717a}
.mk-ul{position:absolute;left:.8rem;bottom:.35rem;width:1.9rem;height:2px;border-radius:2px;background:var(--brand);animation:mk-ul var(--t) cubic-bezier(.6,0,.3,1) infinite}
@keyframes mk-ul{0%,15%{translate:0 0;width:1.9rem}25%,45%{translate:2.6rem 0;width:2.4rem}55%,75%{translate:5.6rem 0;width:1.7rem}85%,100%{translate:0 0;width:1.9rem}}
.mk-tiles i{background:linear-gradient(110deg,rgb(255 255 255 / .03) 30%,rgb(255 255 255 / .09) 50%,rgb(255 255 255 / .03) 70%) 0 0/250% 100%;animation:mk-shine 3.2s linear infinite}
.mk-tiles i:nth-child(2){animation-delay:.25s}.mk-tiles i:nth-child(3){animation-delay:.5s}
/* one page: indicador desce junto com a rolagem */
.mk-dots{z-index:2}
.mk-dot{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px rgb(212 248 58 / .12);animation:mk-dot var(--t) cubic-bezier(.6,0,.3,1) infinite}
@keyframes mk-dot{0%,10%{translate:0 0}25%,35%{translate:0 11px}50%,60%{translate:0 22px}75%,85%{translate:0 33px}100%{translate:0 0}}
/* e-commerce: produto vai pro carrinho */
.mk-prod{position:relative;overflow:hidden}
.mk-shoe{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:2;translate:-50% -40%;border-radius:40% 60% 18% 18%/60% 70% 30% 30%;background:linear-gradient(160deg,#3f3f46,#18181b);box-shadow:0 10px 14px -8px #000;animation:mk-float 3.5s ease-in-out infinite}
@keyframes mk-float{50%{translate:-50% -55%;rotate:-4deg}}
.mk-fly{position:absolute;left:50%;top:62%;width:8px;height:8px;border-radius:50%;background:var(--brand);opacity:0;z-index:2;animation:mk-fly var(--t) cubic-bezier(.5,0,.7,1) infinite}
@keyframes mk-fly{0%,50%{opacity:0;translate:0 0;scale:1}52%{opacity:1}62%{opacity:1;translate:100px -128px;scale:.6}64%,100%{opacity:0;translate:100px -128px}}
.mk-badge{overflow:hidden;animation:mk-bump var(--t) ease infinite}
.mk-badge span{grid-area:1/1}
.mk-n2{opacity:0;animation:mk-n2 var(--t) step-end infinite}.mk-n1{animation:mk-n1 var(--t) step-end infinite}
@keyframes mk-n2{0%,62%{opacity:0}63%,96%{opacity:1}97%,100%{opacity:0}}
@keyframes mk-n1{0%,62%{opacity:1}63%,96%{opacity:0}97%,100%{opacity:1}}
@keyframes mk-bump{0%,62%,72%,100%{scale:1}66%{scale:1.35}}
.mk-cur--shop{left:56%;top:66%}
.mk-pop{animation-delay:0s}
.mk--card .mk-pop{animation-name:mk-pop2}
@keyframes mk-pop2{0%,68%{opacity:0;translate:0 10px;scale:.9}74%,92%{opacity:1;translate:0 0;scale:1}97%,100%{opacity:0}}
/* checkout: escolhe Pix, finaliza, aprovado */
.mk-opt{transition:none}
.mk-opt--1{animation:mk-sel1 var(--t) step-end infinite}
.mk-opt--1 em{animation:mk-sel1e var(--t) step-end infinite}
@keyframes mk-sel1{0%,22%{border-color:rgb(255 255 255 / .08);color:#a1a1aa}23%,97%{border-color:rgb(212 248 58 / .45);color:#f4f4f5}}
@keyframes mk-sel1e{0%,22%{background:transparent;box-shadow:inset 0 0 0 1.5px rgb(255 255 255 / .25)}23%,97%{background:var(--brand);box-shadow:none}}
.mk-cur--co{animation-name:mk-cur-co;left:30%;top:36%}
@keyframes mk-cur-co{0%,8%{opacity:0;translate:40px 50px}14%{opacity:1}20%,24%{opacity:1;translate:0 0;scale:1}22%{scale:.8}40%,46%{opacity:1;translate:40px 82px;scale:1}43%{scale:.8}54%,100%{opacity:0;translate:40px 82px}}
.mk-press--co{animation-name:mk-press-co}
@keyframes mk-press-co{0%,41%,46%,100%{scale:1;background:rgb(212 248 58 / .1)}43%{scale:.96;background:rgb(212 248 58 / .22)}}
.mk-ok{position:absolute;inset:0;z-index:4;display:grid;place-content:center;justify-items:center;gap:.6rem;border-radius:inherit;background:rgb(18 18 20 / .94);color:#e4e4e7;font-size:.72rem;opacity:0;animation:mk-ok var(--t) ease infinite}
.mk-ok i{width:38px;height:38px;border-radius:50%;border:1.5px solid rgb(212 248 58 / .6);position:relative;animation:mk-ring var(--t) ease infinite}
.mk-ok i::after{content:"";position:absolute;left:13px;top:9px;width:8px;height:15px;border:solid var(--brand);border-width:0 2px 2px 0;rotate:45deg}
@keyframes mk-ok{0%,50%{opacity:0}56%,92%{opacity:1}98%,100%{opacity:0}}
@keyframes mk-ring{0%,52%{scale:.6}60%{scale:1.08}66%,100%{scale:1}}
/* área de membros: vídeo tocando, progresso enche, módulo 2 libera */
.mk-play{animation:mk-play var(--t) ease infinite}
@keyframes mk-play{0%,8%{opacity:1;scale:1}14%,86%{opacity:0;scale:.6}92%,100%{opacity:1;scale:1}}
.mk-wave{position:absolute;inset:22% 18% 30%;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .14) 0 3px,transparent 3px 8px);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);opacity:0;animation:mk-wave var(--t) linear infinite,mk-eq .6s ease-in-out infinite alternate}
@keyframes mk-wave{0%,12%{opacity:0}18%,84%{opacity:1}90%,100%{opacity:0}}
@keyframes mk-eq{to{scale:1 .55}}
.mk-prog i{animation:mk-prog var(--t) linear infinite}
@keyframes mk-prog{0%,12%{width:8%}86%{width:100%}100%{width:8%}}
.mk-m2{animation:mk-m2 var(--t) step-end infinite}
.mk-m2 em{animation:mk-m2e var(--t) step-end infinite}
@keyframes mk-m2{0%,86%{color:#a1a1aa;box-shadow:none}87%,99%{color:#f4f4f5;box-shadow:inset 0 0 0 1px rgb(212 248 58 / .35)}}
@keyframes mk-m2e{0%,86%{background:rgb(255 255 255 / .2)}87%,99%{background:var(--brand)}}
.mk-mods span.on{color:#a1a1aa}
/* pausa fora da tela e em movimento reduzido */
.sc:not(.is-in) .mk-a *{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.mk-a,.mk-a *{animation:none!important}.mk-pop,.mk-ok,.mk-cur,.mk-fly{opacity:0!important}}
.white .nb-ctc .hl{color:var(--brand);background:none;padding:0;font-weight:inherit}
.white .nb-ctc .kick{color:var(--on-dark-2)}
.white .nb-ctc .ctc__p{color:#a1a1aa}
.white .nb-ctc h2{color:#d4d4d8}

/* ===== Cards de serviço v3: disco de vidro + trilhas de circuito + chips glassmorphism ===== */
.sc__viz:has(.cv){padding:0!important;place-items:stretch}
.cv{position:relative;width:100%;height:100%;min-height:200px;display:grid;place-items:center;isolation:isolate;overflow:hidden}
.cv::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(40% 45% at 50% 50%,rgb(255 255 255 / .035),transparent 70%)}
.cv__ln,.cv__nd{position:absolute;left:0;top:50%;width:100%;height:166px;translate:0 -50%;overflow:visible}
.cv__ln path{fill:none;stroke:rgb(255 255 255 / .11);stroke-width:1;vector-effect:non-scaling-stroke}
.cv__ln .cv__p{stroke:var(--brand);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:9 91;stroke-dashoffset:100;opacity:.8;filter:drop-shadow(0 0 3px rgb(212 248 58 / .6));animation:cv-run 4.8s cubic-bezier(.5,0,.5,1) infinite}
.cv__p--1{animation-delay:-1.2s!important}.cv__p--2{animation-delay:-2.4s!important}.cv__p--3{animation-delay:-3.6s!important}
@keyframes cv-run{0%{stroke-dashoffset:100;opacity:0}12%{opacity:.85}70%{opacity:.85}88%,100%{stroke-dashoffset:9;opacity:0}}
.cv__nd circle{fill:#18181b;stroke:rgb(255 255 255 / .22);stroke-width:1;vector-effect:non-scaling-stroke}
.cv__disc{position:relative;z-index:2;width:118px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 30%,#3a3a3e,#1b1b1e 55%,#0e0e10);box-shadow:0 0 0 1px rgb(255 255 255 / .1),inset 0 1px 0 rgb(255 255 255 / .18),inset 0 -8px 16px rgb(0 0 0 / .5),0 24px 40px -16px #000;transition:translate .6s var(--ease)}
.cv__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,rgb(255 255 255 / .22) 72%,transparent 82%);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(closest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));animation:cv-spin 7s linear infinite}
@keyframes cv-spin{to{rotate:360deg}}
.cv__in{width:64%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#151517,#0a0a0b 70%);box-shadow:inset 0 2px 6px rgb(0 0 0 / .8),0 0 0 1px rgb(255 255 255 / .05)}
.cv__in svg{width:44%;height:44%;fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgb(212 248 58 / .35))}
.cv__glass{position:absolute;z-index:1;width:92px;height:62px;border-radius:14px;background:linear-gradient(150deg,rgb(255 255 255 / .07),rgb(255 255 255 / .015));border:1px solid rgb(255 255 255 / .08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgb(255 255 255 / .08)}
.cv__glass--l{left:9%;top:16%;rotate:-8deg;animation:cv-bob 6s ease-in-out infinite}
.cv__glass--r{right:8%;bottom:14%;width:74px;height:48px;rotate:7deg;animation:cv-bob 6s ease-in-out -3s infinite}
@keyframes cv-bob{50%{translate:0 -7px}}
.cv__chip{position:absolute;z-index:3;display:flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:11px;font-size:.66rem;color:#e4e4e7;white-space:nowrap;background:rgb(24 24 27 / .55);border:1px solid rgb(255 255 255 / .12);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 12px 26px -14px #000,inset 0 1px 0 rgb(255 255 255 / .08)}
.cv__chip em{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none;animation:mk-blink 1.6s ease-in-out infinite}
.cv__chip--a{right:7%;top:15%;animation:cv-chip 7s ease-in-out infinite}
.cv__chip--b{left:7%;bottom:13%;color:#a1a1aa;animation:cv-chip 7s ease-in-out -3.5s infinite}
.cv__chip--b em{background:rgb(255 255 255 / .35);animation:none}
@keyframes cv-chip{0%,100%{translate:0 0}50%{translate:0 -6px}}
.sc:hover .cv__disc{translate:0 -4px}
.sc:not(.is-in) .cv *{animation-play-state:paused}
@media (max-width:600px){.cv__disc{width:100px}.cv__glass{display:none}}
@media (prefers-reduced-motion:reduce){.cv *{animation:none!important}.cv__p{opacity:0!important}}
.cv__glass{width:84px;height:54px;opacity:.85}
.cv__glass::before,.cv__glass::after{content:"";position:absolute;left:12px;height:5px;border-radius:3px;background:rgb(255 255 255 / .16)}
.cv__glass::before{top:14px;width:46%}
.cv__glass::after{top:26px;width:66%;background:rgb(255 255 255 / .08);box-shadow:0 10px 0 rgb(255 255 255 / .06)}
.cv__glass--r{width:68px;height:44px}
.cv__glass--r::after{width:40%}
.cv__ln path{stroke:rgb(255 255 255 / .14)}
.lc img[src*="shineray"]{height:78%}

/* ===== Cards de serviço v4: cena cheia com print real em perspectiva + vidro ===== */
.sc--pv{justify-content:flex-end;isolation:isolate;background:radial-gradient(80% 60% at 85% 0%,rgb(212 248 58 / .06),transparent 60%),linear-gradient(180deg,#141416,#0a0a0b)!important}
.sc--pv .sc__viz{position:absolute!important;inset:0;padding:0!important;display:block;z-index:0;overflow:hidden}
.sc--pv::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgb(10 10 11 / .82) 60%,#0a0a0b 80%)}
.sc--pv .sc__tx{position:relative;z-index:2;text-align:left;padding:1.4rem 1.5rem 1.5rem!important}
.sc--pv .sc__tx p{margin:.4rem 0 .8rem!important;max-width:34ch}
.pvc{position:absolute;inset:0;perspective:1100px}
.pv-light{position:absolute;right:-20%;top:-30%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgb(255 255 255 / .07),transparent);filter:blur(10px)}
.pv-scr{position:relative;overflow:hidden;background:#111}
.pv-scr img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left;filter:saturate(.9) brightness(.92)}
.pv-scr::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgb(255 255 255 / .10) 48%,transparent 60%) -120% 0/250% 100% no-repeat;animation:pv-sheen 6s ease-in-out infinite}
@keyframes pv-sheen{0%,55%{background-position:-120% 0}85%,100%{background-position:220% 0}}
.pv-win{position:absolute;left:14%;top:7%;width:112%;border-radius:12px;overflow:hidden;background:#18181b;border:1px solid rgb(255 255 255 / .12);box-shadow:0 40px 60px -30px #000,0 0 0 6px rgb(255 255 255 / .02);transform:rotateY(-18deg) rotateX(8deg) rotateZ(-3deg);transform-origin:0 0;transition:transform .8s var(--ease);animation:pv-float 8s ease-in-out infinite}
.pv-win .pv-scr{aspect-ratio:16/10}
.pv-bar{display:flex;align-items:center;gap:5px;padding:.5rem .7rem;background:#1c1c1f;border-bottom:1px solid rgb(255 255 255 / .06)}
.pv-bar i{width:7px;height:7px;border-radius:50%;background:rgb(255 255 255 / .16)}
.pv-bar span{margin-left:.6rem;height:12px;width:40%;border-radius:6px;background:rgb(255 255 255 / .06)}
.pv-ph{position:absolute;left:50%;top:6%;width:44%;translate:-30% 0;aspect-ratio:9/18.5;padding:6px;border-radius:30px;background:linear-gradient(160deg,#3a3a3e,#111 40%,#0a0a0a);border:1px solid rgb(255 255 255 / .14);box-shadow:0 40px 60px -26px #000,inset 0 1px 0 rgb(255 255 255 / .2);rotate:8deg;animation:pv-float 8s ease-in-out infinite}
.pv-ph .pv-scr{height:100%;border-radius:24px}
.pv-ph .pv-scr img{object-position:18% top;animation:pv-scroll 12s ease-in-out infinite}
@keyframes pv-scroll{0%,20%{object-position:18% top}50%,70%{object-position:40% top}100%{object-position:18% top}}
.pv-notch{position:absolute;z-index:2;top:12px;left:50%;translate:-50% 0;width:30%;height:9px;border-radius:6px;background:#000}
@keyframes pv-float{50%{translate:0 -6px}}
.pv-ph{--tx:-30%}
@keyframes pv-float-ph{50%{translate:-30% -6px}}
.pv-ph{animation-name:pv-float-ph}
.sc--pv:hover .pv-win{transform:rotateY(-12deg) rotateX(5deg) rotateZ(-2deg)}
/* vidro */
.pv-chip,.pv-glass{position:absolute;z-index:3;color:#e4e4e7;background:rgb(30 30 34 / .5);border:1px solid rgb(255 255 255 / .14);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 18px 34px -18px #000,inset 0 1px 0 rgb(255 255 255 / .12)}
.pv-chip{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem .55rem .55rem;border-radius:14px;white-space:nowrap;animation:pv-chip 7s ease-in-out infinite}
.pv-chip strong{display:block;font-size:.74rem;font-weight:500;color:#f4f4f5;line-height:1.2}
.pv-chip small{display:block;font-size:.62rem;color:#a1a1aa;line-height:1.3}
.pv-ic{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:rgb(10 10 11 / .7);border:1px solid rgb(255 255 255 / .1)}
.pv-ic svg,.pv-badge svg,.pv-pay svg{width:15px;height:15px;fill:none;stroke:var(--brand);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pv-chip--a{left:6%;top:30%}
.pv-chip--b{right:6%;top:46%;animation-delay:-3.5s}
@keyframes pv-chip{0%,100%{translate:0 0}50%{translate:0 -7px}}
.pv-glass{display:grid;gap:.4rem;padding:.8rem;border-radius:16px;font-size:.62rem;animation:pv-chip 7s ease-in-out -2s infinite}
.pv-glass em{font-style:normal;font-size:.7rem;color:#f4f4f5;margin-bottom:.1rem}
.pv-glass i{font-style:normal;display:flex;align-items:center;gap:.4rem;padding:.42rem .55rem;border-radius:9px;border:1px solid rgb(255 255 255 / .1);background:rgb(255 255 255 / .03);color:#a1a1aa}
.pv-glass i.on{border-color:rgb(212 248 58 / .4);color:#f4f4f5}
.pv-glass b{display:block;text-align:center;padding:.45rem;border-radius:9px;font-weight:500;color:var(--brand);background:rgb(212 248 58 / .1);border:1px solid rgb(212 248 58 / .32)}
.pv-form{left:6%;top:9%;width:150px}
.pv-pay{right:6%;top:8%;width:140px}
.pv-pay svg{width:11px;height:11px}
.pv-nav{left:6%;top:9%;display:flex;gap:.2rem;padding:.35rem;border-radius:12px}
.pv-nav i{border:0;background:none;padding:.35rem .5rem}
.pv-nav i.on{background:rgb(255 255 255 / .08);border:0}
.pv-badge{position:absolute;z-index:3;left:1.5rem;top:1.3rem;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgb(10 10 11 / .6);border:1px solid rgb(255 255 255 / .12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pvc:has(.pv-form,.pv-nav) .pv-badge{left:auto;right:1.5rem}
.sc:not(.is-in) .pvc *{animation-play-state:paused}
@media (max-width:600px){.sc--pv .sc__tx{text-align:center}.sc--pv .sc__tx p{margin-inline:auto!important}.pv-chip--b{display:none}}
@media (prefers-reduced-motion:reduce){.pvc *,.pvc *::after{animation:none!important}}
.pv-win{top:15%}
.pv-ph{top:12%}
.sc--pv .sc__viz{z-index:auto!important}
.pv-chip--b{top:36%}
.pvc:has(.pv-form) .pv-chip--b{top:40%}
.pv-chip--a{top:22%}
.pv-chip--b{top:42%}
.pvc:has(.pv-form) .pv-chip--b{top:46%}
.sc--pv::after{background:linear-gradient(180deg,transparent 40%,rgb(10 10 11 / .8) 64%,#0a0a0b 82%)}
.pv-ph .pv-scr img{object-position:top center!important;animation:none!important}

/* v4.1: telas retas e nítidas, menos vidro e brilho */
.pv-light,.pv-glass,.pv-chip--b{display:none!important}
.pv-scr::after{display:none}
.pv-scr img{filter:none!important}
.pv-win{left:7%!important;top:17%!important;width:128%!important;transform:none!important;border-radius:14px;box-shadow:0 30px 60px -30px #000;animation:none!important}
.sc--pv:hover .pv-win{transform:translateY(-4px)!important}
.pv-win .pv-scr img{width:150%;height:auto;max-width:none;object-fit:initial}
.pv-ph{rotate:0deg!important;translate:-50% 0!important;left:50%!important;top:15%!important;width:50%!important;animation:none!important;transition:translate .6s var(--ease)}
.sc--pv:hover .pv-ph{translate:-50% -4px!important}
.pv-chip{background:#141416!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:rgb(255 255 255 / .1)!important;animation:none!important;top:auto!important;bottom:calc(var(--txh,150px) + 1rem)}
.pv-chip--a{left:1.5rem!important;top:5.2rem!important;bottom:auto}
.pv--ph .pv-chip--a{left:auto!important;right:1.2rem}
.pv-badge{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141416}
.pv-win .pv-scr img{width:118%}
.pv-win{top:22%!important;left:6%!important}
.sc--pv::after{background:linear-gradient(180deg,transparent 48%,rgb(10 10 11 / .85) 68%,#0a0a0b 84%)!important}
.pv-chip--a{top:1.3rem!important;left:4.4rem!important}
.pv--ph .pv-chip--a{left:auto!important;right:1.3rem!important}
.pv-ph{top:20%!important;width:46%!important}
.pv-badge{display:none!important}
.pv-chip--a{left:1.3rem!important;right:auto!important;top:1.2rem!important}
.pv-win{top:15%!important}
.pv-ph{top:15%!important}
.sc--pv::after{background:linear-gradient(180deg,transparent 56%,rgb(10 10 11 / .9) 70%,#0a0a0b 80%)!important}
.pvc.pv--ph .pv-chip--a{left:1.3rem!important;right:auto!important}
.pvc:not(:has(.pv-chip--a)) .pv-chip--b{display:flex!important;left:1.3rem!important;right:auto!important;top:1.2rem!important}
.pv-chip{bottom:auto!important}

/* v4.2: hero inteiro (sem zoom) e telas mais escuras */
.pv-win{left:9%!important;width:100%!important;top:17%!important}
.pv-win .pv-scr img{width:100%!important;height:100%!important;object-fit:cover!important}
.pv-scr img{filter:brightness(.68) saturate(.85)!important}
.pv-ph{width:38%!important;top:16%!important}
.pv-win,.pv-ph{opacity:.92}

/* sbar: mesmo botao principal do site */
.sbar .btn--p{font-size:.9rem;padding:.32rem .32rem .32rem 1.15rem;gap:.75rem}
.sbar .btn--p .arr{width:2.15rem;height:2.15rem;border-radius:8px}
.sbar:hover .btn--p .arr{transform:translateX(3px)}

/* números do Quem sou: ícone moeda escura + respiro */
.nums-sec{padding-block:clamp(3.5rem,7vw,6rem)!important}
.nums .card{padding:1.9rem 1.7rem 1.7rem;display:flex;flex-direction:column;gap:.15rem}
.nums .card .i{position:relative;display:grid;place-items:center;width:48px;height:48px;margin-bottom:1.4rem;border-radius:50%;
  background:radial-gradient(circle at 50% 22%,#323235 0,#18181a 48%,#0b0b0c 100%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),inset 0 -6px 12px rgb(0 0 0 / .55),0 0 0 1px rgb(255 255 255 / .07),0 10px 22px -10px rgb(0 0 0 / .7)}
.nums .card .i::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;
  background:conic-gradient(from 210deg,rgb(255 255 255 / .5),rgb(255 255 255 / .06) 25%,rgb(212 248 58 / .45) 50%,rgb(255 255 255 / .06) 75%,rgb(255 255 255 / .5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.nums .card .i svg.ph{width:24px;height:24px}
.nums p{margin:0;line-height:1.45}
@media (max-width:1080px){.nums .card{align-items:center}}

/* Nichos (Quem sou): grade de cartões com ícone */
.nich .head--c{max-width:760px;margin-inline:auto;text-align:center}
.nich .head--c .lead{margin:1.2rem auto 0;max-width:60ch}
.nich__g{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(2.5rem,5vw,3.5rem)}
.nich__c{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;border-radius:18px;background:linear-gradient(180deg,#151516,#0c0c0d);border:1px solid rgb(255 255 255 / .08);color:var(--on-dark-1,#d9dbe0);font-size:1rem;transition:border-color .3s,transform .3s var(--ease)}
.nich__c:hover{border-color:rgb(212 248 58 / .35);transform:translateY(-3px)}
.nich__c .i{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 50% 22%,#323235 0,#18181a 48%,#0b0b0c 100%);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .22),inset 0 -6px 12px rgb(0 0 0 / .55),0 0 0 1px rgb(255 255 255 / .07),0 10px 22px -10px rgb(0 0 0 / .7)}
.nich__c .i::before{content:"";position:absolute;inset:0;border-radius:50%;padding:1px;
  background:conic-gradient(from 210deg,rgb(255 255 255 / .5),rgb(255 255 255 / .06) 25%,rgb(212 248 58 / .45) 50%,rgb(255 255 255 / .06) 75%,rgb(255 255 255 / .5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.nich__c .i svg.ph{width:22px;height:22px}
@media (max-width:1080px){.nich__g{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.nich__g{grid-template-columns:repeat(2,1fr);gap:.75rem}.nich__c{flex-direction:column;text-align:center;gap:.7rem;padding:1.2rem .8rem;font-size:.95rem}}

/* Depoimentos em marquee vertical (colunas com sentidos alternados) */
.qu-logos{margin-top:1rem}
.vm{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;height:clamp(520px,62vh,640px);overflow:hidden;margin-top:clamp(2rem,4vw,3rem);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
.vm__c{overflow:hidden}
.vm__t{display:flex;flex-direction:column;gap:1.25rem;animation:vmUp var(--d,40s) linear infinite}
.vm__c--r .vm__t{animation-name:vmDown}
.vm:hover .vm__t{animation-play-state:paused}
.vm .card{margin:0}
@keyframes vmUp{to{transform:translateY(calc(-50% - .625rem))}}
@keyframes vmDown{from{transform:translateY(calc(-50% - .625rem))}to{transform:translateY(0)}}
@media (max-width:1080px){.vm{grid-template-columns:repeat(2,1fr)}.vm__c:nth-child(3){display:none}}
@media (max-width:640px){.vm{grid-template-columns:1fr;height:560px}.vm__c:nth-child(2){display:none}}
@media (prefers-reduced-motion:reduce){.vm__t{animation:none}.vm{height:auto;-webkit-mask-image:none;mask-image:none}}

/* pills de nicho dentro de marquee genérico */
.marq__t span.pl{font-size:.95rem;font-weight:400;letter-spacing:0;color:#e4e4e7}
.marq__t--p{gap:.8rem}