/* Main FishBowl page layout, components, and responsive styles. */
:root{--deep:var(--color-deep);--panel:var(--color-panel);--radius:var(--radius-panel)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--ink);color:var(--foam);font-family:var(--font-body);overflow-x:hidden}body.modal-open{overflow:hidden}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.page{display:none}.page.active{display:block}
.site-nav{position:fixed;z-index:var(--layer-nav);inset:0 0 auto;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);background:linear-gradient(180deg,rgba(3,21,34,.94),rgba(3,21,34,.38),transparent);backdrop-filter:blur(8px)}.wordmark{font-family:var(--font-display);font-size:26px;text-decoration:none;letter-spacing:-1px}.wordmark span{color:var(--aqua)}.nav-paths{display:flex;align-items:center;gap:10px}.path{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;letter-spacing:.04em;background:rgba(3,21,34,.35)}.path:hover,.path:focus-visible{border-color:var(--aqua);outline:none}.path.disabled{color:var(--text-disabled);cursor:not-allowed}.path.disabled small{margin-left:7px;color:var(--gold);font:8px var(--font-mono);text-transform:uppercase}.path.aquarium{background:var(--aqua);border-color:var(--aqua);color:var(--ink);font-weight:700}
.main-section{position:relative;min-height:100svh;scroll-snap-align:start;display:grid;place-items:center;padding:calc(var(--nav-h) + 28px) clamp(20px,5vw,72px) 40px;overflow:hidden}.section-shell{width:min(1160px,100%);position:relative;z-index:2}.eyebrow{margin:0 0 13px;color:var(--aqua);font:700 10px var(--font-mono);letter-spacing:.25em;text-transform:uppercase}.section-title{font:clamp(38px,5vw,72px)/.98 var(--font-display);margin:0}.section-copy{color:var(--mist);line-height:1.7}
#hero{background:radial-gradient(circle at 75% 44%,rgba(98,232,213,.12),transparent 36%),linear-gradient(160deg,#082c3b 0%,#031522 68%)}.hero-copy{width:min(680px,62vw)}.hero-title{font:clamp(76px,13vw,180px)/.72 var(--font-display);letter-spacing:-.07em;margin:0 0 38px}.hero-title span{color:var(--aqua)}.tagline{font:clamp(22px,3vw,38px)/1.2 var(--font-display);font-style:italic;margin:0 0 16px}.hero-sub{max-width:560px;color:var(--mist);line-height:1.7;margin:0}.ambient-fish{position:absolute;width:min(54vw,720px);right:-5%;top:50%;transform:translateY(-48%);opacity:.15;filter:saturate(.7) contrast(1.08);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}.ambient-fish img{display:block;width:100%;height:auto;mix-blend-mode:screen}.ambient-fish:after{content:'MYTHICAL';position:absolute;inset:45% 20%;font:700 12px var(--font-mono);letter-spacing:.35em;color:var(--aqua)}@keyframes drift{to{transform:translate(-4%,calc(-48% - 16px)) rotate(-1.2deg)}}.ethics-card{position:absolute;right:0;bottom:auto;top:calc(100% + 20px);width:min(360px,42vw);padding:18px 20px;border:1px solid rgba(239,199,110,.3);background:rgba(3,21,34,.76);backdrop-filter:blur(14px);border-radius:18px}.ethics-card strong{display:block;color:var(--gold);font:10px var(--font-mono);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.ethics-card p{font-size:12px;color:var(--mist);line-height:1.55;margin:0}
#how-it-works{background:linear-gradient(180deg,#031522,#082431)}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(28px,6vh,64px)}.icon-card{min-height:230px;width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:28px 22px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(150deg,var(--surface-glass-hover),rgba(255,255,255,.012));box-shadow:var(--shadow-card);color:inherit;text-align:left;cursor:pointer;transition:transform var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.icon-card:hover,.icon-card:focus-visible,.world-card:hover,.world-card:focus-visible{border-color:var(--border-selected);transform:translateY(-4px);box-shadow:var(--shadow-card-hover);outline:none}.icon-art{width:84px;height:84px;color:var(--aqua)}.icon-art svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-card h3{font:30px var(--font-display);margin:18px 0 6px}.icon-card p{font-size:13px;color:var(--mist);margin:0;line-height:1.5}.card-more{display:block;margin-top:14px;color:var(--aqua);font:700 9px var(--font-mono);letter-spacing:.16em;text-transform:uppercase}
#founding-fish{background:radial-gradient(circle at 50% 50%,rgba(41,111,119,.28),transparent 55%),#041722}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.gallery-note{max-width:430px;color:var(--mist);font-size:13px;line-height:1.5;margin:0}.tier-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(540px,100%);margin:0 auto}.tier-card{position:relative;grid-column:span 2;aspect-ratio:4/5;border:1px solid var(--tier-line,var(--line));border-radius:var(--radius-card);overflow:hidden;padding:0;background:linear-gradient(145deg,var(--tier-a,#113845),var(--tier-b,#061822));color:var(--text-primary);text-align:left;cursor:pointer;isolation:isolate}.tier-card:nth-child(4){grid-column:2/span 2}.tier-card:nth-child(5){grid-column:4/span 2}.tier-card:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.tier-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .5s}.tier-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 48%,rgba(1,8,14,.9))}.tier-card:hover img{transform:scale(1.02)}.tier-badge{position:absolute;top:12px;left:12px;padding:7px 10px;border:1px solid currentColor;border-radius:var(--radius-pill);background:rgba(3,21,34,.72);font:700 8px var(--font-mono);letter-spacing:.14em;text-transform:uppercase}.tier-fallback{position:absolute;inset:0;display:grid;place-items:center;font:clamp(22px,3vw,42px) var(--font-display);color:rgba(255,255,255,.18);z-index:-2}.tier-bottom{position:absolute;left:16px;right:16px;bottom:14px}.tier-bottom h3{font:clamp(24px,2.3vw,36px) var(--font-display);margin:0}.tier-bottom span{font:9px var(--font-mono);letter-spacing:.12em;color:var(--mist);text-transform:uppercase}.common{--tier-a:#174e4d;--tier-b:#08242b;--tier-line:#64d7bd}.rare{--tier-a:#21477a;--tier-b:#081f3d;--tier-line:#6da7ff}.epic{--tier-a:#5a3278;--tier-b:#23133b;--tier-line:#be82ff}.legendary{--tier-a:#76501f;--tier-b:#2f1d08;--tier-line:#efc76e}.mythical{--tier-a:#66364f;--tier-b:#28121f;--tier-line:#ff9bc4}.tier-modal{position:fixed;z-index:var(--layer-modal);inset:0;display:none;place-items:center;padding:20px;background:var(--surface-overlay);backdrop-filter:blur(18px)}.tier-modal.open{display:grid}.tier-dialog{position:relative;width:min(760px,100%);max-height:90svh;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--color-deep-water);box-shadow:var(--shadow-dialog);padding:clamp(24px,5vw,52px)}.modal-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text-primary);cursor:pointer}.dialog-tier{color:var(--aqua);font:10px var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.dialog-price{font:clamp(38px,6vw,64px) var(--font-display);margin:12px 0}.dialog-story{color:var(--mist);font-size:16px;line-height:1.8}.dialog-disclosure{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;color:var(--gold);font-size:12px;line-height:1.6}
#world{background:linear-gradient(180deg,#082431,#061b27)}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.world-card{width:100%;border:0;border-top:1px solid var(--line);padding:28px 14px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:transform var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.world-icon{width:52px;height:52px;color:var(--aqua)}.world-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5}.world-card h3{font:32px var(--font-display);margin:20px 0 8px}.world-card p{margin:0;color:var(--mist);line-height:1.65}

