@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--navy:#072839;--ink:#0b3441;--muted:#68818b;--coral:#ff805f;--mint:#baf5db;--line:#dfebed;--white:#fafffe;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#b3e6e3}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a{outline-offset:5px}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f39063}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.svg-defs{display:none}button{color:inherit}.header{height:88px;display:flex;align-items:center;padding:0 38px;background:#071f30;color:white;gap:55px;position:relative;z-index:5}.brand{text-decoration:none;color:white;display:flex;align-items:center;gap:12px;font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:.5px;white-space:nowrap}.brand img{width:47px;height:47px;object-fit:cover;border:1px solid #28546b;border-radius:50%}.brand-sub{display:block;font-family:'DM Sans',sans-serif;letter-spacing:2px;font-size:8px;font-weight:500;color:#82b3c6;margin-top:4px}.header nav{display:flex;align-self:stretch;align-items:stretch;gap:28px}.nav-item{background:transparent;color:#91a6af;font-size:13px;position:relative;font-weight:600;padding:0}.nav-item:hover{color:white}.nav-item.active{color:white}.nav-item.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#81ddd5}.nav-count{font-size:10px;margin-left:5px;background:#294050;padding:3px 6px;border-radius:4px}.header-actions{margin-left:auto;display:flex;gap:24px;align-items:center}.x-link{background:transparent;display:flex;align-items:center;gap:8px;color:#a8bcc7;font-size:11px;white-space:nowrap}.x-link svg{height:17px;width:17px}.primary{background:var(--coral);color:#082a3b;display:flex;justify-content:center;align-items:center;gap:22px;border-radius:8px;padding:15px 20px;font-weight:700;font-size:13px;transition:background .15s,transform .15s}.primary:hover{background:#ff9579;transform:translateY(-1px)}.connect{white-space:nowrap}.connect svg{width:18px}.contract-bar{height:38px;background:#f6faf7;border-bottom:1px solid #d9ece9;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:10px;position:relative;z-index:5}.contract-bar>div{display:flex;align-items:center;gap:12px}.contract-bar b{font-size:9px;letter-spacing:1.2px}.chain-dot{width:7px;height:7px;border-radius:50%;background:#76a495}.divider{height:12px;width:1px;background:#c6d9d5;margin:0 5px}.ca-label{color:#7a9295;font-size:10px}.ca-button{display:flex;align-items:center;gap:18px;background:transparent;padding:0;font-size:11px;color:#667e84}.ca-button svg{height:12px;width:12px}.demo-tag{font-size:9px;letter-spacing:1px;color:#687f85}.demo-tag span{letter-spacing:0;margin-left:6px}.demo-tag i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b3b884;margin-right:5px}main{height:calc(100svh - 126px);min-height:620px;position:relative;overflow:hidden;isolation:isolate}#scene{position:absolute;inset:0;background:radial-gradient(at 65% 50%,#21acb1,#9bd9d7)}#scene canvas{display:block;touch-action:none;width:100%;height:100%}.map-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#d4ecebb5 0%,transparent 42%),linear-gradient(0deg,#c4e3deaa,transparent 20%);pointer-events:none}.ocean-heading{position:absolute;top:52px;left:45px;pointer-events:none}.ocean-heading button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#50757c;display:flex;align-items:center;gap:8px}.eyebrow>span{width:5px;height:5px;background:#348685;border-radius:50%}h1{font-family:Manrope,Arial,sans-serif;letter-spacing:-2.4px;font-size:54px;font-weight:800;line-height:1.12;margin:20px 0 17px}h1 em{font-style:normal;color:#2b7d83}.ocean-heading p{font-size:14px;color:#47717c;line-height:1.8;margin:0 0 23px}.dive{padding:14px 18px;box-shadow:0 6px 20px #32665a0d}.demo-note{font-size:10px;color:#4f7b80;margin-top:13px}.pod-card{position:absolute;right:28px;top:28px;width:267px;background:#fafffcf2;border:1px solid #fff9;border-radius:13px;box-shadow:0 12px 45px #09535b0c;padding:23px 20px 0;backdrop-filter:blur(14px)}.pod-title{display:flex;justify-content:space-between;align-items:center}.pod-title .eyebrow{font-size:8px;letter-spacing:1.6px}.pod-title h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.7px;margin:6px 0 22px}.pod-title h2 span{margin-left:25px;color:#7d9ca0;font-size:16px}.pod-whale{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;color:#6aacc0;background:#e8f4f1;margin-bottom:20px}.pod-whale svg{height:25px;width:25px;stroke:none}.table-labels{display:flex;justify-content:space-between;font-size:8px;color:#819c9f;letter-spacing:1.2px;padding-bottom:12px;border-bottom:1px solid var(--line)}.holder-row{display:flex;align-items:center;width:100%;background:transparent;text-align:left;padding:13px 0;border-bottom:1px solid #e7efed;gap:9px}.holder-row:hover .holder-name{color:#148991}.rank{font-size:10px;color:#80989d;width:12px}.holder-avatar{width:31px;height:31px;border-radius:50%;background:var(--tone);display:grid;place-items:center;color:var(--whale)}.holder-avatar svg{width:22px;height:22px;stroke:none}.holder-name{font-size:11px;font-weight:700;display:block}.holder-address{font-size:9px;color:#88a0a3;display:block;margin-top:3px;font-family:monospace}.holder-share{margin-left:auto;font-size:11px;font-weight:700}.holder-share small{display:block;color:#8ca3a6;font-size:8px;font-weight:400;text-align:right;margin-top:3px}.view-all{width:calc(100% + 40px);margin:0 -20px;display:flex;align-items:center;justify-content:space-between;background:#f1f7f4;border-radius:0 0 13px 13px;padding:14px 21px;font-size:10px;font-weight:600}.view-all svg{width:14px;height:14px}.world-stats{position:absolute;bottom:82px;left:30px;display:flex;gap:0;border:1px solid #f7fffa9c;background:#f9fffae8;border-radius:10px;box-shadow:0 4px 30px #1058530a;padding:17px 0}.world-stats>div{display:flex;gap:13px;align-items:center;padding:0 24px;border-right:1px solid #d7e7e4}.world-stats>div:last-child{border:0}.world-stats strong{display:block;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.4px}.world-stats strong small{font-size:7px;font-weight:600;background:#e3efea;color:#74918b;padding:2px 4px;letter-spacing:.6px;vertical-align:middle;margin-left:3px}.world-stats div div>span{display:block;font-size:9px;color:#7a999a;margin-top:5px}.stat-icon,.refresh-icon{font-size:25px;color:#6a9e9b}.refresh-icon{font-size:28px}.map-toolbar{position:absolute;right:29px;bottom:82px;display:flex;align-items:center;padding:7px 8px;background:#f7fffbe8;border:1px solid #fff8;border-radius:9px;gap:4px;height:48px;box-shadow:0 4px 30px #10585310}.map-toolbar button{background:transparent;width:29px;height:29px;display:grid;place-items:center;border-radius:5px;font-size:22px;position:relative}.map-toolbar button:hover{background:#dcede7}.map-toolbar svg{width:17px;height:17px}.map-toolbar>span:not(#zoom-level){height:18px;background:#d9e8e2;width:1px;margin:0 5px}.map-toolbar #zoom-level{font-size:10px;min-width:36px;text-align:center}.sound-slash{position:absolute;font-size:25px;left:10px;top:-1px;color:#51747b;transform:rotate(10deg);text-shadow:1px 1px white}.world-footer{position:absolute;bottom:0;left:0;right:0;height:53px;display:flex;justify-content:space-between;align-items:center;margin:0 30px;border-top:1px solid #2c7a7424;font-size:9px;color:#4e7e7e;gap:15px}.world-footer i{display:inline-block;height:5px;width:5px;border-radius:50%;background:#568f76;margin-right:6px}.world-footer b{font-weight:400;color:#84a6a1;padding:0 12px}.world-footer button{background:transparent;color:#3d7378;font-size:10px}.map-place{position:absolute;font-size:10px;font-weight:600;letter-spacing:4px;color:#236f784f;pointer-events:none}.map-place span{display:block;font-size:8px;letter-spacing:2px;text-align:center;margin-top:9px;color:#2b7e8355}.place-one{left:50%;top:32%;transform:rotate(-18deg)}.place-two{right:28%;bottom:21%;font-size:8px;letter-spacing:3px;transform:rotate(-20deg)}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.whale-label{position:absolute;white-space:nowrap;transform:translate(-50%,-100%);font-size:9px;opacity:0;transition:opacity .3s;display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;background:#f4fffaed;box-shadow:0 2px 8px #0d3d4420;font-weight:600;color:#315c65}.whale-label .label-share{color:#75928e;font-size:8px;border-left:1px solid #cbded8;padding-left:6px}.whale-label.you{background:#0b3243;color:#fff;border:1px solid #86d9ce}.whale-label.you .label-share{color:#a5cfc9;border-color:#4b7c83}.whale-label.you:after{content:'';position:absolute;left:50%;bottom:-5px;border:5px solid transparent;border-bottom:0;border-top-color:#0b3243;transform:translateX(-50%)}.selected-card{position:absolute;right:28px;top:28px;z-index:3;width:267px;border-radius:13px;background:#fafffe;box-shadow:0 12px 50px #07454c33;padding:27px 23px;display:flex;gap:14px;flex-wrap:wrap}.selected-card[hidden]{display:none}.close-card{position:absolute;right:12px;top:6px;font-size:24px;color:#78999d;background:transparent}.selected-icon{height:48px;width:48px;border-radius:50%;background:#e0f1ed;display:grid;place-items:center;color:#3d92b0}.selected-icon svg{width:34px;height:34px;stroke:none}.selected-card .eyebrow{font-size:8px;letter-spacing:1px}.selected-card h2{font-size:18px;margin:4px 0}.selected-card p{font-size:9px;font-family:monospace;color:#8aa2a4;margin:5px 0}.selected-metrics{display:flex;justify-content:space-between;flex-basis:100%;padding:20px 0;border-top:1px solid #e0ece7;border-bottom:1px solid #e0ece7;margin-top:5px}.selected-metrics b{font-size:25px;font-family:Manrope,sans-serif}.selected-metrics span{display:block;font-size:9px;color:#7f9b9d;margin-top:6px}.selected-card .primary{width:100%;font-size:11px;padding:12px}.toast{position:fixed;z-index:20;bottom:24px;left:50%;transform:translate(-50%,20px);padding:13px 20px;border-radius:8px;background:#0a2e40;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 30px #04242a26;max-width:90vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dbe9e6;background:#f9fdfb;color:var(--ink);padding:34px;border-radius:18px;width:min(620px,calc(100% - 32px));max-height:85svh;box-shadow:0 25px 100px #071e3040}dialog::backdrop{background:#051f3970;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:16px;top:16px;background:#e9f2ee;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.modal-close svg{width:16px;height:16px}dialog h2{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;margin:10px 0}dialog .intro{font-size:13px;line-height:1.8;color:#718a91;max-width:450px}dialog .eyebrow{margin-top:7px}dialog .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}dialog .steps b{display:block;font-size:12px;margin:14px 0 8px}dialog .steps p{font-size:11px;line-height:1.8;color:#6c8a91;margin:0}.step-number{width:32px;height:32px;border-radius:50%;background:#e2f1e9;display:grid;place-items:center;font-size:11px;font-weight:700}.info-note{background:#e9f3ee;padding:16px;border-radius:8px;font-size:11px;line-height:1.8;color:#55777c}.info-note strong{color:#2b5862}.asset-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.asset-links a{font-size:11px;font-weight:600;color:#276f7d;text-decoration:none;border:1px solid #cfe2dc;border-radius:6px;padding:10px}.search-field{width:100%;border:1px solid #d7e7df;background:#fff;border-radius:8px;padding:13px 14px;margin:15px 0 12px;color:#315967;font-size:12px}.holder-list{max-height:360px;overflow:auto;padding-right:6px}.holder-list .holder-row{padding:13px 5px}.holder-list .holder-share{margin-right:5px}.holder-list .holder-name{font-size:12px}.holder-list .holder-address{font-size:10px}.holder-list .holder-avatar{margin:0 8px}.empty-search{text-align:center;color:#729096;font-size:13px;padding:30px}.wallet-options{display:grid;gap:11px;margin-top:25px}.wallet-option{display:flex;align-items:center;gap:15px;text-align:left;background:#fff;border:1px solid #dce9e2;border-radius:9px;padding:16px}.wallet-option:hover{border-color:#71b9b3}.wallet-option strong{display:block;font-size:13px}.wallet-option small{display:block;font-size:10px;color:#799196;margin-top:4px}.wallet-option>span:first-child{font-size:25px;color:#3b8cb0}.wallet-option svg{margin-left:auto}.wallet-status{color:#6a888d;font-size:11px;line-height:1.7;min-height:18px;margin-top:15px}.wallet-status.error{color:#a5533d}.mobile-controls{display:none}#scene-error{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);background:#f8fffc;padding:30px;border-radius:12px;width:350px;max-width:90%}#scene-error p{font-size:13px;line-height:1.7}.no-3d .ocean-heading{opacity:.25}.no-3d .pod-card{display:none}.help-keys{margin:20px 0;color:#66858b;font-size:10px}kbd{font:inherit;border:1px solid #ccdeda;border-bottom-width:3px;padding:4px 7px;border-radius:4px;background:white;margin-right:3px}.video-player{width:100%;border-radius:10px;margin-top:14px}
@media(min-width:1600px){h1{font-size:68px}.ocean-heading{top:70px;left:60px}.pod-card,.selected-card{right:40px;top:40px;width:290px}.holder-row{padding:16px 0}.world-stats{left:45px}}
@media(max-width:1150px){.header{padding:0 24px;gap:30px}.header nav{gap:20px}.header-actions{gap:13px}.x-link span{display:none}.contract-bar{padding:0 25px}.ocean-heading{left:30px;top:38px}h1{font-size:43px}.pod-card,.selected-card{width:245px;right:22px}.world-stats>div{padding:0 15px}.world-stats{left:25px}.world-stats strong{font-size:18px}.map-toolbar{right:22px}.desktop-hint{display:none}}
@media(max-width:850px){.header{height:75px;padding:0 20px;gap:20px}.brand{font-size:17px}.brand img{width:38px;height:38px}.brand-sub{font-size:6px}.header nav{display:none}.connect{font-size:11px;padding:12px 14px;gap:10px}.contract-bar{height:35px;padding:0 20px}.demo-tag span{display:none}main{height:calc(100svh - 110px);min-height:680px}.ocean-heading{left:25px;top:30px}h1{font-size:39px;letter-spacing:-1.8px}.ocean-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.ocean-heading p{font-size:12px}.ocean-heading .dive{font-size:11px;padding:12px 15px;gap:16px}.demo-note{font-size:9px}.pod-card{top:auto;bottom:164px;right:20px;width:210px;padding:18px 15px 0}.pod-card .holder-row:nth-child(n+4){display:none}.pod-title h2{font-size:17px;margin-bottom:12px}.pod-title h2 span{margin-left:15px}.pod-title .eyebrow{font-size:7px}.holder-row{padding:10px 0}.holder-name{font-size:10px}.holder-avatar{width:25px;height:25px}.holder-address{font-size:8px}.holder-share{font-size:10px}.pod-whale{display:none}.view-all{width:calc(100% + 30px);margin:0 -15px;padding:12px 15px}.world-stats{left:20px;bottom:66px;padding:13px 0}.world-stats>div{padding:0 15px;gap:9px}.world-stats strong{font-size:17px}.world-stats div div>span{font-size:8px}.stat-icon,.refresh-icon{display:none}.map-toolbar{bottom:164px;left:20px;right:auto;gap:0}.world-footer{height:45px;margin:0 20px;font-size:8px}.world-footer button{font-size:8px}.place-one{left:48%;top:41%;font-size:8px}.place-two{bottom:45%;right:10%}.selected-card{top:25px;right:20px;max-width:240px}.map-vignette{background:linear-gradient(110deg,#d4ecebb0,transparent 65%)}.mobile-controls{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;left:20px;bottom:229px}.mobile-controls div{display:flex;gap:4px}.mobile-controls button{height:33px;width:33px;border:1px solid #ffffff90;border-radius:5px;background:#f1fcf1b0;backdrop-filter:blur(8px);font-size:15px;color:#477e81;touch-action:none}.mobile-controls button:active{background:var(--coral)}}
@media(max-width:450px){.header{padding:0 14px}.header-actions{gap:10px}.brand{font-size:15px;gap:7px}.brand img{width:34px;height:34px}.brand-sub{letter-spacing:1.3px;font-size:5px}.connect{font-size:10px;padding:11px 10px;gap:6px}.connect svg{display:none}.x-link svg{width:14px}.contract-bar{padding:0 15px;font-size:8px}.contract-bar>div{gap:8px}.demo-tag{font-size:7px;letter-spacing:.8px}.ca-button{font-size:9px;gap:6px}.chain-dot{display:none}.divider{margin:0 2px}.ocean-heading{left:21px;top:28px}h1{font-size:37px}.ocean-heading p{font-size:11px;line-height:1.65}.pod-card{width:192px;right:15px;bottom:164px}.holder-row{gap:7px}.world-stats{left:15px;right:15px;justify-content:space-between}.world-stats>div{padding:0 15px}.world-stats strong{font-size:18px}.world-stats div div>span{font-size:8px}.world-footer{margin:0 16px}.map-toolbar{left:15px;padding:5px 4px;height:42px}.map-toolbar button{width:23px}.map-toolbar>span:not(#zoom-level){margin:0 3px}.map-toolbar #zoom-level{min-width:28px;font-size:8px}.map-toolbar #reset-camera{display:none}.mobile-controls{left:20px}.selected-card{top:315px;right:15px;width:245px}.selected-card .selected-metrics{padding:12px 0}.selected-metrics b{font-size:23px}dialog{padding:27px 22px}dialog h2{font-size:25px}dialog .steps{grid-template-columns:1fr;gap:16px}.step-number{float:left;margin:4px 12px 20px 0}dialog .steps b{margin-top:0}.place-one{left:45%;top:43%}}
@media(max-width:850px){.pod-card .holder-row:nth-child(n+2){display:none}.pod-card{width:192px}.pod-card .holder-name{white-space:nowrap}.pod-card .holder-address{font-size:7px}.pod-card .holder-share{font-size:9px}.pod-card .holder-share small{font-size:7px}.pod-card .rank{display:none}.pod-card .holder-avatar{width:23px;height:23px;flex-shrink:0}.pod-card .table-labels{padding-bottom:8px}.pod-card .holder-row{padding:12px 0}.pod-card .pod-title h2{margin-bottom:16px}.pod-card .pod-title .eyebrow{font-size:6px}.pod-card .holder-share{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}