:root{--ink:#061c34;--mint:#bad5f2;--cream:#f0f7fd;--accent:#68b1ff;--white:#fafcff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2380e4;outline-offset:5px}.dv{font-family:'Noto Sans Thaana',sans-serif;font-weight:400;line-height:1.95}.skip{position:fixed;top:-100px;background:white;color:var(--ink);padding:20px;z-index:100}.skip:focus{top:0}header{position:absolute;top:0;left:0;width:100%;padding:30px 4.4%;z-index:10;display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid #ffffff35}.brand{display:flex;gap:12px;align-items:center;line-height:1;font-size:27px;letter-spacing:3px;font-weight:800}.brand svg{width:44px}.brand small{display:block;font-size:8px;letter-spacing:3.4px;margin-top:8px}.header-actions{display:flex;align-items:center;gap:18px}nav{display:flex;gap:34px;font-size:13px;font-weight:600}nav a{padding:12px 0;position:relative}nav a:after{content:'';position:absolute;height:1px;background:white;bottom:4px;left:0;width:0;transition:width .3s}nav a:hover:after{width:100%}.contact{background:var(--accent);color:var(--ink);border:0;border-radius:50px;padding:15px 25px;font-size:13px;font-weight:800}.contact span{margin-left:30px}.motion{color:white;background:none;border:1px solid #ffffff60;border-radius:50%;width:32px;height:32px}.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;color:white;overflow:hidden;background:#062648}.hero-photo{position:absolute;inset:-3%;background:url('assets/island.webp') center 42%/cover;animation:drift 30s ease-in-out infinite alternate;filter:saturate(.75)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#041f3bd9,#00264f50 80%),linear-gradient(0deg,#021b35bb,transparent 50%,#021e3b50)}.hero-inner{position:relative;z-index:2;padding:190px 8% 130px;max-width:1600px;margin:auto}.location{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;font-weight:700}.pulse{height:7px;width:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #68b1ff20}.line{height:1px;width:50px;background:#ffffff50}h1{font-size:clamp(60px,7.3vw,116px);font-weight:500;line-height:1.02;letter-spacing:-6px;margin:40px 0 16px}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--mint)}.hero-dv{font-size:24px;text-align:left;max-width:700px;margin:22px 0 35px}.hero-bottom{display:flex;gap:70px;align-items:center}.hero-bottom p{font-size:14px;line-height:1.8;color:#e2e8ee}.round-link{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:700}.round-link small{display:block;font-size:13px;font-weight:400;margin-top:4px}.round-link b{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;border:1px solid #ffffff70;font-size:28px;font-weight:400;transition:background .3s,color .3s}.round-link:hover b{background:var(--accent);color:var(--ink)}.hero-foot{position:absolute;bottom:0;left:4.4%;right:4.4%;border-top:1px solid #ffffff40;display:flex;justify-content:space-between;padding:25px 0;font-size:9px;letter-spacing:1.6px}.down{display:inline-block;margin-left:20px;animation:down 2s ease-in-out infinite}.depth-line{position:absolute;right:4.4%;top:35%;height:33%;border-right:1px solid #ffffff50;width:40px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.depth-line i{width:12px;border-top:1px solid #ffffff60}.depth-line span{position:absolute;transform:rotate(90deg);right:-26px;top:-50px;font-size:8px;letter-spacing:2px}.rays{position:absolute;inset:-30%;background:repeating-conic-gradient(from 25deg at 70% 0%,transparent 0 10deg,#d9ebff06 12deg 13deg,transparent 17deg 30deg);animation:rays 19s ease-in-out infinite alternate;pointer-events:none}.section{padding:100px 8%;max-width:1700px;margin:auto}.section-num{font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:40px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:14%}h2{font-size:clamp(38px,4.2vw,66px);line-height:1.1;font-weight:500;letter-spacing:-2.8px;margin:0 0 24px}h2 span{color:#4a627b}h2 small{font-size:20px;display:block;letter-spacing:0;margin-top:24px;text-align:left}.intro-grid p{font-size:14px;line-height:1.9;color:#525d69}.intro-grid p.lead{font-size:21px;line-height:1.55;color:var(--ink);margin-top:0}.text-link{border:0;border-bottom:1px solid #828e9b;display:inline-flex;gap:40px;background:none;padding:12px 0;font-size:12px;font-weight:700}.system{background:#e2e7ec;max-width:none}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-top>p{font-size:13px;line-height:1.8;margin-bottom:40px}.section-dv{font-size:22px;max-width:max-content}.product-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;margin-top:35px}.product-stage{position:relative;background:#f1f4f7;min-height:560px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-stage img{position:relative;width:80%;height:400px;object-fit:contain;mix-blend-mode:multiply;z-index:2;transition:opacity .2s,transform .4s}.product-stage:hover img{transform:translateY(-6px)}.product-watermark{position:absolute;top:12px;left:30px;font-size:150px;line-height:1;font-weight:800;letter-spacing:-10px;color:#dce1e7}.image-note{position:absolute;bottom:22px;left:28px;font-size:8px;letter-spacing:1.8px;color:#707a84}.orbit-ring{position:absolute;width:480px;height:480px;border:1px solid #d8dee5;border-radius:50%;top:20%;left:10%;transform:scaleY(.3)}.model-tabs{display:flex;border-bottom:1px solid #b2bcc6;margin-bottom:35px}.model-tabs button{border:0;background:none;padding:17px 0;width:25%;color:#657280;font-size:14px}.model-tabs button[aria-selected=true]{border-bottom:2px solid var(--ink);color:var(--ink);font-weight:800}.model-label{font-size:9px;letter-spacing:2px;font-weight:700}h3{font-weight:500;font-size:26px;letter-spacing:-.8px}.product-info h3{font-size:43px;margin:12px 0 20px}.product-info p{font-size:13px;line-height:1.8;color:#4b5969}dl{margin:25px 0}dl div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-top:1px solid #bec7d0;font-size:11px}dt{color:#667380}dd{margin:0;text-align:right}.button{border:0;display:flex;align-items:center;justify-content:space-between;gap:45px;padding:18px 24px;font-size:12px;font-weight:700;border-radius:2px;transition:transform .25s}.button:hover{transform:translateY(-2px)}.dark{background:var(--ink);color:white}.light{background:var(--accent);color:var(--ink)}.spec-link{display:inline-block;margin-top:20px;font-size:11px;text-decoration:underline;text-underline-offset:4px}.product-info p.fine{font-size:10px;color:#6a7580;margin-top:25px}.connection{background:var(--ink);max-width:none;color:#e9eff5;padding-bottom:70px}.connection-heading{display:flex;justify-content:space-between;align-items:center}.connection-heading p{font-size:24px;color:var(--mint)}.diagram{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8%;padding-top:55px}.diagram svg{position:absolute;left:0;top:15px;width:100%;height:120px;overflow:visible}.diagram path{stroke:#4c6a8a;stroke-width:1;fill:none}.diagram .flow{stroke:var(--accent);stroke-width:2;stroke-dasharray:8 55;animation:flow 8s linear infinite}.diagram article{position:relative;padding-top:80px}.diagram article>span{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;border:1px solid #8aa2bb;background:var(--ink);font-size:10px;position:absolute;top:25px}.diagram h3{font-size:22px}.diagram p{font-size:12px;line-height:1.8;color:#aebdcd}.diagram .dv{text-align:left}.diagram-note{font-size:10px;color:#a2b0bf;margin-top:55px;border-top:1px solid #ffffff25;padding-top:24px}.islands{position:relative;background:#062546;color:white;overflow:hidden}.island-photo{position:absolute;inset:0;background:linear-gradient(90deg,#001b38eb,#001b38b0),url('assets/island.webp') center/cover}.island-content{position:relative}.island-content h2{font-size:clamp(40px,4.5vw,72px)}.island-dv{font-size:23px;text-align:left}.island-intro{max-width:490px;font-size:13px;line-height:1.8;color:#c2cfdc}.usecases{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:55px}.use-tabs{border-top:1px solid #ffffff50}.use-tabs button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:22px;padding:28px 6px;background:none;color:#b9c4cf;border:0;border-bottom:1px solid #ffffff40;font-size:12px}.use-tabs button span{flex:1;font-size:16px}.use-tabs button[aria-selected=true]{color:var(--accent)}#use-panel{border-left:1px solid #ffffff40;padding-left:35px}#use-panel h3{margin:12px 0;font-size:27px}#use-panel p{font-size:13px;line-height:1.8;color:#d3dbe3}#use-panel .dv{text-align:left;color:var(--mint);font-size:17px}.case-number{font-size:12px;color:var(--accent)}#use-panel .case-foot{font-size:10px;color:#a7b5c3;margin-top:24px}.safety{display:grid;grid-template-columns:1fr 1fr;gap:10%}.safety-title h2{font-size:43px}.safety-title>p:last-child{font-size:14px;line-height:1.8;color:#606c78;margin-top:30px}.faq{padding-top:40px}.faq details{border-top:1px solid #bbc3cb;padding:22px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:700;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:20px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:12px;line-height:1.9;color:#5a6774}.safety-note{display:flex;gap:20px;background:#e0e5eb;padding:12px 20px;align-items:center}.safety-note span{font-size:30px}.enquire{max-width:none;background:#c7d7e8;padding-top:70px}.enquire-row{display:flex;justify-content:space-between;gap:50px;align-items:center}.enquire h2{font-size:clamp(70px,10vw,150px);letter-spacing:-7px;margin:0}.enquire h2 em{color:#46607c}.enquire-row>div{width:35%}.enquire-row p{font-size:14px;line-height:1.9}.enquire-row .dv{text-align:left;font-size:27px}.enquire .button{margin-top:30px}footer{background:#061c34;color:#d5dde6;padding:60px 8% 25px;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}footer p{font-size:11px;line-height:1.9;margin:0}footer>div:not(.footer-bottom){display:flex;flex-direction:column;gap:16px;font-size:11px}footer button{background:none;border:0;color:#c0c9d3;font-size:11px;padding:0;text-align:left}.footer-bottom{display:flex;justify-content:space-between;width:100%;border-top:1px solid #ffffff25;padding-top:25px;margin-top:30px;font-size:9px;color:#919fad}dialog{border:0;padding:44px;background:var(--cream);color:var(--ink);max-width:560px;width:calc(100% - 32px);max-height:90svh;box-shadow:0 30px 100px #00112380}dialog::backdrop{background:#001123a0;backdrop-filter:blur(8px)}dialog h2{font-size:38px;letter-spacing:-2px}dialog p{font-size:13px;line-height:1.8}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:28px;color:var(--ink)}.dialog-note{color:#606c78}.dialog-note+form{margin-top:25px}form label{display:block;font-size:12px;margin:15px 0}input,select,textarea{display:block;width:100%;border:1px solid #a6b2be;background:#f9fcff;color:var(--ink);border-radius:0;padding:12px;margin-top:8px;font-size:13px}textarea{min-height:90px;resize:vertical}form .button{width:100%;margin-top:20px}#enquiry-text{min-height:230px;margin-bottom:20px}#credits-dialog a{text-decoration:underline}#copy-status{min-height:20px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.07) translateY(1%)}}@keyframes rays{from{transform:rotate(-7deg)}to{transform:rotate(8deg)}}@keyframes flow{to{stroke-dashoffset:-126}}@keyframes down{50%{transform:translateY(6px)}}@media(min-width:1600px){.hero-inner{padding-top:230px}}@media(max-width:1000px){header{padding:25px 5%}nav{gap:20px}h1{letter-spacing:-4px}.hero-inner{padding:190px 7% 130px}.hero{min-height:800px}.product-layout{gap:5%}.product-stage{min-height:500px}.product-stage img{height:350px}.safety{gap:7%}.safety-title h2{font-size:36px}.section{padding:80px 7%}}@media(max-width:700px){header{padding:23px 6%}.brand{font-size:22px;gap:8px}.brand svg{width:34px}.brand small{font-size:6px;letter-spacing:2.5px}nav{display:none}.header-actions{gap:10px}.contact{padding:12px 15px;font-size:11px}.contact span{margin-left:12px}.motion{width:28px;height:28px;font-size:12px}.hero{height:870px;min-height:0;max-height:none}.hero-photo{background-position:55% center}.hero-inner{padding:165px 7% 130px}.location{font-size:7px;letter-spacing:1px;gap:7px}.location .line{width:20px}h1{font-size:59px;letter-spacing:-3.5px;line-height:1.06;margin-top:35px}.hero-dv{font-size:20px;line-height:1.8;margin:27px 0;text-align:left}.hero-bottom{display:block}.hero-bottom p{font-size:13px}.round-link{margin-top:30px;justify-content:space-between;max-width:280px}.round-link b{width:55px;height:55px}.hero-foot{left:7%;right:7%;font-size:7px;line-height:1.8;gap:20px}.hero-foot>span:last-child{display:none}.depth-line{display:none}.section{padding:65px 7%}.section-num{font-size:8px;letter-spacing:1.5px;margin-bottom:30px}h2{font-size:43px;letter-spacing:-2px}.intro-grid,.product-layout,.usecases,.safety{grid-template-columns:1fr;gap:35px}.intro-grid p.lead{font-size:19px}.section-top{display:block}.section-top>p{margin:25px 0;font-size:12px}.product-layout{margin-top:25px}.product-stage{min-height:390px}.product-stage img{height:280px;width:85%}.product-watermark{font-size:120px}.product-info h3{font-size:36px}.model-tabs{margin-bottom:25px}.connection-heading{display:block}.connection-heading p{font-size:18px;text-align:left}.diagram{gap:12px;padding-top:30px}.diagram article{padding-top:75px}.diagram h3{font-size:16px;letter-spacing:-.5px}.diagram p{font-size:10px;line-height:1.8}.diagram .dv{font-size:11px}.diagram svg{height:90px;top:22px}.diagram article>span{top:18px}.diagram-note{font-size:9px;line-height:1.8;margin-top:35px}.island-content h2{font-size:40px}.island-dv{font-size:20px}.island-intro{font-size:12px}.usecases{margin-top:35px}.use-tabs button{padding:20px 0}.use-tabs button span{font-size:14px}#use-panel{padding-left:22px}.safety-title h2{font-size:38px}.safety-title>p:last-child{margin-bottom:0}.faq{padding-top:0}.faq summary{font-size:13px}.enquire-row{display:block}.enquire h2{font-size:87px;letter-spacing:-5px}.enquire-row>div{width:100%;margin-top:30px}.enquire-row .dv{font-size:24px}.enquire-row p{font-size:13px}footer{padding:45px 7% 20px;gap:30px}footer p{width:100%;order:2}footer>div:not(.footer-bottom){order:3}.footer-bottom{order:4;font-size:8px;gap:15px}dialog{padding:35px 25px}.section-dv{font-size:20px}.product-info p.fine{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.arrow{width:18px;height:18px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.round-link .arrow{width:25px;height:25px}.southeast{transform:rotate(90deg)}.contact span{display:inline-flex}.hero-foot .arrow{width:12px;height:12px}.location{font-family:Manrope,"Noto Sans Thaana",sans-serif}

.button small{display:block;font-size:12px;line-height:1.8;text-align:left;margin-top:5px;font-weight:400}.reveal{opacity:1}.product-info p.dv{font-size:15px;line-height:1.9;text-align:left}
/* Immersive surface-to-reef story */
.dv{font-family:"MV Typewriter","Noto Sans Thaana",sans-serif;font-size:1.12em;line-height:2.1}.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}header{color:var(--ink);border-bottom:1px solid #06213d25}.motion{color:var(--ink);border-color:#06213d40;min-width:44px;min-height:44px}.dive-journey{height:280vh;position:relative;background:#062a50}.dive-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;--dive:0;--surface-opacity:1;--below-opacity:0;--reef-opacity:0;background:linear-gradient(#8fb6df,#004793 65%,#022a55)}.sea-sky{position:absolute;inset:0;background:linear-gradient(#e8eef5,#89afd7 70%);opacity:var(--surface-opacity)}#sea-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.underwater-scene{position:absolute;inset:0;background:linear-gradient(90deg,#002246cc,#00346b33),url('assets/maldives-ocean.webp') center/cover;opacity:clamp(0,calc(var(--dive) * 1.8 - .3),1);transform:scale(calc(1.08 - var(--dive)*.08));transition:opacity .15s}.sea-caustics{position:absolute;inset:-30%;background:repeating-conic-gradient(from 30deg at 55% -10%,transparent 0deg 13deg,#b2d7ff14 15deg 17deg,transparent 20deg 30deg);opacity:calc(1 - var(--surface-opacity));animation:rays 18s ease-in-out infinite alternate;pointer-events:none}.surface-product{position:absolute;right:6%;top:22%;width:min(41vw,560px);z-index:2;opacity:var(--surface-opacity);transform:translateY(calc(var(--dive)*-700px));pointer-events:none}.surface-product img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;animation:bob 5s ease-in-out infinite}.float-shadow{height:22px;background:#05346655;filter:blur(12px);border-radius:50%;width:70%;margin:-30px auto 0}.journey-copy{position:absolute;left:8%;top:25%;z-index:5;max-width:620px;pointer-events:none}.journey-copy .button{pointer-events:auto;max-width:240px;margin-top:28px}.journey-copy h1{font-size:clamp(55px,6.2vw,100px);letter-spacing:-5px;line-height:1.06;margin:0 0 20px}.journey-copy h1 em{color:#365372}.journey-copy p{font-size:14px;line-height:1.85}.journey-copy .dv{font-size:23px;text-align:left}.surface-copy{opacity:var(--surface-opacity);transform:translateY(calc(var(--dive)*-200px));color:#062343}.below-copy{opacity:var(--below-opacity);color:white;transform:translateY(calc((.45 - var(--dive))*110px))}.reef-copy{opacity:var(--reef-opacity);color:white}.journey-copy h2{font-size:clamp(50px,6.5vw,95px);line-height:1.05;letter-spacing:-4px}.journey-controls{position:absolute;left:8%;right:8%;bottom:55px;display:flex;align-items:center;gap:30px;color:white;z-index:7;font-size:11px}.journey-controls input{max-width:220px;border:0;background:transparent;margin:0;padding:12px 0;accent-color:#68b1ff;min-height:44px}.journey-controls span:last-child{margin-left:auto}.illustration-note{position:absolute;bottom:20px;left:8%;font-size:9px;color:#d2dde8;z-index:5}.air-line{position:absolute;height:110vh;top:40%;right:22%;width:30%;z-index:1;opacity:calc(1 - var(--dive)*.8);transform:translateY(calc(var(--dive)*-300px));pointer-events:none}.air-line path{fill:none;stroke:#172d44;stroke-width:4;stroke-dasharray:2 2}.comparison-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.comparison-teaser h2{font-size:42px}.comparison-teaser p{font-size:14px;line-height:1.9}.comparison-teaser .dv{font-size:20px;text-align:left}.comparison-teaser .button{max-width:320px;margin-top:30px}.section-num,.model-label,.location,.image-note,.case-number{display:none!important}.product-info>.fine{font-size:12px}.model-tabs button{min-height:48px}.spec-link{min-height:44px;padding:12px 0;font-weight:700;font-size:13px}.motion{border-radius:50%}.contact{min-height:44px}.brand{font-size:25px}.use-tabs button{min-height:50px}footer a,footer button{min-height:44px;display:flex;align-items:center}.footer-bottom{align-items:center}@keyframes bob{50%{transform:translateY(10px) rotate(1deg)}}@media(max-width:700px){.dive-journey{height:220vh}.dive-sticky{min-height:740px}.surface-product{top:45%;right:8%;width:60vw;max-width:300px}.journey-copy{left:7%;top:18%;right:7%;max-width:none}.journey-copy h1{font-size:46px;letter-spacing:-2.8px;line-height:1.05}.journey-copy .dv{font-size:19px;line-height:1.85;margin:15px 0}.surface-copy>p:not(.dv){font-size:12px;max-width:180px}.journey-copy .button{font-size:11px;padding:14px 18px;max-width:180px;gap:15px;margin-top:18px}.journey-copy h2{font-size:53px;letter-spacing:-2.5px}.below-copy,.reef-copy{top:28%}.journey-controls{left:7%;right:7%;bottom:55px;gap:15px;font-size:10px;flex-wrap:wrap}.journey-controls input{max-width:150px}.journey-controls span:last-child{margin-left:0;width:100%}.air-line{right:10%;width:60%;top:58%}.comparison-teaser{grid-template-columns:1fr;gap:15px}.comparison-teaser h2{font-size:36px}.brand{font-size:20px}.header-actions{gap:8px}.contact{padding:10px 14px}.motion{min-width:40px;min-height:40px}.surface-copy{transform:none}.surface-product img{animation-duration:7s}.underwater-scene{transform:none}.diagram{grid-template-columns:1fr;gap:12px}.diagram article{padding:10px 0 10px 55px}.diagram article>span{top:20px}.diagram svg{display:none}.diagram h3{font-size:21px;margin:0}.diagram p{font-size:12px}.diagram p br{display:none}.diagram .dv{font-size:16px}.diagram{padding-top:0}}@media(max-width:360px){header{padding:18px 5%}.brand svg{width:26px}.brand{font-size:17px}.brand small{font-size:5px}.header-actions{gap:5px}.contact{font-size:10px;padding:10px}.contact span{margin-left:6px}.motion{min-width:36px;min-height:44px}.journey-copy h1{font-size:40px}.surface-product{top:48%}.journey-copy .dv{font-size:17px}}@media(prefers-reduced-motion:reduce){.dive-journey{height:auto}.dive-sticky{position:relative;height:850px}.underwater-scene{transform:none}.surface-product{transform:none}.below-copy,.reef-copy,.journey-controls,.air-line{display:none}.journey-copy{transform:none}.surface-copy{opacity:1}.sea-sky{opacity:1}html{scroll-behavior:auto}}

.surface-product img{mix-blend-mode:normal}.surface-product{top:24%;width:min(40vw,520px)}@media(max-width:700px){.surface-product{top:48%;right:5%;width:63vw}}
.contexts{max-width:none;background:#e2e7ec}.contexts-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.contexts-heading h2{font-size:47px}.contexts-heading>p{font-size:14px;line-height:1.9;max-width:420px;padding-bottom:20px}.contexts-heading .dv{font-size:23px;text-align:left}.context-filters{display:flex;flex-wrap:wrap;gap:8px;margin:35px 0}.context-filters button{min-height:44px;border:1px solid #a6b2bf;border-radius:30px;background:none;color:var(--ink);padding:10px 20px;font-size:12px}.context-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 25px}.context-card[hidden]{display:none}.context-photo{aspect-ratio:4/3;background-color:#b2c1d2;background-size:300% 300%;background-position:var(--bx) var(--by);overflow:hidden}.context-copy{padding:20px 0 0}.context-copy h3{font-size:23px;margin:0 0 10px;letter-spacing:-.5px}.context-copy .dv{font-size:18px;line-height:1.9;text-align:left;min-height:36px;color:#364a5f;margin:0 0 12px}.context-copy p:not(.dv){font-size:12px;line-height:1.9;color:#525f6d;min-height:70px}.context-enquiry{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:none;border:0;border-bottom:1px solid #8e9caa;color:var(--ink);font-size:12px;padding:8px 0;width:100%;font-weight:700}.context-disclaimer{font-size:11px;line-height:1.9;max-width:850px;color:#626e7b;margin:45px 0 0}@media(max-width:1000px){.context-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.contexts-heading{grid-template-columns:1fr;gap:5px}.contexts-heading h2{font-size:37px}.contexts-heading .dv{font-size:20px}.contexts-heading>p{font-size:13px;padding-bottom:0}.context-filters{gap:8px;margin:25px 0}.context-filters button{padding:10px 15px;font-size:11px}.context-grid{grid-template-columns:1fr;gap:35px}.context-copy p:not(.dv){min-height:0;font-size:13px}.context-copy h3{font-size:24px}.context-photo{aspect-ratio:4/3}.context-copy .dv{min-height:0;font-size:20px}}
@media(max-width:700px){.surface-product{top:54%}.journey-controls{bottom:50px}.illustration-note{font-size:8px;right:7%}.journey-copy .button{position:relative;z-index:6}}
.context-details summary{font-size:11px;cursor:pointer;min-height:40px;display:flex;align-items:center;color:#525f6d}.context-details summary:after{content:'+';margin-left:auto}.context-details[open] summary:after{content:'−'}.context-copy .context-details p{font-size:12px;min-height:0;margin-top:0}.context-overflow{display:none}.more-contexts{display:flex;justify-content:space-between;align-items:center;gap:50px;min-height:48px;background:none;border:1px solid #9aa7b4;color:var(--ink);padding:13px 22px;margin:40px auto 0;font-size:12px;font-weight:600}.more-contexts[hidden]{display:none}.intro-grid .lead{max-width:450px}.product-info p{line-height:1.75}.context-copy .dv{margin-bottom:0}.context-enquiry{border-top:1px solid #bac3cc;border-bottom:0}.safety-title h2{font-size:50px}.faq{padding-top:0}.diagram article p:not(.dv){display:none}.diagram article{padding-top:70px}.diagram h3{margin:18px 0 8px}.diagram .dv{margin:0}.diagram-note{max-width:750px}@media(max-width:700px){.safety-title h2{font-size:40px}.diagram article{padding-top:10px}.diagram h3{margin-top:0}}
/* Photographic surface, reference-grounded unit, light wave motion */
.surface-real{position:absolute;inset:0;z-index:1;background:#084f9a url('assets/scenes/hero-desktop.webp') center/cover;opacity:var(--surface-opacity);pointer-events:none}.surface-real canvas{position:absolute;inset:0;width:100%;height:100%}.surface-light{position:absolute;inset:0;background:linear-gradient(90deg,#001d3bc9 0%,#001d3b50 43%,transparent 67%),linear-gradient(180deg,#001d3d55,transparent 25%,transparent 70%,#001d3d55)}.surface-product{display:none}.air-line{display:none}.dive-journey+section{position:relative}.surface-copy{color:white;max-width:520px}.surface-copy h1{font-size:clamp(55px,5.7vw,86px);letter-spacing:-4px}.surface-copy h1 em{color:#c5d9ef}.surface-copy .button{background:#68b1ff;color:#061c34;max-width:280px}.surface-copy>p:not(.dv){max-width:360px}.surface-copy .dv{font-size:23px}.sea-sky{background:#084f9a}.dive-journey .illustration-note{color:#d8e0e9}body:has(.dive-journey)>header{color:white;border-color:#ffffff40}body:has(.dive-journey)>header .motion{color:white;border-color:#ffffff70}.journey-controls input{accent-color:#68b1ff}.underwater-scene{z-index:0}.sea-caustics{z-index:1}.surface-copy{z-index:5}@media(max-width:700px){.surface-real{background-image:url('assets/wolach-deployed-portrait.webp')}.surface-light{background:linear-gradient(180deg,#001d3b99 0%,#001d3b50 38%,transparent 60%,#001d3b55 100%)}.surface-copy{top:18%;max-width:100%;right:7%}.surface-copy h1{font-size:44px;letter-spacing:-2.8px}.surface-copy .dv{font-size:19px}.surface-copy>p:not(.dv){font-size:12px;max-width:235px}.surface-copy .button{margin-top:16px;max-width:235px;padding:14px 17px;font-size:11px}.dive-sticky{min-height:800px}.surface-copy h1 em{color:#dbe7f4}}@media(max-width:360px){.surface-copy h1{font-size:39px}.surface-copy .dv{font-size:17px}.surface-copy{top:16%}.surface-copy>p:not(.dv){max-width:220px}}@media(prefers-reduced-motion:reduce){.surface-real{opacity:1}.surface-copy{opacity:1}.sea-sky{background:#084f9a}}
@media(max-width:700px){.surface-copy{top:14%}.surface-copy .button{position:absolute;top:calc(100svh - 280px);left:0;margin:0;max-width:240px}.surface-copy h1{margin-bottom:12px}.surface-copy .dv{margin:12px 0}.surface-copy>p:not(.dv){max-width:280px;margin:12px 0}.surface-light{background:linear-gradient(180deg,#002349b0 0%,#00234955 34%,transparent 55%,#00234966 100%)}}
@media(max-width:700px){.surface-light{background:linear-gradient(180deg,#002349b0 0%,#00234955 34%,transparent 55%,#00234933 70%,#002349bb 100%)}}
/* Interactive reference-inspired 3D ocean */
.surface-real{opacity:1!important;background:#1c5b9f;pointer-events:auto;z-index:2}.surface-real canvas{pointer-events:auto;touch-action:pan-y}.surface-light,.underwater-scene,.sea-caustics{display:none}.unit-controls{position:absolute;z-index:6;right:9%;bottom:18%;color:white;opacity:var(--surface-opacity);pointer-events:auto;text-align:center}.unit-controls p{font-size:16px;font-weight:700;margin:0 0 5px}.unit-controls>span{font-size:11px;opacity:.8}.unit-controls>div{display:flex;gap:8px;margin-top:13px;justify-content:center}.unit-controls button{min-height:44px;padding:10px 16px;border:1px solid #ffffff66;background:#06254777;color:white;border-radius:24px;font-size:12px;cursor:pointer;backdrop-filter:blur(6px)}.unit-controls button:first-child{background:#68b1ff;color:#061c34;border-color:#68b1ff}.unit-controls button:hover{transform:translateY(-2px)}.unit-controls button:focus-visible{outline:3px solid white;outline-offset:4px}.journey-copy{text-shadow:0 2px 25px #001f4055}.journey-controls,.illustration-note{text-shadow:0 2px 12px #001c39}.journey-copy .button{text-shadow:none}@media(max-width:700px){.surface-copy{top:16%}.surface-copy h1{font-size:42px}.surface-copy .dv{font-size:18px;margin:10px 0}.surface-copy>p:not(.dv){font-size:11px;max-width:250px}.surface-copy .button{margin-top:10px;padding:12px 16px;font-size:10px}.unit-controls{right:7%;left:7%;bottom:17%;text-align:left}.unit-controls p{font-size:13px}.unit-controls>span{display:none}.unit-controls>div{margin-top:8px;justify-content:flex-start}.unit-controls button{font-size:11px;padding:10px 14px}.below-copy,.reef-copy{top:17%}.journey-copy h2{font-size:45px}}@media(max-width:360px){.surface-copy h1{font-size:36px}.surface-copy .dv{font-size:16px}.surface-copy>p:not(.dv){font-size:10px}.unit-controls{bottom:18%}}@media(prefers-reduced-motion:reduce){.unit-controls{opacity:1}.unit-controls button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.dive-journey{height:280vh}.dive-sticky{position:sticky;height:100svh}.journey-controls{display:flex}.below-copy,.reef-copy{display:block}.surface-copy{opacity:var(--surface-opacity)}.unit-controls{opacity:var(--surface-opacity)}.journey-copy{transform:none}.sea-sky{opacity:var(--surface-opacity)}}
.surface-copy h1{color:#07274a;text-shadow:none}.surface-copy h1 em{color:#214770}.surface-copy .dv{color:#072d55;text-shadow:0 1px 10px #d0e0f1}.surface-copy>p:not(.dv){text-shadow:0 1px 8px #002348}.dive-journey~*{position:relative}body:has(.dive-journey)>header{color:#07274a;border-color:#07274a22}body:has(.dive-journey)>header .motion{color:#07274a;border-color:#07274a66}
@media(max-width:700px){.surface-copy>p:not(.dv){color:#17385b;text-shadow:none}.surface-copy .button{display:none}.unit-controls{bottom:17%}}
.surface-real{background:linear-gradient(#8eb3db,#dae4ee 48%,#2968ac 50%,#084a90)}
.skip-dive{color:inherit;text-decoration:none;margin-left:auto;min-height:44px;display:flex;align-items:center;padding:0 8px;font-size:11px}@media(max-width:700px){.skip-dive{margin-left:0}}
@media(min-width:701px){.surface-copy .dv{color:#d7e1ec;text-shadow:0 1px 10px #001d3b}}
@media(min-width:701px){.surface-copy{max-width:min(53vw,840px)}.surface-copy h1{font-size:clamp(50px,5.1vw,86px);letter-spacing:-3px}.journey-copy h2{font-size:clamp(52px,5vw,84px)}.below-copy,.reef-copy{max-width:720px}}

/* GPU-verified contrast over the restored water surface. */
.surface-copy h1{color:#fff;text-shadow:0 2px 24px #00214555}.surface-copy h1 em{color:#d4e4f5}.surface-copy .dv{color:#eef5fd;text-shadow:0 1px 9px #00244b}.surface-copy>p:not(.dv){color:#f5faff;text-shadow:0 1px 9px #00244b}
.surface-real:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0021453b,transparent 60%),linear-gradient(180deg,#00244a22,transparent 22%);opacity:var(--surface-opacity)}
body:has(.dive-journey)>header{color:white;border-color:#ffffff35}body:has(.dive-journey)>header .motion{color:white;border-color:#ffffff80}

@media(max-width:700px){.unit-controls{bottom:20%}.surface-copy>p:not(.dv){max-width:270px}.surface-real:after{background:linear-gradient(180deg,#00214533,transparent 45%)}}

@media(max-width:700px){.dive-sticky{min-height:640px;height:100svh}}

.catalog-facts dd{max-width:65%;line-height:1.6}

/* Illustration art direction: retain contrast against the brighter lagoon. */
.surface-real:after{background:linear-gradient(90deg,#002b6299,transparent 64%),linear-gradient(180deg,#07346818,transparent 24%);opacity:var(--surface-opacity)}
.surface-copy h1 em{color:#dfeeff}.below-copy h2 em,.reef-copy h2 em{color:#c9e3ff}
@media(max-width:700px){.surface-real:after{background:linear-gradient(180deg,#063b654d,transparent 55%)}}

/* Clear small text and controls over the vivid surface water. */
.dive-sticky:has(canvas[data-stage="surface"]) .journey-controls,.dive-sticky:has(canvas[data-stage="surface"]) .illustration-note,.unit-controls{color:#062b52;text-shadow:none}
.journey-controls input{-webkit-appearance:none;appearance:none;height:44px;--range-track:#c5d7ea}
.dive-sticky:has(canvas[data-stage="surface"]) .journey-controls input{--range-track:#062b52}
.journey-controls input::-webkit-slider-runnable-track{height:4px;background:var(--range-track);border-radius:3px}
.journey-controls input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#68b1ff;border:2px solid #062b52;margin-top:-6px}
.journey-controls input::-moz-range-track{height:4px;background:var(--range-track);border-radius:3px}
.journey-controls input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#68b1ff;border:2px solid #062b52}
@media(max-width:700px){.surface-copy>p:not(.dv){display:table;max-width:280px;padding:7px 10px;background:#f1f8ffed;color:#062b52;border-radius:3px;text-shadow:none;line-height:1.7}}
@media(max-width:700px){.below-copy{top:14%}}
@media(min-width:701px){.dive-sticky:has(canvas[data-stage="surface"]) .journey-controls{color:#f6faff}.dive-sticky:has(canvas[data-stage="surface"]) .skip-dive{color:#062b52}.dive-sticky:has(canvas[data-stage="surface"]) .illustration-note{color:#d9e6f4}.dive-sticky:has(canvas[data-stage="surface"]) .journey-controls input{--range-track:#c5d7ea}}