#founding-fish .section-shell{max-height:calc(100svh - var(--nav-h) - 54px);overflow-y:auto;padding:2px 7px 16px 2px;scrollbar-width:thin;scrollbar-color:rgba(98,232,213,.35) transparent}.origin-timeline{margin:26px auto 0;width:min(900px,100%);border-top:1px solid var(--line);padding-top:20px}.origin-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.origin-head h3{font:clamp(25px,3vw,38px) var(--font-display);margin:0}.origin-head p{margin:0;color:var(--mist);font-size:11px}.timeline-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:0 0 19px;touch-action:pan-y}.timeline-track:before{content:'';position:absolute;left:8%;right:8%;top:7px;height:1px;background:var(--line)}.timeline-stop{position:relative;z-index:1;min-height:44px;border:0;background:transparent;color:var(--mist);padding:0 5px;display:flex;flex-direction:column;align-items:center;gap:9px;cursor:pointer;font:700 8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.timeline-stop:before{content:'';width:15px;height:15px;border:1px solid rgba(98,232,213,.5);border-radius:50%;background:var(--surface-base);transition:background-color var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}.timeline-stop[aria-current=true]{color:var(--aqua)}.timeline-stop[aria-current=true]:before{background:var(--aqua);box-shadow:0 0 0 5px rgba(98,232,213,.1)}.timeline-stop:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.timeline-panel{min-height:126px;border:1px solid var(--line);border-radius:var(--radius-card);padding:20px 22px;background:linear-gradient(150deg,var(--surface-glass-hover),rgba(255,255,255,.012));box-shadow:var(--shadow-card);cursor:grab;user-select:none;transition:transform var(--motion-standard) var(--ease-standard),opacity var(--motion-standard) var(--ease-standard)}.timeline-panel.dragging{cursor:grabbing;transition:none}.timeline-step{margin:0 0 7px;color:var(--gold);font:700 8px var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.timeline-panel h4{font:clamp(22px,2.5vw,30px) var(--font-display);margin:0 0 8px}.timeline-copy{display:grid;grid-template-columns:1fr 1fr;gap:18px}.timeline-copy p{color:var(--mist);font-size:12px;line-height:1.55;margin:0}
.tier-modal.open .tier-dialog{animation:modal-rise var(--motion-panel) var(--ease-standard)}@keyframes modal-rise{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.experience-dialog{width:min(780px,100%);padding:clamp(24px,4vw,46px)}.experience-body>.eyebrow{margin-right:46px}.experience-body h2{font:clamp(38px,5vw,58px)/1 var(--font-display);margin:0 50px 18px 0}.modal-pull{font:clamp(21px,3vw,28px)/1.25 var(--font-display);color:var(--foam);margin:0 0 18px}.modal-copy{color:var(--mist);font-size:14px;line-height:1.7;margin:0 0 14px}.sim{margin:24px 0;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:var(--ink)}.sim-stage{position:relative;height:170px;overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(98,232,213,.1),transparent 55%),#041a26}.sim-controls{border-top:1px solid var(--line);padding:16px 18px 18px;background:var(--surface-glass)}.sim-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:11px;color:var(--mist);font:700 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.sim-label b{color:var(--aqua);letter-spacing:.04em}.sim input[type=range]{appearance:none;width:100%;height:4px;margin:10px 0;background:var(--line);border-radius:var(--radius-pill);outline:none}.sim input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--aqua);border:4px solid var(--ink);cursor:pointer}.sim input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--aqua);border:4px solid var(--ink);cursor:pointer}.sim input[type=range]:focus-visible{outline:2px solid var(--aqua);outline-offset:6px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;color:var(--mist);cursor:pointer;font:700 9px var(--font-mono);letter-spacing:.06em}.pill[aria-pressed=true]{background:var(--aqua);border-color:var(--aqua);color:var(--ink)}.pill:focus-visible,.poll-option:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.readout{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px}.stat{flex:1;min-width:110px}.stat span{display:block;color:var(--mist);font:700 8px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.stat b{font:700 16px var(--font-mono);color:var(--foam)}.bar{height:4px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:var(--aqua);transition:width .25s,background .25s}.modal-note{border-left:2px solid rgba(239,199,110,.45);padding-left:12px;color:var(--mist);font:9px/1.6 var(--font-mono);margin:18px 0 0}
.icon-art,.world-icon{width:76px;height:76px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-card);background:radial-gradient(circle at 35% 25%,rgba(98,232,213,.1),transparent 58%),rgba(3,21,34,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);color:var(--aqua)}.icon-art svg,.world-icon svg{width:58px;height:58px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-art .accent,.world-icon .accent{stroke:var(--gold)}.icon-art .accent-fill,.world-icon .accent-fill{fill:var(--gold);stroke:none}.icon-card:hover .icon-art,.icon-card:focus-visible .icon-art,.world-card:hover .world-icon,.world-card:focus-visible .world-icon{border-color:rgba(98,232,213,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 32px -24px rgba(98,232,213,.9)}
.hatch-scene{position:absolute;inset:0;display:grid;place-items:center}.hatch-visual{width:min(92%,330px);height:auto;overflow:visible}.hatch-outline,.hatch-crack,.hatch-silhouette,.hatch-bubbles{will-change:transform,opacity}.hatch-outline{transition:opacity .3s}.hatch-silhouette{fill:var(--aqua);filter:drop-shadow(0 8px 15px rgba(98,232,213,.2))}.hatch-eye{fill:var(--ink)}.hatch-bubbles{fill:none;stroke:var(--aqua);stroke-width:1.4}.raise-fish{transition:top .62s cubic-bezier(.2,.8,.2,1)}.grime{transition:opacity .58s cubic-bezier(.2,.8,.2,1)}#hp-bar,#dirt-bar,#condition-bar{transition:width .58s cubic-bezier(.2,.8,.2,1),background .35s}.widget-pulse{animation:widget-pulse .3s cubic-bezier(.2,.8,.2,1)}@keyframes widget-pulse{50%{opacity:.55;transform:translateY(-1px)}}.egg-sprite{opacity:.13;transform:translateY(4px) scale(.94);transition:opacity .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1)}.egg-sprite .egg-shell{fill:var(--deep);stroke:rgba(169,232,222,.22);transition:fill .35s,stroke .35s}.egg-sprite .egg-shine{opacity:0;transition:opacity .35s}.egg-sprite.is-live{opacity:1;transform:none}.egg-sprite.is-live .egg-shell{fill:var(--panel);stroke:var(--aqua)}.egg-sprite.is-live .egg-shine{opacity:.28}#day-slider::-webkit-slider-thumb,#breed-slider::-webkit-slider-thumb{transition:transform .18s,box-shadow .18s;box-shadow:0 0 0 0 rgba(98,232,213,.18)}#day-slider:active::-webkit-slider-thumb,#breed-slider:active::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 7px rgba(98,232,213,.12)}#day-slider::-moz-range-thumb,#breed-slider::-moz-range-thumb{transition:transform .18s,box-shadow .18s}#day-slider:active::-moz-range-thumb,#breed-slider:active::-moz-range-thumb{transform:scale(1.12);box-shadow:0 0 0 7px rgba(98,232,213,.12)}

.icon-art svg,.world-icon svg{shape-rendering:geometricPrecision;overflow:visible}.icon-art svg *,.world-icon svg *{vector-effect:non-scaling-stroke}.icon-art svg,.world-icon svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.icon-card:hover .icon-art svg,.icon-card:focus-visible .icon-art svg,.world-card:hover .world-icon svg,.world-card:focus-visible .world-icon svg{transform:translateY(-1px)}
#game-stage{height:244px}.game-explainer{height:100%;display:grid;grid-template-columns:1.08fr .92fr;gap:0}.game-visual{position:relative;min-height:0;overflow:hidden;border-right:1px solid var(--line);background:radial-gradient(circle at 45% 22%,rgba(98,232,213,.13),transparent 58%)}.game-scene-copy{display:flex;flex-direction:column;justify-content:center;padding:18px}.game-scene-copy h3{font-size:20px;line-height:1.08}.game-scene-copy p{color:var(--mist);font-size:11px;line-height:1.5;margin:7px 0 10px}.game-choice-row{display:flex;flex-wrap:wrap;gap:6px}.game-choice{min-height:34px;border:1px solid rgba(98,232,213,.3);border-radius:var(--radius-pill);background:rgba(98,232,213,.04);color:var(--mist);padding:7px 10px;cursor:pointer;font:700 7px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:color var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),background-color var(--motion-standard) var(--ease-standard)}.game-choice:hover,.game-choice:focus-visible,.game-choice[aria-pressed=true]{border-color:var(--aqua);background:rgba(98,232,213,.12);color:var(--aqua);outline:none}.game-action{min-height:36px;align-self:flex-start;border:1px solid rgba(98,232,213,.45);border-radius:var(--radius-pill);background:rgba(98,232,213,.08);color:var(--aqua);padding:8px 12px;cursor:pointer;font:700 8px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.game-action:hover,.game-action:focus-visible{background:var(--aqua);color:var(--ink);outline:none}.tank-mini{position:absolute;inset:20px 18px 42px;border:1px solid rgba(98,232,213,.3);border-radius:14px 14px 24px 24px;background:linear-gradient(180deg,rgba(98,232,213,.04),rgba(98,232,213,.13));overflow:hidden}.tank-mini:after{content:'';position:absolute;left:10%;right:10%;top:34%;height:1px;background:rgba(98,232,213,.22)}.tank-grime{position:absolute;inset:0;background:linear-gradient(135deg,rgba(124,157,72,.2),transparent 65%);opacity:.85;transition:opacity .3s}.tank-mini.is-clean .tank-grime{opacity:0}.tank-fish{position:absolute;z-index:2;width:68px;left:50%;top:50%;transform:translate(-50%,-50%);fill:var(--aqua);filter:drop-shadow(0 7px 12px rgba(98,232,213,.18));transition:transform .3s,filter .3s}.tank-fish.is-fed{transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 0 13px rgba(98,232,213,.48))}.tank-egg{position:absolute;z-index:2;right:13%;bottom:13%;width:17px;height:22px;border:1px solid var(--gold);border-radius:50% 50% 46% 46%;opacity:.45;transition:opacity var(--motion-panel) var(--ease-standard),box-shadow var(--motion-panel) var(--ease-standard)}.tank-egg.is-checked{opacity:1;box-shadow:0 0 12px rgba(239,199,110,.24)}.tank-egg.is-checked:after{content:'';position:absolute;left:7px;top:4px;width:5px;height:9px;border-left:1px solid var(--gold);transform:skew(-20deg)}.tank-bubbles{position:absolute;z-index:2;left:22%;top:24%;display:grid;gap:5px;opacity:.25;transition:opacity .3s}.tank-bubbles i{display:block;width:5px;height:5px;border:1px solid var(--aqua);border-radius:50%}.tank-bubbles.is-active{opacity:1}.care-progress{position:absolute;left:18px;right:18px;bottom:15px;display:flex;gap:6px}.care-progress i{height:4px;flex:1;border-radius:var(--radius-pill);background:var(--line);transition:background .3s,box-shadow .3s}.care-progress i.done{background:var(--aqua);box-shadow:0 0 10px rgba(98,232,213,.25)}.care-count{position:absolute;right:32px;top:29px;color:var(--mist);font:700 8px var(--font-mono)}.care-message{color:var(--gold);font:700 7px/1.4 var(--font-mono);letter-spacing:.04em;margin-top:8px}.arcade-visual{position:absolute;inset:0}.arcade-hud{position:absolute;z-index:2;left:15px;right:15px;top:13px;display:flex;align-items:center;justify-content:space-between;color:var(--mist);font:700 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.arcade-hud strong{color:var(--foam);font-size:15px}.arcade-target{position:absolute;width:50px;height:50px;margin:-25px 0 0 -25px;border:1px solid var(--aqua);border-radius:50%;background:radial-gradient(circle,rgba(98,232,213,.3) 0 26%,rgba(98,232,213,.07) 28% 62%,transparent 64%);cursor:pointer;box-shadow:0 0 18px rgba(98,232,213,.18);transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1),transform .16s}.arcade-target:hover,.arcade-target:focus-visible{transform:scale(1.08);outline:2px solid var(--gold);outline-offset:3px}.arcade-target:after{content:'tap';color:var(--foam);font:700 7px var(--font-mono);text-transform:uppercase}.arcade-track{position:absolute;left:18px;right:18px;bottom:16px;display:flex;gap:5px}.arcade-track i{height:4px;flex:1;border-radius:4px;background:var(--line)}.arcade-track i.lit{background:var(--gold);box-shadow:0 0 9px rgba(239,199,110,.3)}.arcade-complete{position:absolute;inset:50px 18px 28px;display:grid;place-items:center;text-align:center;border:1px solid rgba(239,199,110,.35);border-radius:14px;background:rgba(239,199,110,.06);color:var(--gold);font:700 9px/1.6 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.paper-visual{position:absolute;inset:16px;border:1px solid rgba(169,232,222,.18);border-radius:4px;background:rgba(238,252,248,.035);padding:14px}.paper-mast{display:flex;justify-content:space-between;color:var(--aqua);font:700 7px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:7px}.paper-headline{font:18px/1.05 var(--font-display);margin:10px 0 8px}.paper-lines{display:grid;gap:5px}.paper-lines i{height:3px;background:rgba(169,200,202,.2);border-radius:3px}.paper-lines i:nth-child(2){width:84%}.paper-lines i:nth-child(3){width:65%}.paper-clue{margin-top:10px;color:var(--gold);font:700 7px var(--font-mono);letter-spacing:.06em;filter:blur(5px);transition:filter .35s,opacity .35s;opacity:.55}.paper-clue.revealed{filter:none;opacity:1}.paper-story-row{display:flex;gap:5px;flex-wrap:wrap}.paper-story-row .game-choice{padding-inline:8px}.paper-reveal{margin-top:7px}
.market-bars{border-radius:14px;background:repeating-linear-gradient(to top,transparent 0,transparent 27px,rgba(169,232,222,.065) 28px)}.market-bars:after{content:'flow balance';position:absolute;right:20px;top:16px;color:rgba(169,200,202,.5);font:700 7px var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.market-bar{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end}.market-bar i{width:min(90px,100%);box-shadow:0 7px 20px -12px currentColor}.market-bar label{min-height:22px}
.open-tank-stage{position:absolute;inset:0;padding:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center}.open-tank-mark{width:92px;height:92px;border:1px solid rgba(98,232,213,.4);border-radius:var(--radius-panel);display:grid;place-items:center;background:rgba(98,232,213,.06);color:var(--aqua);font:30px var(--font-display)}.open-tank-copy .eyebrow{color:var(--gold);margin-bottom:8px}.open-tank-copy strong{display:block;font:23px/1.05 var(--font-display);font-weight:400}.open-tank-copy p{color:var(--mist);font-size:11px;line-height:1.5;margin:8px 0 0}.community-form{display:grid;gap:10px}.community-form label{color:var(--foam);font:700 9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.community-form textarea{width:100%;min-height:104px;resize:vertical;border:1px solid var(--line);border-radius:14px;background:var(--ink);color:var(--foam);padding:13px 14px;font:13px/1.5 var(--font-body);outline:none}.community-form textarea:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(98,232,213,.08)}.community-compose-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.community-count{color:var(--mist);font:700 8px var(--font-mono)}.community-submit,.community-reset{min-height:42px;border:0;border-radius:var(--radius-pill);background:var(--aqua);color:var(--ink);padding:8px 15px;cursor:pointer;font:700 9px var(--font-mono);letter-spacing:.06em}.community-status{display:none;border:1px solid rgba(98,232,213,.35);border-radius:14px;background:rgba(98,232,213,.07);padding:13px;color:var(--mist);font-size:12px;line-height:1.5}.community-status.show{display:block}.community-status strong,.community-status span{display:block}.community-status strong{color:var(--aqua);margin-bottom:3px}.community-reset{margin-top:10px;background:transparent;color:var(--aqua);border:1px solid rgba(98,232,213,.35)}
.timeline-panel{min-height:238px}.timeline-panel-inner{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:stretch}.timeline-visual{min-height:184px;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 40% 24%,rgba(98,232,213,.11),transparent 62%),var(--ink)}.timeline-visual svg{width:88%;height:88%;fill:none;stroke:var(--aqua);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.timeline-visual .gold{stroke:var(--gold)}.timeline-visual .fill-aqua{fill:rgba(98,232,213,.12);stroke:var(--aqua)}.timeline-visual text{stroke:none;fill:var(--mist);font:700 9px var(--font-mono);letter-spacing:.1em}.timeline-visual .visual-number{fill:var(--foam);font-size:13px;letter-spacing:.06em}.timeline-visual .visual-small{font-size:7px}.timeline-visual .visual-gold{fill:var(--gold)}.timeline-text{display:flex;flex-direction:column;justify-content:center}.timeline-text h4{margin-bottom:10px}.timeline-copy{gap:12px}.timeline-copy p{font-size:12px}
.fish-svg{transition:opacity .3s,transform .45s}.grime{transition:opacity .58s cubic-bezier(.2,.8,.2,1)}.trade-stage,.copy-stage{position:absolute;inset:0;padding:22px 24px;display:flex;flex-direction:column;justify-content:center}.trade-chart{position:relative;height:52px;border-bottom:1px solid var(--line)}.ask-mark{position:absolute;bottom:0;width:2px;height:52px;background:var(--aqua);transition:left .2s}.ask-spread{position:absolute;bottom:0;height:52px;background:rgba(239,199,110,.15);border-inline:1px solid rgba(239,199,110,.5);transition:left var(--motion-standard) var(--ease-standard),width var(--motion-standard) var(--ease-standard),background-color var(--motion-standard) var(--ease-standard)}.chart-axis{display:flex;justify-content:space-between;color:var(--mist);font:8px var(--font-mono);margin-top:8px}.market-bars{position:absolute;inset:0;padding:22px 24px;display:flex;align-items:flex-end;gap:26px}.market-bar{flex:1}.market-bar label{display:block;color:var(--mist);font:8px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.market-bar i{display:block;border-radius:3px 3px 0 0;transition:height .3s,background .3s}.poll{display:flex;flex-direction:column;gap:8px}.poll-option{position:relative;min-height:46px;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--foam);padding:12px 14px;cursor:pointer}.poll-fill{position:absolute;inset:0 auto 0 0;width:0;background:rgba(98,232,213,.12);transition:width .5s}.poll-text{position:relative;display:flex;justify-content:space-between;gap:12px}.poll-pct{color:var(--aqua);font:700 10px var(--font-mono);opacity:0}.poll.voted .poll-pct{opacity:1}
#liams-letter{background:radial-gradient(circle at 50% 50%,rgba(98,232,213,.08),transparent 56%),#031522}.letter-card{width:min(920px,100%);border:1px solid var(--line);border-radius:var(--radius-soft);padding:clamp(26px,4vh,44px);background:var(--surface-glass);box-shadow:var(--shadow-card)}.letter-card blockquote{font:clamp(24px,3vw,36px)/1.22 var(--font-display);margin:0}.letter-body{max-width:760px;color:var(--mist);font-size:14px;line-height:1.55;margin:18px 0}.signature{font:italic 26px var(--font-display);color:var(--aqua)}
#join-faq{background:linear-gradient(180deg,#061b27,#020c13);align-items:start;padding-bottom:0}.join-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:start}.join-card{border:1px solid var(--line);border-radius:var(--radius-dialog);padding:clamp(22px,4vw,40px);background:var(--surface-glass);box-shadow:var(--shadow-card);max-height:calc(100svh - 150px);overflow-y:auto}.email-form{display:flex;gap:8px}.email-form input{min-width:0;flex:1;height:52px;border:1px solid var(--line);border-radius:12px;background:var(--surface-base);color:var(--text-primary);padding:0 16px;outline:none}.email-form input:focus{border-color:var(--aqua)}.email-form button{height:52px;border:0;border-radius:12px;padding:0 20px;background:var(--aqua);color:var(--ink);font-weight:700;cursor:pointer}.form-note{min-height:20px;color:var(--mist);font-size:12px;margin:10px 0 0}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;min-height:62px;background:none;border:0;color:var(--text-primary);display:flex;justify-content:space-between;align-items:center;text-align:left;padding:10px 2px;cursor:pointer}.faq-q span{font-size:24px;color:var(--aqua);transition:transform var(--motion-standard) var(--ease-standard)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-panel) var(--ease-standard)}.faq-a p{overflow:hidden;color:var(--mist);line-height:1.65;margin:0}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a p{padding:0 0 18px}.faq-item.open .faq-q span{transform:rotate(45deg)}
.referral-legacy{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.referral-tiers{display:flex;flex-direction:column;gap:3px;margin:10px 0}.ref-tier{display:grid;grid-template-columns:58px 1fr;border:1px solid var(--line);padding:8px}.ref-count-num{font:11px var(--font-mono);color:var(--gold)}.ref-reward,.ref-note{font-size:10px;line-height:1.4}.ref-note{color:var(--mist)}.referral-cta-box{border-top:1px solid var(--line);padding-top:14px;text-align:center}.ref-cta-label{font:9px var(--font-mono);color:var(--aqua);text-transform:uppercase}.ref-cta-text{font:20px var(--font-display);margin:6px}.ref-confirm-box{display:none}.ref-confirm-box.show{display:block}.ref-link-box{display:flex;margin-top:10px}.ref-link-input{min-width:0;width:220px;background:var(--surface-base);border:1px solid var(--line);color:var(--text-primary);padding:10px}.ref-link-copy{border:0;background:var(--aqua);padding:10px;cursor:pointer}.ref-counter{font-size:10px;color:var(--mist);margin-top:8px}.footer{margin-top:12px;border-top:1px solid var(--line);padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:18px;width:calc(100% + clamp(40px,10vw,144px));transform:translateX(calc(clamp(20px,5vw,72px) * -1))}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer a{font-size:11px;color:var(--mist)}.footer-copy{font-size:10px;color:rgba(169,200,202,.55)}
#page-docs{min-height:100svh;background:#020c13;padding:80px clamp(20px,7vw,90px)}.subpage-nav{display:flex;justify-content:space-between;align-items:center}.subpage-back{color:var(--aqua);text-decoration:none}.docs-hero,.docs-grid,.docs-roadmap,.docs-note{width:min(1000px,100%);margin:50px auto}.docs-hero h2{font:clamp(42px,7vw,78px)/1 var(--font-display);margin:10px 0}.docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.doc-card{border:1px solid var(--line);border-radius:var(--radius-panel);padding:30px;background:var(--surface-glass);box-shadow:var(--shadow-card)}.doc-title{font:38px var(--font-display);margin:8px 0}.doc-desc,.doc-meta,.rm-desc,.docs-note{color:var(--mist);line-height:1.7}.doc-btn{display:inline-flex;margin-top:18px;padding:12px 16px;border:1px solid var(--aqua);color:var(--aqua);text-decoration:none}.rm-phase{border-top:1px solid var(--line);padding:22px 0}.rm-label{color:var(--aqua);font:10px var(--font-mono);text-transform:uppercase}.rm-title{font:26px var(--font-display);margin:7px 0}.rm-time{color:var(--gold);font-size:12px}
.play-toast{position:fixed;z-index:var(--layer-notice);top:82px;left:50%;transform:translate(-50%,-12px);opacity:0;pointer-events:none;background:#0b2a36;border:1px solid var(--gold);color:var(--gold);border-radius:var(--radius-pill);padding:11px 18px;font-size:12px;transition:opacity var(--motion-standard) var(--ease-standard),transform var(--motion-standard) var(--ease-standard)}.play-toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-height:820px) and (min-width:901px){.tier-grid{width:min(690px,100%)}}
@media(max-width:900px){:root{--nav-h:64px}.path{padding:0 12px}.path.disabled small{display:block;margin-left:5px}.hero-copy{width:100%}.hero-title{font-size:clamp(70px,20vw,126px)}.ambient-fish{width:85vw;right:-25%;top:40%}.ethics-card{position:relative;right:auto;bottom:auto;top:auto;width:min(520px,100%);margin-top:28px}.icon-grid{grid-template-columns:repeat(2,1fr)}.icon-card{min-height:180px}.tier-grid{grid-template-columns:repeat(2,1fr);max-height:calc(100svh - 300px);overflow-y:auto;padding:2px 6px 16px 2px}.tier-card,.tier-card:nth-child(4){grid-column:auto}.tier-card:nth-child(5){grid-column:1/-1;width:calc(50% - 5px);justify-self:center}.world-grid{grid-template-columns:1fr 1fr}.world-card:last-child{grid-column:1/-1}.join-layout{grid-template-columns:1fr 1fr;gap:18px}.docs-grid{grid-template-columns:1fr}}
@media(max-width:620px){html{scroll-snap-type:none}.main-section{height:100svh;min-height:100svh}.tier-grid{max-height:calc(100svh - 280px)!important}#liams-letter .letter-card{max-height:calc(100svh - var(--nav-h) - 34px);overflow-y:auto}#join-faq .section-shell{max-height:calc(100svh - var(--nav-h) - 28px);overflow-y:auto}.site-nav{padding:0 12px}.wordmark{font-size:21px}.nav-paths{gap:5px}.path{font-size:10px;padding:0 7px}.path.disabled{flex-direction:column;line-height:1.05}.path.disabled small{margin:2px 0 0;font-size:6px}.main-section{padding-left:16px;padding-right:16px}.hero-title{font-size:22vw;margin-bottom:28px}.ambient-fish{top:32%;opacity:.12}.icon-grid{grid-template-columns:1fr 1fr;gap:9px}.icon-card{min-height:150px;padding:16px}.icon-art{width:52px;height:52px}.icon-card h3{font-size:24px;margin:8px 0 3px}.icon-card p{font-size:11px}.gallery-head{display:block}.gallery-note{margin-top:10px}.tier-grid{grid-template-columns:1fr;max-height:calc(100svh - 215px);padding-right:5px}.tier-card,.tier-card:nth-child(5){grid-column:auto;width:min(100%,340px);margin:auto}.world-grid{grid-template-columns:1fr;margin-top:24px}.world-card,.world-card:last-child{grid-column:auto;padding:18px 0}.world-icon{width:40px;height:40px}.world-card h3{font-size:26px;margin:9px 0 4px}.world-card p{font-size:13px}.letter-card{padding:26px 22px}.join-layout{grid-template-columns:1fr}.email-form{flex-direction:column}.email-form button{width:100%}.footer{align-items:flex-start;flex-direction:column}.referral-legacy[open]{max-height:34svh;overflow:auto}.docs-grid{grid-template-columns:1fr}}

@media(max-width:900px){#founding-fish .tier-grid{max-height:none!important;overflow:visible}.origin-timeline{margin-top:22px}.timeline-copy{grid-template-columns:1fr}.timeline-panel{min-height:168px}.experience-dialog{max-height:94svh}}
@media(max-width:620px){.icon-art,.world-icon{width:54px;height:54px;border-radius:15px}.icon-art svg,.world-icon svg{width:42px;height:42px}.icon-card,.world-card{min-height:44px}.card-more{font-size:7px;margin-top:8px}.origin-head{display:block}.origin-head p{margin-top:5px}.timeline-stop span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.timeline-panel{padding:18px;min-height:210px}.timeline-copy{gap:10px}.experience-modal{padding:8px}.experience-dialog{border-radius:22px;padding:24px 18px;max-height:96svh}.experience-body h2{font-size:34px}.sim{margin:18px 0}.sim-stage{height:150px}.sim-controls{padding:14px}.pill{min-height:44px;flex:1}.modal-copy{font-size:13px}.modal-pull{font-size:22px}}
@media(max-width:620px){#game-stage{height:372px}.game-explainer{grid-template-columns:1fr;grid-template-rows:170px 1fr}.game-choice{min-height:42px}.game-visual{border-right:0;border-bottom:1px solid var(--line)}.game-scene-copy{padding:15px 16px}.game-scene-copy p{margin:6px 0 9px}.open-tank-stage{padding:16px;grid-template-columns:68px 1fr}.open-tank-mark{width:64px;height:64px;border-radius:18px;font-size:22px}.community-form textarea{min-height:92px}.timeline-panel{min-height:440px}.timeline-panel-inner{grid-template-columns:1fr}.timeline-visual{min-height:160px}.timeline-copy{display:block}.timeline-copy p+p{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.ambient-fish{transform:translateY(-48%)}}

/* Stage 1B: responsive page-shell foundation. */
html{max-width:100%;overflow-x:clip;scroll-padding-top:calc(var(--nav-block) + 16px)}
body{max-width:100%;min-width:0;overflow-x:clip}
.site-nav{height:var(--nav-block);padding-top:var(--safe-top);padding-right:max(var(--page-gutter),var(--safe-right));padding-left:max(var(--page-gutter),var(--safe-left))}
.wordmark{min-width:44px;min-height:44px;display:inline-block;line-height:44px}
.main-section{height:auto;min-height:100svh;padding-top:calc(var(--nav-block) + clamp(28px,5vh,64px));padding-right:max(var(--page-gutter),var(--safe-right));padding-bottom:clamp(40px,7vh,88px);padding-left:max(var(--page-gutter),var(--safe-left));overflow:visible;scroll-margin-top:var(--nav-block)}
.section-shell{width:min(var(--shell-max),100%);min-width:0}
.hero-copy,.icon-grid>*,.world-grid>*,.join-layout>*,.timeline-panel-inner>*,.docs-grid>*{min-width:0}
#hero{overflow:clip}
.ambient-fish{contain:layout paint}
#founding-fish .section-shell,.join-card,#liams-letter .letter-card,#join-faq .section-shell{max-height:none;overflow:visible}
.tier-grid{max-height:none;overflow:visible}
.footer{width:100%;transform:none;padding-right:0;padding-bottom:max(12px,var(--safe-bottom));padding-left:0}
.footer-links a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
#page-docs{padding-top:calc(80px + var(--safe-top));padding-right:max(var(--page-gutter),var(--safe-right));padding-bottom:max(80px,calc(24px + var(--safe-bottom)));padding-left:max(var(--page-gutter),var(--safe-left))}
.docs-hero,.docs-grid,.docs-roadmap,.docs-note{width:min(1080px,100%)}
.subpage-back,.doc-btn,.wait-link{min-height:44px;display:inline-flex;align-items:center}
.skip-link{position:fixed;z-index:var(--layer-skip);top:max(10px,var(--safe-top));left:max(10px,var(--safe-left));padding:11px 15px;border:2px solid var(--aqua);border-radius:10px;background:var(--ink);color:var(--foam);font-weight:700;text-decoration:none;transform:translateY(-160%)}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);scroll-margin-top:calc(var(--nav-block) + 16px);scroll-margin-bottom:24px}

.path{min-width:44px;min-height:44px}
.modal-close{width:48px;height:48px}
.pill,.game-choice,.game-action,.community-submit,.community-reset,.doc-btn,.ref-link-copy{min-width:44px;min-height:44px}
.timeline-stop{min-height:48px;padding-inline:8px}
.timeline-stop:before{width:17px;height:17px}
.faq-q{min-height:64px}
.email-form button,.email-form input,.ref-link-input{min-height:48px}
.sim input[type=range]{height:44px;margin:0;background:linear-gradient(var(--line),var(--line)) center/100% 6px no-repeat}
.sim input[type=range]::-webkit-slider-thumb{width:28px;height:28px}
.sim input[type=range]::-moz-range-thumb{width:28px;height:28px}
.sim input[type=range]::-moz-range-track{height:6px;border:0;border-radius:var(--radius-pill);background:var(--line)}

.tier-modal{padding-top:max(12px,var(--safe-top));padding-right:max(12px,var(--safe-right));padding-bottom:max(12px,var(--safe-bottom));padding-left:max(12px,var(--safe-left));overflow:hidden}
.tier-dialog{width:min(760px,100%);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);overscroll-behavior:contain;scrollbar-gutter:stable}
.experience-dialog{width:min(780px,100%)}
.tier-dialog>.modal-close{position:sticky;z-index:4;top:0;right:auto;float:right;display:grid;place-items:center;margin:-8px -8px -40px 12px}
#game-stage{height:auto;min-height:244px;overflow:visible}
#game-stage .game-explainer{height:auto;min-height:244px}
.timeline-panel{touch-action:pan-y}

/* Snap is disabled only where it genuinely breaks: narrow viewports, touch
   input, and very short viewports such as landscape phones. The height clause
   was previously 1200px, which matched almost every laptop and desktop and so
   disabled the descent for nearly all real visitors. */
@media(max-width:900px),(max-height:500px),(hover:none),(pointer:coarse){
 html{scroll-snap-type:none}
 .main-section{scroll-snap-align:none}
}

@media(max-height:820px) and (min-width:901px){
 .ethics-card{position:relative;right:auto;top:auto;width:min(560px,100%);margin-top:24px}
}

@media(max-width:900px){
 .tier-grid{max-height:none!important;overflow:visible}
 .join-layout{grid-template-columns:1fr}
}

@media(max-width:620px){
 .main-section{height:auto;min-height:100svh;padding-top:calc(var(--nav-block) + 24px);padding-bottom:40px}
 #liams-letter .letter-card,#join-faq .section-shell,.referral-legacy[open]{max-height:none;overflow:visible}
 .tier-card,.tier-card:nth-child(5){width:min(100%,340px)}
 .timeline-panel{min-height:0}
 .timeline-panel-inner{grid-template-columns:1fr}
 .timeline-visual{min-height:0;aspect-ratio:320/210}
 .experience-modal{padding-top:max(8px,var(--safe-top));padding-right:max(8px,var(--safe-right));padding-bottom:max(8px,var(--safe-bottom));padding-left:max(8px,var(--safe-left))}
 .experience-dialog{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px)}
 #game-stage{height:auto;min-height:0}
 #game-stage .game-explainer{height:auto;min-height:0;grid-template-rows:minmax(170px,auto) auto}
 #game-stage .game-visual{min-height:170px}
 .sim input[type=range]::-webkit-slider-thumb{width:34px;height:34px}
 .sim input[type=range]::-moz-range-thumb{width:34px;height:34px}
 .footer{padding-bottom:max(20px,var(--safe-bottom))}
}

@media(max-width:380px){
 .site-nav{gap:8px}
 .nav-paths{gap:4px}
 .nav-paths a.path[href$="#how-it-works"]{display:none}
 .path{padding-inline:8px}
}

/* Stage 2A: cinematic surface-entry hero and navigation. */
.site-nav{
 display:grid;
 grid-template-columns:auto minmax(0,1fr) auto;
 align-items:center;
 gap:clamp(18px,2.4vw,38px);
 border-bottom:1px solid rgba(169,232,222,.16);
 background:linear-gradient(180deg,rgba(3,21,34,.9),rgba(4,29,42,.76));
 box-shadow:0 12px 42px rgba(1,12,20,.2),inset 0 -1px 0 rgba(98,232,213,.06);
 backdrop-filter:blur(14px) saturate(1.16);
}
.site-nav>.wordmark{position:relative;z-index:2;color:var(--foam);font-size:25px;text-shadow:0 1px 18px rgba(3,21,34,.5)}
.nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(2px,.45vw,8px);min-width:0}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.site-nav .path{position:relative;border-color:transparent;background:transparent;color:var(--text-utility);font-size:11px;font-weight:600;letter-spacing:.025em;transition:color .2s,border-color .2s,background .2s,transform .2s}
.nav-links .path:after{content:'';position:absolute;right:13px;bottom:7px;left:13px;height:1px;background:var(--aqua);transform:scaleX(0);transform-origin:center;transition:transform .2s}
.nav-links .path:hover:after,.nav-links .path:focus-visible:after{transform:scaleX(1)}
.site-nav .path:hover,.site-nav .path:focus-visible{border-color:rgba(98,232,213,.22);background:rgba(98,232,213,.055);color:var(--foam);transform:none;outline:2px solid transparent;box-shadow:none}
.site-nav .path:focus-visible,.nav-menu-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}
.nav-aquarium{gap:8px;border-color:rgba(169,232,222,.22)!important;background:rgba(3,21,34,.22)!important}
.nav-aquarium svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;color:var(--aqua)}
.nav-primary{isolation:isolate;gap:10px;overflow:visible;border-color:rgba(98,232,213,.78)!important;border-radius:var(--radius-pill) 48% 48% 999px/999px 64% 64% 999px!important;padding-inline:17px 19px!important;background:linear-gradient(135deg,#8bf5e4,#4bd6c5)!important;color:#03202b!important;font-weight:700!important;box-shadow:0 10px 28px -16px rgba(98,232,213,.9)}
.nav-primary:before{content:'';position:absolute;z-index:-1;inset:3px;border-radius:inherit;border:1px solid rgba(255,255,255,.28);pointer-events:none}
.nav-primary i{width:12px;height:9px;border:1px solid rgba(3,32,43,.66);border-left:0;border-radius:42% 72% 72% 42%;transform:skewX(-10deg);box-shadow:inset -3px 0 0 rgba(3,32,43,.08)}
.nav-primary:hover,.nav-primary:focus-visible{background:linear-gradient(135deg,#a0faec,#62e8d5)!important;color:#021a23!important}
.nav-menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(169,232,222,.26);border-radius:50%;background:rgba(3,21,34,.32);color:var(--foam);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer}
.nav-menu-toggle span{display:block;width:17px;height:1px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.nav-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.nav-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

#hero{isolation:isolate;min-height:100svh;background:linear-gradient(180deg,#b7f1eb 0,#6cccd0 7%,#1f8196 24%,#0a4054 52%,#052938 76%,#031a27 100%);color:var(--foam)}
#hero:before{content:'';position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse at 72% 4%,rgba(238,252,248,.78),transparent 28%),radial-gradient(ellipse at 18% 22%,rgba(151,239,232,.2),transparent 38%),linear-gradient(112deg,rgba(228,255,250,.17),transparent 26% 64%,rgba(132,232,225,.08));pointer-events:none}
.hero-environment{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.hero-surface{position:absolute;inset:-10% -8% auto;height:32%;opacity:.72;background:radial-gradient(ellipse at 45% 0,rgba(255,255,255,.64),transparent 38%),repeating-radial-gradient(ellipse at 50% -26%,transparent 0 28px,rgba(222,255,250,.17) 30px,transparent 34px 70px);transform:perspective(680px) rotateX(62deg) scale(1.24);transform-origin:top center}
.hero-surface:after{content:'';position:absolute;inset:34% 4% 0;background:linear-gradient(104deg,transparent 11%,rgba(228,255,250,.24) 28%,transparent 44%),linear-gradient(78deg,transparent 51%,rgba(228,255,250,.14) 63%,transparent 74%);filter:blur(1px)}
.hero-shafts{position:absolute;inset:-4% -10% 14%;opacity:.55;background:linear-gradient(105deg,transparent 11%,rgba(225,255,251,.22) 21%,transparent 34%),linear-gradient(82deg,transparent 48%,rgba(190,252,244,.14) 58%,transparent 68%);transform-origin:top center;animation:surface-breathe 13s ease-in-out infinite alternate}
.hero-particles{position:absolute;inset:12% 0 5%;opacity:.42;background-image:radial-gradient(circle,rgba(231,255,251,.75) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(122,223,215,.55) 0 1px,transparent 1.7px);background-position:0 0,34px 51px;background-size:83px 97px,127px 139px;mask-image:linear-gradient(to bottom,transparent,black 16%,black 78%,transparent);animation:particle-rise 26s linear infinite}
.hero-ambient-layer{position:absolute;inset:0;width:auto;right:auto;top:auto;opacity:1;filter:none;transform:none;animation:none;contain:layout paint}
.hero-ambient-layer:after{content:none}
.ambient-drift{position:absolute;display:block;width:76px;height:31px;border-radius:55% 45% 48% 52%;background:rgba(3,34,47,.22);clip-path:polygon(0 50%,16% 13%,18% 39%,70% 25%,100% 50%,70% 75%,18% 61%,16% 87%);opacity:.4}
.ambient-drift-one{left:9%;top:34%;transform:scale(.7);animation:ambient-pass-one 28s ease-in-out infinite alternate}
.ambient-drift-two{right:14%;bottom:19%;transform:scale(.38) rotate(-8deg);opacity:.2;animation:ambient-pass-two 34s ease-in-out infinite alternate}
.hero-shell{display:grid;z-index:auto;grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);align-items:center;gap:clamp(26px,4vw,78px);padding-block:clamp(18px,3.5vh,48px)}
.hero-copy{width:auto;max-width:690px;position:relative;z-index:3;isolation:isolate}
.hero-copy:before{content:'';position:absolute;z-index:-1;inset:-42px -74px -38px -52px;border-radius:44% 52% 46% 54%;background:radial-gradient(ellipse at 31% 38%,rgba(2,28,41,.54) 0,rgba(2,33,46,.34) 39%,rgba(2,35,47,.15) 64%,transparent 82%);filter:blur(7px);mask-image:radial-gradient(ellipse at 34% 40%,#000 0 55%,rgba(0,0,0,.82) 68%,transparent 88%);pointer-events:none}
#hero .eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:16px;color:#b9fff4;text-shadow:0 1px 12px rgba(1,21,32,.55)}
#hero .eyebrow:before{content:'';width:26px;height:1px;background:currentColor;box-shadow:0 0 10px currentColor}
.hero-title{font-size:clamp(86px,10.2vw,166px);line-height:.74;letter-spacing:-.068em;margin:0 0 clamp(30px,4.5vh,48px);text-shadow:0 8px 42px rgba(1,16,25,.32)}
.hero-title span{color:#8bf3e4}
.tagline{max-width:650px;font-size:clamp(29px,3vw,46px);line-height:1.06;margin:0 0 17px;font-style:italic;text-wrap:balance;text-shadow:0 3px 24px rgba(1,16,25,.35)}
.hero-sub{max-width:610px;color:rgba(238,252,248,.82);font-size:clamp(14px,1.08vw,17px);line-height:1.68;margin:0;text-shadow:0 2px 18px rgba(1,16,25,.45)}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-cta{min-width:44px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid rgba(222,255,249,.34);border-radius:var(--radius-pill);padding:0 20px;color:var(--foam);font-size:12px;font-weight:700;text-decoration:none;letter-spacing:.025em;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.hero-cta:hover{transform:translateY(-2px)}
.hero-cta:focus-visible{outline:2px solid var(--foam);outline-offset:4px}
.hero-cta-primary{border-color:#8bf3e4;background:#8bf3e4;color:#052936;box-shadow:0 16px 34px -20px rgba(112,244,226,.95)}
.hero-cta-primary:hover{background:#a8faee;border-color:#a8faee}
.hero-cta-secondary{background:rgba(2,29,42,.24);backdrop-filter:blur(8px)}
.hero-trust{display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px;margin:22px 0 0;padding:0;list-style:none;color:rgba(238,252,248,.76);font-size:11px}
.hero-trust li{display:flex;align-items:center;gap:7px;white-space:nowrap}
.hero-trust li>span{width:6px;height:6px;border:1px solid #9bf6e8;border-radius:50%;box-shadow:0 0 10px rgba(155,246,232,.45)}
.hero-loop{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;color:#c4fff5;font:700 9px var(--font-mono);letter-spacing:.13em;text-transform:uppercase}
.hero-loop i{width:18px;height:1px;background:linear-gradient(90deg,rgba(196,255,245,.22),rgba(196,255,245,.8));position:relative}
.hero-loop i:after{content:'';position:absolute;right:-1px;top:-2px;border-top:2.5px solid transparent;border-bottom:2.5px solid transparent;border-left:4px solid rgba(196,255,245,.8)}
.ethics-card{position:relative;right:auto;top:auto;width:min(620px,100%);margin-top:20px;padding:12px 16px;display:block;border-color:rgba(239,199,110,.3);border-radius:16px;background:rgba(2,27,39,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(8px)}
.ethics-card strong{margin:1px 0 0;color:#f5d784;font-size:8px;line-height:1.55}
.ethics-card p{color:rgba(238,252,248,.74);font-size:11px;line-height:1.55}
.hero-visual{position:relative;z-index:auto;min-height:clamp(520px,72vh,900px);margin:0;align-self:stretch;display:grid;place-items:center;isolation:auto;mix-blend-mode:screen}
.hero-visual:before{content:'';position:absolute;z-index:0;width:min(44vw,670px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(116,239,223,.2),rgba(33,125,144,.09) 44%,transparent 68%);filter:blur(2px)}
.hero-orbit{position:absolute;z-index:0;width:min(39vw,570px);aspect-ratio:1;border:1px solid rgba(183,255,244,.12);border-radius:50%;box-shadow:inset 0 0 70px rgba(98,232,213,.035),0 0 70px rgba(98,232,213,.03)}
.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border:1px solid rgba(183,255,244,.09);border-radius:50%}
.hero-orbit:before{inset:9%}
.hero-orbit:after{inset:24%}
.hero-fish-wrap{position:absolute;inset:0 -3%;display:grid;place-items:center;transform:rotate(-4deg);animation:hero-fish-drift 12s ease-in-out infinite alternate;pointer-events:none}
.hero-fish{display:block;width:auto;height:clamp(630px,70vh,860px);max-width:none;object-fit:contain;object-position:center;mix-blend-mode:normal;filter:drop-shadow(0 28px 44px rgba(1,13,21,.34));transform:scaleX(-1)}
.hero-visual figcaption{position:absolute;z-index:2;right:2px;bottom:4%;max-width:250px;color:rgba(221,250,246,.52);font:700 9px/1.45 var(--font-mono);letter-spacing:.1em;text-align:right;text-transform:uppercase}
.surface-transition{position:absolute;z-index:1;right:0;bottom:-2px;left:0;height:clamp(110px,16vh,190px);pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(3,25,37,.38) 45%,#031522 100%)}
.surface-transition:before{content:'';position:absolute;right:-8%;bottom:24%;left:-8%;height:52%;border-top:1px solid rgba(153,244,232,.16);border-radius:50%;background:radial-gradient(ellipse at 50% 0,rgba(92,211,204,.09),transparent 62%);transform:rotate(-1deg)}
.surface-transition span{position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(90deg,rgba(98,232,213,.025),rgba(98,232,213,.085),rgba(98,232,213,.02));mask-image:linear-gradient(to top,black,transparent)}
#how-it-works{position:relative;background:linear-gradient(180deg,#031522 0,#062330 24%,#082431 100%)}
#how-it-works:before{content:'';position:absolute;z-index:1;inset:0 0 auto;height:clamp(90px,13vh,150px);pointer-events:none;background:radial-gradient(ellipse at 74% 0,rgba(98,232,213,.07),transparent 58%),linear-gradient(180deg,rgba(4,33,46,.94),transparent)}
@keyframes surface-breathe{to{opacity:.38;transform:translate3d(1.5%,1%,0) scaleX(1.02)}}
@keyframes particle-rise{to{transform:translate3d(0,-64px,0)}}
@keyframes hero-fish-drift{to{transform:translate3d(-1.8%,-1.2%,0) rotate(-2.8deg)}}
@keyframes ambient-pass-one{to{transform:translate3d(110px,-20px,0) scale(.76);opacity:.24}}
@keyframes ambient-pass-two{to{transform:translate3d(-90px,16px,0) scale(.42) rotate(-4deg);opacity:.12}}

@media(max-width:1180px){
 .site-nav{gap:14px}
 .nav-links{gap:0}
 .site-nav .path{padding-inline:10px;font-size:10px}
 .nav-primary{padding-inline:14px 16px!important}
 .hero-shell{grid-template-columns:minmax(0,1fr) minmax(350px,.88fr);gap:24px}
 .hero-title{font-size:clamp(84px,10.5vw,124px)}
}

@media(max-width:980px){
 .site-nav{grid-template-columns:auto 1fr auto;gap:12px}
 .nav-actions{grid-column:3}
 .nav-menu-toggle{display:inline-flex}
 .nav-links{position:absolute;top:calc(var(--nav-block) + 9px);right:max(14px,var(--safe-right));left:max(14px,var(--safe-left));display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px;border:1px solid rgba(169,232,222,.22);border-radius:18px;background:rgba(3,25,37,.96);box-shadow:0 24px 70px rgba(0,8,14,.48),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility 0s linear .18s}
 .nav-links.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
 .nav-links .path{min-height:48px;justify-content:flex-start;padding-inline:15px;border:1px solid rgba(169,232,222,.1);background:rgba(98,232,213,.025);font-size:11px}
 .nav-links .path:after{display:none}
 .hero-shell{grid-template-columns:minmax(0,.98fr) minmax(330px,1.02fr)}
 .hero-visual{min-height:600px}
 .ethics-card{grid-template-columns:1fr;gap:5px}
}

@media(max-width:820px){
 #hero{place-items:start center;background:linear-gradient(180deg,#a7e7e2 0,#4bb3bd 9%,#146a80 28%,#073c50 55%,#032332 80%,#031522 100%)}
 .hero-shell{display:block;padding-top:clamp(24px,5vh,54px)}
 .hero-copy{max-width:680px}
 .hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;max-width:560px}
 .hero-trust li{min-width:0;display:grid;grid-template-rows:6px auto;justify-items:center;align-content:start;gap:6px;white-space:normal;line-height:1.25;text-align:center}
 .hero-trust li:last-child{grid-column:auto}
 .hero-title{font-size:clamp(90px,18vw,138px)}
 .hero-visual{position:absolute;z-index:1;top:clamp(310px,43svh,390px);right:clamp(-34px,-3vw,-12px);width:min(92vw,540px);height:clamp(470px,94vw,680px);min-height:0;margin:0;pointer-events:none}
 .hero-fish-wrap{inset:0 -2%;place-items:center}
 .hero-fish{height:clamp(500px,96vw,690px);max-width:620px;transform:none}
 .hero-orbit{width:min(70vw,500px)}
 .hero-visual:before{width:min(78vw,590px)}
 .surface-transition{height:150px}
}

@media(max-width:620px){
 .site-nav{gap:7px;padding-right:max(10px,var(--safe-right));padding-left:max(12px,var(--safe-left));backdrop-filter:blur(10px)}
 .site-nav>.wordmark{font-size:21px}
 .nav-actions{gap:5px}
 .nav-aquarium{width:44px;padding:0!important;border-radius:50%!important}
 .nav-aquarium span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .nav-aquarium svg{width:20px;height:20px}
 .nav-primary{min-width:0;padding-inline:12px 14px!important;font-size:10px!important}
 .nav-menu-toggle{flex:0 0 44px}
 .nav-links{grid-template-columns:1fr;top:calc(var(--nav-block) + 7px)}
 #hero.main-section{padding-top:calc(var(--nav-block) + 34px);padding-bottom:118px}
 .hero-shell{padding-top:0}
 #hero .eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:12px}
 .hero-title{font-size:clamp(74px,24vw,108px);margin-bottom:28px}
 .tagline{font-size:clamp(27px,8.8vw,38px);line-height:1.08;margin-bottom:14px}
 .hero-sub{font-size:14px;line-height:1.62}
 .hero-actions{align-items:stretch;margin-top:22px}
 .hero-cta{flex:1 1 150px;padding-inline:15px}
 .hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:8px;margin-top:18px;font-size:10px}
 .hero-trust li{min-width:0;display:grid;grid-template-rows:6px auto;justify-items:center;align-content:start;gap:6px;white-space:normal;line-height:1.25;text-align:center}
 .hero-trust li:last-child{grid-column:auto}
 .hero-loop{gap:6px;margin-top:18px;font-size:8px;letter-spacing:.1em}
 .hero-loop i{width:10px}
 .ethics-card{width:min(100%,440px);margin-top:16px;padding:10px 13px;border-color:rgba(239,199,110,.34);background:rgba(2,27,39,.68);backdrop-filter:none}
 .ethics-card p{font-size:10.5px;line-height:1.45}
 .hero-visual{top:clamp(280px,43svh,350px);right:-16px;width:min(96vw,410px);height:clamp(430px,112vw,520px)}
 .hero-fish-wrap{inset:0 -2%}
 .hero-fish{height:clamp(440px,118vw,560px)}
 .hero-visual figcaption{right:18px;bottom:3%;max-width:190px;font-size:9px;letter-spacing:.08em}
 .surface-transition{height:120px}
}

@media(max-width:380px){
 .site-nav>.wordmark{font-size:20px;letter-spacing:-1.2px}
 .nav-primary span{font-size:0}
 .nav-primary span:after{content:'Join';font-size:10px}
 .nav-primary i{display:none}
 .hero-actions{display:grid;grid-template-columns:1fr}
 .hero-cta{width:100%}
 .hero-trust{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:9.5px}
 .hero-loop{justify-content:space-between;gap:4px}
 .hero-loop i{width:7px}
}

@media(max-height:820px) and (min-width:821px){
 #hero.main-section{padding-top:calc(var(--nav-block) + 30px);padding-bottom:120px}
 .hero-shell{align-items:start}
 .hero-visual{min-height:650px}
}

@media(max-width:340px){
 .hero-trust li{padding-inline:8px}
}

@media(max-width:430px) and (max-height:700px){
 .hero-copy{z-index:auto;isolation:auto}
 .hero-copy:before{display:none}
 .hero-copy>*{position:relative;z-index:5}
 .hero-visual{z-index:4;top:205px;right:-30px;opacity:.82}
 .hero-fish{height:360px}
 .hero-orbit,.hero-visual:before{opacity:.38}
 .hero-trust,.hero-loop{text-shadow:0 1px 7px #031522,0 0 12px #031522}
}

@media(min-width:1400px) and (min-height:900px){
 .hero-shell{top:clamp(-82px,-5.2vh,-46px)}
}

@media(prefers-reduced-motion:reduce){
 .hero-shafts,.hero-particles,.hero-fish-wrap,.ambient-drift{animation:none!important}
 .hero-shafts{transform:none;opacity:.42}
 .hero-particles{transform:none}
 .hero-fish-wrap{transform:rotate(-3deg)}
 .ambient-drift-one{transform:scale(.7)}
 .ambient-drift-two{transform:scale(.38) rotate(-8deg)}
}

/* Pass 2: shared control states and text legibility. */
.email-form input::placeholder,.ref-link-input::placeholder{color:var(--text-placeholder);opacity:1}
.email-form input,.ref-link-input{transition:border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard),background-color var(--motion-standard) var(--ease-standard)}
.email-form input:focus,.ref-link-input:focus{border-color:var(--border-interactive);box-shadow:var(--glow-aqua-focus)}
.email-form button,.ref-link-copy,.doc-btn{transition:background-color var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard)}
.email-form button:hover,.ref-link-copy:hover,.doc-btn:hover{border-color:var(--color-aqua-bright);background:var(--color-aqua-bright);color:var(--text-on-accent);box-shadow:var(--glow-aqua-soft)}
button:disabled,input:disabled,[aria-disabled=true]{color:var(--text-disabled);cursor:not-allowed}
/* Pass 3: hero-local visual upgrade and action hierarchy. */
.nav-aquarium-primary{gap:9px}
.nav-aquarium-primary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.nav-coming-soon{gap:7px;padding-inline:13px!important;border-color:rgba(169,232,222,.14)!important;background:rgba(2,20,30,.2)!important;color:rgba(221,237,235,.6)!important;cursor:not-allowed!important}
.nav-coming-soon small{color:rgba(239,199,110,.82);font:700 7px var(--font-mono);letter-spacing:.08em;text-transform:uppercase}
.site-nav .nav-coming-soon:hover,.site-nav .nav-coming-soon:focus-visible{border-color:rgba(169,232,222,.14)!important;background:rgba(2,20,30,.2)!important;color:rgba(221,237,235,.6)!important}

#hero{background:linear-gradient(180deg,#b9f0e9 0,#65c8cc 7%,#1d7e92 23%,#0a4053 50%,#052a39 75%,#031a27 100%)}
#hero:before{background:radial-gradient(ellipse at 73% 3%,rgba(241,255,251,.82),transparent 26%),radial-gradient(ellipse at 17% 21%,rgba(158,239,231,.19),transparent 37%),radial-gradient(ellipse at 79% 54%,rgba(86,216,203,.1),transparent 29%),linear-gradient(112deg,rgba(228,255,250,.15),transparent 27% 63%,rgba(132,232,225,.075))}
#hero:after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,18,28,.12),transparent 33% 70%,rgba(1,18,28,.08)),linear-gradient(180deg,transparent 55%,rgba(1,17,27,.18));mix-blend-mode:multiply}
.hero-surface{opacity:.68;background:radial-gradient(ellipse at 45% 0,rgba(255,255,255,.66),transparent 37%),radial-gradient(ellipse at 28% 21%,transparent 0 55%,rgba(222,255,250,.14) 56%,transparent 58%),radial-gradient(ellipse at 73% 11%,transparent 0 47%,rgba(222,255,250,.11) 48%,transparent 50%),linear-gradient(104deg,transparent 12%,rgba(232,255,251,.12) 31%,transparent 48%)}
.hero-shafts{opacity:.48;animation-duration:18s}
.hero-particles{opacity:.4;background-image:radial-gradient(circle at 9% 24%,rgba(231,255,251,.76) 0 1px,transparent 1.8px),radial-gradient(circle at 22% 67%,rgba(122,223,215,.54) 0 1px,transparent 1.8px),radial-gradient(circle at 39% 42%,rgba(231,255,251,.62) 0 1px,transparent 1.7px),radial-gradient(circle at 57% 73%,rgba(122,223,215,.5) 0 1px,transparent 1.8px),radial-gradient(circle at 71% 31%,rgba(231,255,251,.68) 0 1px,transparent 1.8px),radial-gradient(circle at 88% 58%,rgba(122,223,215,.55) 0 1px,transparent 1.8px);background-size:auto;animation-duration:34s}
.hero-shell{grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:clamp(30px,4.4vw,86px)}
.hero-copy{max-width:700px}
.hero-copy:before{inset:-48px -76px -42px -56px;background:radial-gradient(ellipse at 30% 39%,rgba(2,27,40,.58) 0,rgba(2,32,45,.37) 40%,rgba(2,35,47,.14) 66%,transparent 83%);filter:blur(6px)}
.hero-title{line-height:.76;letter-spacing:-.064em;text-shadow:0 9px 44px rgba(1,16,25,.36)}
.tagline{letter-spacing:-.012em}
.hero-actions{gap:9px;margin-top:27px}
.hero-cta{min-height:48px;padding-inline:19px}
.hero-cta-primary{border-color:#8bf3e4;background:linear-gradient(135deg,#a5faed,#68e4d3);color:#042834;box-shadow:0 17px 36px -21px rgba(112,244,226,.95),inset 0 1px 0 rgba(255,255,255,.5)}
.hero-cta-primary:hover{background:linear-gradient(135deg,#bcfff5,#7debdc);border-color:#b7fff3}
.hero-cta-secondary{border-color:rgba(220,255,249,.44);background:rgba(2,29,42,.2);color:rgba(246,255,253,.92)}
.hero-cta-disabled{gap:8px;border-color:rgba(169,232,222,.17);background:rgba(2,22,33,.18);color:rgba(225,241,239,.58);cursor:not-allowed}
.hero-cta-disabled small{color:rgba(239,199,110,.84);font:700 7px var(--font-mono);letter-spacing:.09em;text-transform:uppercase}
.hero-cta-disabled:hover{transform:none}
.hero-trust{margin-top:20px;color:rgba(238,252,248,.72)}
.hero-loop{margin-top:18px;color:rgba(196,255,245,.88)}
.ethics-card{width:min(640px,100%);margin-top:19px;padding:12px 16px 12px 15px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;border-color:rgba(239,199,110,.26);border-left:2px solid rgba(239,199,110,.64);border-radius:4px 15px 15px 4px;background:linear-gradient(90deg,rgba(2,24,36,.56),rgba(2,27,39,.29));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.ethics-card strong{margin:0;padding-right:13px;border-right:1px solid rgba(239,199,110,.22);color:#f5d784;font-size:8px;line-height:1.45;white-space:nowrap}
.ethics-card p{color:rgba(238,252,248,.72);font-size:10.5px;line-height:1.5}
.hero-visual{mix-blend-mode:screen}
.hero-visual:before{width:min(43vw,650px);background:radial-gradient(circle,rgba(116,239,223,.17),rgba(33,125,144,.075) 43%,transparent 68%);filter:blur(1px)}
.hero-visual:after{content:'';position:absolute;z-index:0;left:3%;top:22%;width:72%;height:48%;border-radius:50%;background:radial-gradient(ellipse at 34% 42%,rgba(211,255,247,.12),rgba(93,226,213,.055) 30%,transparent 67%);transform:rotate(-9deg);filter:blur(8px)}
.hero-orbit{width:min(38vw,550px);border-color:rgba(183,255,244,.09);transform:scaleX(.88) rotate(-7deg)}
.hero-orbit:before{inset:11%}.hero-orbit:after{inset:27%}
.hero-fish-wrap{animation-duration:18s}
.hero-fish-wrap:before{content:'';position:absolute;z-index:0;left:5%;top:22%;width:min(31vw,390px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 48% 48%,rgba(231,255,250,.19),rgba(94,231,216,.09) 24%,rgba(44,151,159,.035) 47%,transparent 69%);filter:blur(11px);transform:rotate(-8deg)}
.hero-fish{position:relative;z-index:1;filter:contrast(1.045) saturate(1.015) drop-shadow(0 28px 44px rgba(1,13,21,.36)) drop-shadow(-5px -2px 11px rgba(144,247,232,.14))}
.hero-fish{-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 0 66%,rgba(0,0,0,.94) 76%,transparent 100%);mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,#000 0 66%,rgba(0,0,0,.94) 76%,transparent 100%)}
.hero-visual figcaption{color:rgba(221,250,246,.48)}

@media(max-width:1180px){
 .hero-shell{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:25px}
 .hero-actions{gap:8px}
 .hero-cta{padding-inline:16px}
 .nav-coming-soon{padding-inline:10px!important}
 .nav-coming-soon small{display:none}
}

@media(max-width:980px){
 .nav-coming-soon small{display:inline}
 .hero-shell{grid-template-columns:minmax(0,.98fr) minmax(330px,1.02fr)}
 .hero-fish-wrap:before{left:2%;top:24%;width:min(38vw,360px)}
}

@media(max-width:820px){
 .hero-shell{display:block}
 .hero-copy{max-width:700px}
 .hero-visual{top:clamp(330px,45svh,410px)}
 .hero-fish-wrap:before{right:3%;left:auto;top:19%;width:min(60vw,390px)}
 .hero-orbit{width:min(69vw,490px)}
}

@media(max-width:620px){
 .nav-aquarium-primary{min-width:0;padding-inline:12px 14px!important}
 .nav-aquarium-primary svg{width:19px;height:19px}
 .nav-coming-soon{min-width:0;padding-inline:9px!important;font-size:9px!important}
 .nav-coming-soon small{display:none}
 #hero.main-section{min-height:max(100svh,1080px);padding-bottom:128px}
 .hero-title{letter-spacing:-.058em}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:23px}
 .hero-cta{width:100%;padding-inline:13px}
 .hero-cta-disabled{grid-column:1/-1;min-height:42px}
 .hero-trust{margin-top:17px}
 .hero-loop{margin-top:17px}
 .ethics-card{width:100%;margin-top:16px;padding:11px 13px;grid-template-columns:1fr;gap:5px;border-left-width:1px;border-radius:13px;background:rgba(2,27,39,.7)}
 .ethics-card strong{padding:0;border:0;white-space:normal}
 .ethics-card p{font-size:10.5px;line-height:1.45}
 .hero-visual{top:clamp(590px,66svh,625px);right:-16px;width:min(96vw,420px);height:clamp(430px,112vw,530px)}
 .hero-fish-wrap:before{right:1%;top:18%;width:min(77vw,340px)}
 .hero-fish{height:clamp(450px,119vw,570px)}
}

@media(max-width:380px){
 .nav-coming-soon{display:none}
 .nav-aquarium-primary span{font-size:0}
 .nav-aquarium-primary span:after{content:none}
 .nav-aquarium-primary{width:44px;padding:0!important;border-radius:50%!important}
 .nav-aquarium-primary svg{width:20px;height:20px}
 .hero-actions{grid-template-columns:1fr}
 .hero-cta-disabled{grid-column:auto}
 .hero-trust{font-size:9px}
}

@media(max-width:430px) and (max-height:700px){
 .hero-copy{z-index:3;isolation:isolate}
 .hero-copy:before{display:block}
 .hero-copy>*{position:relative;z-index:auto}
 .hero-visual{z-index:1;top:650px;right:-24px;opacity:.9}
 .hero-fish{height:440px}
 .hero-orbit,.hero-visual:before{opacity:.42}
}

@media(prefers-reduced-motion:reduce){
 .hero-shafts,.hero-particles,.hero-fish-wrap,.ambient-drift{animation:none!important}
 .hero-fish-wrap{transform:rotate(-3deg)}
 .hero-visual:after,.hero-fish-wrap:before{filter:none}
}

/* Pass 4: literal visual upgrade for The Loop cards. */
#how-it-works .icon-grid{align-items:stretch}
#how-it-works .icon-card{
 --loop-glow:98,232,213;
 position:relative;
 isolation:isolate;
 overflow:hidden;
 padding:28px 20px;
 border-color:rgba(var(--loop-glow),.44);
 background:linear-gradient(145deg,rgba(8,45,58,.96),rgba(3,24,35,.985));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 0 42px rgba(var(--loop-glow),.035),0 18px 52px -36px rgba(var(--loop-glow),.82),0 14px 34px rgba(1,12,20,.34);
}
#how-it-works .icon-card[data-experience="trade"]{--loop-glow:207,196,126;border-color:rgba(var(--loop-glow),.46)}
#how-it-works .icon-card:before{
 content:'';
 position:absolute;
 z-index:3;
 inset:1px;
 border-radius:calc(var(--radius) - 1px);
 background:linear-gradient(128deg,rgba(255,255,255,.085),transparent 20%,transparent 72%,rgba(var(--loop-glow),.035));
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);
 opacity:.75;
 pointer-events:none;
}
#how-it-works .icon-card:after{
 content:'';
 position:absolute;
 z-index:1;
 inset:0;
 background:linear-gradient(180deg,rgba(3,21,34,.02) 0,rgba(3,21,34,.17) 38%,rgba(3,21,34,.78) 78%,rgba(3,21,34,.96) 100%),linear-gradient(90deg,rgba(3,21,34,.18),transparent 72%);
 pointer-events:none;
}
#how-it-works .loop-card-bg{
 position:absolute;
 z-index:0;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:68% 18%;
 opacity:.25;
 filter:saturate(.9) contrast(1.06);
 transform:scale(1.015);
 transition:opacity var(--motion-panel) var(--ease-standard),transform var(--motion-panel) var(--ease-standard),filter var(--motion-panel) var(--ease-standard);
 pointer-events:none;
}
#how-it-works .icon-card[data-experience="breed"] .loop-card-bg{object-position:62% 12%;opacity:.29}
#how-it-works .icon-card[data-experience="trade"] .loop-card-bg{object-position:72% 18%;opacity:.27}
#how-it-works .icon-art{
 position:relative;
 z-index:2;
 flex:0 0 auto;
 width:82px;
 height:82px;
 overflow:hidden;
 border-color:rgba(169,232,222,.44);
 border-radius:20px;
 background:#041722;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 14px 30px -20px rgba(98,232,213,.82);
}
#how-it-works .loop-card-icon{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 transform:scale(1.015);
 transition:transform var(--motion-standard) var(--ease-standard),filter var(--motion-standard) var(--ease-standard);
}
#how-it-works .loop-card-copy{position:relative;z-index:2;min-width:0}
#how-it-works .icon-card h3{margin:18px 0 7px;color:var(--foam);font-size:31px;line-height:1;text-shadow:0 2px 20px rgba(1,12,20,.6)}
#how-it-works .icon-card p{max-width:24ch;color:rgba(221,250,246,.7);font-size:13px;line-height:1.48}
#how-it-works .card-more{margin-top:15px;color:#71e9d8;text-shadow:0 0 14px rgba(98,232,213,.24)}
#how-it-works .icon-card:hover,#how-it-works .icon-card:focus-visible{
 border-color:rgba(var(--loop-glow),.78);
 transform:translateY(-3px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 52px rgba(var(--loop-glow),.055),0 21px 58px -31px rgba(var(--loop-glow),.7),0 16px 38px rgba(1,12,20,.44);
}
#how-it-works .icon-card:hover .loop-card-bg,#how-it-works .icon-card:focus-visible .loop-card-bg{opacity:.35;filter:saturate(1.03) contrast(1.08);transform:scale(1.04)}
#how-it-works .icon-card:hover .loop-card-icon,#how-it-works .icon-card:focus-visible .loop-card-icon{filter:brightness(1.07);transform:scale(1.045)}

@media(max-width:620px){
 #how-it-works .icon-card{min-height:198px;padding:14px 13px 13px;border-radius:22px}
 #how-it-works .icon-card:before{border-radius:21px}
 #how-it-works .icon-art{width:56px;height:56px;border-radius:15px}
 #how-it-works .icon-card h3{margin:10px 0 5px;font-size:24px}
 #how-it-works .icon-card p{font-size:11px;line-height:1.42}
 #how-it-works .card-more{margin-top:9px;font-size:7px;letter-spacing:.14em}
 #how-it-works .loop-card-bg{object-position:70% 14%;opacity:.22}
 #how-it-works .icon-card[data-experience="breed"] .loop-card-bg,#how-it-works .icon-card[data-experience="trade"] .loop-card-bg{opacity:.25}
}

@media(max-width:340px){
 #how-it-works .icon-card{padding:13px 11px 12px}
 #how-it-works .icon-art{width:52px;height:52px;border-radius:14px}
 #how-it-works .icon-card h3{font-size:22px}
 #how-it-works .icon-card p{font-size:10.5px}
 #how-it-works .card-more{font-size:6.5px;letter-spacing:.12em}
}

@media(prefers-reduced-motion:reduce){
 #how-it-works .icon-card,#how-it-works .loop-card-bg,#how-it-works .loop-card-icon{transition:none!important}
 #how-it-works .icon-card:hover,#how-it-works .icon-card:focus-visible{transform:none}
 #how-it-works .icon-card:hover .loop-card-bg,#how-it-works .icon-card:focus-visible .loop-card-bg,#how-it-works .icon-card:hover .loop-card-icon,#how-it-works .icon-card:focus-visible .loop-card-icon{transform:none}
}
/* Pass 5: Founding Fish chamber and World destinations. */
#founding-fish{
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background:radial-gradient(ellipse at 50% 30%,rgba(33,118,126,.26),transparent 58%),linear-gradient(180deg,#031723 0%,#041c29 55%,#031722 100%);
}
#founding-fish:before{
 content:'';
 position:absolute;
 z-index:1;
 inset:0;
 background:linear-gradient(180deg,rgba(2,17,27,.38) 0,rgba(2,17,27,.05) 17%,rgba(2,17,27,.18) 62%,rgba(2,17,27,.7) 100%),radial-gradient(ellipse at 50% 32%,transparent 0 30%,rgba(2,16,25,.22) 76%,rgba(2,16,25,.62));
 pointer-events:none;
}
#founding-fish:after{
 content:'';
 position:absolute;
 z-index:1;
 right:0;
 bottom:0;
 left:0;
 height:160px;
 background:linear-gradient(180deg,transparent,#071f2c);
 pointer-events:none;
}
#founding-fish .founding-chamber-bg{
 position:absolute;
 z-index:0;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:50% 27%;
 opacity:.34;
 filter:saturate(.76) contrast(1.05) brightness(.82);
 mask-image:linear-gradient(180deg,transparent 0,#000 8%,#000 88%,transparent 100%);
 pointer-events:none;
}
#founding-fish .section-shell{position:relative;z-index:2}
#founding-fish .gallery-head{
 margin-bottom:24px;
 padding-bottom:18px;
 border-bottom:1px solid rgba(169,232,222,.16);
}
#founding-fish .gallery-note{color:rgba(221,250,246,.7)}
#founding-fish .tier-grid{position:relative;isolation:isolate}
#founding-fish .tier-card{
 background-color:#03111b;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 38px -29px rgba(1,12,20,.86);
 transition:transform var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard),filter var(--motion-standard) var(--ease-standard);
}
#founding-fish .tier-card img{transition:none!important;transform:none!important}
#founding-fish .tier-card:hover,#founding-fish .tier-card:focus-visible{
 transform:translateY(-2px);
 filter:brightness(1.035);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 46px -30px rgba(98,232,213,.48),0 16px 32px -26px rgba(1,12,20,.95);
}
#founding-fish .tier-card:focus-visible{outline:var(--focus-ring);outline-offset:4px}
#founding-fish .origin-timeline{
 position:relative;
 margin-top:34px;
 padding:28px 30px 30px;
 border:1px solid rgba(169,232,222,.18);
 border-radius:var(--radius-panel);
 background:linear-gradient(145deg,rgba(6,34,47,.86),rgba(2,19,30,.78));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 28px 60px -42px rgba(1,12,20,.9);
 backdrop-filter:blur(10px);
}
#founding-fish .origin-timeline:before{
 content:'';
 position:absolute;
 top:0;
 left:30px;
 width:92px;
 height:1px;
 background:linear-gradient(90deg,var(--aqua),transparent);
 box-shadow:0 0 16px rgba(98,232,213,.34);
}
#founding-fish .origin-head{margin-bottom:24px}
#founding-fish .origin-head>p{max-width:390px;line-height:1.55}
#founding-fish .timeline-track{padding-bottom:22px}
#founding-fish .timeline-track:before{background:linear-gradient(90deg,rgba(98,232,213,.18),rgba(169,232,222,.4),rgba(98,232,213,.18))}
#founding-fish .timeline-stop:before{background:#041722;box-shadow:inset 0 0 0 4px #041722}
#founding-fish .timeline-stop[aria-current=true]:before{border-color:#a8fff2;background:var(--aqua);box-shadow:0 0 0 5px rgba(98,232,213,.1),0 0 24px rgba(98,232,213,.42)}
#founding-fish .timeline-panel{
 position:relative;
 overflow:hidden;
 border-color:rgba(169,232,222,.2);
 background:linear-gradient(145deg,rgba(8,43,56,.94),rgba(2,19,30,.96));
 box-shadow:inset 3px 0 0 rgba(98,232,213,.2),inset 0 1px 0 rgba(255,255,255,.045),0 20px 42px -34px rgba(1,12,20,.9);
}
#founding-fish .timeline-visual{border-color:rgba(169,232,222,.18);background:radial-gradient(circle at 40% 24%,rgba(98,232,213,.13),transparent 62%),rgba(1,14,23,.88)}

#world{
 position:relative;
 isolation:isolate;
 background:radial-gradient(ellipse at 50% 0,rgba(40,118,126,.18),transparent 55%),linear-gradient(180deg,#071f2c,#041925 78%,#031722);
}
#world:before{
 content:'';
 position:absolute;
 z-index:0;
 inset:0 0 auto;
 height:170px;
 background:linear-gradient(180deg,rgba(7,31,44,.96),transparent);
 pointer-events:none;
}
#world .section-shell{position:relative;z-index:1}
#world .world-grid{gap:18px;margin-top:42px}
#world .world-card{
 position:relative;
 isolation:isolate;
 min-height:326px;
 overflow:hidden;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 width:100%;
 padding:26px 24px 24px;
 border:1px solid rgba(169,232,222,.18);
 border-radius:var(--radius-panel);
 background:#031722;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 50px -38px rgba(1,12,20,.92);
 color:inherit;
 text-align:left;
 cursor:pointer;
 transition:transform var(--motion-standard) var(--ease-standard),border-color var(--motion-standard) var(--ease-standard),box-shadow var(--motion-standard) var(--ease-standard);
}
#world .world-card:before{
 content:'';
 position:absolute;
 z-index:1;
 inset:0;
 background:linear-gradient(180deg,rgba(2,18,28,.05),rgba(2,18,28,.34) 46%,rgba(2,18,28,.95) 100%),linear-gradient(90deg,rgba(2,18,28,.48),transparent 74%);
 pointer-events:none;
}
#world .world-card:after{
 content:'';
 position:absolute;
 z-index:1;
 right:24px;
 bottom:19px;
 left:24px;
 height:1px;
 background:linear-gradient(90deg,rgba(98,232,213,.36),transparent 72%);
 opacity:.66;
 pointer-events:none;
}
#world .world-card-bg{
 position:absolute;
 z-index:0;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:68% 50%;
 opacity:.54;
 filter:saturate(.86) contrast(1.04);
 transition:opacity var(--motion-standard) var(--ease-standard),filter var(--motion-standard) var(--ease-standard);
 pointer-events:none;
}
#world .world-icon{
 position:relative;
 z-index:2;
 flex:0 0 auto;
 width:86px;
 height:86px;
 overflow:hidden;
 border-color:rgba(169,232,222,.36);
 border-radius:20px;
 background:#041722;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px -22px rgba(98,232,213,.76);
}
#world .world-icon img{display:block;width:100%;height:100%;object-fit:cover}
#world .world-card h3,#world .world-card p,#world .world-card .card-more{position:relative;z-index:2}
#world .world-card h3{margin:22px 0 8px;color:var(--foam);font-size:34px;line-height:1;text-shadow:0 2px 18px rgba(1,12,20,.62)}
#world .world-card p{max-width:30ch;color:rgba(221,250,246,.73);font-size:13px;line-height:1.55}
#world .world-card .card-more{margin-top:auto;padding-top:20px;padding-bottom:10px;color:#79ecdc}
#world .world-card:hover,#world .world-card:focus-visible{
 border-color:rgba(98,232,213,.56);
 transform:translateY(-2px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 28px 62px -40px rgba(98,232,213,.55),0 18px 38px -30px rgba(1,12,20,.96);
 outline:none;
}
#world .world-card:focus-visible{outline:var(--focus-ring);outline-offset:4px}
#world .world-card:hover .world-card-bg,#world .world-card:focus-visible .world-card-bg{opacity:.62;filter:saturate(.98) contrast(1.06)}

