@charset "UTF-8";
:root{color-scheme:dark;--navy:#031321;--deep:#010c17;--cyan:#00d5f8;--pale:#c3d9ec;--line:#145778;--white:#f1f7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}button:disabled{cursor:default}.wrap{max-width:1320px;margin:auto;padding-left:44px;padding-right:44px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h2{font-size:clamp(1.9rem,3.1vw,2.9rem);font-weight:900;letter-spacing:-.035em}h3{font-size:1.18rem}p{color:var(--pale)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--cyan);font-size:.68rem;font-weight:700;margin-bottom:16px}.skip-link{position:fixed;left:10px;top:-100px;background:var(--cyan);color:#00121f;padding:12px;z-index:20}.skip-link:focus{top:10px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 4%;border-bottom:1px solid var(--line);background:#021321f5;position:relative;z-index:5}.brand{display:block;width:230px;flex-shrink:0}.brand img{display:block}.site-header nav{display:flex;align-items:center;gap:40px;font-size:.88rem}.site-header nav>a:hover{color:var(--cyan)}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:47px;padding:12px 26px;background:linear-gradient(135deg,#00e1ef,#00b9f4);border:1px solid var(--cyan);border-radius:2px;color:#001321;font-size:.88rem;font-weight:700;transition:background .2s,box-shadow .2s}.button:hover{background:#6dedff;box-shadow:0 0 22px #00cfff30}.button-outline{background:#03132165;color:var(--cyan)}.button-outline:hover{background:#07354a;color:white}.nav-toggle{border:1px solid var(--line);background:transparent;color:white;padding:9px 15px}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:640px;display:flex;align-items:center}.hero-art{position:absolute;inset:0 0 0 30%;z-index:-3;background-image:url('assets/gameplay-concept.png');background-size:173% auto;background-position:100% 5.44%;background-repeat:no-repeat;background-color:#071827}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#021321 0%,#021321fa 26%,#021321ae 42%,#02132100 69%),linear-gradient(0deg,#02132195,transparent 30%)}.hero-content{width:100%;padding-top:65px;padding-bottom:65px}.hero h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3.4rem,6.5vw,6.2rem);letter-spacing:.005em;line-height:.99;margin:0 0 26px;font-weight:900;max-width:640px;text-shadow:0 3px 15px #0003}.accent-line{width:48px;height:2px;background:var(--cyan);margin-bottom:20px}.hero h2{font-size:1.1rem;letter-spacing:0;margin-bottom:9px}.hero-content>p:not(.eyebrow){max-width:520px;font-size:1rem}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 30px}.hero .platform{display:flex;align-items:center;gap:13px;text-transform:uppercase;font-size:.69rem!important;letter-spacing:.15em;margin-bottom:0}.platform span{font-size:1.5rem;color:white}.art-label{position:absolute;right:20px;bottom:14px;font-size:.63rem;background:#001320b3;padding:3px 8px;color:#bccadd}
.feature-strip{display:flex;justify-content:center;align-items:center;border-block:1px solid var(--line);padding:21px 20px;background:#00101d;gap:0}.feature-strip>span{display:flex;align-items:center;justify-content:center;gap:17px;padding:0 45px;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem}.feature-strip>span+span{border-left:1px solid var(--line)}.feature-strip b{color:var(--cyan);font-size:1.8rem;line-height:1;font-weight:400}.section{padding-top:65px;padding-bottom:45px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:30px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:365px;font-size:.9rem;margin-bottom:0}.scale-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scale-card{border:1px solid var(--line);background:#041a2a;overflow:hidden}.crop{background-image:url('assets/gameplay-concept.png');background-repeat:no-repeat;background-color:#031321;aspect-ratio:var(--w)/var(--h);background-size:calc(1024 / var(--w) * 100%) auto;background-position:calc(var(--x) / (1024 - var(--w)) * 100%) calc(var(--y) / (1536 - var(--h)) * 100%)}.floor-art{--x:35;--y:568;--w:466;--h:302}.desktop-art{--x:522;--y:568;--w:466;--h:302}.scale-copy{padding:23px 25px 25px}.scale-copy h3{text-transform:uppercase;font-size:1.5rem;letter-spacing:-.02em;margin-bottom:12px}.scale-copy p:last-child{font-size:.9rem;margin-bottom:0}.scale-copy .eyebrow{font-size:.62rem;margin-bottom:10px}.section-note{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;font-size:.83rem;margin:28px 0 0}.section-note span{height:1px;background:var(--line);width:90px}.section-bordered{border-block:1px solid var(--line);background:#02101c}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{border:1px solid var(--line);background:#04182a;overflow:hidden}.step-copy{display:flex;gap:16px;min-height:116px;padding:22px 18px 12px}.step-number{font:2.3rem Impact,'Arial Narrow',sans-serif;color:#e1f4ff;line-height:1}.step h3{margin-bottom:8px}.step p{font-size:.84rem;margin:0}.deploy-art{--x:35;--y:1078;--w:306;--h:100}.target-art{--x:359;--y:1078;--w:306;--h:100}.flight-art{--x:681;--y:1078;--w:306;--h:100}
.fleet-grid{display:grid;grid-template-columns:repeat(5,1fr);background-image:linear-gradient(#0d48602a 1px,transparent 1px),linear-gradient(90deg,#0d48602a 1px,transparent 1px);background-size:18px 18px;padding-top:8px}.fleet-grid article{text-align:center;padding:10px 3px 15px}.fleet-grid article+article{border-left:1px solid var(--line)}.ship-art{--w:197;--h:59;--y:1239}.carrier{--x:29}.battleship{--x:228}.cruiser{--x:427}.submarine{--x:626}.destroyer{--x:825}.fleet-grid h3{font-size:1rem;margin:18px 0 9px}.fleet-grid h3 span{color:var(--pale)}.fleet-grid p{color:#80d4ef;text-transform:uppercase;font-size:.58rem;letter-spacing:.18em;margin:0}.final-cta{text-align:center;padding:66px 0 70px;border-block:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#15537966,transparent 70%),linear-gradient(165deg,#072840,#010b15)}.final-cta h2{margin-bottom:15px}.final-cta p:not(.eyebrow){margin-bottom:23px}.final-cta .button{min-width:230px}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;padding-top:27px;padding-bottom:27px}footer a{font-size:.85rem;letter-spacing:.18em}footer p{font-size:.65rem;text-transform:uppercase;letter-spacing:.17em;margin:0;color:#87c7de}footer small{flex-basis:100%;font-size:.69rem;color:#7b9eb6}
dialog{max-width:520px;width:calc(100% - 36px);padding:42px;border:1px solid var(--cyan);border-radius:5px;background:#061d2e;color:white;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:2rem;margin-bottom:20px}dialog p{font-size:.96rem}.dialog-close{position:absolute;right:12px;top:7px;background:none;border:0;color:white;font-size:1.7rem;padding:4px 10px}.dialog-note{font-size:.76rem!important;color:#94adbf}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero-art{background-size:173% auto}.hero{min-height:720px}}
@media(max-width:1000px){.site-header nav{gap:20px}.brand{width:190px}.wrap{padding-left:28px;padding-right:28px}.feature-strip>span{padding:0 22px;letter-spacing:.1em}.hero{min-height:570px}.hero-art{inset:0 0 0 17%;background-size:173% auto}.hero-shade{background:linear-gradient(90deg,#021321 0%,#021321e6 25%,#02132175 65%,#02132130)}.step-copy{min-height:140px}.section-heading{gap:25px}.fleet-grid h3{font-size:.87rem}}
@media(max-width:720px){html{scroll-padding-top:20px}.site-header{flex-wrap:wrap;padding:14px 20px;gap:12px}.brand{width:180px}.nav-toggle:not([hidden]){display:block}.site-header nav{width:100%;flex-wrap:wrap;justify-content:center;gap:20px;padding:12px 0 4px}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.site-header nav .button{width:100%}.wrap{padding-inline:22px}.hero{min-height:770px;align-items:start}.hero-content{padding-top:36px;padding-bottom:300px}.hero h1{font-size:3.6rem}.hero-art{inset:auto 0 0;height:315px;background-size:173% auto}.hero-shade{background:linear-gradient(180deg,#021321 0%,#021321 53%,#02132100 72%)}.hero-content>p:not(.eyebrow){font-size:.9rem}.hero h2{max-width:320px;line-height:1.4}.actions{gap:10px;margin:19px 0}.actions .button{padding:11px 15px;font-size:.8rem;gap:10px}.hero .platform{font-size:.6rem!important}.feature-strip{flex-direction:column;gap:18px;padding:23px 15px}.feature-strip>span{width:100%;border:0!important;justify-content:flex-start;max-width:325px;font-size:.64rem}.feature-strip b{width:30px;text-align:center}.section{padding-top:43px;padding-bottom:34px}.section-heading{display:block}.section-heading>p{margin-top:18px;max-width:none}.section-heading h2{font-size:2rem}.scale-grid,.steps{grid-template-columns:1fr;gap:22px}.scale-copy h3{font-size:1.4rem}.section-note span{display:none}.step-copy{min-height:100px}.fleet-grid{grid-template-columns:repeat(2,1fr);gap:20px 0}.fleet-grid article:nth-child(odd){border-left:0}.fleet-grid article:last-child{grid-column:1/-1;max-width:230px;justify-self:center}.fleet-grid h3{font-size:1rem}.final-cta{padding:47px 0}footer{justify-content:center;text-align:center}footer small{margin-top:5px}dialog{padding:35px 25px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}