:root{--paper:#f7f6f2;--ink:#1b2d74;--ink-soft:#1b2d74b8;--ink-faint:#1b2d7480;--cobalt:#1c3eb5;--cobalt-deep:#16307a;--sky:#4b82d9;--line:#2456d6;--dive-0:#f7f6f2;--dive-1:#eaf1fa;--dive-2:#c9dcf2;--dive-3:#a3c3e8;--dive-4:#7fa9de;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.75;overflow-x:hidden}#root{min-height:100svh}p{margin:0}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}.btn{height:52px;font-family:var(--font-body);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:600;line-height:1;transition:transform .18s,box-shadow .25s,background-color .2s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.985)}.btn-primary{background:var(--cobalt);color:#fff}.btn-primary:hover{background:#1a37a3;box-shadow:0 10px 22px #1c3eb547}.btn-secondary{color:var(--ink);background:#fff;box-shadow:0 10px 26px #1b2d741a}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #1b2d7429}.btn-join{border-radius:13px;height:48px;padding:0 28px}:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:4px}::selection{background:var(--cobalt);color:var(--paper)}.dive{background:0 0;min-height:100svh}.depth-bg{z-index:-1;pointer-events:none;background:var(--dive-0);position:fixed;inset:0}.depth-layer{position:absolute;inset:0}.dive-lane{height:240vh}.section{padding:clamp(90px,13vh,150px) clamp(24px,6.5vw,96px);position:relative;overflow:hidden}.section-inner{z-index:5;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(40px,6vw,90px);max-width:1240px;margin:0 auto;display:grid;position:relative}.eyebrow{font-family:var(--font-display);letter-spacing:.03em;color:var(--cobalt);flex-direction:column;gap:7px;margin:0;font-size:15px;font-weight:600;display:inline-flex}.squiggle-path{stroke-dasharray:60}.h2{font-family:var(--font-display);color:var(--ink);margin:16px 0 0;font-size:clamp(40px,4.4vw,62px);font-weight:800;line-height:1.08}.h2 .accent{color:var(--sky)}.lead{max-width:44ch;color:var(--ink-soft);margin:22px 0 0;font-size:16px;line-height:1.75}.section-cta{margin-top:34px}@media (width<=900px){.section-inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.depth-bg{background:linear-gradient(180deg, var(--dive-0) 0%, var(--dive-2) 60%, var(--dive-4) 100%)}.depth-layer{display:none}}.nav{z-index:40;grid-template-columns:1fr auto 1fr;align-items:center;padding:30px clamp(24px,4.5vw,64px);display:grid;position:absolute;top:0;left:0;right:0}.nav-logo{z-index:35;font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);justify-self:start;font-size:31px;font-weight:800;line-height:1;position:relative}.nav>nav{gap:clamp(22px,3vw,44px);display:flex}.nav>nav a{font-family:var(--font-body);color:var(--ink);padding-bottom:6px;font-size:16px;font-weight:500;line-height:1.5;transition:color .2s;position:relative}.nav>nav a:after{content:"";background:var(--cobalt);transform-origin:0;border-radius:2px;height:2px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav>nav a:hover{color:var(--cobalt)}.nav>nav a.active:after{transform:scaleX(1)}.nav-actions{z-index:35;justify-self:end;align-items:center;gap:14px;display:flex;position:relative}.nav-cart{position:relative}.cart-badge{min-width:22px;height:22px;color:var(--cobalt);background:#fff;border-radius:11px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.menu-btn{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4.5px;width:48px;height:48px;transition:transform .18s,box-shadow .25s;display:inline-flex;box-shadow:0 8px 20px #1b2d741f}.menu-btn span{background:var(--cobalt);border-radius:2px;width:18px;height:2.4px;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s;display:block}.menu-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #1b2d742e}.menu-btn:active{transform:scale(.94)}.menu-btn.is-open span:first-child{transform:translateY(6.9px)rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0}.menu-btn.is-open span:nth-child(3){transform:translateY(-6.9px)rotate(-45deg)}.menu-overlay{z-index:30;background:var(--paper);opacity:0;visibility:hidden;place-items:center;transition:opacity .32s,visibility 0s linear .32s;display:grid;position:fixed;inset:0}.menu-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}.menu-overlay nav{flex-direction:column;align-items:center;gap:clamp(18px,4vh,30px);display:flex}.menu-overlay nav a{font-family:var(--font-display);color:var(--ink);opacity:0;font-size:clamp(34px,6vw,52px);font-weight:700;line-height:1.1;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1),color .2s;transform:translateY(18px)}.menu-overlay.is-open nav a{opacity:1;transform:translateY(0)}.menu-overlay nav a:hover,.menu-overlay nav a.active{color:var(--cobalt)}@media (width>=1081px){.menu-btn{display:none}}@media (width<=1080px){.nav>nav{display:none}}.depth-gauge{z-index:50;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:10px;height:min(46vh,420px);transition:opacity .4s;display:flex;position:fixed;top:50%;right:20px;translate:0 -50%}.gauge-cap{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.04em;font-size:11px;font-weight:600;line-height:1}.gauge-track{background:#1b2d742e;border-radius:2px;flex:1;width:2px;position:relative}.gauge-tick{background:#1b2d7438;border-radius:1px;width:8px;height:1.5px;position:absolute;left:50%;translate:-50%}.gauge-dot{left:50%;top:var(--gauge-y,0%);background:var(--cobalt);border-radius:50%;width:9px;height:9px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 3px #1c3eb526}.gauge-label{font-family:var(--font-display);color:var(--cobalt);white-space:nowrap;font-size:13px;font-weight:700;line-height:1;position:absolute;top:50%;right:18px;translate:0 -50%}@media (width<=720px){.depth-gauge{display:none}}@media (prefers-reduced-motion:reduce){.depth-gauge{display:none}}.wave-divider{z-index:2;pointer-events:none;margin-top:-2px;position:relative}.wave-divider svg{width:100%;height:clamp(70px,9vw,130px);display:block}.hero{background:0 0;min-height:100svh;position:relative;overflow:hidden}.hero-copy{z-index:10;max-width:620px;padding:clamp(160px,20vh,260px) clamp(24px,6.5vw,96px) 0;position:relative}.hero-eyebrow{font-family:var(--font-display);color:var(--cobalt);margin-bottom:4px;font-size:30px;font-weight:600;line-height:1.2}.hero-title{font-family:var(--font-display);letter-spacing:-.005em;color:var(--ink);margin:0;font-size:clamp(56px,5.3vw,76px);font-weight:800;line-height:1.06}.hero-title span{display:block}.hero-title .accent{color:var(--sky)}.hero-sub{max-width:29ch;color:var(--ink-soft);margin-top:30px;font-size:16px;line-height:1.75}.hero-ctas{flex-wrap:wrap;align-items:center;gap:18px;margin-top:42px;display:flex}.hero-art{z-index:1;pointer-events:none;position:absolute;inset:0}.hero:after{content:"";z-index:2;background:linear-gradient(180deg, #eaf1fa00 0%, var(--dive-1) 78%);pointer-events:none;height:150px;position:absolute;bottom:-2px;left:0;right:0}.ocean-back{will-change:transform;width:100%;height:min(66vh,610px);position:absolute;bottom:-2px;left:0;right:0}.foam-front{will-change:transform;width:100%;height:min(36vh,330px);position:absolute;bottom:-2px;left:0;right:0}.globe-wrap{aspect-ratio:1;will-change:transform;width:min(37vw,390px);position:absolute;top:45%;left:76.5%;overflow:visible;translate:-50% -50%}.globe-float{will-change:transform;width:100%;height:100%}.globe-svg{width:100%;height:100%;display:block}.doodle-layer{position:absolute;inset:0}.globe-orbit{z-index:2;position:absolute;inset:0}.doodle{will-change:transform;position:absolute}@media (width<=1080px){.hero-copy{max-width:520px}.globe-wrap{width:min(46vw,350px);top:42%;left:73%}}@media (width<=720px){.hero{min-height:100svh}.hero-copy{padding-top:156px}.hero-title{font-size:clamp(44px,12.5vw,56px)}.hero-sub{margin-top:24px}.hero-ctas{margin-top:34px}.globe-wrap{opacity:.95;width:58vw;top:72%;left:70%}.ocean-back{height:40vh}.foam-front{height:24vh}}.mission{background:0 0}.mission-copy{max-width:520px}.pillars{gap:clamp(22px,3vw,44px);margin:38px 0 0;padding:0;list-style:none;display:flex}.pillar{max-width:128px}.pillar-icon{margin-bottom:10px;display:block}.pillar h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:16px;font-weight:700}.pillar p{color:var(--ink-soft);margin:5px 0 0;font-size:13.5px;line-height:1.55}.turtle-wrap{will-change:transform;position:relative}.turtle-wash{width:108%;position:absolute;inset:-6% -4% auto}.turtle-doodle{opacity:.85;position:absolute}.turtle-annotation{pointer-events:none}.mission .section-cta{margin-top:48px}.td-1{top:12%;left:2%;rotate:-12deg}.td-2{top:4%;right:0;rotate:10deg}.turtle-svg{width:min(100%,560px);margin-left:auto;display:block;position:relative}.pillar{transition:transform .25s}.pillar:hover{transform:translateY(-4px)}.pillar-icon{margin-bottom:10px;transition:transform .25s;display:block}.pillar:hover .pillar-icon{animation:.45s pillar-wiggle}@keyframes pillar-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}}@media (prefers-reduced-motion:reduce){.pillar:hover .pillar-icon{animation:none}}@media (width<=900px){.turtle-svg{width:min(100%,460px);margin:0 auto}.pillars{flex-wrap:wrap;gap:26px}}@media (prefers-reduced-motion:reduce){.turtle-wrap{transform:none!important}}.cleanup{background:0 0}.cleanup-inner{align-items:center}.cleanup-copy{max-width:480px}.cleanup-progress{font-family:var(--font-display);color:var(--cobalt);margin-top:26px;font-size:18px;font-weight:700}.cleanup-done{max-width:34ch;color:var(--ink-soft);opacity:0;margin-top:10px;font-size:14.5px;line-height:1.6;transform:translateY(10px)}.cleanup-scene{touch-action:none;border-radius:26px;height:clamp(380px,52vw,540px);position:relative;overflow:hidden;box-shadow:0 24px 60px #16307a29}.cleanup-water{width:100%;height:100%;position:absolute;inset:0}.murk{mix-blend-mode:multiply;opacity:.55;pointer-events:none;background:linear-gradient(#3e585c00 0%,#3e585c57 26%,#364e5880 100%);transition:opacity .6s;position:absolute;inset:20% 0 0}.bluu-helper{aspect-ratio:1;z-index:4;will-change:transform;width:clamp(110px,16vw,150px);position:absolute;top:12%;right:8%}.bluu-helper-globe{width:100%;height:100%}.bluu-speech{font-family:var(--font-display);color:var(--ink);white-space:nowrap;background:#fff;border-radius:12px;padding:5px 11px;font-size:12.5px;font-weight:700;position:absolute;bottom:-12px;left:-14px;box-shadow:0 8px 18px #16307a2e}.splash{opacity:0;pointer-events:none;width:130px;height:130px;position:absolute;top:50%;left:50%;translate:-50% -50%}.pickup-sparkle{z-index:5;pointer-events:none;width:30px;height:30px;margin:-15px 0 0 -15px;line-height:0;position:absolute}.litter-piece{z-index:3;cursor:grab;will-change:transform;filter:drop-shadow(0 6px 10px #16307a40);position:absolute}.litter-piece:active{cursor:grabbing}@media (width<=900px){.cleanup-scene{height:clamp(320px,78vw,420px)}}.impact{background:0 0}.impact-copy{max-width:480px}.glow-dots{pointer-events:none;position:absolute;inset:0}.glow-dot{opacity:.25;background:#dcebff;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 14px 4px #dcebff8c}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,56px) clamp(30px,5vw,70px);display:grid}.stat{padding:18px 8px 30px;position:relative}.stat-num{font-family:var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(40px,3.8vw,56px);font-weight:800;line-height:1;display:block}.stat-label{color:var(--ink);opacity:.85;margin-top:8px;font-size:14.5px;font-weight:500;display:block}.stat-wave{transform-origin:0;width:100%;height:26px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}@media (width<=900px){.stats{gap:30px 24px}}.community{background:0 0;padding-bottom:clamp(160px,22vh,240px)}.community-inner{align-items:start}.community-copy{max-width:480px;position:sticky;top:120px}.community-waves{pointer-events:none;z-index:0;height:clamp(160px,20vw,240px);position:absolute;bottom:0;left:0;right:0}.community-waves svg{width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 68%,#0000 100%);mask-image:linear-gradient(#000 68%,#0000 100%)}.bear-rider{will-change:transform;z-index:0;width:clamp(104px,10.5vw,148px);position:absolute;bottom:clamp(22px,3.6vw,52px);left:0}.bear-svg{width:100%;display:block}.bear-wake{opacity:.9;width:70%;animation:2.6s ease-in-out infinite bear-wake-pulse;position:absolute;bottom:4px;right:calc(100% - 14px)}@keyframes bear-wake-pulse{0%,to{opacity:.9;transform:translate(0)}50%{opacity:.45;transform:translate(-6px)}}.feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);display:grid}.feed-card{will-change:transform;background:#ffffffd1;border-radius:18px;padding:16px 16px 12px;box-shadow:0 14px 34px #16307a1f}.feed-card header{align-items:center;gap:10px;display:flex}.avatar{background:var(--dive-2);width:32px;height:32px;color:var(--cobalt-deep);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.handle{font-family:var(--font-display);color:var(--ink);font-size:15px;font-weight:700}.caption{color:var(--ink);margin:8px 0 10px;font-size:14.5px;font-weight:500;line-height:1.5}.vignette{aspect-ratio:2;border-radius:12px;overflow:hidden}.vignette svg{width:100%;height:100%;display:block}.feed-card footer{color:var(--ink-soft);align-items:center;gap:14px;padding:10px 4px 2px;display:flex}.feed-wrap{position:relative}.feed-hint{font-family:var(--font-display);color:var(--cobalt);align-items:flex-end;gap:8px;margin:0 0 14px;font-size:14px;font-weight:600;line-height:1.4;display:flex}.card-ic,.card-heart{color:var(--ink-soft);transition:color .2s,transform .2s}.card-heart{position:relative}.heart-float{pointer-events:none;z-index:2;margin-left:-11px;line-height:0;position:absolute;top:-4px;left:50%}.heart-hint{animation:1.8s ease-in-out infinite heart-pulse}@keyframes heart-pulse{0%,to{color:var(--ink-soft);transform:scale(1)}12%{color:var(--cobalt);transform:scale(1.16)}24%{transform:scale(1)}36%{transform:scale(1.1)}48%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.heart-hint{color:var(--cobalt);animation:none}}.card-heart svg path{fill:none;stroke:currentColor;stroke-width:2px;transition:fill .2s}.card-heart:hover,.card-ic:hover{color:var(--cobalt);transform:translateY(-1px)}.card-heart.liked{color:var(--cobalt)}.card-heart.liked svg path{fill:currentColor}.bookmark{margin-left:auto}@media (width<=900px){.community-copy{position:static}.feed-grid{gap:16px}}.events{background:0 0}.events-copy{max-width:480px}.events-bluu{width:clamp(96px,10vw,128px);margin-top:44px;position:relative}.events-bluu-globe{aspect-ratio:1;width:100%}.events-sign{font-family:var(--font-display);color:var(--cobalt);white-space:nowrap;background:#fff;border-radius:12px;padding:7px 13px;font-size:14.5px;font-weight:700;position:absolute;top:8px;right:-74px;box-shadow:0 8px 18px #16307a29}.event-list{flex-direction:column;gap:16px;display:flex}.event-row{background:#ffffffd9;border-radius:18px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 18px 14px 14px;transition:transform .22s,box-shadow .25s;display:grid;box-shadow:0 12px 28px #16307a1a}.event-row:hover{transform:translateY(-3px);box-shadow:0 20px 40px #16307a29}.event-thumb{border-radius:13px;width:76px;height:76px;transition:transform .3s;overflow:hidden}.event-row:hover .event-thumb{transform:rotate(-2deg)scale(1.05)}.event-thumb-svg{width:100%;height:100%;display:block}.event-meta h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:18px;font-weight:700}.event-meta p{color:var(--ink-soft);margin:4px 0 0;font-size:13.5px}.event-row .btn{border-radius:12px;height:44px;padding:0 22px;font-size:14.5px}.event-joined{color:var(--cobalt)}@media (width<=900px){.events-sign{left:90px;right:auto}}.shop{background:0 0}.shop-copy{max-width:460px}.shop-hint{color:var(--ink-faint);margin-top:14px;font-size:13px;font-style:italic}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);display:grid}.product-card{background:#ffffffd9;border-radius:18px;flex-direction:column;padding:18px 18px 16px;display:flex;box-shadow:0 14px 34px #16307a1f}.product-art{cursor:grab;touch-action:none;will-change:transform;place-items:center;height:130px;display:grid}.product-art:active{cursor:grabbing}.product-art svg{pointer-events:none;width:108px;height:96px}.product-meta{justify-content:space-between;align-items:baseline;margin-top:6px;display:flex}.product-meta h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:17px;font-weight:700}.product-meta p{color:var(--cobalt);margin:0;font-size:14.5px;font-weight:600}.product-card>.btn{height:42px;box-shadow:none;background:var(--dive-1);border-radius:11px;justify-content:center;margin-top:12px;font-size:13.5px}.product-card>.btn:hover{box-shadow:none;background:#dce9f7}.product-added{color:var(--cobalt)}@media (width<=900px){.product-grid{gap:16px}}.finale{background:0 0;padding-top:clamp(120px,18vh,200px);padding-bottom:0}.bubbles{pointer-events:none;position:absolute;inset:0}.bubble{opacity:.7;background:#ffffff2e;border:2px solid #ffffffbf;border-radius:50%;position:absolute;bottom:-20px}.finale-card{z-index:5;background:#ffffffe6;border-radius:26px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(26px,4vw,52px);max-width:860px;margin:0 auto;padding:clamp(34px,5vw,60px);display:grid;position:relative;box-shadow:0 30px 70px #16307a2e}.finale-globe{aspect-ratio:1;will-change:transform;width:clamp(120px,15vw,190px)}.finale-recap{max-width:46ch;color:var(--ink-soft);margin-top:18px;font-size:16px;line-height:1.8}.finale-recap strong{color:var(--cobalt);font-weight:700}.footer{background:var(--paper);margin-top:-1px;position:relative}.footer-note{color:#1b2d74c7;font-size:13px}@media (width<=720px){.finale-card{text-align:center;grid-template-columns:1fr;justify-items:center}}