@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--night:#07151c;--deep:#0b2730;--ink:#10272c;--paper:#f2f5ef;--muted:#718287;--line:#cbd7d4;--aqua:#55e0d0;--cyan:#19b7c7;--orange:#ff7b45;--sand:#f2cf76;--white:#f7fbf8;--sans:'DM Sans','Noto Sans SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-nav{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(242,245,239,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:31px;height:26px;display:flex;align-items:flex-end;gap:2px;padding:4px;background:var(--night);clip-path:polygon(0 18%,12% 0,100% 0,88% 100%,0 100%);transform:skewX(-8deg)}.brand-mark i{display:block;flex:1;background:var(--aqua);height:60%}.brand-mark i:nth-child(2){height:84%;background:var(--orange)}.brand-mark i:nth-child(3){height:45%;background:var(--sand)}.brand b,.brand small{display:block}.brand b{font-size:16px;font-weight:900;line-height:1.1}.brand small{font-size:7px;color:var(--muted);letter-spacing:1.1px;margin-top:4px}.site-nav nav{display:none;gap:30px;color:var(--muted);font-size:12px}.site-nav nav a:hover{color:var(--cyan)}.nav-cta{font-size:12px;color:var(--deep);font-weight:800}.nav-cta span{color:var(--orange);font-size:17px;margin-left:5px}.hero{position:relative;min-height:760px;overflow:hidden;background:var(--night);color:var(--white)}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background:url('/assets/reef.jpg') 57% center/cover no-repeat;filter:saturate(1.12)}.hero-shade{background:linear-gradient(90deg,rgba(4,19,27,.96) 0%,rgba(5,31,41,.84) 43%,rgba(6,23,33,.2) 100%)}.bubble-field{position:absolute;inset:0;pointer-events:none;opacity:.55}.bubble-field i{position:absolute;width:7px;height:7px;border:1px solid var(--aqua);border-radius:50%;animation:rise 9s infinite ease-in}.bubble-field i:nth-child(1){left:10%;bottom:18%;animation-delay:1s}.bubble-field i:nth-child(2){left:38%;bottom:4%;width:4px;height:4px;animation-delay:3s}.bubble-field i:nth-child(3){left:71%;bottom:25%;width:10px;height:10px;animation-delay:5s}.bubble-field i:nth-child(4){left:83%;bottom:8%;width:5px;height:5px;animation-delay:2s}.bubble-field i:nth-child(5){left:55%;bottom:42%;width:4px;height:4px;animation-delay:6s}.hero-inner{position:relative;z-index:2;min-height:760px;display:grid;align-content:center;gap:48px;padding-top:55px;padding-bottom:80px}.hero-copy{max-width:570px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:rgba(232,248,245,.7);margin:0 0 20px}.eyebrow span{color:var(--sand);margin-right:12px}.eyebrow.dark{color:var(--muted)}.eyebrow.light{color:rgba(233,250,248,.72)}.hero h1{font-size:clamp(3.4rem,14vw,7.4rem);line-height:.95;letter-spacing:-.04em;margin:0 0 25px;font-weight:900}.hero h1 em{display:inline-block;color:var(--aqua);font-size:.58em;line-height:1.15;font-style:normal;letter-spacing:-.02em}.hero-lead{max-width:500px;color:rgba(235,249,247,.8);font-size:15px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.primary-cta{display:inline-flex;align-items:center;gap:11px;min-height:64px;padding:8px 8px 8px 10px;background:var(--aqua);color:var(--night);clip-path:polygon(0 7px,7px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%);box-shadow:7px 7px 0 var(--orange);transition:transform .2s,box-shadow .2s}.primary-cta:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--orange)}.cta-dot{width:39px;height:39px;flex:0 0 39px;background:var(--night);position:relative;clip-path:polygon(0 7px,7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%)}.cta-dot:after{content:'';position:absolute;width:12px;height:12px;top:13px;left:13px;border-radius:50%;background:var(--aqua);box-shadow:10px 0 0 rgba(85,224,208,.45)}.primary-cta>span:nth-child(2){display:flex;flex-direction:column;line-height:1.1;padding-top:3px}.primary-cta b{font-size:13px}.primary-cta small{font-size:8px;letter-spacing:1px;margin-top:5px;font-weight:700;color:rgba(7,21,28,.68)}.primary-cta>strong{display:grid;place-items:center;width:35px;height:42px;background:var(--orange);color:#fff;font-size:20px;line-height:1}.ghost-cta{font-size:12px;color:#e7faf7;border-bottom:1px solid rgba(231,250,247,.6);padding-bottom:5px}.ghost-cta span{color:var(--sand);font-size:17px;margin-left:7px}.hero-facts{display:flex;flex-wrap:wrap;gap:19px;color:rgba(224,247,243,.66);font-size:10px;letter-spacing:.7px;margin-top:40px}.hero-facts i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);margin-right:5px}.dive-hud{width:min(100%,340px);justify-self:end;background:rgba(5,21,29,.78);border:1px solid rgba(116,231,220,.55);padding:13px;box-shadow:14px 14px 0 rgba(4,14,19,.4);transform:rotate(2.5deg)}.hud-top,.hud-bottom{display:flex;align-items:center;justify-content:space-between;color:rgba(218,243,239,.6);font-size:8px;letter-spacing:1.4px}.hud-top{padding-bottom:11px;border-bottom:1px solid rgba(151,227,220,.2)}.hud-top b{color:var(--aqua);font-size:8px}.fish-window{height:230px;margin:12px 0;position:relative;overflow:hidden;background:var(--deep)}.fish-window img{display:block;width:100%;height:100%;object-fit:cover}.target-line{position:absolute;left:18%;right:16%;top:48%;height:1px;background:var(--aqua);box-shadow:0 0 12px var(--aqua)}.target-line:before,.target-line:after{content:'';position:absolute;top:-5px;width:10px;height:10px;border:1px solid var(--aqua)}.target-line:before{left:0;border-right:0}.target-line:after{right:0;border-left:0}.target-label{position:absolute;right:10px;top:53%;color:var(--aqua);font-size:8px;letter-spacing:1px;background:rgba(5,21,29,.8);padding:3px 5px}.depth-row{display:flex;justify-content:space-between;align-items:baseline;color:rgba(218,243,239,.6);font-size:9px;letter-spacing:1.4px}.depth-row b{font-size:22px;color:var(--sand);letter-spacing:0}.depth-row small{font-size:9px;color:rgba(218,243,239,.6)}.depth-meter{display:flex;gap:5px;margin:7px 0 15px}.depth-meter span,.depth-meter i{height:5px;flex:1;background:rgba(127,219,211,.18);display:block}.depth-meter i{background:var(--aqua)}.hud-bottom{padding-top:10px;border-top:1px solid rgba(151,227,220,.2)}.hud-bottom b{color:#fff;margin-left:4px}.hero-ticker{position:absolute;z-index:2;bottom:19px;left:50%;transform:translateX(-50%);width:max-content;color:rgba(222,246,242,.56);font-size:9px;letter-spacing:1.5px}.hero-ticker i{font-style:normal;color:var(--orange);padding:0 13px}.signal-bar{background:var(--sand);color:var(--night);border-bottom:1px solid rgba(7,21,28,.15)}.signal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.signal-grid>div{min-height:126px;padding:22px 14px;border-right:1px solid rgba(7,21,28,.18);display:flex;flex-direction:column;justify-content:center}.signal-grid>div:nth-child(2n){border-right:0}.signal-grid b{font-size:9px;color:var(--orange);letter-spacing:1px}.signal-grid span{font-size:15px;font-weight:900;margin-top:5px}.signal-grid small{font-size:10px;color:rgba(7,21,28,.6);margin-top:2px}.signal-note{grid-column:1/-1;border-top:1px solid rgba(7,21,28,.18);border-right:0!important;background:rgba(255,255,255,.12)}.signal-note span{font-size:8px;letter-spacing:1.8px;color:rgba(7,21,28,.56);font-weight:700}.signal-note strong{font-size:18px;margin-top:4px}.loop{padding:100px 0 110px}.section-intro{max-width:550px}.section-intro h2,.evolution-copy h2,.download h2,.faq h2{font-size:clamp(2.5rem,8vw,5.2rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 20px;font-weight:900}.section-intro h2 em,.evolution-copy h2 em,.download h2 em,.faq h2 em{color:var(--cyan);font-style:normal}.section-intro>p:last-child{max-width:470px;color:var(--muted);font-size:14px;margin:0}.loop-board{display:grid;gap:12px;margin-top:50px}.loop-step{position:relative;background:#fff;border:1px solid var(--line);padding:10px 10px 23px;box-shadow:8px 8px 0 rgba(18,74,79,.12)}.step-no{display:block;color:var(--orange);font-size:9px;letter-spacing:1.5px;padding:5px 7px}.step-visual{height:210px;position:relative;overflow:hidden;margin-bottom:18px;background:var(--deep)}.step-visual img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s;filter:saturate(1.08)}.loop-step:hover .step-visual img{transform:scale(1.05)}.loop-step h3{font-size:22px;margin:0 13px 5px;font-weight:900}.loop-step p{color:var(--muted);font-size:12px;margin:0 13px}.scan-ring{position:absolute;width:72px;height:72px;border:1px solid var(--aqua);border-radius:50%;left:43%;top:34%;box-shadow:0 0 0 11px rgba(85,224,208,.12)}.feed-mark,.evolve-mark{position:absolute;right:12px;bottom:12px;color:var(--night);background:var(--sand);padding:6px 8px;font-size:10px;font-weight:900;letter-spacing:1px}.evolve-mark{background:var(--aqua)}.evolution{background:var(--deep);color:var(--white);padding:105px 0}.evolution-layout{display:grid;gap:55px}.evolution-art{position:relative;min-height:390px;background:var(--night);overflow:hidden;border:1px solid rgba(85,224,208,.5);box-shadow:15px 15px 0 rgba(3,14,19,.35)}.evolution-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:.85}.evolution-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,26,.9),transparent 55%)}.art-caption{position:absolute;z-index:1;left:22px;bottom:20px}.art-caption span,.art-caption small{display:block;color:var(--aqua);font-size:9px;letter-spacing:1.4px}.art-caption b{display:block;font-size:26px;line-height:1.1;margin:4px 0}.art-caption small{color:rgba(233,250,248,.7);letter-spacing:.2px}.orbit{position:absolute;z-index:1;border:1px solid rgba(85,224,208,.65);border-radius:50%;width:210px;height:80px;left:31%;top:35%;transform:rotate(-24deg)}.orbit-b{width:280px;height:112px;left:20%;top:30%;transform:rotate(17deg);border-color:rgba(255,123,69,.5)}.evolution-copy h2{color:#fff}.evolution-copy h2 em{color:var(--sand)}.evolution-copy>p:not(.eyebrow){max-width:500px;color:rgba(228,247,244,.72);font-size:14px;margin:0}.route-list{margin-top:32px;border-top:1px solid rgba(187,232,225,.22)}.route{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(187,232,225,.22);color:rgba(226,247,244,.64)}.route>span{font-size:10px;color:var(--aqua);font-weight:800}.route b,.route small{display:block}.route b{font-size:13px;color:#fff}.route small{font-size:10px;margin-top:3px}.route strong{font-size:9px;color:var(--sand);font-weight:500}.route:not(.active){opacity:.66}.text-cta{display:inline-flex;align-items:center;gap:13px;margin-top:30px;color:var(--aqua);font-size:12px;border-bottom:1px solid rgba(85,224,208,.6);padding-bottom:6px}.text-cta span{font-size:18px;color:var(--orange)}.download{position:relative;overflow:hidden;background:var(--orange);color:var(--night);padding:100px 0}.download:before{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(7,21,28,.22);border-radius:50%;right:-200px;top:-120px}.download-layout{position:relative;z-index:1;display:grid;gap:55px;align-items:center}.download .eyebrow{color:rgba(7,21,28,.62)}.download h2 em{color:var(--white)}.download-layout>div>p:not(.eyebrow){max-width:510px;font-size:14px;margin:0 0 28px;color:rgba(7,21,28,.74)}.download-button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-height:58px;padding:0 9px 0 19px;background:var(--night);color:#fff;font-size:13px;font-weight:800;box-shadow:8px 8px 0 rgba(7,21,28,.22);transition:transform .2s}.download-button:hover{transform:translate(2px,2px)}.download-button b{display:grid;place-items:center;width:38px;height:42px;background:var(--aqua);color:var(--night);font-size:20px}.keyword-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:27px}.keyword-line span{border:1px solid rgba(7,21,28,.38);padding:6px 8px;font-size:9px;letter-spacing:.2px}.download-scene{position:relative;width:min(100%,460px);justify-self:center;border:8px solid var(--white);background:var(--white);transform:rotate(2.5deg);box-shadow:15px 15px 0 rgba(7,21,28,.2)}.download-scene img{display:block;width:100%;aspect-ratio:1.1;object-fit:cover;filter:saturate(1.12)}.scene-stamp{position:absolute;z-index:1;right:-23px;bottom:-23px;background:var(--sand);color:var(--night);width:89px;height:89px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;line-height:1;font-size:10px;letter-spacing:1px;transform:rotate(-10deg);box-shadow:6px 6px 0 var(--night)}.scene-stamp strong{font-size:22px}.scene-coord{position:absolute;left:12px;bottom:10px;background:rgba(7,21,28,.78);color:var(--aqua);padding:4px 6px;font-size:8px;letter-spacing:1px}.faq{padding:105px 0 120px}.faq-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-bottom:42px}.faq-head>p:last-child{max-width:320px;color:var(--muted);font-size:13px;margin:0}.faq-list{border-top:1px solid var(--line);max-width:850px}.faq details{padding:18px 0;border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:16px;font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--orange);font-size:22px;font-weight:400;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:700px;color:var(--muted);font-size:13px;margin:11px 30px 0 0}.toast{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,20px);padding:11px 17px;background:var(--night);color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{background:var(--paper);border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:32px 0}.footer-main p{color:var(--muted);font-size:11px;margin:0}.footer-main nav{display:flex;gap:18px;color:var(--muted);font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:16px 0 23px;color:#879796;font-size:9px;letter-spacing:1px}@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-260px);opacity:0}}@media(min-width:720px){.shell{width:min(1180px,calc(100% - 72px))}.site-nav{padding:0 36px}.site-nav nav{display:flex}.hero{min-height:820px}.hero-inner{min-height:820px;grid-template-columns:minmax(0,1fr) minmax(320px, .72fr);gap:70px;padding-top:0;padding-bottom:0}.hero-photo{background-position:center}.loop-board{grid-template-columns:repeat(3,1fr);gap:16px}.evolution-layout{grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.download-layout{grid-template-columns:1fr .85fr}.download-scene{justify-self:end}.signal-grid{grid-template-columns:repeat(4,1fr)}.signal-grid>div{min-height:112px;padding:20px}.signal-grid>div:nth-child(2n){border-right:1px solid rgba(7,21,28,.18)}.signal-note{grid-column:auto;border-top:0!important}.signal-note strong{font-size:15px}.faq-head{flex-wrap:nowrap}.faq-head>div{flex:1}}
@media(min-width:1060px){.hero-copy{padding-left:22px}.dive-hud{width:min(100%,430px);margin-right:0;padding:16px}.dive-hud .fish-window{height:285px}.loop{padding-top:135px}.loop-board{margin-top:65px}.evolution{padding:140px 0}.download{padding:135px 0}.faq{padding-top:135px}}
@media(max-width:719px){.hero{min-height:820px}.hero-inner{min-height:820px;align-content:end;padding-bottom:78px}.hero-photo{background-position:63% center}.hero-shade{background:linear-gradient(0deg,rgba(4,19,27,.98) 13%,rgba(5,31,41,.8) 56%,rgba(6,23,33,.2) 100%)}.dive-hud{width:77%;justify-self:end;transform:rotate(2deg);margin-bottom:-17px;opacity:.9}.fish-window{height:172px}.hero-ticker{max-width:92%;white-space:nowrap;overflow:hidden;font-size:8px;letter-spacing:1px}.signal-grid{width:100%}.signal-grid>div{padding:18px 12px}.loop,.faq{padding-top:88px;padding-bottom:95px}.evolution{padding:88px 0}.evolution-art{min-height:320px}.download{padding:88px 0}.download-layout{gap:48px}.download-scene{width:86%;margin:0 auto}.footer-bottom{display:grid}.footer-main nav{width:100%}}
@media(max-width:390px){.hero h1{font-size:3.25rem}.hero-lead{font-size:14px}.primary-cta{width:100%;max-width:310px}.primary-cta>span:nth-child(2) b{font-size:12px}.dive-hud{width:82%}.section-intro h2,.evolution-copy h2,.download h2,.faq h2{font-size:2.65rem}.route{grid-template-columns:28px 1fr}.route strong{display:none}}