@media(max-width:900px){
 #founding-fish .founding-chamber-bg{object-position:50% 18%;opacity:.28}
 #founding-fish .origin-timeline{padding:24px 22px 25px}
 #world .world-card{min-height:282px}
 #world .world-card:last-child{min-height:236px}
 #world .world-card:last-child .world-card-bg{object-position:72% 42%}
}

@media(max-width:620px){
 #founding-fish .founding-chamber-bg{object-position:50% 7%;opacity:.22;filter:saturate(.7) contrast(1.02) brightness(.76)}
 #founding-fish .gallery-head{padding-bottom:15px}
 #founding-fish .origin-timeline{margin-top:28px;padding:22px 14px 18px;border-radius:20px}
 #founding-fish .origin-timeline:before{left:14px;width:64px}
 #founding-fish .origin-head{margin-bottom:20px}
 #founding-fish .timeline-stop{gap:7px;padding-inline:2px;font-size:6.5px;letter-spacing:.05em;white-space:nowrap}
 #founding-fish .timeline-stop span{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
 #founding-fish .timeline-stop:before{width:15px;height:15px}
 #founding-fish .timeline-panel{min-height:0;padding:15px}
 #world .world-grid{gap:12px;margin-top:25px}
 #world .world-card,#world .world-card:last-child{min-height:218px;padding:20px 18px 18px;border-radius:22px}
 #world .world-icon{width:64px;height:64px;border-radius:16px}
 #world .world-card h3{margin:15px 0 6px;font-size:28px}
 #world .world-card p{font-size:12px;line-height:1.5}
 #world .world-card .card-more{padding-top:14px;padding-bottom:7px}
 #world .world-card:after{right:18px;bottom:15px;left:18px}
}

