:root{--so-bg:#04131d;--so-ink:#edf8f5;--so-mint:#9ff3dd;--so-soft:#a4c4c4;--so-line:rgba(132,241,217,.17);--so-font:'DM Sans',Arial,sans-serif;--so-display:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.sonar-page{margin:0;background:var(--so-bg);color:var(--so-ink);font-family:var(--so-font);overflow-x:hidden}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--so-mint);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}.so-wrap{width:min(1330px,calc(100% - 92px));margin-inline:auto}.so-skip{position:absolute;left:15px;top:-70px;z-index:500;background:var(--so-mint);color:#052026;padding:14px}.so-skip:focus{top:16px}.so-nav{height:92px;padding:0 5%;display:flex;align-items:center;gap:30px;position:relative;z-index:5;border-bottom:1px solid var(--so-line);background:#061823}.so-brand{display:flex;align-items:center;gap:11px;min-width:245px;font:800 13px/1.05 var(--so-display);letter-spacing:.08em}.so-brand img{border-radius:50%;object-fit:cover;border:1px solid #9ff3dd67}.so-brand b{display:block;font-size:20px;letter-spacing:-.05em;color:var(--so-mint)}.so-brand small{display:block;font-size:6.6px;letter-spacing:.21em;margin-top:5px;color:#a9c8c6}.so-nav nav{display:flex;gap:30px;margin:auto}.so-nav nav a,.so-back{font:800 10px/1 var(--so-display);letter-spacing:.15em;color:#c5dfdf}.so-nav nav a:hover,.so-back:hover{color:var(--so-mint)}.so-back{border:1px solid var(--so-line);padding:15px 18px;white-space:nowrap}.so-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(3,17,26,.99) 0%,rgba(4,22,32,.94) 50%,rgba(7,34,43,.72) 100%),url('assets/ocean-wreck.jpg') center/cover}.so-hero::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#9ff3dd88,transparent)}.so-glow{position:absolute;width:650px;height:650px;right:-120px;top:-180px;border:1px solid #9ff3dd33;border-radius:50%;box-shadow:0 0 0 70px #9ff3dd08,0 0 0 140px #9ff3dd05;pointer-events:none}.so-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#82c9c216 1px,transparent 1px),linear-gradient(90deg,#82c9c216 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 10%,black 100%)}.so-hero-layout{position:relative;display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:88px;padding-bottom:88px;min-height:510px}.so-eyebrow,.so-overline{font:800 10px/1.45 var(--so-display);letter-spacing:.2em;color:var(--so-mint)}.so-eyebrow{display:flex;align-items:center;gap:12px}.so-blink{width:7px;height:7px;display:inline-block;border-radius:50%;background:#8dffcd;box-shadow:0 0 0 4px #8dffcd16,0 0 16px #8dffcd6e;animation:so-breathe 2.5s ease-in-out infinite}.so-hero h1{font:800 clamp(80px,12vw,168px)/.91 var(--so-display);letter-spacing:-.095em;margin:26px 0 24px}.so-hero h1 em,.so-console-top h2 em,.so-bottom h2 em{font-family:Georgia,serif;color:var(--so-mint);font-weight:400;letter-spacing:-.07em}.so-hero p{color:#c4d8db;max-width:650px;font-size:17px;line-height:1.75}.so-hero-foot{font:700 9px/1.4 var(--so-display);letter-spacing:.17em;color:#88aeaf;margin-top:28px}.so-code{min-width:192px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:25px;background:#071c27bc;backdrop-filter:blur(15px);border:1px solid var(--so-line);border-radius:16px}.so-code>span{color:var(--so-mint);font:800 12px var(--so-display);letter-spacing:.25em}.so-code strong{font:800 20px/1.13 var(--so-display)}.so-code small{font:700 8px/1.5 var(--so-display);letter-spacing:.13em;color:#a0c0c1}.so-console-section{background:radial-gradient(circle at 15% 30%,#0a334052,transparent 35%),#061822;padding:80px 0 90px}.so-console-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.so-console-top h2,.so-bottom h2{font:800 clamp(43px,5vw,75px)/1.06 var(--so-display);letter-spacing:-.067em;margin:14px 0 0}.so-status{display:grid;grid-template-columns:10px auto;gap:7px 12px;align-items:center;padding:12px 16px;border:1px solid var(--so-line);background:#09232cb0}.so-status strong{font:800 10px var(--so-display);letter-spacing:.12em}.so-status small{grid-column:1/-1;font:700 9px var(--so-display);letter-spacing:.07em;color:#84aeb0}.so-console-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(320px,.8fr);gap:16px}.so-radar-shell,.so-contacts{border:1px solid #85d6ca42;background:#071f29;overflow:hidden;box-shadow:0 28px 90px #020b1259}.so-panelbar{height:49px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b2a35;border-bottom:1px solid var(--so-line);font:800 9px/1.2 var(--so-display);letter-spacing:.17em;color:#a7d9d5}.so-counter b{color:#fff;font-size:12px}.so-radar{aspect-ratio:1.19;min-height:480px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at center,#134047 0%,#0b2b35 27%,#081f29 58%,#061823 86%)}.so-radar::before{content:'';position:absolute;inset:6%;border:1px solid #a7f4df15;border-radius:50%;pointer-events:none}.so-radar-bg{position:absolute;inset:0;opacity:.48;background:linear-gradient(to right,transparent calc(50% - .5px),#a0efe635 50%,transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#a0efe635 50%,transparent calc(50% + .5px)),repeating-linear-gradient(0deg,transparent 0 44px,#8becdb0d 45px),repeating-linear-gradient(90deg,transparent 0 44px,#8becdb0d 45px)}.so-rings{position:absolute;inset:0;pointer-events:none}.so-rings i{position:absolute;top:50%;left:50%;border:1px solid #8de9d334;border-radius:50%;transform:translate(-50%,-50%)}.so-rings i:nth-child(1){width:22%;aspect-ratio:1}.so-rings i:nth-child(2){width:42%;aspect-ratio:1}.so-rings i:nth-child(3){width:63%;aspect-ratio:1}.so-rings i:nth-child(4){width:84%;aspect-ratio:1}.so-sweep{position:absolute;inset:-30%;z-index:1;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 306deg,rgba(133,247,218,.02) 310deg,rgba(99,250,220,.035) 329deg,rgba(110,247,216,.2) 354deg,rgba(140,255,219,.47) 359deg,transparent 360deg);border-radius:50%;animation:so-rotate 6.5s linear infinite;pointer-events:none}.so-radar.is-paused .so-sweep{animation-play-state:paused}.so-axis{position:absolute;z-index:2;font:800 11px/1 var(--so-display);letter-spacing:.2em;color:#9fc7c4}.so-axis-n{top:16px;left:50%}.so-axis-s{bottom:32px;left:50%}.so-axis-w{top:50%;left:19px}.so-axis-e{top:50%;right:19px}.so-crosshair{position:absolute;z-index:2;top:50%;left:50%;width:17px;height:17px;border:1px solid #a4f8e2;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #87f6d777}.so-crosshair::after{content:'';position:absolute;inset:5px;border-radius:50%;background:#a4f8e2}.so-contact-layer{position:absolute;inset:0;z-index:3}.so-marker{position:absolute;transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;border:0;background:transparent;color:#eafff7;min-height:44px;z-index:5;padding:0}.so-marker-dot{display:grid;place-items:center;width:21px;height:21px;flex:none;border:1px solid #adffed;border-radius:50%;background:#59f2c451;box-shadow:0 0 22px #53eccc9e,0 0 0 5px #64f2cf18}.so-marker-dot::after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#effffb}.so-marker-name{padding:7px 9px;background:#061f29de;border:1px solid #a0f5df4a;border-radius:4px;font:800 10px/1.1 var(--so-display);letter-spacing:.08em;white-space:nowrap}.so-marker.selected .so-marker-dot{border:2px solid #fff;background:#adffe4;box-shadow:0 0 0 10px #80f4d62b,0 0 25px #80f4d6}.so-marker.selected .so-marker-dot::after{background:#083630}.so-radar-caption{position:absolute;left:16px;bottom:14px;font:800 8px/1.4 var(--so-display);letter-spacing:.13em;color:#add3d3;z-index:4;pointer-events:none}.so-console-actions{display:flex;gap:8px;padding:12px;background:#081f29;border-top:1px solid var(--so-line);flex-wrap:wrap}.so-control{color:#c4e3df;border:1px solid var(--so-line);background:#0b2c37;padding:11px 13px;font:800 9px/1.2 var(--so-display);letter-spacing:.1em}.so-control:hover,.so-control:focus-visible{border-color:#93efd9;color:#fff}.so-ping{color:#031f27;background:#aaf5df;border-color:#aaf5df}.so-ping:hover{color:#052027;background:#cffded}.so-contact-list{padding:10px;display:grid;gap:8px}.so-contact{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #6edaca1a;color:#f0faf8;background:#0d2b36;width:100%;border-radius:8px;transition:border-color .2s,background .2s}.so-contact.selected,.so-contact:hover{border-color:#8ee8d78f;background:#143943}.so-contact-index{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #8adbc859;border-radius:50%;color:#b6fae5;font:800 11px var(--so-display)}.so-contact h3{margin:0 0 5px;font:800 17px/1.15 var(--so-display);letter-spacing:-.035em}.so-contact small{font:700 9px/1.4 var(--so-display);letter-spacing:.05em;color:#9cbabb}.so-contact-arrow{margin-left:auto;color:var(--so-mint);font-size:18px}.so-details{padding:24px;border-top:1px solid var(--so-line);background:linear-gradient(160deg,#0a2b36,#071b25)}.so-detail-kicker{font:800 9px/1.3 var(--so-display);letter-spacing:.17em;color:#a1f0dd}.so-details h3{font:800 32px/1.1 var(--so-display);margin:12px 0;letter-spacing:-.06em}.so-details p{color:#bfd2d1;line-height:1.65;font-size:14px}.so-detail-facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.so-detail-facts span{font:800 9px/1.2 var(--so-display);letter-spacing:.08em;color:#e2f5f2;padding:8px 10px;border:1px solid var(--so-line)}.so-enter{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#aaf4df;color:#04282f;font:900 10px/1.2 var(--so-display);letter-spacing:.13em}.so-enter:hover{background:#d6fff0}.so-console-footer{display:flex;justify-content:space-between;gap:36px;align-items:start;margin-top:19px}.so-console-footer p{color:#8eafb2;max-width:700px;font:500 12px/1.65 var(--so-font)}.so-console-footer strong{color:#d3e5e2}.so-console-footer span{white-space:nowrap;color:#7d9ea1;font:800 9px/1.4 var(--so-display);letter-spacing:.15em}.so-bottom{padding:90px 0;border-top:1px solid var(--so-line);background:radial-gradient(circle at 90% 20%,#187a7030,transparent 25%),#061923}.so-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.so-bottom h2{margin-bottom:0}.so-bottom p{color:#b3cacc;line-height:1.75;max-width:475px}.so-bottom a{font:800 11px var(--so-display);letter-spacing:.14em;border-bottom:1px solid var(--so-mint);padding-bottom:10px;color:var(--so-mint)}.so-footer{background:#04121a;padding:28px 0;border-top:1px solid var(--so-line)}.so-footer .so-wrap{display:flex;justify-content:space-between;gap:16px;color:#83a5a7;font:700 9px/1.3 var(--so-display);letter-spacing:.13em}.so-footer a{color:#d8f3eb}@keyframes so-rotate{to{transform:rotate(360deg)}}@keyframes so-breathe{50%{opacity:.3;box-shadow:0 0 0 8px #8dffcd05}}.so-radar.is-scanning .so-sweep{animation-duration:1.4s}
@media(max-width:1080px){.so-nav nav{gap:15px}.so-console-grid{grid-template-columns:1fr}.so-radar{aspect-ratio:1.5;min-height:500px}.so-contact-list{grid-template-columns:repeat(3,minmax(0,1fr))}.so-contact{padding:12px}.so-contact-arrow{display:none}.so-contact-index{display:none}.so-contact h3{font-size:15px}.so-code{display:none}}
@media(max-width:720px){.so-wrap{width:calc(100% - 34px)}.so-nav{height:76px;padding:0 16px;gap:8px;justify-content:space-between}.so-brand{min-width:0;font-size:10px;gap:8px}.so-brand img{width:34px;height:34px}.so-brand b{font-size:16px}.so-brand small{font-size:5px}.so-nav nav{display:none}.so-back{font-size:9px;padding:10px}.so-hero-layout{min-height:420px;padding:68px 0 58px}.so-hero h1{font-size:clamp(66px,16vw,104px);margin:28px 0 22px}.so-hero p{font-size:15px}.so-hero-foot{font-size:8px}.so-eyebrow{font-size:8px}.so-console-section{padding:48px 0 64px}.so-console-top{flex-direction:column;align-items:flex-start}.so-console-top h2{font-size:clamp(41px,11vw,65px)}.so-console-grid{gap:12px}.so-panelbar{padding:0 13px;font-size:8px}.so-radar{aspect-ratio:1;min-height:0}.so-marker-name{font-size:7px;padding:6px}.so-marker{gap:4px}.so-marker-dot{width:15px;height:15px}.so-contact-list{grid-template-columns:1fr;gap:6px}.so-contact-index{display:grid;width:32px;height:32px}.so-contact{padding:12px}.so-contact-arrow{display:block}.so-console-footer{flex-direction:column;gap:5px}.so-console-footer span{white-space:normal}.so-bottom{padding:64px 0}.so-bottom-grid{grid-template-columns:1fr;gap:16px}.so-footer .so-wrap{flex-direction:column}.so-radar-caption{font-size:6.5px;left:8px}.so-control{flex:1 1 auto;text-align:center;font-size:8px;padding:10px 7px}}
@media(max-width:385px){.so-marker-name{font-size:6px;max-width:78px;overflow:hidden;text-overflow:ellipsis}.so-panelbar{letter-spacing:.08em}.so-radar-caption{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.so-sweep,.so-blink{animation:none!important}.so-contact{transition:none}}