@import url('/palette.css');*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--cream);font:16px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit}button{font:inherit}::selection{background:var(--coral);color:#092634}.shell{max-width:1280px;margin:auto;padding:0 48px}.skip{position:absolute;top:-70px;left:20px;background:var(--cream);color:var(--navy);z-index:100;padding:12px}.skip:focus{top:10px}header{position:sticky;top:0;z-index:20;background:#092634eb;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff15}.nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.mark{width:34px;height:24px;border:2px solid var(--mint);border-radius:70% 40%;position:relative}.mark:after{content:'';position:absolute;left:-9px;top:4px;border-right:9px solid var(--mint);border-top:6px solid transparent;border-bottom:6px solid transparent}nav{display:flex;gap:26px;align-items:center;font-size:13px}nav a{text-decoration:none;color:#bed0cc;transition:color .2s}nav a:hover{color:var(--coral)}.motion{background:transparent;border:1px solid #87b2aa66;border-radius:30px;color:var(--mint);padding:6px 13px;font-size:12px;cursor:pointer}.hero{min-height:740px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;position:relative;gap:8px;padding-top:50px;padding-bottom:90px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--mint);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:26px;height:1px;background:currentColor}h1{font-size:clamp(58px,7.4vw,106px);font-weight:500;letter-spacing:-6px;line-height:1.02;margin:35px 0}.serif{font-family:Georgia,serif;font-style:italic;color:var(--mint)}.intro{max-width:440px;color:#a9bfc0;font-size:17px}.actions{display:flex;align-items:center;gap:25px;margin-top:35px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:25px;border-radius:40px;padding:15px 25px;background:var(--coral);color:var(--navy);font-weight:650;font-size:14px;text-decoration:none;transition:transform .25s,background .25s}.pill:hover{transform:translateY(-4px);background:#ffc4a4}.subtle{font-size:13px;color:#b7cec7;text-underline-offset:6px}.ocean{height:560px;position:relative;display:grid;align-items:center;isolation:isolate}.orb{position:absolute;width:440px;height:440px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #9dd9c52b;border-radius:50%;background:radial-gradient(circle,#28667544,transparent 69%)}.orb:before,.orb:after{content:'';position:absolute;inset:36px;border:1px dashed #9dd9c52b;border-radius:50%}.orb:after{inset:-35px;border-style:solid;opacity:.5}.fish{width:116%;max-width:none;position:relative;margin-left:-8%;filter:drop-shadow(0 30px 22px #0004);animation:swim 7s ease-in-out infinite;z-index:2}.fish:focus{outline:2px solid var(--mint)}.spec-label{position:absolute;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#c5d3b8;z-index:3}.spec-label:after{content:'';display:block;width:70px;border-top:1px solid #a4c4ad66;margin-top:8px}.label-a{top:75px;left:40px}.label-b{bottom:72px;right:20px}.coordinate{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:4px;white-space:nowrap;color:#89aaa5}.bubble{position:absolute;left:20%;bottom:10%;width:7px;height:7px;border:1px solid #a7d5c070;border-radius:50%;animation:bubble 9s linear infinite}.bubble.two{left:70%;animation-delay:-4s;width:12px;height:12px}.bubble.three{left:43%;animation-delay:-7s;width:5px;height:5px}.ticker{border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;overflow:hidden;padding:21px 0;color:#b9cdbf;font-size:13px;text-transform:uppercase;letter-spacing:4px}.ticker-track{width:max-content;animation:drift 36s linear infinite}.ticker span{padding-right:60px}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:45px}.section h2{font-size:clamp(35px,4.4vw,58px);font-weight:450;line-height:1.1;letter-spacing:-2px;margin:20px 0 0}.section-head p{max-width:330px;color:#9bb7b5;font-size:14px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ffffff20;margin-top:40px}.number{padding:25px 0;border-top:1px solid #ffffff20}.number strong{display:block;font-family:Georgia,serif;font-size:35px;font-weight:400;color:var(--mint)}.number span{font-size:12px;color:#9bb7b5}.features{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.light{background:var(--cream);color:#173b41}.light .eyebrow{color:#477167}.light p{color:#59716c}.fish-panel{min-height:440px;background:#dce7dc;border-radius:250px 250px 12px 12px;display:flex;align-items:center;position:relative;overflow:hidden}.fish-panel img{width:110%;animation:swim 10s ease-in-out infinite}.small-tag{position:absolute;bottom:24px;left:28px;font:11px/1.6 system-ui;letter-spacing:2px;text-transform:uppercase}.text-body p{margin:22px 0}.text-body h3{font-size:21px;font-weight:550}.chip{display:inline-block;border:1px solid #6b968875;border-radius:20px;font-size:11px;padding:5px 12px;margin:6px 5px 0 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#113441;border:1px solid #8cbca322;padding:30px;border-radius:4px;transition:transform .35s,border-color .35s}.card:hover{transform:translateY(-8px);border-color:#8cbca388}.card-index{font:12px monospace;color:var(--mint)}.card h3{font-size:27px;line-height:1.2;font-weight:450;letter-spacing:-1px}.card p{color:#aac0bf;font-size:14px}.card .habitat{display:inline-block;color:#acc6b3;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:6px 0;border-bottom:1px solid #ffffff22}.mini-sea{height:120px;margin:5px 0 20px;display:grid;place-items:center;border-bottom:1px solid #ffffff12}.mini-sea img{width:85%;max-height:140px;transition:transform .5s}.card:hover img{transform:translateX(10px)}.river-fish{font-family:Georgia,serif;font-size:60px;color:var(--mint)}.band{background:#b5cebc;color:#183e42;padding:65px;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.band h2{margin-top:12px}.band p{color:#45665f}.steps{counter-reset:step}.step{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid #ffffff22}.step:before{counter-increment:step;content:'0' counter(step);color:var(--coral);font:13px monospace;padding-top:5px}.step h3{margin:0;font-size:18px;font-weight:550}.step p{color:#9db8b5;font-size:14px;margin:9px 0 0}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid #ffffff25;padding:23px 0}.faq summary{cursor:pointer;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:30px}.faq summary:after{content:'+';color:var(--mint);font-size:24px;line-height:1}.faq details[open] summary:after{content:'−'}.faq details p{max-width:740px;color:#a8c1bd;font-size:15px}.footer{padding:50px 0;border-top:1px solid #ffffff20}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer p{font-size:13px;color:#92b0ab;max-width:380px}.footer-links{display:flex;gap:25px;align-items:start;font-size:13px;color:#b5c9c1}.footer-bottom{margin-top:35px;padding-top:22px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;color:#7c9c98;font-size:11px;letter-spacing:1px}.article{max-width:800px;margin:auto;padding:80px 0}.article h1{font-size:60px;letter-spacing:-3px}.article h2{font-size:27px;margin-top:45px;font-weight:500}.article p{color:#b4c9c1}.reveal{transition:opacity .8s,transform .8s}.enhanced .reveal:not(.seen){opacity:0;transform:translateY(22px)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--coral);outline-offset:5px}@keyframes swim{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-17px) rotate(2deg)}}@keyframes bubble{0%{transform:translateY(0);opacity:0}20%{opacity:.7}100%{transform:translateY(-390px) translateX(30px);opacity:0}}@keyframes drift{to{transform:translateX(-50%)}}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .reveal:not(.seen){opacity:1;transform:none}}@media(max-width:1000px){.shell{padding:0 30px}.hero{min-height:630px}.ocean{height:440px}.orb{width:330px;height:330px}.label-a{top:25px}.label-b{bottom:25px}.features{gap:35px}.band{padding:40px;gap:30px}.cards{gap:12px}.card{padding:23px}h1{letter-spacing:-4px}nav{gap:16px}.hero h1{font-size:76px}}@media(max-width:720px){.shell{padding:0 22px}.nav{min-height:76px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:12px}.brand{font-size:21px}nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}.motion{font-size:10px;padding:4px 8px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:40px;gap:0}.hero h1{font-size:76px;margin:25px 0}.intro{max-width:100%;font-size:16px}.ocean{height:370px}.orb{width:285px;height:285px}.fish{width:105%;margin-left:-3%}.label-a{top:18px;left:5px}.label-b{bottom:23px;right:0}.coordinate{bottom:0;font-size:8px}.section{padding:70px 0}.section-head{display:block;margin-bottom:30px}.section-head p{max-width:100%}.features,.cards,.band{grid-template-columns:1fr}.features{gap:35px}.fish-panel{min-height:320px;order:2}.cards{gap:16px}.card{padding:28px}.mini-sea{height:160px}.mini-sea img{max-height:190px;width:70%}.numbers{gap:15px}.number strong{font-size:27px}.number span{font-size:10px}.band{padding:28px;gap:10px}.footer-top,.footer-bottom{flex-direction:column;gap:20px}.footer-links{gap:18px;flex-wrap:wrap}.article{padding:50px 0}.article h1{font-size:45px;letter-spacing:-2px}.ticker{font-size:10px}.faq summary{font-size:16px}}