/* Layered bubbles: varied sizes, drift and timing create a steady underwater rise. */
.bubble-field{opacity:.68;overflow:hidden}
.bubble-field i{bottom:-24px;animation-name:rise-bubble;animation-timing-function:linear;animation-iteration-count:infinite;box-shadow:0 0 9px rgba(85,224,208,.28),inset 2px 2px 3px rgba(255,255,255,.18)}
.bubble-field i:nth-child(1){left:7%;width:9px;height:9px;animation-duration:11s;animation-delay:-2s}
.bubble-field i:nth-child(2){left:15%;width:4px;height:4px;animation-duration:8s;animation-delay:-6s}
.bubble-field i:nth-child(3){left:24%;width:16px;height:16px;animation-duration:14s;animation-delay:-9s}
.bubble-field i:nth-child(4){left:34%;width:6px;height:6px;animation-duration:9s;animation-delay:-4s}
.bubble-field i:nth-child(5){left:43%;width:11px;height:11px;animation-duration:12s;animation-delay:-7s}
.bubble-field i:nth-child(6){left:51%;width:5px;height:5px;animation-duration:7s;animation-delay:-1s}
.bubble-field i:nth-child(7){left:59%;width:20px;height:20px;animation-duration:16s;animation-delay:-11s}
.bubble-field i:nth-child(8){left:66%;width:7px;height:7px;animation-duration:10s;animation-delay:-5s}
.bubble-field i:nth-child(9){left:73%;width:13px;height:13px;animation-duration:13s;animation-delay:-3s}
.bubble-field i:nth-child(10){left:80%;width:5px;height:5px;animation-duration:8s;animation-delay:-6s}
.bubble-field i:nth-child(11){left:87%;width:17px;height:17px;animation-duration:15s;animation-delay:-10s}
.bubble-field i:nth-child(12){left:94%;width:8px;height:8px;animation-duration:10s;animation-delay:-8s}
.bubble-field i:nth-child(13){left:29%;width:3px;height:3px;animation-duration:6s;animation-delay:-2s}
.bubble-field i:nth-child(14){left:68%;width:4px;height:4px;animation-duration:7s;animation-delay:-4s}
@keyframes rise-bubble{0%{transform:translate3d(0,25px,0) scale(.7);opacity:0}10%{opacity:.75}52%{transform:translate3d(16px,-390px,0) scale(1);opacity:.62}100%{transform:translate3d(-13px,-860px,0) scale(1.08);opacity:0}}
@media(max-width:719px){.bubble-field{opacity:.58}.bubble-field i:nth-child(3),.bubble-field i:nth-child(7),.bubble-field i:nth-child(11){opacity:.45}}

/* Game-native visual assets */
.hero-photo{background-image:url('/assets/game-promo-3.jpg');}