@media(max-width:340px){
 #founding-fish .origin-timeline{padding-inline:11px}
 #founding-fish .timeline-stop{font-size:5.8px;letter-spacing:.025em}
 #world .world-card,#world .world-card:last-child{min-height:208px;padding:18px 15px 16px}
 #world .world-icon{width:58px;height:58px}
 #world .world-card h3{font-size:26px}
}

@media(prefers-reduced-motion:reduce){
 #founding-fish .tier-card,#world .world-card,#world .world-card-bg{transition:none!important}
 #founding-fish .tier-card:hover,#founding-fish .tier-card:focus-visible,#world .world-card:hover,#world .world-card:focus-visible{transform:none}
}

/* Pass 6: Liam's Letter and First Water. */
#world:after{
 content:'';
 position:absolute;
 z-index:0;
 right:0;
 bottom:0;
 left:0;
 height:clamp(130px,18vh,210px);
 background:linear-gradient(180deg,transparent,rgba(2,18,28,.5) 54%,#031522 100%);
 pointer-events:none;
}

#liams-letter{
 isolation:isolate;
 overflow:clip;
 background:radial-gradient(ellipse at 21% 38%,rgba(98,232,213,.075),transparent 42%),radial-gradient(ellipse at 83% 62%,rgba(239,199,110,.035),transparent 38%),linear-gradient(180deg,#031522 0,#03131f 62%,#02111b 100%);
}
#liams-letter:before{
 content:'';
 position:absolute;
 z-index:0;
 top:clamp(92px,14vh,150px);
 right:max(var(--page-gutter),var(--safe-right));
 left:max(var(--page-gutter),var(--safe-left));
 height:1px;
 background:linear-gradient(90deg,transparent,rgba(169,232,222,.2) 18%,rgba(169,232,222,.2) 82%,transparent);
 pointer-events:none;
}
#liams-letter:after{
 content:'';
 position:absolute;
 z-index:0;
 right:8%;
 bottom:12%;
 width:clamp(180px,25vw,360px);
 aspect-ratio:1;
 border:1px solid rgba(169,232,222,.055);
 border-radius:50%;
 box-shadow:0 0 0 42px rgba(169,232,222,.018),0 0 0 96px rgba(169,232,222,.012);
 pointer-events:none;
}
#liams-letter .letter-card{
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
 grid-template-rows:auto auto auto 1fr;
 column-gap:clamp(44px,6vw,84px);
 width:min(1120px,100%);
 padding:clamp(36px,4vw,54px);
 overflow:visible;
 border-color:rgba(169,232,222,.2);
 border-radius:var(--radius-dialog);
 background:linear-gradient(145deg,rgba(10,42,55,.58),rgba(3,21,34,.78) 58%,rgba(2,16,26,.9));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.045),inset 1px 0 0 rgba(98,232,213,.055),0 38px 90px -58px rgba(0,8,14,.92);
}
#liams-letter .letter-card:before{
 content:'';
 position:absolute;
 top:0;
 left:clamp(38px,5vw,64px);
 width:clamp(72px,9vw,122px);
 height:1px;
 background:linear-gradient(90deg,var(--aqua),rgba(98,232,213,0));
 box-shadow:0 0 18px rgba(98,232,213,.28);
 pointer-events:none;
}
#liams-letter .letter-card:after{
 content:'';
 position:absolute;
 top:clamp(38px,5vw,64px);
 bottom:clamp(38px,5vw,64px);
 left:calc(56% + 1px);
 width:1px;
 background:linear-gradient(180deg,transparent,rgba(169,232,222,.14) 18%,rgba(169,232,222,.14) 82%,transparent);
 pointer-events:none;
}
#liams-letter .eyebrow{grid-column:1;grid-row:1;margin-bottom:24px}
#liams-letter blockquote{
 grid-column:1;
 grid-row:2;
 max-width:18ch;
 margin:0;
 color:var(--foam);
 font:clamp(36px,3.3vw,48px)/1.09 var(--font-display);
 letter-spacing:-.018em;
 text-wrap:balance;
}
#liams-letter blockquote em{
 color:var(--color-aqua-bright);
 font-style:italic;
 text-decoration-line:underline;
 text-decoration-color:rgba(98,232,213,.28);
 text-decoration-thickness:1px;
 text-underline-offset:.14em;
}
#liams-letter .letter-body{
 grid-column:2;
 grid-row:1/span 3;
 align-self:center;
 max-width:43ch;
 margin:0;
 color:rgba(238,252,248,.78);
 font-size:15px;
 line-height:1.78;
}
#liams-letter .signature{
 grid-column:1;
 grid-row:3;
 align-self:end;
 margin-top:30px;
 color:var(--gold);
 font:italic 29px var(--font-display);
}
#join-faq{
 isolation:isolate;
 overflow:clip;
 padding-bottom:0;
 background:radial-gradient(ellipse at 19% 12%,rgba(98,232,213,.065),transparent 36%),linear-gradient(180deg,#02111b 0,#041822 28%,#020c13 100%);
}
#join-faq:before{
 content:'';
 position:absolute;
 z-index:0;
 top:0;
 right:max(var(--page-gutter),var(--safe-right));
 left:max(var(--page-gutter),var(--safe-left));
 height:1px;
 background:linear-gradient(90deg,transparent,rgba(169,232,222,.16) 16%,rgba(169,232,222,.16) 84%,transparent);
 pointer-events:none;
}
#join-faq .section-shell{position:relative;z-index:1}
#join-faq .join-layout{
 grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
 gap:clamp(38px,5vw,72px);
 align-items:start;
}
#join-faq .join-card{
 position:relative;
 max-height:none;
 padding:clamp(34px,4.5vw,54px);
 overflow:visible;
 border-color:rgba(169,232,222,.22);
 border-radius:var(--radius-dialog);
 background:linear-gradient(155deg,rgba(10,42,55,.66),rgba(3,21,34,.84) 48%,rgba(2,16,26,.94));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 34px 82px -58px rgba(0,8,14,.96);
}
#join-faq .join-card:before{
 content:'';
 position:absolute;
 top:0;
 left:clamp(34px,4.5vw,54px);
 width:clamp(84px,10vw,144px);
 height:1px;
 background:linear-gradient(90deg,var(--aqua),transparent);
 box-shadow:0 0 18px rgba(98,232,213,.3);
 pointer-events:none;
}
#join-faq .join-card>.section-title{
 max-width:7ch;
 font-size:clamp(52px,5.6vw,78px);
 line-height:.92;
 letter-spacing:-.025em;
}
#join-faq .join-card>.section-copy{max-width:42ch;margin:22px 0 19px;color:rgba(238,252,248,.75)}
#join-faq .email-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
#join-faq .email-form input{
 height:54px;
 border-color:rgba(169,232,222,.2);
 border-radius:var(--radius-control);
 background:rgba(2,12,19,.76);
}
#join-faq .email-form button{
 height:54px;
 border:1px solid var(--aqua);
 border-radius:var(--radius-control);
 padding-inline:22px;
 box-shadow:0 12px 28px -22px rgba(98,232,213,.86);
}
#join-faq .form-note{margin-top:11px;color:rgba(169,200,202,.76)}
#join-faq .referral-legacy{
 margin-top:36px;
 padding-top:32px;
 border-top-color:rgba(169,232,222,.16);
}
#join-faq .referral-legacy>h3{
 margin:0 0 12px!important;
 font:clamp(30px,3vw,40px)/1.02 var(--font-display)!important;
 letter-spacing:-.015em;
}
#join-faq .referral-intro{max-width:55ch;margin:0;color:rgba(238,252,248,.72);font-size:13.5px;line-height:1.7}
#join-faq .referral-tiers{gap:8px;margin:24px 0 20px}
#join-faq .ref-tier{
 position:relative;
 grid-template-columns:72px minmax(0,1fr);
 align-items:start;
 gap:14px;
 padding:15px 16px;
 border-color:rgba(169,232,222,.15);
 border-radius:var(--radius-control);
 background:linear-gradient(100deg,rgba(98,232,213,.04),rgba(98,232,213,.012) 58%,transparent);
}
#join-faq .ref-tier:before{
 content:'';
 position:absolute;
 top:-9px;
 bottom:calc(100% - 1px);
 left:51px;
 width:1px;
 background:rgba(239,199,110,.2);
 pointer-events:none;
}
#join-faq .ref-tier:first-child:before{display:none}
#join-faq .ref-count{display:flex;align-items:center;min-height:34px}
#join-faq .ref-count-num{
 min-width:58px;
 padding:8px 9px;
 border:1px solid var(--border-gold);
 border-radius:var(--radius-pill);
 background:rgba(239,199,110,.045);
 color:var(--gold);
 font:700 10px var(--font-mono);
 text-align:center;
}
#join-faq .ref-reward{color:rgba(238,252,248,.86);font-size:12.5px;line-height:1.5}
#join-faq .ref-reward strong{color:var(--foam)}
#join-faq .ref-note{margin-top:4px;color:rgba(169,200,202,.72);font-size:11.5px;line-height:1.52}
#join-faq .referral-cta-box{
 margin-top:22px;
 padding:23px;
 border:1px solid rgba(169,232,222,.16);
 border-radius:var(--radius-card);
 background:linear-gradient(135deg,rgba(98,232,213,.055),rgba(2,16,26,.62));
 text-align:left;
}
#join-faq .ref-cta-label{font-size:9px;letter-spacing:.18em}
#join-faq .ref-cta-text{margin:8px 0 18px;font-size:25px;line-height:1.14}
#join-faq .ref-cta-text em{color:var(--color-aqua-bright)}
#join-faq #refSignupBox .email-form{justify-content:stretch!important;margin-bottom:12px!important}
#join-faq #refSignupBox .email-form input{max-width:none!important}
#join-faq #refSignupBox>p{margin:0!important;color:rgba(169,200,202,.72)!important;line-height:1.5}
#join-faq .ref-confirm-line1{font:25px/1.15 var(--font-display);color:var(--foam)}
#join-faq .ref-confirm-line2{margin-top:8px;color:var(--mist);font-size:12px;line-height:1.55}
#join-faq .ref-link-box{width:100%;margin-top:16px}
#join-faq .ref-link-input{flex:1;width:auto;border-color:rgba(169,232,222,.2);border-radius:var(--radius-control) 0 0 var(--radius-control)}
#join-faq .ref-link-copy{border-radius:0 var(--radius-control) var(--radius-control) 0}
#join-faq .ref-counter{font-size:11px;margin-top:10px}
#join-faq .join-layout>div:last-child{
 position:sticky;
 top:calc(var(--nav-block) + 34px);
 padding-top:18px;
}
#join-faq .join-layout>div:last-child>.eyebrow{margin-bottom:18px}
#join-faq .faq-list{border-top-color:rgba(169,232,222,.2)}
#join-faq .faq-item{border-bottom-color:rgba(169,232,222,.15)}
#join-faq .faq-q{
 min-height:76px;
 gap:18px;
 padding:18px 0;
 color:rgba(238,252,248,.9);
 font-size:15px;
 line-height:1.45;
}
#join-faq .faq-q span{
 flex:0 0 32px;
 width:32px;
 height:32px;
 display:grid;
 place-items:center;
 border:1px solid rgba(98,232,213,.22);
 border-radius:50%;
 font-size:20px;
 line-height:1;
}
#join-faq .faq-q:hover span,#join-faq .faq-q:focus-visible span{border-color:var(--aqua);background:rgba(98,232,213,.08)}
#join-faq .faq-a p{max-width:55ch;color:rgba(238,252,248,.72);font-size:13px;line-height:1.72}
#join-faq .faq-item.open .faq-a p{padding:0 48px 22px 0}
#join-faq .footer{
 margin-top:clamp(48px,7vw,88px);
 padding-top:26px;
 padding-bottom:max(26px,var(--safe-bottom));
 border-top-color:rgba(169,232,222,.14);
}
#join-faq .footer>.wordmark{color:var(--foam);font-size:23px}
#join-faq .footer-links{gap:8px 18px}
#join-faq .footer-links a{color:rgba(169,200,202,.78);text-decoration:none}
#join-faq .footer-links a:hover,#join-faq .footer-links a:focus-visible{color:var(--foam)}
#join-faq .footer-copy{color:rgba(169,200,202,.5)}

