:root{--nav-theme:#1eb5a6;--nav-theme-light:#38d2c2;--accent:#39d7ef;--sand:#f0c27b;--deep:#06121a;--deep-2:#081a25;--card:#0c202c;--line:#83d2db2e;--text:#eaf8f7;--muted:#8faeb3;--font-sans:Arial,"Helvetica Neue",sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{background:var(--deep);color:var(--text);font-family:var(--font-sans);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:30;background-image:linear-gradient(#39d7ef06 1px,#0000 1px),linear-gradient(90deg,#39d7ef06 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}a{color:inherit;text-decoration:none}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);z-index:20;background:#06121ad6;grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 4.5vw;display:grid;position:sticky;top:0}.brand,.footer-brand{align-items:center;gap:12px;display:flex}.brand{justify-self:start}.brand-hook{color:var(--nav-theme-light);justify-content:center;align-items:center;width:32px;height:42px;font-family:Georgia,serif;font-size:33px;font-weight:700;line-height:1;display:flex;position:relative;transform:rotate(18deg)}.brand-hook:after{background:var(--accent);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:1px;box-shadow:0 0 12px #39d7efb3}.brand strong{font-family:var(--font-mono);letter-spacing:.12em;font-size:13px;display:block}.brand small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.2em;margin-top:4px;font-size:8px;display:block}.main-nav{gap:32px;display:flex}.main-nav a{color:#9bb8bc;letter-spacing:.04em;font-size:12px;transition:color .2s}.main-nav a:hover{color:var(--accent)}.steam-button{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.1em;justify-self:end;padding:11px 13px;font-size:9px;transition:border-color .2s,color .2s}.steam-button:hover{border-color:var(--nav-theme-light);color:var(--nav-theme-light)}.hero{background:radial-gradient(circle at 70% 45%,#1eb5a629,#0000 32rem),linear-gradient(135deg,#071a24 0%,#06121a 52%,#081922 100%);grid-template-columns:1.04fr .96fr;min-height:760px;padding:86px 4.5vw 78px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #39d7ef14;border-radius:50%;width:620px;height:620px;position:absolute;top:60px;right:-100px}.hero-glow{background:var(--nav-theme);filter:blur(130px);opacity:.07;width:260px;height:260px;position:absolute;top:25%;right:20%}.hero-copy{z-index:2;align-self:center;max-width:760px;position:relative}.eyebrow{color:var(--nav-theme-light);font-family:var(--font-mono);letter-spacing:.2em;align-items:center;gap:9px;margin:0 0 22px;font-size:9px;font-weight:700;display:flex}.eyebrow>span{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px #39d7efa6}.hero h1{letter-spacing:-.072em;margin:0;font-size:clamp(58px,6.2vw,98px);line-height:.89}.hero h1 em{color:var(--nav-theme-light);font-style:normal}.hero-description{color:#afc8cb;max-width:640px;margin:30px 0;font-size:17px;line-height:1.68}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.button{font-family:var(--font-mono);letter-spacing:.09em;align-items:center;gap:20px;padding:15px 18px;font-size:9px;font-weight:700;display:inline-flex}.button-primary{background:var(--nav-theme);color:#031413;box-shadow:0 10px 28px #1eb5a62e}.button-primary:hover{background:var(--nav-theme-light)}.button-secondary{border:1px solid var(--line);color:#bbd2d4}.button-secondary:hover{border-color:var(--nav-theme);color:#fff}.play-icon{color:var(--accent);font-size:9px}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:680px;margin-top:54px;padding-top:19px;display:grid}.hero-stats>div{border-left:1px solid var(--line);padding-left:17px}.hero-stats>div:first-child{border-left:0;padding-left:0}.hero-stats strong{font-family:var(--font-mono);letter-spacing:-.03em;font-size:20px;display:block}.hero-stats span{color:#668990;font-family:var(--font-mono);letter-spacing:.16em;margin-top:7px;font-size:7px;display:block}.stat-note{color:#55767d;font-family:var(--font-mono);letter-spacing:.06em;margin:11px 0 0;font-size:7px}.sonar-card{background:#05131bdb;border:1px solid #39d7ef3d;place-self:center end;width:93%;max-width:610px;transform:rotate(1.2deg);box-shadow:0 28px 80px #00000052,inset 0 0 80px #1eb5a606}.sonar-top,.sonar-bottom{color:#73949a;font-family:var(--font-mono);letter-spacing:.16em;justify-content:space-between;align-items:center;padding:15px 18px;font-size:7px;display:flex}.sonar-top{border-bottom:1px solid var(--line)}.sonar-top b{color:var(--nav-theme-light);font-size:8px}.sonar-screen{background:linear-gradient(#1eb5a60a 1px,#0000 1px) 0 0/26px 26px,linear-gradient(90deg,#1eb5a60a 1px,#0000 1px) 0 0/26px 26px,radial-gradient(circle,#0a2732 0,#071923 55%,#06151d 100%);height:480px;position:relative;overflow:hidden}.sonar-screen:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#1eb5a606 50%) 0 0/100% 4px;position:absolute;inset:0}.sonar-ring{border:1px solid #39d7ef26;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-one{width:150px;height:150px}.ring-two{width:290px;height:290px}.ring-three{width:430px;height:430px}.sonar-sweep{background:conic-gradient(#1eb5a657,#0000 18% 100%);border-radius:50%;width:430px;height:430px;animation:5s linear infinite sweep;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sonar-sweep:after{background:var(--accent);box-shadow:0 0 22px var(--accent);content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes sweep{to{transform:translate(-50%,-50%)rotate(360deg)}}.island{z-index:2;position:absolute}.island i{background:var(--sand);border-radius:62% 38% 56% 44%;width:23px;height:12px;display:block;transform:rotate(-12deg);box-shadow:0 0 16px #f0c27b52}.island span{color:#76969a;font-family:var(--font-mono);letter-spacing:.1em;white-space:nowrap;font-size:6px;position:absolute;top:18px}.island-one{bottom:77px;left:20%}.island-two{top:96px;right:20%}.island-three{top:58%;right:26%}.island-three i{background:#ee7f62;box-shadow:0 0 16px #ee7f6266}.fish-mark{color:var(--accent);opacity:.75;text-shadow:0 0 12px var(--accent);z-index:2;font-size:18px;position:absolute;transform:rotate(-8deg)}.fish-one{top:29%;left:31%}.fish-two{bottom:30%;left:45%;transform:rotate(12deg)scale(.7)}.fish-three{top:36%;right:18%;transform:rotate(-20deg)scale(1.2)}.route{transform-origin:0;border-top:1px dashed #39d7ef52;position:absolute}.route-one{width:210px;bottom:100px;left:23%;transform:rotate(-28deg)}.route-two{width:145px;top:43%;left:53%;transform:rotate(-30deg)}.depth{color:#496c73;font-family:var(--font-mono);font-size:6px;position:absolute;right:10px}.depth-top{top:10px}.depth-bottom{bottom:10px}.sonar-bottom{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.sonar-bottom>div+div{border-left:1px solid var(--line);padding-left:18px}.sonar-bottom span{display:block}.sonar-bottom strong{color:#bed4d7;margin-top:6px;font-size:8px;display:block}.signal-strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:#071720;grid-template-columns:repeat(4,1fr);padding:0 4.5vw;display:grid}.signal-strip>div{border-left:1px solid var(--line);padding:23px 24px}.signal-strip>div:last-child{border-right:1px solid var(--line)}.signal-strip span{color:#5b7c83;font-family:var(--font-mono);letter-spacing:.16em;font-size:7px;display:block}.signal-strip strong{font-family:var(--font-mono);margin-top:7px;font-size:11px;display:block}.guides-section,.faq-section{padding:110px 4.5vw}.section-heading{justify-content:space-between;align-items:end;margin-bottom:50px;display:flex}.section-heading h2,.quick-guide h2,.trailer-copy h2,.about-copy h2,.final-cta h2{letter-spacing:-.06em;margin:0;font-size:clamp(42px,5vw,72px);line-height:.95}.section-heading>p{color:var(--muted);max-width:430px;margin:0;font-size:14px;line-height:1.75}.guide-grid{grid-template-columns:repeat(4,1fr);display:grid}.guide-card{border:1px solid var(--line);background:linear-gradient(160deg,#0c202ce6,#071720cc);min-height:330px;padding:24px;transition:transform .2s,background .2s;position:relative}.guide-card+.guide-card{border-left:0}.guide-card:hover{background:linear-gradient(160deg,#0f2e3af2,#081922e6);transform:translateY(-6px)}.guide-number{color:#57777d;font-family:var(--font-mono);letter-spacing:.12em;font-size:8px}.guide-icon{color:var(--nav-theme-light);font-family:var(--font-mono);font-size:20px;position:absolute;top:18px;right:22px}.guide-card h3{letter-spacing:-.03em;margin:80px 0 14px;font-size:24px}.guide-card p{color:#88a6ab;max-width:250px;margin:0;font-size:13px;line-height:1.7}.guide-link{color:var(--nav-theme-light);font-family:var(--font-mono);letter-spacing:.12em;font-size:7px;position:absolute;bottom:23px}.quick-guide{border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:linear-gradient(120deg,#0a1f2b,#071720);grid-template-columns:.8fr 1.2fr;gap:10vw;padding:110px 4.5vw;display:grid}.quick-guide-copy>p:not(.eyebrow){color:#9bb5b9;max-width:480px;margin:28px 0;font-size:15px;line-height:1.8}.quick-guide-copy>a,.trailer-copy>a{color:var(--nav-theme-light);font-family:var(--font-mono);letter-spacing:.1em;font-size:8px;font-weight:700}.route-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.route-list li{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:22px;padding:27px 0;display:grid}.route-list>li>span{color:var(--nav-theme-light);font-family:var(--font-mono);padding-top:5px;font-size:8px}.route-list strong{font-size:20px}.route-list p{color:#809fa5;max-width:580px;margin:8px 0 0;font-size:13px;line-height:1.65}.adsterra-native-slot{border-bottom:1px solid var(--line);min-height:150px;padding:28px 4.5vw 38px}.adsterra-native-slot>span{color:#4f7379;font-family:var(--font-mono);letter-spacing:.18em;margin-bottom:16px;font-size:7px;display:block}.adsterra-native-slot>div{max-width:1180px;min-height:90px;margin:0 auto;overflow:hidden}.trailer-section{grid-template-columns:1.25fr .75fr;display:grid}.video-wrap{aspect-ratio:16/9;background:#02080c}.video-wrap iframe{border:0;width:100%;height:100%}.trailer-copy{align-self:center;padding:64px 5vw}.trailer-copy p:not(.eyebrow){color:var(--muted);max-width:420px;margin:25px 0;font-size:14px;line-height:1.8}.about-section{border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:#071720;grid-template-columns:.9fr 1.1fr;gap:9vw;padding:110px 4.5vw;display:grid}.about-copy>p:not(.eyebrow){color:#92aeb3;max-width:560px;margin:25px 0;font-size:14px;line-height:1.85}.fact-grid{grid-template-columns:repeat(2,1fr);margin:0;display:grid}.fact-grid>div{border-bottom:1px solid var(--line);padding:27px 24px}.fact-grid>div:nth-child(odd){border-right:1px solid var(--line)}.fact-grid dt{color:#5f8187;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:7px}.fact-grid dd{margin:11px 0 0;font-size:17px}.faq-section{background:radial-gradient(circle at 15% 80%,#1eb5a614,#0000 28rem)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;grid-template-columns:48px 1fr 20px;align-items:center;padding:26px 0;font-size:19px;list-style:none;display:grid}summary::-webkit-details-marker{display:none}summary>span{color:var(--nav-theme-light);font-family:var(--font-mono);font-size:8px}summary b{color:var(--nav-theme-light);font-family:var(--font-mono);font-size:18px;font-weight:400;transition:transform .2s}details[open] summary b{transform:rotate(45deg)}details>p{color:#8da9ae;max-width:850px;margin:0 0 28px 48px;font-size:14px;line-height:1.8}.final-cta{border-top:1px solid var(--line);background:linear-gradient(120deg,#1eb5a626,#06121a80),#071b25;grid-template-columns:1fr 1fr;gap:9vw;padding:90px 4.5vw;display:grid}.final-cta>div:last-child{align-self:end}.final-cta>div:last-child>p{color:#a0babf;max-width:520px;margin:0 0 24px;font-size:14px;line-height:1.75}.site-footer{border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr auto;align-items:center;gap:30px;padding:44px 4.5vw;display:grid}.footer-brand strong{font-family:var(--font-mono);letter-spacing:.1em;font-size:10px}.footer-brand p{color:#58777d;max-width:440px;margin:6px 0 0;font-size:10px;line-height:1.6}.footer-links{justify-self:center;gap:21px;display:flex}.footer-links a{color:#809fa4;font-family:var(--font-mono);letter-spacing:.09em;font-size:7px}.footer-note{color:#496a70;font-family:var(--font-mono);letter-spacing:.07em;text-align:right;margin:0;font-size:7px}@media (max-width:980px){.site-header{grid-template-columns:1fr auto;padding:0 22px}.main-nav{display:none}.hero{grid-template-columns:1fr;padding:70px 22px}.sonar-card{justify-self:stretch;width:100%;max-width:none;margin-top:70px}.guides-section,.faq-section,.quick-guide,.about-section{padding:80px 22px}.guide-grid{grid-template-columns:repeat(2,1fr)}.guide-card+.guide-card{border-left:1px solid var(--line)}.quick-guide,.about-section{grid-template-columns:1fr;gap:65px}.trailer-section{grid-template-columns:1fr}.trailer-copy,.final-cta{padding:70px 22px}.site-footer{grid-template-columns:1fr auto}.footer-note{display:none}}@media (max-width:620px){.steam-button{font-size:0}.steam-button span{font-size:12px}.hero{padding-top:52px}.hero h1{font-size:clamp(52px,16vw,76px)}.hero-description{font-size:15px}.hero-stats{grid-template-columns:1fr;gap:12px}.hero-stats>div,.hero-stats>div:first-child{border-left:2px solid var(--line);padding-left:12px}.sonar-screen{height:390px}.signal-strip{grid-template-columns:repeat(2,1fr);padding:0}.signal-strip>div{border-bottom:1px solid var(--line)}.section-heading{flex-direction:column;align-items:start;gap:24px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:275px}.guide-card h3{margin-top:56px}.final-cta{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;align-items:start}.footer-links{flex-wrap:wrap;justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sonar-sweep{animation:none}}