:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2.25rem, 1.4rem + 3vw, 4.5rem);--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--color-text:#effafd;--color-text-muted:#bfd8e2;--color-text-faint:#8ba8b4;--color-text-darkened:#0e354163;--color-accent:#9be8f6;--color-border:#c4ebf724;--nav-h:88px;--content:1020px;--header-tint:.14;--depth-progress:0%;--mobile-nav-h:64px;--depth-accent:#9be8f6;--depth-glow:#9be8f638;--nav-text-color:#062b40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:var(--text-base);color:var(--color-text);background:radial-gradient(circle at 50% -6%,#aaeff747,#0000 20%),radial-gradient(circle at 16% 14%,#82d5e414,#0000 18%),linear-gradient(#4c9ca8 0%,#187794 8%,#0c5275 18%,#093b59 34%,#082b44 52%,#061f34 70%,#041625 86%,#03101b 100%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.skip-link{color:#111;z-index:100;background:#fff;border-radius:8px;padding:8px 12px;position:absolute;top:-50px;left:16px}.skip-link:focus{top:12px}.surface-nav{height:var(--nav-h);z-index:50;background:rgba(90, 162, 178, calc(var(--header-tint) + .12));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid #ffffff14;position:fixed;inset:0 0 auto;box-shadow:0 8px 24px #030d1414;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'><rect x='0' y='0' width='1440' height='78' fill='white'/><path d='M0 78 C 160 82, 310 74, 470 79 C 650 85, 820 72, 1005 79 C 1160 84, 1305 75, 1440 79 L 1440 0 L 0 0 Z' fill='white'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'><rect x='0' y='0' width='1440' height='78' fill='white'/><path d='M0 78 C 160 82, 310 74, 470 79 C 650 85, 820 72, 1005 79 C 1160 84, 1305 75, 1440 79 L 1440 0 L 0 0 Z' fill='white'/></svg>");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.nav-shell{justify-content:space-between;align-items:center;gap:var(--space-6);width:100%;height:80%;padding:0 25px;display:flex}.section-inner,.footer-inner{width:min(calc(100% - 48px), var(--content));margin:0 auto}.brand{align-items:center;gap:var(--space-3);color:var(--nav-text-color);background:#eefbfe29;border-radius:20px;padding-right:10px;font-weight:800;display:flex}.brand-badge{background:radial-gradient(circle at 30% 30%,#ebfdff,#9ee5f1 58%,#66bcca 100%);border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid;box-shadow:inset 0 1px 8px #ffffff59,0 8px 18px #0c3f4e2e}.nav-links{align-items:center;gap:var(--space-3);display:flex}.nav-link{border-radius:var(--radius-full);color:var(--nav-text-color);font-size:var(--text-sm);background:#eefbfe29;border:1px solid #ffffff38;padding:.76rem 1rem;font-weight:700;transition:background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1)}.nav-link:hover,.nav-link:focus-visible{background:#ffffff47;transform:translateY(-1px)}.nav-link.active{background:#ffffff6b}.depth-ui{z-index:32;grid-template-rows:1fr auto;width:168px;display:grid;position:fixed;top:100px;bottom:25px;left:25px}.depth-track{height:73dvh;margin-left:10px;padding-left:26px;position:relative}.depth-points{pointer-events:none;position:absolute;inset:0}.depth-point{--dot:16px;min-height:24px;color:var(--color-text-faint);opacity:.15;pointer-events:auto;align-items:flex-start;padding-left:26px;font-size:.82rem;line-height:1.15;transition:opacity .18s,color .18s,transform .18s;display:inline-flex;position:absolute;top:0;left:0}.depth-point:before{content:"";width:var(--dot);height:var(--dot);z-index:2;background:#03101ba8;border:2px solid #ccf2f86b;border-radius:50%;transition:background .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.depth-point.active,.depth-track:hover .depth-point,.depth-track:focus-within .depth-point{opacity:1}.depth-point.active{color:var(--color-text);z-index:1}.depth-track-line,.depth-track-progress{border-radius:999px;width:2px;max-height:70dvh;position:absolute;left:9px}.depth-track-line{background:#c5ebf629;height:70dvh;top:24px}.depth-track-progress{height:calc(var(--depth-progress) - 24px);z-index:1;min-height:0;top:24px}.depth-label{text-align:left}.depth-point span{color:var(--depth-accent);margin-top:2px;margin-left:5px;font-size:.72rem;display:block}.depth-hit{border-radius:14px;outline:none;position:absolute;inset:-8px}.depth-hit:focus-visible{box-shadow:0 0 0 2px #9be8f699}.depth-readout{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0716225c;border-radius:16px;width:90px;margin-left:4px;padding:10px 10px 9px;box-shadow:0 18px 40px #00000029}.depth-readout .label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint);font-size:.64rem}.depth-readout .meters{letter-spacing:-.05em;margin-top:6px;font-size:1.4rem;font-weight:800}.depth-readout .zone{color:var(--color-text-muted);margin-top:2px;font-size:.78rem}.hero{min-height:100vh;padding-top:calc(var(--nav-h) + 52px);position:relative}:root{--depth-accent:#9be8f6;--depth-glow:#9be8f638}.zone-shell{place-items:center;width:100%;padding-inline:0;display:grid;position:relative;overflow:hidden}.zone-shell>*{width:100%}.zone-hero{height:100dvh;padding-top:4rem}.zone-twilight,.zone-midnight,.zone-abyss{min-height:100dvh}.zone-basin{min-height:70dvh}.zone-gap{place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.zone-gap-twilight{color:#5a96dc2e;min-height:40dvh}.zone-gap-midnight{color:#78aaf01f;min-height:120dvh}.zone-gap-figure{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.zone-gap-figure svg{opacity:.18;filter:blur(2px);width:min(72vw,720px);height:auto;transform:translateY(6%)}.eel-shadow.eel-1 svg{opacity:.12;width:min(80vw,760px)}.jelly-shadow.jelly-1 svg{opacity:.12;width:min(220px,28vw);transform:translate(28vw,-10%)}.depth-track-progress{background:linear-gradient(180deg, var(--depth-accent), color-mix(in srgb, var(--depth-accent) 70%, black 30%));box-shadow:0 0 18px var(--depth-glow)}.depth-point.active:before{background:var(--depth-accent);box-shadow:0 0 0 7px var(--depth-glow)}.bubble{pointer-events:none;z-index:-1;background:radial-gradient(circle at 35% 35%,#e2fcff57,#b7edf51c 62%,#0000 70%);border-radius:50%;animation:ease-in-out infinite bubbleDrift;position:absolute}.b1{width:18px;height:18px;animation-duration:10s;top:18%;left:7%}.b2{width:42px;height:42px;animation-duration:13s;top:24%;left:4%}.b3{width:12px;height:12px;animation-duration:9s;top:32%;right:14%}.b4{width:15px;height:15px;animation-duration:11s;top:16%;right:11%}.b5{width:28px;height:30px;animation-duration:14s;top:38%;left:10%}.b6{width:10px;height:10px;animation-duration:8s;top:28%;left:14%}.b7{width:16px;height:16px;animation-duration:12s;top:34%;right:20%}.b8{width:20px;height:20px;animation-duration:10s;top:22%;left:44%}.b9{width:12px;height:12px;animation-duration:9s;top:30%;left:52%}.b10{width:24px;height:24px;animation-duration:13s;top:40%;left:58%}.b11{width:14px;height:14px;animation-duration:11s;top:18%;left:64%}.b12{width:18px;height:18px;animation-duration:12s;top:26%;left:34%}.b13{width:11px;height:11px;animation-duration:10s;top:44%;left:46%}.b14{width:22px;height:22px;animation-duration:15s;top:20%;left:74%}@keyframes bubbleDrift{0%,to{opacity:.75;transform:translateY(0)translate(0)}50%{opacity:1;transform:translateY(-18px)translate(3px)}}.section{padding:clamp(4rem,8vw,7rem) 0;position:relative}.section-inner{gap:var(--space-12);grid-template-columns:1.25fr .75fr;align-items:center;display:grid}.hero-copy,.section-stack{gap:var(--space-6);display:grid}.eyebrow{border-radius:var(--radius-full);border:1px solid var(--color-border);width:fit-content;color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;background:#cbf5fa14;align-items:center;padding:.45rem .8rem;display:inline-flex}h1,h2{letter-spacing:-.04em;margin:0;line-height:1.04}h1{font-size:var(--text-2xl);max-width:15ch}h2{font-size:clamp(1.9rem,1.3rem + 2vw,3.2rem)}p{color:var(--color-text-muted);margin:0}.glass-panel{border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#081c2b57,#04101a85);border-radius:28px;box-shadow:0 22px 60px #010a1238}.hero-panel{padding:var(--space-6);letter-spacing:1.5px;max-width:580px}.placeholder-lines{gap:10px;display:grid}.placeholder-line{border-radius:var(--radius-full);background:linear-gradient(90deg,#b5dfeb1f,#b5dfeb3d,#b5dfeb1f);height:12px}.hero-visual{place-items:center;display:grid}.mascot-wrap{aspect-ratio:1;width:min(390px,100%);padding:var(--space-8);background:radial-gradient(circle at 50% 24%,#adeef72e,#20607f3d 42%,#08192873 72%,#04101a33 100%);border:1px solid #d6f4fa1f;border-radius:40px;place-items:center;display:grid;box-shadow:0 30px 60px #0003}.mascot-note{max-width:190px;padding:var(--space-4);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0818255c;border-radius:18px;position:absolute;top:180px;right:10%}.section-anchor{scroll-margin-top:120px}@keyframes cardDrift{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-70px)translate(30px)}}.grid-3{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));animation:ease-in-out infinite cardDrift;display:grid}.grid-2{gap:var(--space-5);grid-template-columns:1.2fr .8fr;display:grid}.card{min-height:240px;padding:var(--space-6);gap:var(--space-4);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#091d2c57,#040f1985);border-radius:26px;animation-duration:5s;display:grid}.card:nth-child(2){transform:translateY(16px)}.mini-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-faint)}.visual-placeholder{text-align:center;min-height:320px;color:var(--color-text-faint);background:#ffffff05;border:1px dashed #bee9f433;border-radius:24px;place-items:center;padding:24px;display:grid}.about-visual{text-align:center;min-height:100%;color:var(--color-text-faint);border-radius:24px;place-items:flex-end center;display:grid}@keyframes float{0%{transform:translate(0)}25%{transform:translate(-10px,-35px)}50%{transform:translate(10px,-55px)}75%{transform:translateY(20px)}to{transform:translate(0)}}.vanilla-bubbles{width:100%;width:var(--content);justify-content:space-evenly;align-items:center;padding-block:3rem;display:flex}.vanilla-bubbles img{border-radius:50%;animation:25s ease-in-out infinite float}.vanilla-bubbles img:first-child{margin-top:60px;animation-duration:25s;animation-delay:0s}.vanilla-bubbles img:nth-child(2){margin-top:240px;animation-duration:25s;animation-delay:-3.5s}.vanilla-bubbles img:nth-child(3){animation-duration:25;margin-top:-160px;animation-delay:-2s}@media (prefers-reduced-motion:reduce){.vanilla-bubbles img{animation:none}}.footer-zone{margin-top:var(--space-8);position:relative}.footer-card{width:min(720px,100%);padding:var(--space-8);z-index:2;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06141f6b;border-radius:28px;position:relative;box-shadow:0 30px 60px #0000003d}.footer-links{gap:var(--space-3);flex-wrap:wrap;margin-top:24px;display:flex}.footer-pill{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);background:#ffffff0a;padding:.72rem 1rem}.seafloor-wave{width:100%;height:220px;display:block;position:absolute;bottom:0;left:0;right:0}.zone-gap-basin{min-height:70dvh;color:var(--color-text-muted);flex-direction:column-reverse;place-items:center flex-end;display:flex;bottom:15dvh}.basin-reveal{text-align:center;padding:var(--space-4);border:1px solid var(--color-border);background:#06141f99;border-radius:28px;margin-top:20px}.nav-mobile-only,.nav-title-mobile,.nav-menu-panel{display:none}.nav-desktop{display:block}@media (max-width:1080px){.depth-ui{display:none}.section-inner,.grid-3,.grid-2{grid-template-columns:1fr}.card:nth-child(2){transform:none}.mascot-note{max-width:620px;margin:0 auto;position:static}}@media (max-width:720px){:root{--nav-h:var(--mobile-nav-h)}body{padding-top:var(--mobile-nav-h)}.surface-nav{height:var(--mobile-nav-h);background:rgba(121, 198, 212, calc(var(--header-tint) + .12));-webkit-backdrop-filter:blur(14px)saturate(125%);border-bottom:1px solid #ffffff14;border-radius:0;-webkit-mask-image:none;mask-image:none}.nav-shell{grid-template-columns:48px 1fr 48px;align-items:center;gap:0;height:100%;padding:0 12px;display:grid}.brand{display:none}.nav-mobile-only{color:#072f45;cursor:pointer;background:0 0;border:0;grid-column:1;justify-content:center;justify-self:start;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.nav-mobile-only:hover,.nav-mobile-only:focus-visible{background:0 0;outline:none}.nav-title-mobile{text-align:center;color:#062b40;letter-spacing:-.02em;grid-column:2;justify-self:center;font-size:1rem;font-weight:800;display:block}.nav-title-mobile a{padding:6px 10px;display:inline-block}.nav-menu-panel{top:var(--mobile-nav-h);background:rgba(121, 198, 212, calc(var(--header-tint) + .12));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:49;border-bottom:1px solid #ffffff14;padding:12px;display:none;position:fixed;left:0;right:0}.nav-menu-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.nav-menu-list a{color:#072f45;background:#ffffff1f;border-radius:14px;padding:14px 16px;font-weight:700;display:block}.depth-ui{display:none}#main{padding-top:0}.zone-hero,.zone-twilight,.zone-midnight,.zone-abyss{height:auto;min-height:400px;padding:10px 10px 4rem}.hero{min-height:auto;padding-top:28px}.section:first-of-type{padding-top:24px}.section-inner,.footer-inner{width:min(calc(100% - 28px), var(--content))}.section-inner,.grid-3,.grid-2{grid-template-columns:1fr}.card:nth-child(2){transform:none}.hero-panel,.card,.footer-card{padding:var(--space-6)}h1{font-size:clamp(2.2rem,10vw,3.2rem)}.bubble{opacity:.45}.mascot-wrap{border-radius:28px;width:min(300px,100%)}.mascot-note{max-width:100%;margin:0 auto;position:static}.seafloor-wave{height:150px}.nav-mobile-only{display:inline-flex}.nav-title-mobile{display:block}.nav-desktop{display:none}.nav-menu-panel.open{display:block}.zone-gap,.zone-gap-basin{display:none}}@media (max-width:480px){.grid-3,.grid-2{grid-template-columns:1fr}.footer-links{flex-direction:column}.footer-pill{text-align:center;width:100%}.nav-menu-panel{padding:10px}.nav-menu-list a{padding:13px 14px}.bubble{opacity:.35}.card,.hero-panel,.footer-card{border-radius:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}