@media(max-width:900px){
 #liams-letter .letter-card{display:block;width:min(720px,100%)}
 #liams-letter .letter-card:after{display:none}
 #liams-letter blockquote{max-width:18ch}
 #liams-letter .letter-body{max-width:62ch;margin:30px 0 0}
 #liams-letter .signature{margin-top:24px}
 #join-faq .join-layout{grid-template-columns:1fr;gap:44px}
 #join-faq .join-layout>div:last-child{position:static;padding-top:0}
 #join-faq .join-card>.section-title{max-width:none}
 #join-faq .footer{margin-top:58px}
}

@media(max-width:620px){
 #liams-letter{padding-top:calc(var(--nav-block) + 72px);padding-bottom:64px}
 #liams-letter:before{top:calc(var(--nav-block) + 28px)}
 #liams-letter:after{right:-44%;bottom:9%;width:270px}
 #liams-letter .letter-card{padding:30px 22px;border-radius:var(--radius-panel)}
 #liams-letter .letter-card:before{left:22px;width:72px}
 #liams-letter .eyebrow{margin-bottom:18px}
 #liams-letter blockquote{max-width:none;font-size:clamp(29px,8.4vw,36px);line-height:1.12;letter-spacing:-.012em;text-wrap:pretty}
 #liams-letter .letter-body{margin-top:26px;color:rgba(238,252,248,.76);font-size:14px;line-height:1.72}
 #liams-letter .signature{font-size:27px}
 #join-faq{padding-top:calc(var(--nav-block) + 72px)}
 #join-faq .join-card{padding:30px 22px;border-radius:var(--radius-panel)}
 #join-faq .join-card:before{left:22px;width:80px}
 #join-faq .join-card>.section-title{font-size:clamp(44px,13vw,58px);line-height:.94}
 #join-faq .join-card>.section-copy{margin:18px 0}
 #join-faq .email-form{grid-template-columns:1fr}
 #join-faq .email-form button{width:100%}
 #join-faq .referral-legacy{margin-top:30px;padding-top:27px}
 #join-faq .referral-intro{font-size:13px;line-height:1.66}
 #join-faq .referral-tiers{margin-top:20px}
 #join-faq .ref-tier{grid-template-columns:58px minmax(0,1fr);gap:11px;padding:14px 12px}
 #join-faq .ref-tier:before{left:40px}
 #join-faq .ref-count-num{min-width:52px;padding-inline:7px}
 #join-faq .ref-reward{font-size:12px}
 #join-faq .ref-note{font-size:11px}
 #join-faq .referral-cta-box{padding:19px 17px}
 #join-faq .ref-cta-text{font-size:23px}
 #join-faq .faq-q{min-height:70px;padding:16px 0;font-size:14px}
 #join-faq .faq-item.open .faq-a p{padding-right:0}
 #join-faq .footer{align-items:flex-start;gap:14px;margin-top:48px;padding-top:22px}
 #join-faq .footer-links{width:100%;gap:4px 10px}
 #join-faq .footer-links a{justify-content:flex-start}
}

