@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#071624;color:#eaf5fb;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.nav{position:fixed;z-index:30;top:0;width:100%;background:rgba(5,18,30,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.navin{height:82px;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px;display:block}.nav nav{display:flex;align-items:center;gap:28px;font-size:13px}.nav nav>a:not(.pill){opacity:.76}.nav nav>a:hover{opacity:1}.pill{border:1px solid #1db7f0;padding:11px 16px;border-radius:8px}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:820px;padding:160px 0 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,#123d5b 0,transparent 35%),linear-gradient(150deg,#071725,#06121d 65%,#082337)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#071624)}.sea{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(120deg,transparent 48%,#1db7f0 49%,transparent 50%);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 10%,black 75%,transparent)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.24em;color:#2dc3f6;font-weight:800}.hero h1,.section h2,.cta h2{font-size:64px;line-height:1.04;margin:18px 0 24px;letter-spacing:-.045em}.hero h1 em,.section h2 em,.cta h2 em{font-style:normal;color:#2dc3f6}.lead{font-size:18px;line-height:1.75;color:#a9bdca;max-width:650px}.lead.small{font-size:16px}.actions{display:flex;gap:12px;margin:35px 0}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:15px 20px;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer}.primary{background:#22baf0;color:#02121c}.ghost{border-color:#365366;color:#d9e8f0}.trust{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#8299a7}.trust span:before{content:"✓";color:#2dc3f6;margin-right:7px}.console{transform:perspective(1100px) rotateY(-5deg);background:#08131d;border:1px solid #24485f;border-radius:14px;box-shadow:0 35px 80px #0009;overflow:hidden}.console-top{height:44px;background:#0d1e2b;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #18374b;font-size:10px}.console-top>span{width:7px;height:7px;border-radius:50%;background:#40515d}.console-top b{margin-left:8px;color:#8ea8b8;letter-spacing:.1em}.console-top i{margin-left:auto;color:#5ae49c;font-style:normal}.console-body{display:grid;grid-template-columns:120px 1fr;min-height:430px}.console aside{padding:25px 14px;background:#071019;border-right:1px solid #142b3a;display:flex;flex-direction:column;gap:16px;font-size:9px;color:#7d96a5}.console aside strong{font-weight:600}.mini-logo{font-size:20px;color:#24b9ef;font-weight:800}.screen{padding:28px}.screen-head{display:flex;justify-content:space-between;align-items:start}.screen h3{margin:5px 0 22px}.screen small{font-size:8px;color:#7894a4;letter-spacing:.12em}.status{font-size:8px;background:#0c3028;color:#66dda7;padding:7px 9px;border-radius:20px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metrics>div{background:#0d202e;border:1px solid #17384d;padding:16px;border-radius:8px}.metrics b{display:block;font-size:24px;margin:6px 0}.metrics span{font-size:8px;color:#7190a1}.chart{margin-top:12px;background:#0d202e;border:1px solid #17384d;border-radius:8px;padding:15px}.chart-title{font-size:10px}.chart-title span{float:right;color:#718b9b}.chart svg{height:130px;width:100%}.rows{display:flex;gap:8px;margin-top:10px}.rows span{flex:1;background:#0d202e;padding:10px;font-size:8px;border-radius:6px}.rows i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#25b8ef;margin-right:5px}.rows b{float:right}.logos{position:relative;z-index:3;background:#081a29;border-top:1px solid #102d40;border-bottom:1px solid #102d40;padding:28px 0}.logos .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.logos p{font-size:11px;color:#698493;max-width:180px}.logo-row{display:flex;gap:55px;color:#b9c9d2;font-size:13px;font-weight:800}.logo-row small{display:block;color:#4e6d7f;font-size:7px;letter-spacing:.12em;margin-top:3px}.section{padding:110px 0;background:#f3f7f9;color:#0b2332}.section.dark{background:#071624;color:#eaf5fb}.title-row{display:grid;grid-template-columns:1.1fr .8fr;gap:80px;align-items:end}.section h2{font-size:46px}.title-row p{color:#617785;line-height:1.8}.flow{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;align-items:center;margin-top:70px}.flow>div{background:white;border:1px solid #d8e5eb;padding:25px;border-radius:12px;min-height:190px}.flow>div.active{background:#0b2a3d;color:white;border-color:#22baf0;box-shadow:0 18px 40px #0b2a3d2e}.flow>i{text-align:center;color:#7d98a7}.flow b{font-size:10px;color:#20aede}.flow .ico{display:block;font-size:28px;margin:17px 0;color:#19afe8}.flow h3{font-size:15px}.flow p{font-size:12px;color:#718692;line-height:1.5}.active p{color:#9fb6c4}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #173548;border-left:1px solid #173548}.features article{padding:34px;border-right:1px solid #173548;border-bottom:1px solid #173548;min-height:220px}.features article>span{color:#2dc3f6;font-size:10px}.features h3{margin-top:38px}.features p{color:#829aa8;font-size:13px;line-height:1.7}.applications{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.chips span{padding:10px 14px;border:1px solid #cddde5;border-radius:30px;font-size:11px}.radar{aspect-ratio:1;max-width:450px;border-radius:50%;background:#09283a;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #020e15}.rings{position:absolute;inset:10%;border:1px solid #2cb5e64d;border-radius:50%;box-shadow:0 0 0 70px #0b405233,0 0 0 140px #0b405233}.rings:before,.rings:after{content:"";position:absolute;background:#29b9ed3b}.rings:before{width:1px;height:140%;left:50%;top:-20%}.rings:after{height:1px;width:140%;top:50%;left:-20%}.sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 83%,#2cc1f33d 96%,#2cc1f3 100%);border-radius:50%;animation:spin 7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ship{position:absolute;left:49%;top:46%;color:#fff}.dot{position:absolute;width:7px;height:7px;background:#4ce2a4;border-radius:50%;box-shadow:0 0 10px #4ce2a4}.d1{left:29%;top:30%}.d2{right:24%;top:43%}.d3{left:37%;bottom:22%}.radar-label{position:absolute;left:0;right:0;bottom:13%;text-align:center;color:#d8eef7;font-size:10px;letter-spacing:.12em}.radar-label small{font-size:6px;color:#69a4be}.cta{padding:105px 0;background:linear-gradient(135deg,#06131f,#092c40);border-top:1px solid #16415a}.cta-grid{display:grid;grid-template-columns:.85fr 1fr;gap:90px}.cta h2{font-size:48px}.cta p{color:#91a9b6;line-height:1.8}.contact-lines{display:flex;flex-direction:column;gap:9px;margin-top:30px;font-size:13px;color:#bcd0da}.cta form{background:#0a2030;border:1px solid #1c455d;border-radius:14px;padding:30px}.cta label{display:block;font-size:10px;color:#8da5b3;margin-bottom:16px}.cta input,.cta textarea{width:100%;margin-top:7px;background:#071722;border:1px solid #22465a;color:white;padding:13px;border-radius:7px;font:inherit;font-size:12px;outline:none}.cta input:focus,.cta textarea:focus{border-color:#22baf0}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta form .btn{width:100%}.cta form>small{display:block;color:#607c8c;margin-top:12px;text-align:center;font-size:8px}.hp{display:none!important}footer{background:#030c12;padding:55px 0 22px;color:#728b99}.foot{display:grid;grid-template-columns:1.5fr .6fr 1fr .7fr;gap:40px}.foot>div:first-child img{width:180px}.foot p{font-size:11px}.foot b{display:block;color:#d5e4ec;font-size:11px;margin-bottom:15px}.foot a{display:block;font-size:10px;margin:9px 0}.partners{display:flex;align-items:center;gap:18px}.partners img{max-width:75px;max-height:55px;object-fit:contain}.copy{border-top:1px solid #10202a;margin-top:35px;padding-top:20px;font-size:9px}.copy span{float:right}.wa{position:fixed;z-index:40;right:22px;bottom:22px;background:#1dcf70;color:#042112;padding:13px 17px;border-radius:30px;font-size:12px;font-weight:800;box-shadow:0 10px 35px #0007}.wa span{margin-left:5px}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:82px;left:0;right:0;background:#061725;padding:25px 20px;flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.hero{padding-top:130px}.hero-grid,.title-row,.applications,.cta-grid{grid-template-columns:1fr}.hero h1{font-size:50px}.console{transform:none}.logos .wrap{display:block}.logo-row{gap:25px;flex-wrap:wrap;margin-top:20px}.flow{grid-template-columns:1fr}.flow>i{transform:rotate(90deg);padding:8px}.features{grid-template-columns:1fr 1fr}.cta-grid{gap:35px}.foot{grid-template-columns:1fr 1fr}.radar{margin:auto}.section{padding:80px 0}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.brand img{width:175px}.hero h1,.section h2,.cta h2{font-size:39px}.lead{font-size:15px}.actions{flex-direction:column}.console-body{grid-template-columns:1fr}.console aside{display:none}.screen{padding:16px}.metrics{grid-template-columns:1fr}.metrics>div:nth-child(3){display:none}.features{grid-template-columns:1fr}.two{grid-template-columns:1fr}.logo-row{display:grid;grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}.copy span{float:none;display:block;margin-top:7px}.wa span{display:none}}
/* Identidade visual e iconografia NaveGuard */
.ico{width:38px;height:38px;display:flex!important;align-items:center;justify-content:center}.ico svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ico img{width:34px;height:34px;object-fit:contain}.feature-icon{width:44px;height:44px;border:1px solid #1b4960;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:#0a2130}.feature-icon svg{width:23px;height:23px;fill:none;stroke:#2dc3f6;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.features h3{margin-top:18px}.brand-signature{padding:90px 0;background:#06121d;border-top:1px solid #12364a}.brand-signature h2{max-width:720px;font-size:34px;line-height:1.2;margin:16px 0 38px}.brand-cards{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:16px}.brand-card{min-height:210px;background:#091c2a;border:1px solid #163d52;border-radius:14px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.brand-card img{max-width:100%;max-height:105px;object-fit:contain}.brand-card.nave img{width:290px}.brand-card.mauro img{width:340px}.brand-card p{font-size:11px;color:#829ba9;margin:20px 0 0}.partners img{max-width:95px;max-height:68px}.wa{display:flex;align-items:center;gap:7px}.wa svg{width:18px;height:18px;fill:currentColor}.brand img{height:auto}.foot>div:first-child img{width:200px;height:auto}
@media(max-width:900px){.brand-cards{grid-template-columns:1fr}.brand-card{min-height:170px}}

/* Radar animado da abertura */
.hero-radar{position:absolute;z-index:1;width:680px;height:680px;right:-120px;top:70px;border-radius:50%;opacity:.48;overflow:hidden;background:radial-gradient(circle,rgba(31,193,243,.08) 0 1px,transparent 2px),radial-gradient(circle at center,rgba(8,55,79,.45),rgba(2,15,25,.05) 67%,transparent 68%);border:1px solid rgba(52,194,239,.18);box-shadow:inset 0 0 90px rgba(17,150,201,.08),0 0 80px rgba(20,149,199,.08)}
.hero-radar-grid{position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(56,194,239,.25);background:repeating-radial-gradient(circle at center,transparent 0 78px,rgba(55,192,239,.18) 79px 80px),linear-gradient(90deg,transparent 49.85%,rgba(55,192,239,.18) 50%,transparent 50.15%),linear-gradient(0deg,transparent 49.85%,rgba(55,192,239,.18) 50%,transparent 50.15%)}
.hero-radar-grid:before,.hero-radar-grid:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(45deg,transparent 49.9%,rgba(55,192,239,.10) 50%,transparent 50.1%)}
.hero-radar-grid:after{transform:rotate(90deg)}
.hero-radar-sweep{position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(42,190,239,.02) 82%,rgba(42,190,239,.16) 94%,rgba(68,218,255,.72) 99.5%,transparent 100%);animation:heroRadarSpin 5.5s linear infinite;filter:drop-shadow(0 0 7px rgba(56,211,255,.35))}
.hero-radar-center{position:absolute;width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#77e7ff;box-shadow:0 0 15px #25c7f6,0 0 35px rgba(37,199,246,.8)}
.hero-radar .target{position:absolute;width:7px;height:7px;border-radius:50%;background:#77e7ff;box-shadow:0 0 7px #4ad9ff,0 0 18px rgba(74,217,255,.9);animation:targetPulse 2.4s ease-in-out infinite}
.hero-radar .t1{left:33%;top:27%;animation-delay:.2s}.hero-radar .t2{left:68%;top:38%;animation-delay:.8s}.hero-radar .t3{left:58%;top:69%;animation-delay:1.4s}.hero-radar .t4{left:27%;top:61%;animation-delay:1.9s}
@keyframes heroRadarSpin{to{transform:rotate(360deg)}}@keyframes targetPulse{0%,100%{opacity:.25;transform:scale(.75)}45%,65%{opacity:1;transform:scale(1.45)}}
@media(max-width:900px){.hero-radar{width:560px;height:560px;right:-250px;top:95px;opacity:.32}}
@media(max-width:600px){.hero-radar{width:430px;height:430px;right:-250px;top:110px;opacity:.25}.hero-radar-grid{background:repeating-radial-gradient(circle at center,transparent 0 52px,rgba(55,192,239,.16) 53px 54px),linear-gradient(90deg,transparent 49.8%,rgba(55,192,239,.16) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(55,192,239,.16) 50%,transparent 50.2%)}}
@media(prefers-reduced-motion:reduce){.hero-radar-sweep,.hero-radar .target{animation:none}}