:root{color-scheme:dark;--navy:#06142a;--light:#f3f8ff;--muted:#aec5dd}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background-color:#06142a;background-image:radial-gradient(ellipse at 80% 0%,rgba(0,127,255,.22),transparent 44%),linear-gradient(140deg,rgba(2,14,38,.20),rgba(2,14,38,.45)),url('/assets/topographic-terrain.svg');background-position:center top,center,center top;background-size:cover,cover,1100px 900px;background-repeat:no-repeat,no-repeat,repeat;background-attachment:fixed,fixed,fixed}a{color:inherit}
header{height:70px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px;position:relative;z-index:2}header .brand{font-size:17px;font-weight:850;letter-spacing:.19em;text-decoration:none}nav{display:flex;gap:28px}nav a{color:#d2e4f6;text-decoration:none;font-size:14px}nav a:hover{color:white}
.hero{position:relative;isolation:isolate;border-top:1px solid #ffffff13;border-bottom:1px solid #64aaff25;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 48%,#0a75d02b,transparent 50%),linear-gradient(90deg,#061b39aa,transparent 75%);pointer-events:none}.hero-inner{max-width:1180px;margin:auto;min-height:470px;padding:50px 28px 58px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);align-items:center;gap:40px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.24em;font-weight:800;color:#8bd2ff}.hero h1{font-size:clamp(42px,4.6vw,64px);line-height:1.09;letter-spacing:-.052em;margin:16px 0 18px;font-weight:800;white-space:nowrap}.hero h1 span{color:#77caff}.lead{font-size:17px;color:#d0e0f2;max-width:550px;margin:0}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.pill{border:1px solid #7cc8ff44;background:#092b4f99;border-radius:100px;padding:7px 12px;color:#deefff;font-size:12px}.hero-art{width:100%;max-width:330px;height:auto;justify-self:center;filter:drop-shadow(0 12px 34px #008aff25);mix-blend-mode:normal}
.section{max-width:1180px;margin:auto;padding:85px 28px}.section h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-.035em;margin:10px 0 18px}.sub{max-width:720px;color:var(--muted);font-size:17px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.card{padding:28px;border:1px solid #7aabde36;border-radius:20px;background:linear-gradient(145deg,#102b50c9,#071b35d1);backdrop-filter:blur(5px)}.card .num{color:#78c6ff;font-weight:800;font-size:12px;letter-spacing:.1em}.card h3{font-size:21px;margin:14px 0 8px}.card p{color:#bed1e7;margin:0;font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:36px}.panel{border:1px solid #75aef13a;border-radius:22px;padding:32px;background:#0c2746bd;backdrop-filter:blur(5px)}.panel h3{font-size:24px;margin:0 0 12px}.panel p{color:#bed1e7}.panel .tag{font-size:12px;color:#88ccff;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.cta{padding:65px 28px;text-align:center;background:linear-gradient(120deg,#0a3975bd,#0759a6bd);border-top:1px solid #8bcfff30;border-bottom:1px solid #8bcfff30}.cta h2{font-size:clamp(30px,4vw,44px);margin:8px 0}.cta p{color:#e0efff}.button{display:inline-block;text-decoration:none;background:#fff;color:#063369;border-radius:12px;padding:13px 23px;font-weight:800;margin-top:16px}footer{max-width:1180px;margin:auto;padding:35px 28px;display:flex;justify-content:space-between;gap:20px;color:#b3cbe4;font-size:13px}footer a{margin-left:18px;text-decoration:none}.inner-page{max-width:800px;margin:0 auto;padding:80px 28px 120px;min-height:65vh}.inner-page h1{font-size:44px;letter-spacing:-.04em}.inner-page h2{font-size:23px;margin-top:38px}.inner-page p,.inner-page li{color:#c2d6ec}.note{background:#0f2c52d9;border:1px solid #5cafff44;padding:18px;border-radius:14px}
@media(max-width:980px){.hero h1{font-size:clamp(38px,5vw,54px)}.hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(180px,.7fr);gap:12px}.hero-art{max-width:270px}}
@media(max-width:700px){header{height:64px;padding:0 20px}header .brand{font-size:14px}nav{gap:12px}nav a{font-size:11px}.hero-inner{display:flex;flex-direction:column;align-items:flex-start;min-height:0;padding:52px 22px 42px;gap:4px}.hero h1{font-size:clamp(35px,8.7vw,50px);white-space:normal}.lead{font-size:16px}.hero-art{max-width:205px;align-self:center;margin-top:6px}.grid,.split{grid-template-columns:1fr}.section{padding:65px 22px}.card{padding:24px}footer{flex-direction:column}footer a{margin-left:0;margin-right:18px}body{background-size:cover,cover,800px 655px;background-attachment:scroll,scroll,scroll}}
@media(max-width:370px){nav{gap:8px}nav a{font-size:10px}.hero h1{font-size:34px}}

.hero-art{max-width:310px;filter:drop-shadow(0 18px 40px #008aff40)}
@media(max-width:700px){.hero-art{max-width:225px}}

/* Vesselhand visual identity: full-page, continuous irregular bathymetry */
html{background:#06142a}
body{background:#06142a!important;position:relative;isolation:isolate}
body::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(180deg,rgba(2,13,36,.08),rgba(2,13,36,.22)),url('/assets/true-bathymetry.svg');background-repeat:no-repeat,repeat;background-position:center,center top;background-size:cover,1600px 1150px;opacity:.95}
body::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 32% at 78% 5%,rgba(7,96,188,.22),transparent 70%)}
.hero{background:transparent!important}.hero:before{background:linear-gradient(90deg,rgba(4,20,46,.18),transparent 85%)!important}
.cta{background:linear-gradient(110deg,rgba(10,50,104,.77),rgba(7,77,145,.68))!important}
.hero-art{width:100%;max-width:335px;object-fit:contain;filter:drop-shadow(0 16px 34px rgba(0,105,240,.2))!important}
@media(max-width:700px){body::before{background-size:cover,1050px 760px}.hero-art{max-width:230px}}

/* FINAL: one single, non-repeating full-page contour artwork. No tiles, no seams. */
html {background:#06142a!important;}
body {background:#06142a!important;position:relative;isolation:isolate;}
body::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/seamless-full-page-topo.svg');background-repeat:no-repeat!important;background-position:center top!important;background-size:100% 100%!important;opacity:.9;}
body::after {background:radial-gradient(ellipse 70% 24% at 78% 7%,rgba(7,96,188,.19),transparent 72%);}
.hero-art {border:0!important;background:none!important;border-radius:0!important;}

/* Single full-document artwork. The body owns the only background; sections never reset it. */
html {background:#06142a!important;}
body {background:#06142a!important;position:relative;isolation:isolate;min-height:100vh;}
body::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/continuous-bathymetry.svg') center top / 100% 100% no-repeat!important;opacity:1!important;}
body::after {display:none!important;}
header,.hero,.section,.cta,footer,main {background-color:transparent!important;}
.hero {border-color:rgba(120,185,255,.11)!important;}
.hero::before {background:linear-gradient(90deg,rgba(3,17,39,.38),rgba(3,17,39,.10) 80%)!important;}
.cta {background:rgba(4,26,60,.45)!important;}
.hero-art {background:transparent!important;border:0!important;border-radius:0!important;object-fit:contain;}

/* Remove all section-wide horizontal rules; retain continuous topo. */
.hero { border-top: 0 !important; border-bottom: 0 !important; }
.cta { border-top: 0 !important; border-bottom: 0 !important; }
header, main, .section, footer { border-top: 0 !important; border-bottom: 0 !important; }

/* Seamless full-page surface: no hero-only overlays or translucent section bands. */
.hero::before,.hero::after {content:none!important;display:none!important;background:none!important;}
.hero,.hero-inner,.section,.cta,header,main,footer {background:transparent!important;background-image:none!important;box-shadow:none!important;border-top:0!important;border-bottom:0!important;}
body::before {background-image:url('/assets/continuous-bathymetry.svg')!important;background-repeat:no-repeat!important;background-size:100% 100%!important;background-position:center top!important;}
/* Cards and content panels intentionally retain their own subtle surfaces. */

/* Mobile-first refinement: never distort bathymetric contours */
.mobile-menu{display:none}
@media(max-width:700px){
 html,body{overflow-x:hidden}
 body::before{background-image:url('/assets/continuous-bathymetry.svg')!important;background-size:auto 100%!important;background-position:48% top!important;background-repeat:no-repeat!important}
 header{height:62px;padding:0 22px;position:relative;z-index:20}
 header .brand{font-size:15px;letter-spacing:.18em}
 header>nav{display:none!important}
 .mobile-menu{display:block;position:relative}
 .mobile-menu summary{display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;list-style:none;width:42px;height:42px;align-items:center;border:1px solid #86bfff3b;border-radius:12px;background:#092b4f9e}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary span{width:18px;height:2px;background:#eaf6ff;border-radius:3px}
 .mobile-links{position:absolute;right:0;top:49px;width:205px;padding:9px;border:1px solid #78c5ff55;background:#071d3bf5;box-shadow:0 16px 36px #0008;border-radius:14px;display:flex;flex-direction:column;gap:0}
 .mobile-links a{display:block;text-decoration:none;color:#e7f4ff;padding:12px 13px;border-radius:8px;font-size:14px}
 .mobile-links a:focus-visible,.mobile-links a:hover{background:#174a7e}
 .hero-inner{padding:42px 22px 34px;gap:0;align-items:stretch}
 .eyebrow{font-size:10px;letter-spacing:.19em}
 .hero h1{font-size:clamp(36px,9.4vw,47px);line-height:1.1;letter-spacing:-.052em;margin:13px 0 15px;white-space:normal}
 .lead{font-size:15px;line-height:1.55;max-width:35ch}
 .pills{margin-top:18px;gap:7px}
 .pill{font-size:10px;padding:6px 9px}
 .hero-art{width:clamp(135px,40vw,185px)!important;max-width:185px!important;align-self:center;margin:21px auto 0;filter:drop-shadow(0 9px 22px #008aff35)!important}
 .section{padding:49px 22px}
 .section h2{font-size:clamp(30px,7.6vw,38px)}
 .sub{font-size:15px}
 .grid,.split{gap:12px;margin-top:24px}
 .card,.panel{padding:21px}
 .cta{padding:48px 22px}
 footer{padding:30px 22px}
}
@media(max-width:380px){.hero h1{font-size:35px}.hero-inner{padding-top:36px}.hero-art{max-width:160px!important}}