@media(max-width:340px){
 #liams-letter .letter-card,#join-faq .join-card{padding:25px 17px}
 #liams-letter .letter-card:before,#join-faq .join-card:before{left:17px;width:62px}
 #liams-letter blockquote{font-size:27px}
 #liams-letter .letter-body{font-size:13.5px}
 #join-faq .join-card>.section-title{font-size:42px}
 #join-faq .ref-tier{grid-template-columns:50px minmax(0,1fr);gap:9px;padding-inline:10px}
 #join-faq .ref-count-num{min-width:46px;font-size:9px}
 #join-faq .referral-cta-box{padding-inline:14px}
}

/* Pass 9A: Hero fidelity and direct oarfish-to-water compositing. */
#hero{
 background:
  radial-gradient(ellipse at 72% 7%,rgba(181,246,239,.32),transparent 27%),
  radial-gradient(ellipse at 18% 26%,rgba(78,191,194,.18),transparent 34%),
  linear-gradient(180deg,#b8eee8 0,#64c4c8 8%,#227f91 24%,#0c4558 49%,#062d3d 73%,#031a27 100%);
}
#hero:before{
 background:
  radial-gradient(ellipse at 74% 2%,rgba(245,255,252,.72),transparent 25%),
  radial-gradient(ellipse at 14% 19%,rgba(182,247,238,.16),transparent 34%),
  radial-gradient(ellipse at 78% 55%,rgba(82,207,197,.09),transparent 31%),
  linear-gradient(110deg,rgba(228,255,250,.12),transparent 28% 62%,rgba(132,232,225,.065));
}
#hero:after{
 background:
  radial-gradient(ellipse at 50% 104%,rgba(1,13,22,.28),transparent 48%),
  linear-gradient(90deg,rgba(1,18,28,.08),transparent 30% 72%,rgba(1,18,28,.055)),
  linear-gradient(180deg,transparent 58%,rgba(1,17,27,.14));
}
#hero .hero-surface{opacity:.62;filter:saturate(.92)}
#hero .hero-shafts{opacity:.42;animation-iteration-count:2;animation-fill-mode:both}
#hero .hero-particles{opacity:.34;animation-iteration-count:1;animation-fill-mode:forwards}
#hero .ambient-drift{animation-iteration-count:2;animation-fill-mode:both}
#hero .hero-copy:before{
 inset:-46px -66px -38px -50px;
 border-radius:42%;
 background:radial-gradient(ellipse 68% 66% at 32% 42%,rgba(2,27,40,.31) 0,rgba(2,31,44,.16) 56%,transparent 100%);
 filter:blur(13px);
 -webkit-mask-image:none;
 mask-image:none;
}
#hero .hero-title{text-shadow:0 8px 38px rgba(1,16,25,.27),0 1px 0 rgba(255,255,255,.08)}
#hero .tagline{text-shadow:0 3px 22px rgba(1,16,25,.3)}
#hero .hero-sub{text-shadow:0 2px 16px rgba(1,16,25,.34)}
#hero .ethics-card{
 border-color:rgba(239,199,110,.3);
 background:linear-gradient(90deg,rgba(2,25,37,.48),rgba(2,31,43,.23) 72%,rgba(2,31,43,.12));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 48px -42px rgba(0,8,14,.7);
}
#hero .hero-visual{
 isolation:auto;
 mix-blend-mode:normal;
}
#hero .hero-visual:before{
 width:min(45vw,680px);
 background:radial-gradient(circle at 45% 47%,rgba(136,244,228,.13),rgba(45,151,157,.055) 43%,transparent 70%);
 filter:blur(9px);
}
#hero .hero-visual:after{
 left:-2%;
 top:19%;
 width:82%;
 height:55%;
 background:radial-gradient(ellipse at 42% 46%,rgba(213,255,247,.09),rgba(91,218,206,.038) 34%,transparent 70%);
 filter:blur(14px);
}
#hero .hero-orbit{
 border-color:rgba(183,255,244,.07);
 box-shadow:inset 0 0 86px rgba(98,232,213,.025),0 0 90px rgba(98,232,213,.022);
}
#hero .hero-orbit:before,#hero .hero-orbit:after{border-color:rgba(183,255,244,.065)}
#hero .hero-fish-wrap{mix-blend-mode:screen;animation-iteration-count:2;animation-fill-mode:both}
#hero .hero-fish{
 mix-blend-mode:normal;
 filter:contrast(1.08) saturate(1.035) brightness(1.015);
 -webkit-mask-image:radial-gradient(ellipse 94% 91% at 50% 51%,#000 0 76%,rgba(0,0,0,.96) 87%,transparent 100%);
 mask-image:radial-gradient(ellipse 94% 91% at 50% 51%,#000 0 76%,rgba(0,0,0,.96) 87%,transparent 100%);
}
#hero .surface-transition{
 height:clamp(130px,18vh,210px);
 background:
  linear-gradient(to bottom,transparent,rgba(3,25,37,.18) 44%,rgba(3,21,34,.72) 78%,#031522 100%);
}
#hero .surface-transition:before{
 bottom:22%;
 height:48%;
 border-top-color:rgba(153,244,232,.12);
 background:radial-gradient(ellipse at 50% 0,rgba(92,211,204,.07),transparent 64%);
}

@media(max-width:820px){
 #hero.main-section{min-height:max(100svh,1280px)}
 #hero .hero-visual{z-index:auto}
 #hero .hero-copy:before{
  inset:-38px -34px -34px -34px;
  background:radial-gradient(ellipse 75% 68% at 36% 40%,rgba(2,27,40,.28),rgba(2,31,44,.12) 60%,transparent 100%);
 }
}

@media(max-width:620px){
 #hero.main-section{min-height:max(100svh,1260px);padding-bottom:132px}
 #hero .hero-copy:before{inset:-28px -20px -24px}
 #hero .hero-visual{right:-10px}
 #hero .hero-fish{height:clamp(430px,112vw,520px)}
 #hero .hero-visual figcaption{bottom:6%}
}

@media(max-width:430px) and (max-height:700px){
 #hero.main-section{min-height:1240px}
 #hero .hero-visual{z-index:auto;top:600px;right:-22px;opacity:1}
 #hero .hero-fish{height:430px}
}

@media(prefers-reduced-motion:reduce){
 #hero .hero-fish-wrap{transform:rotate(-3deg)}
 #hero .hero-visual:after{filter:none}
}