:root{--ink:#07131f;--ink2:#0c1e2d;--blue:#14b8ff;--cyan:#63e6ff;--light:#f4f8fb;--line:#dce7ee;--text:#17222c;--muted:#647481;--radius:22px;--shadow:0 22px 60px rgba(4,24,38,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}a{text-decoration:none}.site-header{background:rgba(5,17,27,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}.site-header.scrolled{background:rgba(5,17,27,.96);box-shadow:0 8px 30px rgba(0,0,0,.18)}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:2px solid var(--blue);border-radius:12px;font-weight:900;font-size:24px;letter-spacing:-3px;transform:skew(-7deg);box-shadow:inset 0 0 18px rgba(20,184,255,.15),0 0 22px rgba(20,184,255,.13)}.brand-copy{display:flex;flex-direction:column;line-height:.86}.brand-copy strong{font-size:21px;letter-spacing:1.5px}.brand-copy small{font-size:8px;letter-spacing:4.4px;color:var(--cyan);margin-top:6px}.navbar .nav-link{color:rgba(255,255,255,.72);font-weight:600;padding:.6rem .75rem!important}.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff}.btn{border-radius:12px;font-weight:700;transition:.2s}.btn-brand{background:linear-gradient(135deg,var(--blue),var(--cyan));border:none;color:#03111a;box-shadow:0 10px 30px rgba(20,184,255,.2)}.btn-brand:hover{color:#03111a;transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,184,255,.28)}.hero{min-height:100svh;padding-top:88px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 32%,#16394d 0,#0b2232 23%,#07131f 54%,#040c12 100%);color:#fff}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.4}.hero-orb-1{width:340px;height:340px;background:#0aa4e8;right:-120px;top:15%}.hero-orb-2{width:180px;height:180px;background:#5bedff;right:32%;bottom:-100px;opacity:.15}.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.22em;font-weight:800;color:var(--cyan)}.hero h1{letter-spacing:-.055em;line-height:.96;max-width:850px}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(99,230,255,.85);text-shadow:0 0 30px rgba(20,184,255,.15)}.hero-copy{color:rgba(255,255,255,.68);max-width:700px}.hero .btn-lg{padding:.95rem 1.35rem}.hero-trust>div{display:flex;flex-direction:column}.hero-trust strong{font-size:1rem}.hero-trust span{font-size:.78rem;color:rgba(255,255,255,.46)}.tech-panel{width:100%;max-width:440px;aspect-ratio:4/4.4;border:1px solid rgba(99,230,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:inset 0 0 80px rgba(20,184,255,.05),0 35px 90px rgba(0,0,0,.3);backdrop-filter:blur(15px);padding:30px;position:relative;overflow:hidden;transform:perspective(900px) rotateY(-7deg) rotateX(3deg)}.tech-panel:after{content:"";position:absolute;inset:auto -20% -30% 35%;height:60%;background:radial-gradient(circle,var(--blue),transparent 62%);opacity:.18}.panel-top{display:flex;gap:7px}.panel-top span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}.panel-logo{width:108px;height:108px;margin:58px auto 34px;display:grid;place-items:center;border:2px solid var(--cyan);border-radius:28px;font-size:58px;font-weight:900;transform:skew(-7deg);color:var(--cyan);box-shadow:0 0 60px rgba(20,184,255,.18)}.panel-line{height:7px;border-radius:50px;background:rgba(255,255,255,.12);margin:12px auto}.panel-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:42px}.panel-stats div{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px;display:flex;flex-direction:column}.panel-stats small{color:rgba(255,255,255,.4);font-size:9px;letter-spacing:1.5px}.panel-stats strong{font-size:13px;color:var(--cyan);margin-top:3px}.signal{position:absolute;right:28px;top:28px;display:flex;align-items:flex-end;gap:3px;height:18px}.signal i{display:block;width:3px;background:var(--cyan);border-radius:2px}.signal i:nth-child(1){height:5px}.signal i:nth-child(2){height:8px}.signal i:nth-child(3){height:11px}.signal i:nth-child(4){height:14px}.signal i:nth-child(5){height:17px}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.55);font-size:28px;animation:bob 1.6s infinite}@keyframes bob{50%{transform:translate(-50%,6px)}}.brand-strip{background:#06111a;color:rgba(255,255,255,.5);border-top:1px solid rgba(255,255,255,.07);font-size:.74rem;letter-spacing:.12em;font-weight:700}.section{padding:110px 0}.section-light{background:var(--light)}.section-dark{background:linear-gradient(145deg,#07131f,#0b2030);color:#fff}.section-accent{background:linear-gradient(135deg,#2bc8ff,#74ecff)}.section-heading{max-width:760px}.section-heading h2{font-size:clamp(2rem,4vw,3.45rem);letter-spacing:-.04em;font-weight:800;margin-top:12px}.section-heading p{color:var(--muted);font-size:1.08rem}.service-card{height:100%;position:relative;padding:32px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);transition:.25s;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}.service-card:hover:before{transform:scaleX(1)}.service-num{position:absolute;right:25px;top:22px;color:#c6d6df;font-size:.74rem;font-weight:800}.service-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e9f8ff;color:#008cc8;font-size:27px;margin-bottom:24px}.service-card h3{font-size:1.34rem;font-weight:800}.service-card p{color:var(--muted);min-height:76px}.service-card a{font-size:.9rem;font-weight:800;color:#008dcc}.about-visual{min-height:500px;position:relative;display:grid;place-items:center}.about-main{width:min(360px,80%);aspect-ratio:1;border:1px solid rgba(99,230,255,.25);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(20,184,255,.16),rgba(20,184,255,.02) 58%,transparent 60%);box-shadow:0 0 100px rgba(20,184,255,.08)}.about-main:before,.about-main:after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.1);border-radius:50%}.about-main:before{width:82%;aspect-ratio:1}.about-main:after{width:96%;aspect-ratio:1}.about-main span{font-size:9rem;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--cyan);transform:skew(-7deg)}.about-chip{position:absolute;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px);border-radius:16px;padding:15px 18px;display:flex;flex-direction:column;box-shadow:0 15px 40px rgba(0,0,0,.18)}.chip-1{left:2%;bottom:18%}.chip-2{right:2%;top:22%}.about-chip strong{color:var(--cyan);font-size:1.3rem}.about-chip small{color:rgba(255,255,255,.48);max-width:150px}.about-points>div{display:flex;gap:14px;margin:18px 0}.about-points>div>span{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(99,230,255,.13);color:var(--cyan);font-weight:900}.about-points p{display:flex;flex-direction:column;margin:0}.about-points small{color:rgba(255,255,255,.45);margin-top:3px}.support-box{padding:42px 0}.feature-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}.feature-card>span{font-size:.72rem;font-weight:900;color:#00a2df}.feature-card h3{font-size:1.12rem;font-weight:800;margin:14px 0 7px}.feature-card p{font-size:.93rem;color:var(--muted);margin:0}.contact-section{background:#06111a}.contact-note{padding:20px;border-left:3px solid var(--blue);background:rgba(255,255,255,.035);color:#fff}.contact-note p{color:rgba(255,255,255,.45);margin:6px 0 0}.contact-form{background:#fff;border-radius:24px;padding:32px}.contact-form label{font-weight:700;font-size:.86rem;margin-bottom:7px}.contact-form .form-control,.contact-form .form-select{min-height:52px;border:1px solid #dce6ec;border-radius:12px;background:#f8fbfd}.contact-form textarea.form-control{min-height:130px}.contact-form .form-control:focus,.contact-form .form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .25rem rgba(20,184,255,.12)}.form-hint{display:block;text-align:center;color:#8a99a4;margin-top:9px}.footer{background:#030a0f;color:#fff;border-top:1px solid rgba(255,255,255,.07)}.footer h3{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#d8e7ef;margin-bottom:14px}.footer a:not(.brand){display:block;color:#778894;font-size:.9rem;margin:8px 0}.footer a:hover{color:var(--cyan)}.footer hr{border-color:rgba(255,255,255,.1)}.back-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:12px;border:0;background:#fff;color:#07131f;box-shadow:0 8px 30px rgba(0,0,0,.18);z-index:20;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.back-top.show{opacity:1;visibility:visible;transform:none}
@media(max-width:991.98px){.navbar-collapse{background:#07131f;margin-top:14px;border-radius:16px;padding:14px}.hero{min-height:auto;padding-top:150px;padding-bottom:100px}.hero h1{font-size:clamp(3.2rem,11vw,5rem)}.section{padding:82px 0}.about-visual{min-height:430px}.support-box{text-align:center}.contact-form{padding:24px}}@media(max-width:575.98px){.brand-copy strong{font-size:18px}.hero{padding-top:135px}.hero-trust{gap:18px!important}.hero-trust>div{width:calc(50% - 9px)}.service-card p{min-height:0}.section{padding:68px 0}.about-visual{min-height:350px}.about-main span{font-size:6.6rem}.about-chip{padding:11px 13px}.chip-1{left:0}.chip-2{right:0}.contact-form{border-radius:18px;padding:20px}}

/* Versão flat 2026 — identidade Wakko preservada */
:root{--blue:#1261c9;--cyan:#3b9ee8;--dark:#0c1b2b;--light:#f6f9fc;--text:#101827;--muted:#5f6c7b;--line:#e3e9ef}
.site-header{background:#fff;border-bottom:1px solid #e7ebef;box-shadow:0 2px 14px rgba(12,27,43,.05)}
.site-header.scrolled{background:#fff;box-shadow:0 5px 24px rgba(12,27,43,.08)}
.brand{padding:0}.brand-logo{display:block;width:210px;height:auto;max-height:84px;object-fit:contain}
.navbar .nav-link{color:#101827;font-size:.86rem;text-transform:uppercase}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--blue)}
.btn-brand{background:#1261c9;color:#fff;box-shadow:none;border:1px solid #1261c9}.btn-brand:hover{background:#0e55b2;color:#fff;box-shadow:none}
.hero{min-height:620px;padding-top:108px;background:#eaf3fb;color:#101827}
.hero-grid,.hero-orb{display:none}.hero h1{font-size:clamp(3rem,5vw,5rem);line-height:1.03;letter-spacing:-.045em}.hero h1 span{color:#1261c9;-webkit-text-stroke:0;text-shadow:none}
.hero-copy{color:#344150;max-width:610px}.hero .btn-outline-light{border-color:#1261c9;color:#1261c9}.hero .btn-outline-light:hover{background:#1261c9;color:#fff}.hero-trust strong{color:#101827}.hero-trust span{color:#647181}.scroll-cue{display:none}
.tech-panel{border:0;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(33,78,120,.12);transform:none;aspect-ratio:4/3;padding:28px}.tech-panel:after{background:#dbeafa;opacity:.75}.panel-logo{border:0;background:url('../img/logo.png') center/contain no-repeat;width:90%;height:130px;margin:48px auto 24px;border-radius:0;box-shadow:none;font-size:0;transform:none}.panel-line{background:#dbe5ee}.panel-stats div{border-color:#dbe5ee;background:#f7fafc}.panel-stats small{color:#73808d}.panel-stats strong{color:#1261c9}.signal i{background:#1261c9}
.brand-strip{background:#fff;color:#526171;border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}
.section-light{background:#fff}.section-dark{background:#10243a}.section-accent{background:#eaf3fb}.service-card{border-radius:12px;box-shadow:0 5px 16px rgba(12,27,43,.06)}.service-card:before{background:#1261c9}.service-icon{background:#edf5fd;color:#1261c9}.service-card a{color:#1261c9}.eyebrow{color:#1261c9}.contact-section{background:#10243a}.footer{background:#0a1725}
@media(max-width:991.98px){.navbar-collapse{background:#fff;border:1px solid #e5ebf0;box-shadow:0 12px 30px rgba(12,27,43,.08)}.brand-logo{width:170px}.hero{padding-top:145px}}
@media(max-width:575.98px){.brand-logo{width:145px}.hero{padding-top:125px}.hero h1{font-size:clamp(2.7rem,13vw,4rem)}}

/* Ajustes: logotipo oficial em todas as áreas + contato WhatsApp */
.about-main{padding:38px;background:radial-gradient(circle,rgba(30,112,210,.14),rgba(30,112,210,.025) 60%,transparent 62%)}
.about-main span{display:none}
.about-logo{position:relative;z-index:2;width:82%;height:auto;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.22))}
.brand-footer{display:inline-block}
.footer-logo{width:205px;max-width:100%;height:auto;object-fit:contain}
.whatsapp-contact-card{background:#fff;border-radius:24px;padding:38px;box-shadow:0 24px 60px rgba(0,0,0,.18);text-align:center}
.whatsapp-contact-card h3{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;margin:10px 0 12px;color:#101827}
.whatsapp-contact-card p{color:#66717d;font-size:1.05rem;margin-bottom:24px}
.whatsapp-contact-card small{display:block;color:#7b8792;margin-top:13px}
.whatsapp-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#25D366;color:#fff;font-size:38px;font-weight:800;box-shadow:0 12px 30px rgba(37,211,102,.26)}
.btn-whatsapp{background:#25D366;border:0;color:#fff;font-weight:800;border-radius:12px;padding:.95rem 1.3rem}
.btn-whatsapp:hover{background:#20bd5a;color:#fff;transform:translateY(-2px)}
@media(max-width:575.98px){.about-main{padding:25px}.footer-logo{width:175px}.whatsapp-contact-card{padding:26px 20px}}

/* Correção 2026-08-20 — card da hero sem corte/overlay azul */
.tech-panel{
  aspect-ratio:auto;
  min-height:400px;
  overflow:hidden;
}
.tech-panel::after{
  display:none;
}
.panel-logo{
  margin:42px auto 18px;
}
.panel-stats{
  margin-top:26px;
}