:root{--ink:#f7f3ec;--muted:rgba(247,243,236,.7);--line:rgba(247,243,236,.18);--aqua:#55c9c0;--lava:#ff6b2c;--night:#031019;--deep:#00111b;--ease:cubic-bezier(.23,1,.32,1);--ocean-progress:0}
*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--night);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.skip{position:fixed;z-index:100;left:16px;top:-80px;background:#fff;color:#111;padding:12px 16px;border-radius:3px}.skip:focus{top:16px}
.topbar{position:fixed;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(20px,3vw,52px);font-size:10px;letter-spacing:.14em}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:700}.brand i{width:10px;height:10px;border-radius:50%;background:var(--lava);box-shadow:0 0 0 4px rgba(255,107,44,.12),0 0 18px var(--lava)}.brand--home{width:fit-content;min-height:44px;padding:9px 13px 9px 11px;border:1px solid rgba(247,243,236,.16);border-radius:999px;background:rgba(2,13,21,.55);backdrop-filter:blur(16px);transition:transform 160ms var(--ease),border-color 180ms ease}.brand__identity{display:inline-flex;align-items:center;gap:8px}.brand__wordmark{white-space:nowrap}.brand__return{display:inline-flex;align-items:center;gap:5px;margin-left:2px;padding-left:9px;border-left:1px solid rgba(255,107,44,.38);color:var(--lava);font-size:8px;letter-spacing:.11em;white-space:nowrap}.brand__return b{font:500 15px/1 Georgia,serif}.topbar__meta{display:flex;gap:22px;color:var(--muted)}.topbar__actions{justify-self:end;display:flex;align-items:center;gap:8px}.topbar__cta{min-height:44px;display:inline-flex;align-items:center;color:#07141d;background:var(--ink);text-decoration:none;padding:10px 17px;border-radius:999px;font-weight:700;transition:transform 160ms var(--ease)}.topbar__cta:focus-visible,.brand:focus-visible,.button:focus-visible,.lang-switch__trigger:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
.ocean{position:relative;height:400vh}.ocean__sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--deep)}.ocean__ambient{position:absolute;z-index:0;inset:-15%;background:radial-gradient(circle at calc(68% - var(--ocean-progress)*16%) calc(9% + var(--ocean-progress)*20%),rgba(35,159,177,.92),transparent 27%),radial-gradient(circle at 73% 54%,rgba(6,62,83,.72),transparent 35%),linear-gradient(145deg,#073146 0,#02141f 53%,#000a10 100%);transform:scale(calc(1.12 + var(--ocean-progress)*.08))}.ocean__atlas{position:absolute;z-index:1;inset:-12%;opacity:.95;transform:translate3d(calc(var(--ocean-progress)*-3vw),calc(var(--ocean-progress)*-5vh),0) scale(calc(1 + var(--ocean-progress)*.17))}.ocean__atlas:before,.ocean__atlas:after,.ocean__atlas span,.ocean__atlas i,.ocean__atlas b{content:"";position:absolute;border:1px solid rgba(151,231,222,.22);border-radius:50%;transform:rotate(-15deg)}.ocean__atlas:before{width:62vw;height:34vw;right:-7vw;top:13vh;box-shadow:0 0 0 1.6vw rgba(74,188,185,.055),0 0 0 3.2vw rgba(74,188,185,.045),0 0 0 4.8vw rgba(74,188,185,.035),0 0 0 6.4vw rgba(74,188,185,.025),inset 0 0 90px rgba(51,190,191,.12)}.ocean__atlas:after{width:35vw;height:18vw;right:7vw;bottom:-3vw;box-shadow:0 0 0 1.3vw rgba(247,243,236,.035),0 0 0 2.6vw rgba(247,243,236,.025),0 0 0 3.9vw rgba(247,243,236,.018)}.ocean__atlas span{width:24vw;height:13vw;right:18vw;top:37vh;border-color:rgba(255,107,44,.35);box-shadow:0 0 50px rgba(255,107,44,.08)}.ocean__atlas i{width:7px;height:7px;right:calc(34vw + var(--ocean-progress)*9vw);top:calc(31vh + var(--ocean-progress)*12vh);border:0;background:var(--lava);box-shadow:0 0 0 8px rgba(255,107,44,.1),0 0 30px rgba(255,107,44,.7)}.ocean__atlas b{width:1px;height:45vh;right:34vw;top:28vh;border:0;border-left:1px dashed rgba(247,243,236,.22);border-radius:0}.ocean__veil{position:absolute;z-index:3;inset:0;background:linear-gradient(90deg,rgba(0,8,13,.93) 0,rgba(0,8,13,.66) 29%,rgba(0,8,13,.06) 67%,rgba(0,8,13,.2) 100%),linear-gradient(0deg,rgba(0,8,13,.7),transparent 43%,rgba(0,8,13,.27));pointer-events:none}.particles{position:absolute;z-index:4;inset:0;overflow:hidden;opacity:.45;pointer-events:none}.particle{position:absolute;bottom:-20px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.58);animation:rise var(--duration) linear infinite;animation-delay:var(--delay);left:var(--x)}@keyframes rise{to{transform:translate3d(var(--drift),-110vh,0);opacity:0}}.depth{position:absolute;z-index:7;right:clamp(28px,4vw,68px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:8px;letter-spacing:.18em;color:var(--muted)}.depth strong{font-size:16px;font-weight:600;color:var(--ink);letter-spacing:.08em}.rail{position:absolute;z-index:6;right:clamp(18px,2vw,30px);top:22%;height:56%;width:1px;background:var(--line)}.rail span{display:block;width:1px;height:0;background:linear-gradient(var(--aqua),var(--lava));box-shadow:0 0 10px var(--aqua)}
.beat{position:absolute;left:0;width:100%;height:100vh;display:flex;align-items:center;padding:clamp(24px,4vw,72px)}.beat[data-beat="0"]{top:0}.beat[data-beat="1"]{top:100vh}.beat[data-beat="2"]{top:200vh}.beat[data-beat="3"]{top:300vh}.copy{position:relative;z-index:5;width:min(560px,45vw);padding-top:40px;opacity:1;text-shadow:0 2px 25px rgba(0,0,0,.4);transition:opacity 160ms linear,transform 500ms var(--ease)}.js .copy{opacity:0;transform:translateY(16px)}.eyebrow{display:block;margin-bottom:18px;color:#99e1da;font-size:10px;font-weight:700;letter-spacing:.18em}.copy h1,.copy h2{margin:0;font-family:"Bodoni Moda",serif;font-size:clamp(64px,6.6vw,130px);font-weight:400;line-height:.83;letter-spacing:-.055em;text-wrap:balance}.copy p{max-width:500px;margin:24px 0 20px;color:rgba(247,243,236,.8);font-size:clamp(14px,1.05vw,18px);line-height:1.65}.scroll-cue{position:absolute;z-index:7;right:clamp(38px,6vw,90px);bottom:28px;display:flex;align-items:center;gap:14px;color:var(--muted);font-size:9px;letter-spacing:.14em}.scroll-cue i{width:18px;height:29px;border:1px solid rgba(255,255,255,.35);border-radius:20px}.scroll-cue i:before{content:"";display:block;width:3px;height:6px;margin:6px auto;background:var(--lava);border-radius:3px;animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{50%{transform:translateY(8px);opacity:.35}}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 18px}.button{min-height:46px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:13px 18px;color:var(--ink);text-decoration:none;font-size:11px;font-weight:700;transition:transform 160ms var(--ease),border-color 160ms ease}.button--primary{background:var(--ink);color:#07141d}.copy small{display:block;color:var(--muted);font-size:11px;line-height:1.6}.endbar{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(20px,4vw,72px);background:#020a10;color:var(--muted);font-size:10px}.endbar a{color:inherit;text-decoration:none}.endbar__social{display:flex;align-items:center;gap:7px}.endbar__social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(247,243,236,.18);border-radius:50%;transition:transform 160ms var(--ease),border-color 180ms ease}.endbar__social svg{width:19px;height:19px}.endbar__social a:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.brand--home:hover{border-color:rgba(73,185,177,.56);transform:translateX(-2px)}.topbar__cta:hover,.button:hover{transform:translateY(-2px)}.endbar__social a:hover{border-color:rgba(73,185,177,.7);transform:translateY(-2px)}}
@media(max-width:700px){.topbar{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}.topbar__meta{display:none}.topbar__actions{gap:6px}.topbar__cta{padding-inline:12px;font-size:11px;letter-spacing:.08em}.brand--home{padding:7px 9px}.brand__identity{gap:6px}.brand__wordmark{font-size:10px;letter-spacing:.08em}.brand__return{min-width:20px;padding-left:6px;border-left:0;font-size:0}.brand__return span{display:none}.brand__return b{font-size:18px}.brand__islands{display:none}.lang-switch__trigger{padding-inline:10px;font-size:10px}.ocean__atlas:before{width:120vw;height:74vw;right:-55vw;top:8vh}.ocean__atlas:after{width:80vw;height:42vw;right:-7vw;bottom:13vh}.ocean__atlas span{width:55vw;height:29vw;right:-2vw;top:40vh}.ocean__atlas b{right:24vw}.ocean__veil{background:linear-gradient(0deg,rgba(0,8,13,.94) 0,rgba(0,8,13,.58) 44%,rgba(0,8,13,.08) 75%,rgba(0,8,13,.24) 100%)}.beat{align-items:flex-end;padding:22px 20px 40px}.copy{width:100%;padding:0}.copy h1,.copy h2{font-size:clamp(52px,16vw,74px);line-height:.86}.copy p{font-size:13px;line-height:1.55;margin:16px 0}.eyebrow{margin-bottom:12px}.depth{display:none}.rail{right:9px;top:18%;height:42%}.scroll-cue{left:20px;right:auto;bottom:20px}.scroll-cue span{display:none}.actions{margin:18px 0 12px}.button{padding:12px 15px;font-size:10px}.endbar{gap:14px;flex-wrap:wrap}}
@media(max-width:340px){.topbar__cta{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ocean__atlas{transform:none}.copy{transition:none;transform:none}.particle,.scroll-cue i:before{animation:none}.topbar__cta:hover,.button:hover,.endbar__social a:hover{transform:none}}
.lang-switch{position:relative;display:inline-block}.lang-switch__trigger{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 12px;border:1px solid rgba(247,243,236,.24);border-radius:999px;color:var(--ink);background:rgba(4,18,28,.55);backdrop-filter:blur(16px);font-size:10px;font-weight:700;letter-spacing:.14em;cursor:pointer}.lang-switch__code{display:inline-flex;align-items:center;gap:6px}.lang-switch__flag{display:block;width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}.lang-switch__chevron{width:10px;height:10px;fill:none;stroke:var(--lava);stroke-width:1.6;transition:transform 180ms ease}.lang-switch.is-open .lang-switch__chevron{transform:rotate(180deg)}.lang-switch__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:148px;margin:0;padding:6px;background:#0a1a26;border:1px solid rgba(247,243,236,.18);box-shadow:0 18px 44px rgba(0,0,0,.5);z-index:120}.lang-switch__option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:9px 10px;background:transparent;border:0;border-radius:8px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em;cursor:pointer;text-align:left}.lang-switch__option .lang-switch__label{display:inline-flex;align-items:center;gap:8px}.lang-switch__option small{font-size:8px;color:var(--lava)}.lang-switch__option:hover,.lang-switch__option.is-current{background:var(--ink);color:var(--night)}