:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--text: #eefcff;--muted: rgba(221, 250, 255, .76);--line: rgba(180, 242, 255, .22);--accent: #58e6f2;--accent-strong: #b9f876;--deep: #04131f}*{box-sizing:border-box}html{min-width:320px;background:var(--deep);scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 65% 12%,#123c4b 0,#061b2c 38%,#020b12)}a{color:inherit;text-decoration:none}.site-shell{min-height:100svh;background:#03131e}.hero{position:relative;min-height:100svh;overflow:hidden;isolation:isolate;padding:26px clamp(20px,4vw,64px) 0;background:linear-gradient(90deg,#020d15e0,#02121cad 34%,#02121c2e 65%),radial-gradient(circle at 74% 28%,rgba(82,220,235,.18),transparent 32%),#061a27}.hero:after{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";background:linear-gradient(180deg,#020e161f,#020a0e14 55%,#02090c57),radial-gradient(circle at 72% 52%,transparent 0 28%,rgba(0,0,0,.12) 70%)}.aquarium-canvas{position:absolute;inset:0;z-index:0;min-height:100%}.aquarium-canvas canvas{display:block;width:100%;height:100%}.site-nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1160px,100%);margin:0 auto;color:#ecfdffe6}.brand,.site-nav nav,.nav-cta{height:42px;display:inline-flex;align-items:center}.brand{gap:10px;font-size:.98rem;font-weight:760}.brand-mark{width:28px;height:28px;border:1px solid rgba(158,244,255,.62);border-radius:50%;background:radial-gradient(circle at 55% 42%,#b9f876 0 12%,transparent 13%),radial-gradient(circle at 46% 50%,rgba(88,230,242,.95) 0 29%,transparent 30%),#04223194;box-shadow:0 0 34px #58e6f247}.site-nav nav{gap:clamp(18px,3vw,36px);font-size:.89rem;font-weight:640;color:#dffbffc2}.site-nav nav a,.nav-cta,.button{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.site-nav nav a:hover,.site-nav nav a:focus-visible{color:#fff}.nav-cta{justify-content:center;min-width:92px;padding:0 18px;border:1px solid rgba(178,247,255,.34);border-radius:999px;background:#041f2d75;font-size:.86rem;font-weight:760;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-cta:hover,.nav-cta:focus-visible{border-color:#b9f876a3;background:#144248a3}.hero-content{position:relative;z-index:3;width:min(500px,100%);margin:0 auto;padding-top:clamp(128px,23svh,214px);transform:translate(clamp(-270px,-22vw,-40px));color:var(--text);text-shadow:0 2px 22px rgba(0,0,0,.42)}.hero-content h1{max-width:8ch;margin:0;font-size:clamp(3.4rem,7.2vw,7.8rem);font-weight:780;line-height:.86;letter-spacing:0}.hero-content p{max-width:280px;margin:20px 0 0;color:var(--muted);font-size:clamp(.98rem,1.1vw,1.12rem);font-weight:480;line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-size:.93rem;font-weight:780}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button.primary{color:#022022;background:linear-gradient(135deg,#dfffee,var(--accent-strong));box-shadow:0 20px 60px #69e9cc33}.button.secondary{border:1px solid rgba(177,242,255,.3);color:#effdffe6;background:#031b2857;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.button.secondary:hover,.button.secondary:focus-visible{border-color:#b9f87685;background:#09303f94}.hero-depth{position:absolute;left:0;right:0;bottom:0;z-index:2;height:72px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(2,10,14,.26) 90%),linear-gradient(90deg,transparent,rgba(88,230,242,.06),transparent)}.species-band{min-height:152px;margin-top:-1px;padding:30px clamp(20px,4vw,64px) 56px;background:linear-gradient(180deg,#020a0e,#03131c)}.species-band div{display:flex;flex-wrap:wrap;gap:12px;width:min(1160px,100%);margin:0 auto;color:#e5fbffc2}.species-band span{display:inline-flex;min-height:40px;align-items:center;border:1px solid rgba(148,230,242,.18);border-radius:999px;padding:0 16px;background:#071f2d94;font-size:.87rem;font-weight:700}@media(max-width:860px){.hero{min-height:760px;padding-inline:20px;background:linear-gradient(180deg,#020d15d6,#02121c85 46%,#02121c33),radial-gradient(circle at 58% 26%,rgba(82,220,235,.18),transparent 42%),#061a27}.site-nav{gap:16px}.site-nav nav{display:none}.hero-content{padding-top:124px;transform:none}.hero-content h1{max-width:8ch;font-size:clamp(3.4rem,18vw,5.2rem)}.hero-content p{max-width:260px;font-size:1rem}}@media(max-width:480px){.hero{min-height:720px}.brand,.nav-cta{height:38px}.brand{font-size:.94rem}.brand-mark{width:25px;height:25px}.nav-cta{min-width:82px;padding:0 14px;font-size:.82rem}.hero-content{padding-top:84px}.hero-actions{gap:10px}.button{min-height:46px;padding:0 17px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-nav nav a,.nav-cta,.button{transition:none}}