:root{
  --bg:#030a12;--bg2:#061321;--panel:#0a1d30;--panel2:#0d263d;--line:#174462;
  --cyan:#25e9f6;--cyan2:#00aef0;--red:#ff3b30;--text:#f7fbff;--muted:#a7bfd2;
  --shadow:0 28px 90px rgba(0,0,0,.38)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:
radial-gradient(circle at 80% 5%,rgba(14,103,151,.2),transparent 28rem),linear-gradient(180deg,var(--bg),var(--bg2));overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.site-header{height:84px;padding:0 5vw;display:grid;grid-template-columns:260px 1fr auto;gap:28px;align-items:center;position:sticky;top:0;z-index:90;background:rgba(3,10,18,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(44,148,190,.14)}
.brand img{width:245px}.site-header nav{display:flex;justify-content:center;gap:30px;font-size:.83rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.site-header nav a:hover{color:var(--cyan)}
.nav-toggle{display:none;background:none;border:0;color:white;font-size:1.7rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--cyan2));color:#03121e;font-weight:800;border:0;box-shadow:0 12px 32px rgba(0,200,235,.22);transition:.25s;cursor:pointer}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(0,200,235,.3)}.btn-small{min-height:42px;padding:0 20px;font-size:.82rem}.btn-ghost{background:transparent;border:1px solid #2b7897;color:white;box-shadow:none}
.hero{min-height:770px;padding:100px 6vw 60px;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(500px,1.1fr);align-items:center;position:relative;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(180deg,rgba(3,12,23,.05),rgba(3,12,23,.92))}
.radar-rings{position:absolute;width:760px;height:760px;right:-120px;top:-20px;border-radius:50%;background:
repeating-radial-gradient(circle,transparent 0 78px,rgba(52,157,198,.16) 79px 81px),
linear-gradient(90deg,transparent 49.8%,rgba(52,157,198,.16) 50%,transparent 50.2%),
linear-gradient(transparent 49.8%,rgba(52,157,198,.16) 50%,transparent 50.2%)}
.pulse{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 20px 8px rgba(255,59,48,.4);animation:pulse 2.3s infinite}.p1{right:18%;top:38%}.p2{right:34%;top:60%;animation-delay:.7s}.p3{right:10%;top:70%;animation-delay:1.3s}.p4{right:40%;top:25%;animation-delay:1.7s}
.hero-copy{max-width:620px}.eyebrow{display:inline-block;margin-bottom:15px;color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(4.2rem,7vw,7.5rem);line-height:.86;letter-spacing:-.07em;margin:0 0 30px}h1 em{font-style:normal;color:var(--cyan)}
.hero-copy>p{font-size:1.13rem;line-height:1.75;color:#d7e7f1;max-width:560px}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0;color:#e5f1f7}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.devices{height:620px;position:relative}.phone{position:absolute;width:300px;height:610px;border:8px solid #11161c;border-radius:52px;background:#081522;box-shadow:0 28px 95px rgba(0,0,0,.56),inset 0 0 0 2px #54616c;overflow:hidden}.notch{position:absolute;width:112px;height:27px;top:9px;left:50%;transform:translateX(-50%);border-radius:18px;background:#03070b;z-index:4}
.phone-main{left:20%;z-index:3;transform:rotate(-1deg);animation:float 6s ease-in-out infinite}.phone-map{left:48%;top:38px;z-index:2;transform:rotate(3deg);opacity:.95;animation:float2 7s ease-in-out infinite}
.phone-ui{height:100%;padding:38px 20px 20px;background:linear-gradient(180deg,#061321,#081a2a)}.status{display:flex;justify-content:space-between}.status strong{font-size:2rem;line-height:.8;text-align:right}.status small{display:block;font-size:.53rem;font-weight:500;margin-top:5px}
.mini-radar{position:absolute;width:230px;height:230px;left:50%;top:150px;transform:translateX(-50%);border-radius:50%;background:
repeating-radial-gradient(circle,transparent 0 35px,rgba(43,143,178,.36) 36px 38px),
linear-gradient(90deg,transparent 49.5%,rgba(43,143,178,.28) 50%,transparent 50.5%),
linear-gradient(transparent 49.5%,rgba(43,143,178,.28) 50%,transparent 50.5%)}
.sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 12deg,rgba(35,233,246,.58),transparent 18%);animation:sweep 4s linear infinite}.blip{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--red);box-shadow:0 0 15px 5px rgba(255,59,48,.5)}.b1{left:30px;top:85px}.b2{right:36px;top:54px}.b3{right:64px;bottom:33px}.boat{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:2rem}
.bottom-bar{position:absolute;left:18px;right:18px;bottom:20px;display:flex;align-items:center;justify-content:space-between}.circle{width:45px;height:45px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan)}.bottom-bar small{font-size:.7rem}
.map-grid{position:absolute;inset:0;background:
linear-gradient(24deg,transparent 48%,rgba(40,123,167,.14) 49% 51%,transparent 52%),
linear-gradient(-18deg,transparent 44%,rgba(40,123,167,.12) 45% 46%,transparent 47%);background-size:95px 95px,130px 130px}
.pin{position:absolute;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;font-weight:900}.red{background:var(--red)}.blue{background:#07b9ea}.r1{top:145px;left:65px}.r2{top:270px;right:48px}.r3{top:355px;left:78px}.c1{top:215px;right:80px}.c2{top:410px;right:105px}
.section{padding:95px 5vw;max-width:1500px;margin:auto}.alt{max-width:none;background:linear-gradient(180deg,rgba(10,29,48,.72),rgba(7,20,34,.36));border-block:1px solid rgba(51,151,191,.14)}.section-head{max-width:760px;margin-bottom:45px}.section-head p,.cta p,.live-copy p,.map-copy p{color:var(--muted);line-height:1.7}h2{font-size:clamp(2.3rem,4vw,4.3rem);line-height:1.07;letter-spacing:-.045em;margin:0 0 15px}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:17px}.card{min-height:230px;padding:28px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(13,39,62,.96),rgba(7,25,42,.93));border:1px solid rgba(48,139,177,.24);transition:.25s}.card:hover{transform:translateY(-5px);border-color:rgba(37,233,246,.5)}.icon{font-size:2.7rem;color:var(--cyan);margin-bottom:20px}.card h3{font-size:1.04rem}.card p{color:var(--muted);font-size:.88rem;line-height:1.55}
.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:20px;align-items:start;text-align:center;margin-top:55px}.steps article b{width:88px;height:88px;border-radius:50%;border:2px solid var(--cyan);display:grid;place-items:center;margin:auto;color:var(--cyan);font-size:2rem;background:rgba(5,26,42,.82)}.steps article b.danger{border-color:var(--red);color:var(--red)}.steps p{color:var(--muted);line-height:1.55}.arrow{font-size:2rem;color:var(--cyan);padding-top:28px}
.live-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.live-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.live-card{padding:34px;border-radius:20px;background:linear-gradient(180deg,rgba(13,39,62,.96),rgba(7,25,42,.93));border:1px solid rgba(48,139,177,.24)}.live-card strong{display:block;color:var(--cyan);font-size:3rem;margin-bottom:8px}.live-card span{color:var(--muted)}
.map-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.big-map{height:500px;border-radius:28px;position:relative;overflow:hidden;background:
linear-gradient(24deg,transparent 48%,rgba(40,123,167,.16) 49% 51%,transparent 52%),
linear-gradient(-18deg,transparent 44%,rgba(40,123,167,.14) 45% 46%,transparent 47%),
radial-gradient(circle at 55% 55%,rgba(0,174,240,.12),transparent 20rem),#071827;background-size:110px 110px,150px 150px,auto,auto;border:1px solid rgba(49,154,194,.28);box-shadow:var(--shadow)}
.river{position:absolute;left:44%;top:-15%;width:130px;height:140%;background:linear-gradient(180deg,rgba(35,233,246,.12),rgba(0,174,240,.22));transform:rotate(11deg);filter:blur(2px);border-inline:1px solid rgba(35,233,246,.15)}
.map-alert,.map-user{position:absolute;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900}.map-alert{background:var(--red);box-shadow:0 0 24px rgba(255,59,48,.45)}.map-user{background:#08b9ea;box-shadow:0 0 24px rgba(0,174,240,.35)}.ma1{left:24%;top:28%}.ma2{left:60%;top:55%}.ma3{left:72%;top:22%}.mu1{left:38%;top:64%}.mu2{left:54%;top:30%}.mu3{left:82%;top:70%}.map-radar{position:absolute;width:260px;height:260px;border-radius:50%;left:44%;top:48%;transform:translate(-50%,-50%);background:repeating-radial-gradient(circle,transparent 0 42px,rgba(35,233,246,.17) 43px 45px),conic-gradient(from 5deg,rgba(35,233,246,.22),transparent 20%);animation:sweep 6s linear infinite}
.product-shot{border-radius:24px;overflow:hidden;border:1px solid rgba(47,142,181,.28);box-shadow:var(--shadow);background:#061321}.product-shot img{width:100%}
.cta{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:35px;margin-bottom:80px;padding:55px 60px;border-radius:28px;background:linear-gradient(135deg,#0b2a44,#071a2c);border:1px solid rgba(49,154,194,.28)}
.waitlist{display:grid;grid-template-columns:1fr auto;gap:12px}.waitlist input{min-height:54px;border-radius:999px;border:1px solid rgba(49,154,194,.35);background:rgba(3,12,23,.7);color:white;padding:0 22px;font:inherit;outline:none}.waitlist input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(37,233,246,.08)}.form-note{grid-column:1/-1;color:#7993a6}
.faq{display:grid;gap:12px}.faq details{padding:20px 24px;border-radius:14px;background:rgba(9,31,50,.84);border:1px solid rgba(47,142,181,.22)}summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted);line-height:1.65}
footer{padding:70px 5vw 28px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:36px;border-top:1px solid rgba(47,142,181,.17);background:#030a12}footer img{width:245px}footer p,footer a{color:var(--muted)}footer a{display:block;margin:10px 0;font-size:.9rem}footer a:hover{color:var(--cyan)}footer h3{font-size:.9rem}footer small{grid-column:1/-1;padding-top:22px;border-top:1px solid rgba(47,142,181,.13);color:#728a9d}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes sweep{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(.75);opacity:.7}50%{transform:scale(1.25);opacity:1}}@keyframes float{0%,100%{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-14px)}}@keyframes float2{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(12px)}}
@media(max-width:1180px){.cards{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr 1fr}.phone-main{left:5%;transform:scale(.86)}.phone-map{left:38%;transform:rotate(3deg) scale(.86)}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;height:74px}.brand img{width:205px}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;padding:25px;background:#061321;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header>.btn{display:none}.hero{grid-template-columns:1fr;padding-top:75px}.devices{height:570px;margin-top:25px}.phone-main{left:18%;transform:scale(.84)}.phone-map{left:47%;transform:rotate(3deg) scale(.8)}.steps{grid-template-columns:1fr}.arrow{transform:rotate(90deg);padding:0}.live-section,.map-showcase,.cta{grid-template-columns:1fr}.waitlist{grid-template-columns:1fr}.waitlist .btn{width:100%}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-header{padding:0 20px}.brand img{width:175px}.hero{padding:65px 22px 35px}.hero-points{grid-template-columns:1fr}h1{font-size:4.3rem}.devices{height:490px}.phone{width:245px;height:500px;border-radius:42px}.phone-main{left:0;transform:translateX(10px) scale(.8)}.phone-map{left:34%;top:22px;transform:rotate(3deg) scale(.74)}.mini-radar{width:190px;height:190px;top:130px}.section{padding:75px 22px}.cards,.live-grid{grid-template-columns:1fr}.cta{margin-inline:22px;padding:35px 25px}.big-map{height:380px}footer{grid-template-columns:1fr;padding-inline:22px}footer small{grid-column:1}}