@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07131c;--bg2:#0b202b;--text:#eef9fb;--muted:#9bb7bd;--line:rgba(255,255,255,.11);--pink:#ff5e9c;--cyan:#49d7e8;--yellow:#ffd34e;--purple:#a884ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 80% 15%,rgba(73,215,232,.13),transparent 28rem),radial-gradient(circle at 15% 55%,rgba(168,132,255,.10),transparent 25rem),linear-gradient(145deg,var(--bg),var(--bg2));overflow-x:hidden}a{color:inherit;text-decoration:none}
header,main>section,footer{width:min(1120px,calc(100% - 40px));margin:auto}header{padding:28px 0;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.04em}.brand span{color:var(--cyan)}.tag,.lead,article p,footer{color:var(--muted)}.tag{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}
.brand b{width:25px;height:25px;display:grid;grid-template-columns:1fr 1fr;gap:2px;transform:rotate(-10deg)}.brand em:nth-child(1){background:var(--pink);border-radius:4px}.brand em:nth-child(2){background:var(--yellow);border-radius:4px}.brand em:nth-child(3){background:var(--cyan);border-radius:4px;grid-column:1/3}
.hero{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.eyebrow{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.18em}h1{margin:0;font-size:clamp(4rem,9vw,7.4rem);line-height:.9;letter-spacing:-.075em}h1 span{background:linear-gradient(90deg,var(--pink),var(--yellow),var(--cyan));-webkit-background-clip:text;color:transparent}.lead{max-width:580px;margin:30px 0;font-size:1.12rem;line-height:1.75}.button{display:inline-block;padding:13px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);font-weight:700}
.fish-stage{min-height:430px;display:grid;place-items:center;position:relative}.fish-stage:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(73,215,232,.17);box-shadow:0 0 90px rgba(73,215,232,.12)}.fish{position:relative;width:310px;height:180px;animation:swim 4.5s ease-in-out infinite}.body{position:absolute;left:50px;top:45px;width:205px;height:110px;border-radius:55%;background:linear-gradient(135deg,var(--yellow),var(--pink) 42%,var(--purple) 78%,var(--cyan));box-shadow:0 18px 50px rgba(255,94,156,.2)}.tail{position:absolute;left:0;top:47px;width:105px;height:105px;background:linear-gradient(135deg,var(--cyan),var(--purple),var(--pink));clip-path:polygon(100% 50%,0 0,25% 50%,0 100%)}.eye{position:absolute;right:27px;top:29px;width:14px;height:14px;border-radius:50%;background:#07131c;box-shadow:0 0 0 5px rgba(255,255,255,.45)}.shine{position:absolute;left:54px;top:22px;width:42px;height:13px;border-radius:50%;background:rgba(255,255,255,.42)}.fin{position:absolute;background:rgba(168,132,255,.75)}.top{left:82px;top:-27px;width:65px;height:48px;clip-path:polygon(0 100%,35% 0,100% 100%)}.bottom{left:100px;bottom:-25px;width:58px;height:40px;clip-path:polygon(0 0,100% 0,55% 100%)}@keyframes swim{0%,100%{transform:translateX(-8px) rotate(-4deg)}50%{transform:translateX(12px) rotate(2deg)}}
.facts{margin-top:20px;margin-bottom:120px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:30px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035)}article small{color:var(--cyan);font-weight:800;letter-spacing:.14em}article h2{margin:35px 0 12px}article p{line-height:1.7}.quote{padding:70px 20px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:120px}.quote strong{font-size:5rem;color:var(--pink)}.quote p{font-size:clamp(1.7rem,4vw,3rem);font-weight:700;letter-spacing:-.04em}.quote span{color:var(--muted)}footer{padding:28px 0 45px;display:flex;justify-content:space-between;font-size:.85rem}
.bubbles i{position:fixed;bottom:-20px;width:8px;height:8px;border:1px solid rgba(255,255,255,.25);border-radius:50%;animation:bubble 12s linear infinite}.bubbles i:nth-child(1){left:12%}.bubbles i:nth-child(2){left:35%;animation-delay:4s}.bubbles i:nth-child(3){left:65%;animation-delay:2s}.bubbles i:nth-child(4){left:88%;animation-delay:7s}@keyframes bubble{to{transform:translateY(-110vh);opacity:0}}
@media(max-width:800px){.tag{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.fish-stage{min-height:390px}.cards{grid-template-columns:1fr}.facts{margin-bottom:80px}.quote{margin-bottom:80px}}