:root{--bg:#05070c;--pan:#0c111b;--line:#1a2333;--tx:#eef2f8;--mut:#8792a6;--mag:#ff2bd6;--vio:#a855f7;--cy:#22e1ff;--ok:#36e39b;--bad:#ff5468;--g:linear-gradient(110deg,var(--mag),var(--vio) 50%,var(--cy))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.03em;line-height:1.02;margin:0}
.mono{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.gt{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.btn{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:16px 28px;font:600 16px Inter;cursor:pointer;color:#fff;background:var(--g);background-size:200% 100%;box-shadow:0 10px 40px -10px rgba(255,43,214,.6);transition:.4s}
.btn:hover{background-position:100% 0;transform:translateY(-2px)}
.btn.gh{background:transparent;border:1px solid var(--line);box-shadow:none}.btn.gh:hover{border-color:var(--cy)}
nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;transition:.3s}
nav.s{background:rgba(5,7,12,.75);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.logo{font:800 26px "Space Grotesk"}.logo b{background:var(--g);-webkit-background-clip:text;color:transparent}
nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:15px;color:var(--mut)}nav ul a:hover{color:var(--tx)}
.lang{font-size:13px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:7px 12px}
@media(max-width:900px){nav ul{display:none}}
/* ===== HERO: lupa sobre emblema complexo ===== */
.hero{position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:20px;padding:110px 28px 40px;max-width:1440px;margin:0 auto}
.hero h1{font-size:clamp(44px,6.2vw,92px)}
.hero p{font-size:19px;color:#c3cbd8;max-width:520px;margin:22px 0 30px}
.badge4{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(34,225,255,.35);background:rgba(34,225,255,.06);border-radius:999px;padding:8px 16px;margin-bottom:24px;font-size:14px}
.badge4 b{color:var(--cy);font-family:"JetBrains Mono"}
.stage{position:relative;aspect-ratio:1;width:100%;max-width:680px;justify-self:center;cursor:none;touch-action:none}
.stage canvas,.stage svg{position:absolute;inset:0;width:100%;height:100%;border-radius:28px}.stage{border-radius:28px;border:1px solid var(--line);box-shadow:0 40px 120px -40px rgba(168,85,247,.5)}
#lensRing{position:absolute;width:250px;height:250px;border-radius:50%;border:2px solid var(--cy);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 60px rgba(34,225,255,.35),inset 0 0 40px rgba(34,225,255,.15);pointer-events:none;transform:translate(-50%,-50%)}
#lensRing span{position:absolute;top:-30px;left:50%;transform:translateX(-50%);white-space:nowrap;font:500 11px "JetBrains Mono";color:var(--cy);background:rgba(5,7,12,.85);padding:4px 9px;border-radius:6px;border:1px solid rgba(34,225,255,.4)}
.hud{position:absolute;font:500 11px "JetBrains Mono";padding:6px 10px;border-radius:8px;background:rgba(5,7,12,.85);border:1px solid var(--line);color:var(--mut)}
.hud b{color:var(--tx)}
.glowbg{position:absolute;inset:-10%;background:radial-gradient(50% 50% at 60% 50%,rgba(168,85,247,.22),transparent 70%),radial-gradient(30% 30% at 75% 40%,rgba(255,43,214,.14),transparent 70%);pointer-events:none;animation:pulse 6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.6;transform:scale(1.05)}}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding-top:100px}.stage{max-width:520px}}
/* sections */
section{position:relative;padding:120px 0}
.eyebrow{color:var(--cy);margin-bottom:18px}h2{font-size:clamp(34px,4.8vw,64px)}
.lead{color:var(--mut);font-size:19px;max-width:660px;margin-top:18px}
.rv{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
.mq{border-block:1px solid var(--line);overflow:hidden;padding:20px 0;background:#070a12}
.mq div{display:flex;gap:48px;width:max-content;animation:mq 34s linear infinite;font:700 28px "Space Grotesk";color:#2a3448}
.mq span:nth-child(4n+1){color:var(--tx)}.mq em{font-style:normal;color:var(--mag)}@keyframes mq{to{transform:translateX(-50%)}}
/* ===== QUALIDADE: nós e contour ===== */
.qa{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;margin-top:50px;align-items:start}
.qview{position:relative;border-radius:28px;border:1px solid var(--line);background:#fff;overflow:hidden;aspect-ratio:1}
.qview svg{width:100%;height:100%;display:block}
.qtabs{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;z-index:2}
.seg{display:inline-flex;gap:4px;background:rgba(5,7,12,.88);border:1px solid var(--line);border-radius:999px;padding:4px}
.seg button{border:0;background:transparent;color:var(--mut);padding:9px 16px;border-radius:999px;font:600 13px Inter;cursor:pointer}
.seg button.on{background:var(--tx);color:#05070c}.seg.them button.on{background:var(--bad);color:#fff}.seg.us button.on{background:var(--g);color:#fff}
.layers{display:flex;gap:6px;flex-wrap:wrap}.layers label{display:flex;gap:6px;align-items:center;background:rgba(5,7,12,.88);border:1px solid var(--line);color:var(--tx);border-radius:999px;padding:7px 12px;font:500 12px Inter;cursor:pointer}
.layers input{accent-color:var(--mag)}
.zoomtip{position:absolute;bottom:14px;left:14px;font:500 11px "JetBrains Mono";color:#5b6476;background:rgba(255,255,255,.9);padding:5px 9px;border-radius:7px}
.cmp{display:flex;flex-direction:column;gap:14px}
.mtr{background:var(--pan);border:1px solid var(--line);border-radius:20px;padding:20px}
.mtr .row{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px;align-items:center}
.mtr .row:last-child{border:0}.mtr .h{color:var(--mut);font:500 11px "JetBrains Mono";letter-spacing:.12em}
.mtr .t{color:var(--bad);font-family:"JetBrains Mono";text-align:right;min-width:70px}.mtr .u{color:var(--ok);font-family:"JetBrains Mono";text-align:right;min-width:70px}
.why{background:var(--pan);border:1px solid var(--line);border-radius:20px;padding:20px}
.why h3{font-size:20px;margin-bottom:8px}.why ul{margin:0;padding:0;list-style:none;color:#c3cbd8;font-size:14px}.why li{padding:6px 0}.why li b{color:var(--tx)}
.why li::before{content:"✓  ";color:var(--ok)}
@media(max-width:960px){.qa{grid-template-columns:1fr}}
/* serviços */
.svc{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}
.tilt{position:relative;border-radius:28px;padding:36px;background:var(--pan);border:1px solid var(--line);overflow:hidden;transition:transform .2s}
.tilt .sh{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(34,225,255,.18),transparent 65%);pointer-events:none;transform:translate(-50%,-50%)}
.tilt h3{font-size:36px;margin:16px 0 10px}.tilt ul{padding:0;list-style:none;color:#c3cbd8}.tilt li{padding:8px 0;border-bottom:1px solid var(--line)}.tilt li::before{content:"✓  ";color:var(--ok)}
.ico{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:rgba(255,43,214,.1);border:1px solid rgba(255,43,214,.35);font-size:26px}
@media(max-width:860px){.svc{grid-template-columns:1fr}}
/* passos */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:56px;position:relative}
.steps::before{content:"";position:absolute;top:36px;left:6%;right:6%;height:2px;background:var(--line)}
.steps .prog{position:absolute;top:36px;left:6%;height:2px;width:0;background:var(--g);box-shadow:0 0 14px var(--mag)}
.st{text-align:center;padding:0 10px}.st .n{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--line);font:700 22px "JetBrains Mono";transition:.4s;position:relative;z-index:1}
.st.on .n{border-color:var(--mag);box-shadow:0 0 30px rgba(255,43,214,.5);color:var(--mag)}.st h3{font-size:22px;margin-bottom:6px}.st p{color:var(--mut);font-size:15px;margin:0}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}.steps::before,.steps .prog{display:none}}
/* planos */
.tg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px;margin-top:28px;background:var(--pan)}
.tg button{border:0;background:transparent;color:var(--mut);padding:10px 20px;border-radius:999px;font:600 14px Inter;cursor:pointer}.tg button.on{background:var(--tx);color:#05070c}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;text-align:left}
.pl{position:relative;border-radius:26px;padding:28px;background:var(--pan);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px;transition:.35s}.pl:hover{transform:translateY(-8px)}
.pl.hot{border:1px solid transparent;background:linear-gradient(var(--pan),var(--pan)) padding-box,var(--g) border-box;box-shadow:0 30px 80px -30px rgba(255,43,214,.55)}
.pl.hot::before{content:attr(data-hot);position:absolute;top:-13px;left:24px;background:var(--g);font:600 12px Inter;padding:5px 12px;border-radius:999px}
.pl h3{font-size:26px}.pl .q{color:var(--cy);font:500 13px "JetBrains Mono"}.pl .pr{font:700 46px "Space Grotesk";margin-top:10px}.pl .pr small{font:500 14px Inter;color:var(--mut)}
.pl .pf{color:var(--mut);font-size:13px}.pl ul{list-style:none;padding:0;margin:14px 0 22px;color:#c3cbd8;font-size:14px;flex:1}.pl li{padding:6px 0}.pl li::before{content:"✓  ";color:var(--ok)}
.pl .btn{justify-content:center;padding:14px}.pl:not(.hot) .btn{background:transparent;border:1px solid var(--line);box-shadow:none}
@media(max-width:1000px){.plans{grid-template-columns:1fr 1fr}}@media(max-width:600px){.plans{grid-template-columns:1fr}}
/* ===== ENCOMENDA detalhada ===== */
.order{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:50px}
.ofile{border-radius:26px;border:1px dashed #33405a;background:repeating-conic-gradient(#0b0f18 0 25%,#0e1320 0 50%) 0 0/26px 26px;min-height:340px;display:grid;place-items:center;text-align:center;color:var(--mut);padding:24px;cursor:pointer;position:relative;overflow:hidden}
.ofile.over{border-color:var(--cy)}.ofile b{display:block;color:var(--tx);font:700 22px "Space Grotesk";margin:10px 0 4px}
.ofile img{max-width:80%;max-height:280px;border-radius:10px}
.form{background:var(--pan);border:1px solid var(--line);border-radius:26px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form .f{display:flex;flex-direction:column;gap:7px}.form .full{grid-column:1/-1}
.form label{font-size:13px;color:var(--mut)}
.form input,.form select,.form textarea{background:#07090f;border:1px solid var(--line);border-radius:12px;color:var(--tx);padding:12px 14px;font:15px Inter}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--vio);box-shadow:0 0 0 3px rgba(168,85,247,.18)}
.chips2{display:flex;flex-wrap:wrap;gap:8px}.chips2 label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:var(--tx);font-size:13px;cursor:pointer}
.chips2 input{accent-color:var(--mag)}
.sum{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px}
.sum .p{font:700 40px "Space Grotesk"}.sum .p small{font:500 14px Inter;color:var(--mut)}
@media(max-width:960px){.order{grid-template-columns:1fr}.form{grid-template-columns:1fr}}
/* garantia, faq, final */
.gar{display:grid;grid-template-columns:auto 1fr auto;gap:34px;align-items:center;border-radius:30px;padding:44px;background:radial-gradient(120% 140% at 0% 0%,rgba(255,43,214,.18),transparent 50%),radial-gradient(120% 140% at 100% 100%,rgba(34,225,255,.16),transparent 50%),var(--pan);border:1px solid var(--line)}
.seal{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;font:700 15px "Space Grotesk";border:2px dashed var(--mag);animation:spin 18s linear infinite}.seal span{animation:spin 18s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:860px){.gar{grid-template-columns:1fr;text-align:center}.seal{margin:auto}}
details{border-bottom:1px solid var(--line);padding:22px 0}summary{cursor:pointer;font:600 20px "Space Grotesk";list-style:none;display:flex;justify-content:space-between}
summary::after{content:"+";color:var(--mag);transition:.3s}details[open] summary::after{transform:rotate(45deg)}details p{color:var(--mut);margin:12px 0 0}
.final{text-align:center;padding:150px 0;background:radial-gradient(60% 60% at 50% 50%,rgba(168,85,247,.22),transparent 70%)}.final h2{font-size:clamp(42px,6.6vw,92px)}
footer{border-top:1px solid var(--line);padding:40px 0;color:var(--mut);font-size:14px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
.mcta{position:fixed;bottom:14px;left:14px;right:14px;z-index:60;display:none}@media(max-width:700px){.mcta{display:block}.mcta .btn{width:100%;justify-content:center}}


.sel{background:transparent;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:7px 10px;font:500 13px Inter;cursor:pointer}
.sel option{background:#0c111b;color:#eef2f8}
.dd{position:relative}.dd>a{cursor:pointer}.dd .menu{position:absolute;top:100%;left:-16px;min-width:300px;padding:12px;margin-top:10px;background:rgba(12,17,27,.97);border:1px solid var(--line);border-radius:16px;display:none;flex-direction:column;gap:2px;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.dd:hover .menu,.dd:focus-within .menu{display:flex}.dd .menu a{padding:9px 12px;border-radius:10px;color:var(--tx)}.dd .menu a:hover{background:#151c2a}
.dd .menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:8px 11px;font-size:18px}
@media(max-width:900px){.burger{display:block}nav ul.open{display:flex;position:fixed;top:70px;left:12px;right:12px;flex-direction:column;background:rgba(12,17,27,.98);border:1px solid var(--line);border-radius:18px;padding:16px;gap:6px}nav ul.open .menu{position:static;display:flex;border:0;padding:0 0 0 10px;margin:0;box-shadow:none;background:none}.hidem{display:none!important}}
.phero{padding:150px 0 40px;position:relative}.phero h1.long{font-size:clamp(32px,4vw,54px)}@media(max-width:700px){.badge4{display:inline-block;border-radius:16px;line-height:1.5}}.phero h1{font-size:clamp(40px,5.6vw,78px);max-width:950px}.phero .lead{max-width:760px}
.crumb{color:var(--mut);font-size:13px;margin-bottom:18px}.crumb a:hover{color:var(--tx)}
.prose{max-width:820px;margin:0 auto;font-size:17.5px;color:#c9d1de}.prose h2{font-size:clamp(28px,3.4vw,40px);color:var(--tx);margin:56px 0 14px}.prose h3{font-size:23px;color:var(--tx);margin:34px 0 8px}
.prose p{margin:0 0 18px}.prose ul,.prose ol{padding-left:22px;margin:0 0 22px}.prose li{margin:8px 0}.prose a{color:var(--cy);text-decoration:underline;text-underline-offset:3px}.prose b,.prose strong{color:var(--tx)}
.svcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.svcard{border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--pan);display:flex;flex-direction:column;gap:10px;transition:.3s}.svcard:hover{transform:translateY(-6px);border-color:#34405a}
.svcard h3{font-size:24px}.svcard p{color:var(--mut);margin:0;flex:1;font-size:15px}.svcard .pz{font:700 30px "Space Grotesk"}
@media(max-width:900px){.svcgrid{grid-template-columns:1fr}}
.prodg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.prodg .card{background:var(--pan);border:1px solid var(--line);border-radius:28px;padding:34px}
.bigp{font:700 64px "Space Grotesk";line-height:1}.bigp small{font:500 15px Inter;color:var(--mut)}
.chk{list-style:none;padding:0;margin:18px 0 26px;color:#c3cbd8}.chk li{padding:9px 0;border-bottom:1px solid var(--line)}.chk li::before{content:"✓  ";color:var(--ok)}
.mini{position:relative;aspect-ratio:1;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#0a0e17}
@media(max-width:900px){.prodg{grid-template-columns:1fr}}
.modal{position:fixed;inset:0;z-index:99;background:rgba(3,5,10,.75);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.modal>div{background:var(--pan);border:1px solid var(--line);border-radius:24px;padding:34px;max-width:460px;text-align:center}.modal h3{font-size:28px;margin-bottom:10px}.modal p{color:var(--mut)}
.postlist{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.post{border:1px solid var(--line);border-radius:22px;padding:26px;background:var(--pan);display:flex;flex-direction:column;gap:12px}.post h3{font-size:22px}.post p{color:var(--mut);font-size:15px;margin:0;flex:1}
@media(max-width:900px){.postlist{grid-template-columns:1fr}}