/* A continuous marine canvas. The scenes explain the mechanism; the editor stays immediate. */
.sea-world{position:relative;isolation:isolate;overflow:clip}.sea-atmosphere{position:sticky;top:0;height:100svh;margin-bottom:-100svh;z-index:-1;isolation:isolate;pointer-events:none;overflow:hidden}.sea-atmosphere .ocean{z-index:-2}.sea-world{color:#ffffff}.sea-atmosphere .scene-shade{background:linear-gradient(180deg,#06334230,#06334266 50%,#06334250)}.sea-world .hero{background:transparent;isolation:auto}.sea-atmosphere .ocean video{animation:none;transform:scale(1.18)}.discover-link{display:flex;align-items:center;gap:24px;min-height:44px}.discover-link span{font-size:20px}.hero-bottom .discover-link{color:#e1f4f7}
.story-scene{position:relative;min-height:155svh;view-timeline-name:--story;view-timeline-axis:block}.scene-content{position:sticky;top:0;height:100svh;min-height:650px;max-width:1440px;margin:auto;padding:160px max(32px,calc((1440px - 1144px)/2)) 100px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px}.scene-caption{display:block;font-size:12px;letter-spacing:.02em;color:#e1f4f7;margin-bottom:24px}.scene-heading h2{font-size:clamp(44px,4.5vw,68px);font-weight:470;letter-spacing:-.06em;line-height:1.03;text-wrap:balance}.scene-heading p{color:#e1f4f7;font-size:15px;line-height:1.75;margin-top:28px}.scene-foot{position:absolute;bottom:42px;left:max(32px,calc((100% - 1144px)/2));right:max(32px,calc((100% - 1144px)/2));display:grid;grid-template-columns:1fr 1.25fr auto;gap:24px;align-items:end;color:#cee4e9;font-size:11px;line-height:1.65}.scene-foot>span{color:#e1f4f7}.scene-foot a{font-size:13px;min-height:44px;display:flex;align-items:center;white-space:nowrap;color:#b7f5fa}
.pair-composition{position:relative;min-width:0;perspective:1000px;padding:28px 0 44px;align-self:center}.market-overline{display:flex;justify-content:space-between;font-size:11px;color:#e1f4f7;padding-bottom:28px;border-bottom:1px solid #ffffff35}.market-overline>span:last-child{color:#cee4e9}.hero-pair{display:flex;align-items:baseline;gap:18px;padding:36px 0 20px;font-size:clamp(60px,7vw,108px);letter-spacing:-.075em;font-weight:500;line-height:1.05;white-space:nowrap;text-shadow:none}.story-coin{color:#ffffff}.pair-divider{color:#9fd5e1;font-weight:300}.story-quote{position:relative;color:#b7f5fa;display:flex;align-items:center;gap:16px;letter-spacing:-.065em}.story-quote img{position:absolute;top:-18px;right:-9px;width:34px;height:34px;object-fit:contain;filter:none}.story-assets{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.story-assets button{color:var(--ink);display:flex;align-items:center;gap:9px;border:1px solid #007f9140;border-radius:999px;min-height:46px;padding:10px 15px;font-size:12px;background:#ffffff99;transition:background 160ms ease,color 160ms ease,transform 140ms var(--ease)}.story-assets img{width:18px;height:18px;object-fit:contain}.story-assets button[aria-pressed=true]{background:#007f91;color:#ffffff;border-color:#007f91}.story-assets button[aria-pressed=true] img[src*="solana"]{filter:brightness(0) invert(1)}.story-use-pair{margin-top:20px;color:#b7f5fa}
/* One centered source, two aligned destinations; no panels or overlapping labels. */
.flow-story{background:transparent}.flow-story .scene-content{grid-template-columns:.85fr 1.15fr;gap:50px}
.flow-composition{position:relative;min-width:0;align-self:center;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;font-variant-numeric:tabular-nums}
.flow-source{grid-column:1/-1;text-align:center;font-size:13px;color:#e1f4f7;letter-spacing:.01em}
.flow-routes{grid-column:1/-1;display:block;width:100%;height:150px;fill:none;stroke-linecap:round;overflow:visible;margin:12px 0 14px}
.route-base{stroke:#ffffff30;stroke-width:1}.pool-stream{stroke:#a4f3fa;stroke-width:calc(1px + var(--pool-share)*10px);opacity:calc(.1 + var(--pool-share)*.6)}.creator-stream{stroke:#e1f4f7;stroke-width:calc(1px + var(--creator-share)*10px);opacity:calc(.1 + var(--creator-share)*.6)}.route-current{stroke:#ffffff;stroke-width:2;stroke-dasharray:2 45;animation:current 6s linear infinite}.pool-current{opacity:var(--pool-share)}.creator-current{opacity:var(--creator-share);animation-duration:8s}
.flow-destination{text-align:center;min-width:0}.flow-destination>span{font-size:13px;color:#e1f4f7}.flow-destination strong{display:block;color:#b7f5fa;font-size:clamp(60px,6vw,86px);font-weight:470;letter-spacing:-.065em;line-height:1.12;margin:8px 0}.flow-destination small{font-size:.42em;font-weight:400;letter-spacing:-.02em;margin-left:3px}.creator-destination strong{color:#ffffff}.flow-destination .destination-note{display:block;font-size:11px;color:#cee4e9;line-height:1.5}
.flow-control{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:36px;font-size:11px;color:#cee4e9}.flow-control label{font-size:12px}.flow-control output{font-size:13px;color:#ffffff}.flow-control>span:last-child{justify-self:end}.flow-control input{appearance:none;-webkit-appearance:none;grid-column:1/-1;width:100%;height:32px;border-radius:4px;background:linear-gradient(to right,#b7f5fa calc(var(--pool-share)*100%),#ffffff40 calc(var(--pool-share)*100%)) center/100% 3px no-repeat;margin:0;cursor:pointer}.flow-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;border-radius:50%;border:5px solid #ffffff;background:#007f91;box-shadow:0 1px 8px #06334230}.flow-control input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:5px solid #ffffff;background:#007f91}
.tide-signoff{position:relative;max-width:1144px;margin:0 auto;padding:56px 0 32px;overflow:hidden}.signoff-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.signoff-top h2{font-size:clamp(40px,5.5vw,76px);font-weight:470;letter-spacing:-.055em;line-height:1.03}.signoff-top .launch-link{margin-bottom:5px}.studio-capabilities{display:flex;gap:40px;margin-top:48px;color:#4c7079;font-size:12px}.signoff-word{user-select:none;-webkit-user-select:none;pointer-events:none;position:relative;width:100%;aspect-ratio:1568.003/730.600;margin:50px 0 30px;background:url('assets/blue-poster.jpg') center/cover;mask-image:url('assets/tide-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}.signoff-word video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.word-fallback{display:none}.tide-signoff>p{font-size:11px;line-height:1.7;color:#4c7079}footer{margin-top:24px}
@keyframes current{to{stroke-dashoffset:-188}}
@media(prefers-reduced-motion:no-preference){@supports(animation-timeline:view()){.pair-composition{animation:pair-surface linear both;animation-timeline:--story;animation-range:entry 20% cover 45%}.flow-composition{animation:flow-surface linear both;animation-timeline:--story;animation-range:entry 20% cover 45%}.scene-heading{animation:heading-surface linear both;animation-timeline:--story;animation-range:entry 10% cover 35%}@keyframes pair-surface{from{transform:translate3d(65px,50px,0) rotateY(-10deg);opacity:.2}to{transform:none;opacity:1}}@keyframes flow-surface{from{transform:translate3d(0,50px,0);opacity:.2}to{transform:none;opacity:1}}@keyframes heading-surface{from{transform:translateY(30px);opacity:.3}to{transform:none;opacity:1}}}}
@media(hover:hover) and (pointer:fine){.story-assets button:hover{background:#dceff4}.story-assets button[aria-pressed=true]:hover{background:#006b7c}}
html[data-input=pointer] .story-assets button:active{transform:scale(.97)}
@media(max-width:1200px){.scene-content{padding-left:32px;padding-right:32px;gap:36px}.scene-foot{left:32px;right:32px}.hero-pair,.tide-signoff{margin-left:32px;margin-right:32px}}
@media(max-width:900px){.scene-content{gap:20px;grid-template-columns:.85fr 1.15fr}.scene-heading h2{font-size:48px}.scene-heading p{font-size:13px}.hero-pair{gap:12px;font-size:65px}.story-assets{gap:6px}.story-assets button{padding:8px 12px}.flow-story .scene-content{gap:30px}.flow-routes{height:120px}.flow-destination strong{font-size:60px}.flow-destination>span{font-size:12px}.flow-destination .destination-note{font-size:10px}.scene-foot{grid-template-columns:1fr 1.5fr auto;font-size:10px;gap:15px}}
@media(max-width:767px){.sea-atmosphere .scene-shade{background:linear-gradient(180deg,#06334250,#06334280 60%,#06334260)}.nav .explore-link{display:flex;font-size:12px}.nav nav{gap:16px}.nav nav .browse-assets{display:none}.story-scene{min-height:145svh}.scene-content{height:100svh;min-height:750px;padding:110px 24px 95px;grid-template-columns:1fr;gap:18px;align-content:center}.scene-caption{font-size:11px;margin-bottom:16px}.scene-heading h2{font-size:46px;line-height:1.04}.scene-heading p{font-size:13px;line-height:1.65;margin-top:18px}.pair-composition{padding:16px 0 8px}.market-overline{padding-bottom:16px;font-size:10px}.hero-pair{font-size:clamp(44px,14.3vw,90px);gap:12px;padding:28px 0 10px}.story-quote img{width:26px;height:26px;top:-12px;right:-8px}.story-assets{margin-top:20px}.story-assets button{font-size:11px;min-height:44px;padding:9px 14px}.story-assets img{width:17px;height:17px}.story-use-pair{margin-top:12px;font-size:12px}.scene-foot{left:24px;right:24px;bottom:20px;grid-template-columns:1fr auto;font-size:10px;gap:8px}.scene-foot>p{grid-column:1/-1;grid-row:2;max-width:290px}.scene-foot a{grid-column:2;grid-row:1;font-size:11px}.scene-foot>span{font-size:10px}.flow-story .scene-content{grid-template-columns:1fr;gap:28px;padding-bottom:120px}.flow-composition{column-gap:16px;margin-bottom:0}.flow-source{font-size:12px}.flow-routes{height:90px;margin:8px 0 10px}.flow-destination strong{font-size:62px}.flow-destination>span{font-size:12px}.flow-destination .destination-note{font-size:10px}.flow-control{margin-top:24px}.tide-signoff{margin-left:24px;margin-right:24px;padding-top:32px}.signoff-top{display:block}.signoff-top h2{font-size:44px}.signoff-top .launch-link{width:fit-content;margin-top:28px;min-height:52px}.studio-capabilities{gap:12px;justify-content:space-between;font-size:10px;margin-top:40px;line-height:1.6}.studio-capabilities>span{max-width:100px}.signoff-word{margin-top:40px;margin-bottom:24px}.tide-signoff>p{font-size:10px;max-width:270px}}
@media(max-height:650px) and (min-width:768px){.story-scene{min-height:auto}.scene-content{position:relative;height:auto;min-height:700px}.flow-story .scene-content{padding-bottom:200px}}
@media(prefers-reduced-motion:reduce){.story-scene{min-height:auto}.scene-content{position:relative}.route-current{animation:none}.pair-composition,.flow-composition,.scene-heading{opacity:1;transform:none}}
.pair-story{background:transparent}
@media(max-height:900px) and (max-width:767px){.story-scene{min-height:auto}.scene-content,.flow-story .scene-content{position:relative;height:auto;min-height:100svh;padding:110px 24px 38px;gap:24px}.scene-foot{position:static;margin-top:24px}.flow-composition{margin-bottom:0}}


@supports not (mask-image:url('assets/tide-mask.svg')){.signoff-word{aspect-ratio:auto;background:none}.signoff-word video{display:none}.word-fallback{display:block;font-size:clamp(120px,32vw,470px);font-weight:600;letter-spacing:-.085em;line-height:1;color:var(--accent)}}