*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03131d;color:#e0f5f2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.ocean{min-height:100vh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 70% 43%,#07546a 0,#063b51 20%,#042535 48%,#03131d 78%)}header{height:74px;display:flex;align-items:center;gap:16px;padding:0 5.5vw;letter-spacing:.13em;font-size:10px;color:#9dc5cb;position:relative;z-index:3}.mark{font-family:serif;font-size:26px;color:#4be2d3}.live{margin-left:auto;color:#a8d8d2}.live b{display:inline-block;width:7px;height:7px;background:#80ffba;border-radius:50%;margin-right:8px;animation:blink 1.3s infinite}.hero{position:relative;z-index:2;width:min(590px,86vw);padding:12vh 0 17vh;margin-left:12vw}.eyebrow,small{font-size:10px;letter-spacing:.18em;color:#62d9d1}.hero h1{font:800 clamp(70px,12vw,155px)/.76 ui-sans-serif,Impact,sans-serif;letter-spacing:-.08em;margin:21px 0 28px;color:#d8f8ee}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #62d9d1}.lede{font-size:14px;line-height:1.75;color:#a5c8c9;max-width:410px}.button{display:inline-flex;gap:32px;align-items:center;margin-top:25px;border:1px solid #58dacf;color:#d9fffa;text-decoration:none;padding:14px 18px;font-size:11px;letter-spacing:.07em;transition:.2s}.button:hover{background:#58dacf;color:#03232e}.button span{font-size:18px}.shark-wrap{position:absolute;width:600px;height:290px;right:-90px;top:31%;animation:glide 13s ease-in-out infinite;filter:drop-shadow(-20px 26px 16px #00101baa)}.shark{height:100%;position:relative}.body{width:430px;height:160px;position:absolute;top:68px;left:70px;background:linear-gradient(155deg,#7ac2c4,#326d7d 53%,#153e50);border-radius:65% 48% 46% 58%;transform:skewX(-8deg)}.body:after{content:'';position:absolute;right:-18px;top:53px;width:33px;height:16px;background:#d0f2eb;border-radius:0 90% 90% 0}.eye{position:absolute;right:61px;top:43px;width:12px;height:12px;border-radius:50%;background:#07151e;border:3px solid #b6e4dd}.mouth{position:absolute;right:17px;bottom:26px;border-bottom:2px solid #0b2837;width:77px;transform:rotate(7deg)}.gills{position:absolute;right:104px;top:62px;height:37px;width:18px;border-left:2px solid #265667;border-right:2px solid #265667;transform:skewY(-17deg)}.fin{position:absolute;background:linear-gradient(90deg,#3a7f8c,#1a4d60)}.top{width:115px;height:96px;left:207px;top:5px;clip-path:polygon(0 100%,73% 0,100% 100%);transform:rotate(-10deg)}.side{width:150px;height:80px;left:235px;top:158px;clip-path:polygon(0 0,100% 20%,18% 100%);transform:rotate(11deg)}.tail{position:absolute;left:0;top:67px;width:111px;height:157px;background:#316d7d;clip-path:polygon(100% 30%,38% 0,0 6%,25% 48%,0 96%,38% 100%,100% 70%)}.readout{position:relative;z-index:2;margin:0 5.5vw;padding:25px 6vw;display:flex;gap:5vw;background:#062734bb;border:1px solid #276274;backdrop-filter:blur(8px)}.readout article{min-width:150px;border-left:1px solid #39818e;padding-left:19px;display:flex;flex-direction:column;gap:7px}.readout strong{font:700 32px ui-sans-serif,Impact,sans-serif;letter-spacing:-.08em}.readout strong span{font-size:12px;margin-left:5px;letter-spacing:0}.readout article span{font-size:10px;color:#7fb1b6}footer{padding:21px 5.5vw;background:#020b11;color:#5d8189;font-size:10px;letter-spacing:.17em}footer span{color:#48c9bd;margin:0 9px}@keyframes glide{0%,100%{transform:translate(-5%,0) rotate(1deg)}50%{transform:translate(-24%,22px) rotate(-2deg)}}@keyframes blink{50%{opacity:.25}}.caustics{position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 30% 12%,transparent 0 36px,#59e4e409 37px 39px,transparent 40px 65px);transform:rotate(-9deg);animation:water 17s linear infinite}.bubbles i{position:absolute;border:1px solid #9ce7e955;border-radius:50%;animation:rise 7s infinite ease-in;bottom:-30px}.bubbles i:nth-child(1){left:18%;width:10px;height:10px}.bubbles i:nth-child(2){left:53%;width:19px;height:19px;animation-delay:-4s}.bubbles i:nth-child(3){left:74%;width:7px;height:7px;animation-delay:-2s}.bubbles i:nth-child(4){left:87%;width:15px;height:15px;animation-delay:-5s}.bubbles i:nth-child(5){left:39%;width:6px;height:6px;animation-delay:-1s}.bubbles i:nth-child(6){left:62%;width:12px;height:12px;animation-delay:-6s}@keyframes rise{to{transform:translateY(-110vh) translateX(40px);opacity:0}}@keyframes water{to{transform:rotate(-9deg) translate(8%,5%)}}@media(max-width:700px){header{padding:0 7vw}.hero{margin-left:8vw;padding-top:10vh;padding-bottom:35vh}.shark-wrap{top:auto;bottom:145px;right:-200px;transform:scale(.7);transform-origin:right bottom}.readout{margin:0;gap:14px;padding:20px 7vw;overflow:auto}.readout article{min-width:126px}.hero h1{font-size:78px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}