@font-face{font-family:Syne;src:url('assets/fonts/syne.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/plex-mono.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--deep:#031d32;--ink:#082842;--aqua:#64ffdc;--lime:#64ffdc;--paper:#effbff;--muted:#94b7ca;--pad:clamp(24px,5vw,90px);font-family:Manrope,Arial,sans-serif;background:var(--deep)}
body{background:#031d32}h1,h2,h3,h4,.footer-brand,.wordmark{font-family:Syne,Arial,sans-serif}em{font-family:inherit;font-style:normal;letter-spacing:inherit;font-weight:inherit}.eyebrow,.section-label,.hero-caption,.pill,.concept-note,.stage-caption,.gallery-note>span:first-child,.footer-bottom,.hero-side-label{font-family:Plex,monospace;letter-spacing:.08em}.hero{min-height:790px;max-height:1150px;background:#041e35;height:100svh;isolation:isolate}.hero-image{left:26%;width:74%;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);animation:ocean-arrival 25s ease-in-out infinite alternate}.hero-image img{object-position:60% center;filter:saturate(1.2)}.hero-shade{background:linear-gradient(90deg,#031d32 0%,#031d32e8 22%,#031d3266 52%,#031d3212 78%),linear-gradient(180deg,#031d3244,transparent 35%,#031d3255 75%,#031d32 100%)}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#a4efee0c 1px,transparent 1px);background-size:20% 100%;mask-image:linear-gradient(90deg,#000 0%,transparent 70%)}.header{padding-top:31px;padding-bottom:31px;align-items:center;z-index:5}.wordmark{font-size:23px;letter-spacing:0;font-weight:750;line-height:.9;gap:15px}.wordmark-second{font-family:Plex,monospace;font-size:12px;letter-spacing:.35em;margin-top:9px;font-weight:400}.brand-symbol{font-size:43px;letter-spacing:-5px;position:relative;padding-right:6px;font-weight:750;line-height:1}.brand-symbol span{position:absolute;right:-2px;top:-6px;font-size:23px;transform:none;color:var(--aqua)}nav{gap:34px;font-family:Plex,monospace;font-size:12px}nav .nav-cta{border-color:#8bcec766;background:#07314666;padding:15px 22px;border-radius:4px;backdrop-filter:blur(12px)}.nav-cta span{color:var(--aqua);margin-left:30px}.hero-content{bottom:138px;z-index:2}.eyebrow{display:flex;align-items:center;gap:17px;font-size:12px;color:var(--aqua);margin-bottom:34px}.eyebrow:before{content:"";height:1px;width:38px;background:var(--aqua)}h1{font-size:clamp(65px,7.8vw,137px);font-weight:650;letter-spacing:-.065em;line-height:1.02;max-width:none;margin-bottom:40px}h1 em{display:block;font-weight:750;color:var(--aqua);margin-left:1.8em}h1>span{display:block}h1>span:nth-child(2){white-space:nowrap}.hero-bottom{align-items:flex-end}.hero-bottom p{font-size:15px;line-height:1.75;max-width:440px;color:#d9e9f0}.round-link{font-family:Plex,monospace;gap:30px;font-size:12px}.round-arrow{border-radius:3px;height:59px;width:59px;background:var(--aqua);font-size:27px;box-shadow:0 0 35px #64ffdc17}.hero-caption{font-size:10px;bottom:22px;padding-top:22px;border-color:#88e3e542}.hero-caption button{font-family:Plex,monospace;font-size:11px}.hero-side-label{position:absolute;right:0;top:0;writing-mode:vertical-rl;font-size:9px;color:#def6f6;letter-spacing:.18em}.horizon-line{position:absolute;top:39%;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;border-top:1px solid #cdffff20;color:#cdffff80;font-family:Plex,monospace;font-size:20px;pointer-events:none}.horizon-line span{position:relative;top:-14px}.hero-image{will-change:transform}.intro{background:#031d32}h2{font-weight:600;font-size:clamp(40px,4.6vw,78px);line-height:1.12;letter-spacing:-.055em}.intro h2 span{color:#6e9ab2}.intro-copy p{font-size:16px;color:#a6c3d3}.values-strip{border-color:#225169;font-family:Plex,monospace;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.apps{background:#031d32}.apps-heading h2 em{color:var(--aqua)}.product h3{font-weight:600}.ocean h2{font-weight:600}.footer{background:#031d32}.footer-brand{font-weight:650;font-size:clamp(42px,8.8vw,155px);letter-spacing:-.055em}.footer-bottom{border-color:#285269}.ocean-shade{background:linear-gradient(180deg,#031d32 0%,#031d3260 30%,#031d3270 70%,#031d32 100%)}
@keyframes ocean-arrival{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.075) translateX(-1%)}}
@media(max-width:1000px){.hero{min-height:760px}.hero-image{left:10%;width:90%}.hero-content{bottom:128px}h1{font-size:8.9vw}.hero-side-label{right:-15px}.intro-grid{grid-template-columns:1.3fr 1fr}nav{gap:22px}.wordmark{font-size:21px}.wordmark-second{font-size:10px}.hero-bottom p{font-size:14px}}
@media(max-width:700px){.hero{min-height:800px;max-height:1000px}.hero-image{left:0;width:100%;height:62%;clip-path:none}.hero-image img{object-position:64% center}.hero-shade{background:linear-gradient(180deg,#031d3260 0%,#031d3210 23%,#031d3270 40%,#031d32 64%)}.hero-grid{background-size:33% 100%;mask-image:linear-gradient(180deg,transparent,#000)}.header{padding-top:27px}.wordmark{font-size:20px}.wordmark-second{font-size:9px}.brand-symbol{font-size:37px}nav>a:first-child{border-radius:3px;font-size:11px;padding:12px 14px;background:#031d3266}.hero-content{bottom:115px}h1{font-size:clamp(43px,9.4vw,66px);line-height:1.14;margin-bottom:28px;letter-spacing:-.065em}h1 em{margin-left:.5em;margin-top:0}h1>span:nth-child(2){max-width:none}.eyebrow{font-size:9px;gap:12px;margin-bottom:24px}.eyebrow:before{width:25px}.hero-side-label{display:none}.hero-bottom p{font-size:13px;line-height:1.75;max-width:320px}.hero-bottom .round-link{margin-top:22px;font-size:11px}.round-arrow{height:45px;width:45px}.hero-caption{font-size:8px;letter-spacing:.02em;padding-top:16px;bottom:18px}.hero-caption button{font-size:9px}.horizon-line{top:33%}h2{font-size:38px;line-height:1.14}.values-strip{font-size:10px;line-height:1.5}.section-label{font-size:10px}.footer-brand{font-size:8.5vw}}
@media(prefers-reduced-motion:reduce){.hero-image{will-change:auto;animation:none;transform:none}}

/* Below the surface: the same Pacific identity carries through the product. */
.intro{padding-top:100px;padding-bottom:0}.intro-grid{grid-template-columns:1.35fr 1fr;margin-top:34px;gap:9vw;margin-bottom:64px;align-items:center}.intro h2{font-size:clamp(42px,4.8vw,79px)}.intro h2 span{color:var(--aqua)}.intro-copy{max-width:440px}.intro-copy p{line-height:1.8}.text-link{font-family:Plex,monospace;font-size:12px;border-color:#3d7189;padding-bottom:15px}.values-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:0;border-color:#28536d}.values-strip>span{padding:23px 12px;font-size:11px;display:flex;gap:20px;align-items:center;justify-content:center}.values-strip>span+span{border-left:1px solid #28536d}.values-strip b{font-weight:400;color:#64ffdc88;font-size:10px}.apps{padding-top:100px;padding-bottom:70px;background:linear-gradient(180deg,#031d32,#042b48)}.apps-heading{margin-bottom:44px}.apps-heading h2{font-size:clamp(43px,5vw,85px);letter-spacing:-.055em}.apps-heading p{font-size:14px;line-height:1.8;color:#adcadc}.product{position:relative;isolation:isolate;background:#07314e;color:var(--paper);grid-template-columns:1fr 1.1fr;border-radius:0;min-height:760px;border:1px solid #408ba077;clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,0 100%)}.product-water{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 50%;z-index:-3}.product:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031d32ef,#031d32bb 30%,#022e4b33 70%),linear-gradient(0deg,#031d3280,transparent 70%);z-index:-2}.product-coordinates{position:absolute;top:21px;left:27px;right:27px;display:flex;justify-content:space-between;font:9px Plex,monospace;letter-spacing:.13em;color:#afe8f0;z-index:2;pointer-events:none}.product-copy{padding:80px clamp(24px,4vw,65px) 65px;align-self:center}.pill{font-size:10px;color:var(--aqua);background:#07314888;border-color:#46ada166;border-radius:2px;letter-spacing:.08em;padding:10px 12px}.app-icon{margin-top:34px;margin-bottom:28px;border-radius:12px;border:1px solid #62f4dd;background:#08667b;box-shadow:0 5px 25px #1dfdd722;color:#83ffed;width:59px;height:59px;font-family:Syne,sans-serif}.product h3{font-family:Syne,sans-serif;font-size:clamp(34px,3.6vw,61px);line-height:1.08;letter-spacing:-.045em;font-weight:650;white-space:nowrap}.product h3 em{color:var(--aqua)}.product-copy p{font-size:14px;line-height:1.85;color:#c5dfec;max-width:345px}.product-button{color:#06243a;background:var(--aqua);font-family:Plex,monospace;font-size:12px;border-radius:3px;padding:18px 22px;transition:background .2s,transform .2s}.product-button:hover{background:#b4ffef;transform:translateY(-3px)}.concept-note{font-size:9px;color:#a0c4d7;letter-spacing:0;line-height:1.6}.product-stage{position:relative;min-height:690px;background:none;perspective:1200px;padding:60px 35px 55px}.stage-annotation{position:absolute;top:85px;right:30px;display:flex;flex-direction:column;gap:8px;font:9px Plex,monospace;line-height:1.7;color:#bcecec}.stage-annotation>span:first-child{font-size:8px;color:#6bffde}.stage-caption{font-family:Plex,monospace;font-size:9px;color:#bce6ed;letter-spacing:.1em;bottom:28px}.device{border-color:#237287;border-width:4px;border-radius:37px;background:#061f32;color:#ecf9ff;width:300px;max-width:100%;transform:rotateY(-11deg) rotateZ(6deg);box-shadow:-22px 30px 65px #011426b0,inset 0 0 0 1px #bdffff33,0 0 50px #1bcfff20;transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .7s}.device:hover,.device:focus-within,.device.demo-active{transform:rotateY(0) rotateZ(0);box-shadow:0 25px 60px #011426c0,0 0 60px #1bcfff35}.device-top{height:41px;color:#c1e1ec;font-family:Manrope,sans-serif;padding:0 23px}.device-island{background:#010b12}.device-content{padding:15px 23px 18px}.app-greeting{font-family:Plex,monospace;font-size:8px;letter-spacing:.04em;color:#93bdcd}.avatar{background:#144055;color:#82fbe1;border-radius:4px}.device h4{font-family:Manrope,sans-serif;font-size:29px;font-weight:500;line-height:1.12;letter-spacing:-1px;margin-top:20px;margin-bottom:25px}.device h4 em{color:#69f3d8;font-weight:500;letter-spacing:-1px}.demo-tabs{border-color:#245269;margin-bottom:21px}.demo-tabs button{font-family:Plex,monospace;font-size:11px;color:#84a7b9}.demo-tabs button[aria-selected=true]{color:#a0ffeb;border-color:#62ffdc}.focus-card{background:linear-gradient(135deg,#81ffe0,#35cde0);border-radius:10px;min-height:183px;color:#072a3a;padding:21px 18px}.focus-card>span:first-child{font:8px Plex,monospace;letter-spacing:.09em}.focus-card strong{font:600 28px/1.06 Syne,sans-serif;letter-spacing:-1px}.focus-card .focus-time{font-family:Plex,monospace;font-size:9px}.focus-mark{color:#075b6736;font-size:112px;bottom:8px}.task-heading{font-size:11px;color:#d7ebf2;margin-top:24px}.task-heading span{color:#73a3b7;font:10px Plex,monospace}.demo-task{border-color:#204355;font:10px Manrope,sans-serif;min-height:43px;gap:8px}.demo-task input{accent-color:#64ffdc}.demo-task input:checked+span{color:#80a7b7}.device-footer{color:#81a8ba;font:8px Plex,monospace;margin-top:19px;padding-top:12px}.device-footer>span:last-child{color:#67ffdf}.week-card{background:#0b3c50;height:230px}.week-card>span{color:#9bd5df;font-family:Plex,monospace}.week-card strong{font-family:Syne,sans-serif;font-size:25px;color:#e0ffff}.week-bars i{background:linear-gradient(#67ffde,#128aab)}.week-bars i:after{color:#acd7de}.week-note{color:#b5d8e5;font-size:12px}.gallery-note{padding-top:30px}.gallery-note>span:first-child{font-size:9px}.gallery-note p{color:#abd0df;font-size:13px}.large-asterisk{font:50px Syne,sans-serif;color:#5cffe2}.ocean{min-height:750px;height:820px;background:#032b48}.ocean>img{object-position:center;filter:saturate(1.15)}.ocean-shade{background:linear-gradient(180deg,#042b48 0%,#042b4870 23%,#021d3260 54%,#031d32 100%),linear-gradient(90deg,#022c4580,transparent)}.ocean-content{padding-top:95px;padding-bottom:65px}.ocean h2{font-size:clamp(56px,6.9vw,118px);line-height:1.06;margin-top:32px;font-weight:650;letter-spacing:-.06em}.ocean h2 em{color:#64ffdc}.ocean .section-label{font-family:Plex,monospace;color:#9affec}.ocean-bottom{align-items:flex-end;margin-top:32px;gap:40px}.ocean-bottom p{font-size:15px;line-height:1.85;max-width:550px}.ocean-principle{border-left:1px solid #95fbea77;padding:0 0 0 28px;display:flex;flex-direction:column;gap:15px}.ocean-principle>span{font:9px Plex,monospace;letter-spacing:.06em;color:#a6d5df}.ocean-principle strong{font:550 28px/1.1 Syne,sans-serif;letter-spacing:-.03em}.footer{padding-top:52px;padding-bottom:27px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;font:10px Plex,monospace;letter-spacing:.12em;color:#85b0c6}.footer-top a{border:1px solid #37647b;display:grid;place-items:center;height:42px;width:42px;font-size:20px;color:#a4ffe9}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;line-height:.83;font-size:clamp(65px,13.7vw,235px);font-weight:700;letter-spacing:-.075em;gap:10px}.footer-brand>span{font-size:1em;color:transparent;-webkit-text-stroke:1px #58869a}.footer-bottom{margin-top:50px;font-size:10px;line-height:1.6}.footer-bottom>span:first-child{font-size:9px}.footer-bottom a{color:#c0e4ed}
@media(max-width:1000px){.intro-grid{gap:5vw}.intro h2{font-size:47px}.product-copy{padding-left:28px;padding-right:20px}.product h3{font-size:36px}.product-stage{padding-left:20px;padding-right:20px}.stage-annotation{right:18px;top:50px}.device{width:274px}.device-content{padding-left:19px;padding-right:19px}.product-coordinates{font-size:8px}.ocean h2{font-size:8.2vw}.ocean-bottom p{font-size:14px}.ocean-principle strong{font-size:23px}}
@media(max-width:700px){.intro{padding-top:60px}.intro-grid{display:block;margin-top:29px;margin-bottom:36px}.intro h2{font-size:39px}.intro-copy{margin-top:26px}.intro-copy p{font-size:15px}.values-strip{display:block}.values-strip>span{padding:17px 0;justify-content:flex-start;gap:22px;font-size:10px}.values-strip>span+span{border-left:0;border-top:1px solid #28536d}.values-strip>span:last-child{text-align:left}.apps{padding-top:57px;padding-bottom:32px}.apps-heading{margin-top:26px;margin-bottom:30px}.apps-heading h2{font-size:39px}.apps-heading p{font-size:13px;margin-top:20px}.product{grid-template-columns:1fr;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.product-water{object-position:75% center}.product:before{background:linear-gradient(180deg,#031d32c0,#031d3244 65%,#031d32bb)}.product-coordinates{left:22px;top:20px;right:22px;font-size:7px}.product-coordinates>span:last-child{display:none}.product-copy{padding:58px 24px 25px}.pill{font-size:8px}.app-icon{margin-top:27px;margin-bottom:23px;width:47px;height:47px;font-size:29px}.product h3{font-size:33px;line-height:1.12;white-space:normal}.product-copy p{font-size:13px}.concept-note{font-size:9px}.product-stage{min-height:655px;padding:35px 23px 55px}.stage-annotation{display:none}.device{width:280px;transform:rotateY(-6deg) rotateZ(3deg)}.device-content{padding-left:19px;padding-right:19px}.device h4{font-size:27px}.stage-caption{font-size:8px;letter-spacing:.03em;bottom:22px}.gallery-note{gap:5px}.gallery-note>span:first-child{font-size:9px}.gallery-note p{font-size:12px}.large-asterisk{font-size:38px}.ocean{height:auto;min-height:810px}.ocean>img{object-position:64% center}.ocean-content{padding-top:65px;padding-bottom:55px;min-height:810px}.ocean h2{font-size:clamp(38px,9.7vw,65px);line-height:1.15;letter-spacing:-.06em;margin-bottom:35px}.ocean-bottom{display:block;margin-top:auto}.ocean-bottom p{font-size:14px;line-height:1.8}.ocean-bottom p br{display:none}.ocean-principle{margin-top:30px;gap:12px;padding-left:19px}.ocean-principle strong{font-size:25px}.ocean-principle>span{font-size:8px}.footer{padding-top:36px}.footer-top{font-size:8px;margin-bottom:27px;letter-spacing:.04em}.footer-brand{font-size:14.6vw;gap:8px}.footer-bottom{margin-top:34px;font-size:9px}.footer-bottom>span:first-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.device{transform:none;transition:none}}
.reading-progress{position:fixed;left:0;top:0;right:0;height:2px;background:var(--aqua);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.hero-bottom p,.intro-copy p,.product-copy p,.apps-heading p,.ocean-bottom p{font-size:16px}
@media(max-width:700px){.hero-bottom p{font-size:14px}.product-copy p,.apps-heading p{font-size:15px}.ocean-bottom p{font-size:16px}}

@media(max-width:700px){.hero-bottom p.hero-tagline{margin-top:24px;max-width:310px}}

/* Match the hero tagline to the Hawaii technology eyebrow. */
.hero-bottom p.hero-tagline{font-family:Plex,monospace;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--aqua);line-height:1.7}
@media(max-width:700px){.hero-bottom p.hero-tagline{font-size:9px}}