@font-face{font-family:Manrope;src:url('./assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
.nav-github{white-space:nowrap}
:root{color-scheme:dark;--bg:#050d11;--bg-deep:#03090c;--text:#edf4f0;--muted:#94a7a7;--accent:#b4f7de;--line:rgba(177,222,213,.16);--sans:Manrope,'PingFang SC','Microsoft YaHei',sans-serif;--serif:'Songti SC','Noto Serif CJK SC','Source Han Serif SC',serif;--gutter:clamp(24px,5.4vw,104px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button{border:0}svg{display:block}button svg{width:20px;height:20px}section{position:relative}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}button:disabled{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:12px;left:16px;z-index:1000;padding:10px 20px;background:var(--accent);color:var(--bg);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);z-index:101;box-shadow:0 0 10px #b4f7de80}.pointer-halo{position:fixed;left:0;top:0;width:30px;height:30px;border:1px solid #b4f7de65;border-radius:50%;pointer-events:none;z-index:120;opacity:0;transition:width .2s,height .2s,border-color .2s;will-change:transform}.pointer-halo.is-hover{width:52px;height:52px;border-color:#b4f7de20;background:#b4f7de08}
.site-header{position:absolute;top:0;left:0;width:100%;height:108px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:3px;line-height:1}.brand-mark{width:40px;height:40px;object-fit:contain;flex-shrink:0}.brand-dot{font-size:9px;vertical-align:top;margin-left:3px;letter-spacing:0}.site-header nav{display:flex;gap:36px}.nav-link{position:relative;font-size:14px;color:#bdcccc;padding:8px 0;transition:color .25s}.nav-link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav-link:hover{color:var(--text)}.nav-link:hover::after{transform:scaleX(1)}.motion-toggle{display:flex;gap:9px;align-items:center;font-size:12px;letter-spacing:.06em;background:#07151940;border:1px solid #bfdbd526;padding:10px 14px;border-radius:24px;backdrop-filter:blur(12px);transition:border-color .3s}.motion-toggle:hover{border-color:#b4f7de70}.motion-led,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #b4f7de60}.pause-icon{font-size:12px;line-height:1;margin-left:5px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:500;line-height:1.6}.tiny-line{height:1px;width:28px;background:var(--accent);display:inline-block;margin-right:12px;vertical-align:middle}
.hero{isolation:isolate;min-height:800px;height:100svh;max-height:1200px;overflow:hidden;background:#050d11}.hero-atmosphere{position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 72% 45%,#12505260,transparent 50%),radial-gradient(ellipse at 80% 75%,#06324780,transparent 45%);animation:atmosphere 12s ease-in-out infinite alternate}.hero-art{position:absolute;inset:0 -3% -1% 0;z-index:-3;background-image:url('./assets/manta-restored-v10.webp');background-size:cover;background-position:center 46%;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.035);will-change:transform;opacity:.95}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050d11e6 0%,#050d1180 32%,#050d1105 63%),linear-gradient(0deg,#050d11 0%,transparent 25%,transparent 85%,#050d1160)}#ocean{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.85}.hero-content{position:relative;z-index:2;padding:clamp(190px,22vh,290px) var(--gutter) 150px;width:70%;pointer-events:none}.hero-content a{pointer-events:auto}.hero-content .eyebrow{color:var(--accent);margin-bottom:32px}.hero h1{font-size:clamp(62px,6.5vw,106px);letter-spacing:-.055em;font-weight:500;line-height:1.22}.hero h1>span{font-family:var(--serif);font-weight:500;color:var(--accent);letter-spacing:-.07em}.hero-description{font-size:16px;letter-spacing:.06em;line-height:1.9;color:#a9bcbd;margin-top:28px}.primary-link{display:inline-flex;align-items:center;gap:28px;margin-top:35px;font-size:14px;padding:5px 0;letter-spacing:.06em}.arrow-circle{display:grid;place-items:center;width:48px;height:48px;border:1px solid #c6eed842;border-radius:50%;font-size:22px;transition:background .3s,color .3s,transform .4s}.primary-link:hover .arrow-circle{background:var(--accent);color:var(--bg);transform:rotate(45deg)}.hero-coordinate{position:absolute;right:var(--gutter);top:45%;display:flex;align-items:center;gap:16px;color:#b3d3ce90;writing-mode:vertical-rl;font-size:10px;letter-spacing:.15em}.hero-coordinate i{height:60px;width:1px;background:#b4f7de30}.hero-bottom{position:absolute;bottom:36px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;color:#9cb4b4;font-size:12px;letter-spacing:.08em}.scroll-hint{display:flex;align-items:center;gap:16px}.scroll-track{position:relative;width:1px;height:40px;background:#b4f7de30;overflow:hidden}.scroll-track::after{content:'';position:absolute;top:-40%;left:0;width:1px;height:50%;background:var(--accent);animation:scroll-cue 2.5s ease-in-out infinite}.hero-note{margin-left:auto;margin-right:11vw;color:#aec2bb80}.edition{font-size:10px;color:#aec2bb80;letter-spacing:.18em}.intro-item{animation:intro 1.2s cubic-bezier(.22,1,.36,1) both}.hero-content h1{animation-delay:.1s}.hero-description{animation-delay:.25s}.primary-link{animation-delay:.4s}
.section-shell{padding:110px var(--gutter) 0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px}.section-top .eyebrow{color:var(--accent)}.section-aside{font-size:13px;letter-spacing:.05em;color:var(--muted)}.explore{overflow:hidden}.explore-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:96px 0 125px}.explore-heading{position:relative}.explore-heading h2{font-size:clamp(40px,4.3vw,70px);line-height:1.35;letter-spacing:-.04em}.serif-line{font-family:var(--serif);color:var(--accent)}.small-cross{display:block;margin-top:42px;font-size:46px;line-height:1;color:var(--accent);width:46px;animation:slow-spin 32s linear infinite}.explore-body{padding-top:6px}.large-copy{font-size:clamp(23px,2.4vw,36px);line-height:1.75;letter-spacing:-.03em}.large-copy>span{color:#839b9b}.support-copy{color:var(--muted);font-size:15px;line-height:1.9;max-width:420px;margin-top:30px}.connection-diagram{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:60px;max-width:460px}.endpoint{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.endpoint svg{width:25px;height:25px;color:#bad3d0}.endpoint>span{font-size:12px;color:#91aaa7}.relay-node{display:flex;flex-direction:column;align-items:center;font-size:25px;line-height:1.3;color:var(--accent);font-weight:700;flex-shrink:0;padding:10px}.relay-node>span{font-size:8px;font-weight:500;letter-spacing:.18em;margin-top:5px}.connection-line{flex:1;height:1px;position:relative;background:linear-gradient(90deg,#34514c22,#b4f7de60,#34514c22);overflow:hidden}.connection-line>i{position:absolute;top:0;left:-30%;width:30%;height:1px;background:var(--accent);box-shadow:0 0 7px var(--accent);animation:connect 2.8s ease-in-out infinite}.connection-line.reverse>i{animation-delay:1.4s}.word-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin:0 calc(-1 * var(--gutter));overflow:hidden;opacity:.62}.word-ribbon>div{display:flex;width:max-content;align-items:center;gap:50px;animation:marquee 38s linear infinite}.word-ribbon span{font-size:clamp(36px,6vw,86px);font-weight:400;letter-spacing:-.035em;line-height:1.3;color:transparent;-webkit-text-stroke:1px #b2c9c066}.word-ribbon b{font-weight:400;font-size:50px;color:var(--accent)}
.flow-section{height:850px;min-height:650px;max-height:100svh;isolation:isolate;overflow:hidden;background:#030c11;touch-action:pan-y}.flow-section::before{content:'';position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 45% 65%,#0d393b80,transparent 65%)}#flow-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.flow-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#050d11 0%,#050d1100 24%,#050d1100 65%,#050d11 100%),radial-gradient(ellipse at center,transparent 15%,#030c1160 100%)}.flow-top{position:absolute;left:var(--gutter);right:var(--gutter);top:70px;border-top:0;padding-top:0}.flow-mode{display:flex;align-items:center;gap:9px;font-size:12px;color:#adcfca}.flow-copy{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;pointer-events:none}.flow-copy .eyebrow{font-size:10px;color:#8facaa;letter-spacing:.24em;margin-bottom:28px}.flow-copy h2{font-size:clamp(46px,5.4vw,84px);line-height:1.35;letter-spacing:-.045em;text-shadow:0 4px 40px #010b0dc0}.flow-copy h2>span{font-family:var(--serif);color:var(--accent)}.flow-description{font-size:14px;letter-spacing:.13em;color:#a8bcba;margin-top:28px}.flow-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:65px;display:flex;align-items:center;justify-content:space-between;gap:24px}.interaction-hint{display:flex;align-items:center;gap:12px;color:#9dbdb7;font-size:12px;letter-spacing:.06em}.interaction-hint>span:first-child{font-size:22px;color:var(--accent)}.fullscreen-button{display:flex;align-items:center;gap:24px;background:#b4f7de05;border:1px solid #b4f7de3b;border-radius:40px;font-size:13px;padding:13px 21px;transition:background .3s}.fullscreen-button:hover{background:#b4f7de15}.flow-section:fullscreen,.flow-section.is-immersive{height:100dvh;max-height:none;background:#030c11}.flow-section.is-immersive{position:fixed;inset:0;z-index:200}.flow-section:fullscreen .flow-top,.flow-section.is-immersive .flow-top{top:40px}.flow-section:fullscreen .flow-bottom,.flow-section.is-immersive .flow-bottom{bottom:35px}.flow-section:fullscreen .flow-copy,.flow-section.is-immersive .flow-copy{opacity:.8}
.about{padding-top:55px;padding-bottom:100px}.about-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin:75px 0 74px}.about-intro h2{font-size:clamp(38px,4vw,64px);letter-spacing:-.04em;line-height:1.35}.about-intro h2>span{font-family:var(--serif);color:#8ca4a0}.about-intro>p{font-size:16px;line-height:2;color:var(--muted);padding-right:4vw}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principle{position:relative;border-top:1px solid var(--line);padding:26px 0 0;transition:border-color .4s}.principle:hover{border-color:#b4f7de88}.principle-number{font-size:12px;letter-spacing:.1em;color:#708d87}.principle h3{font-size:25px;letter-spacing:-.02em;margin:28px 0 14px}.principle p{font-size:14px;line-height:1.9;color:#95aaa7;max-width:320px;min-height:81px}.principle-tag{display:block;font-size:10px;letter-spacing:.15em;color:#567870;margin-top:30px}.site-purpose{border-top:1px solid var(--line);padding-top:22px;margin-top:52px;color:#81938f;font-size:12px}.site-footer{background:#061312;padding:40px var(--gutter) 26px;overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9cb9ae}.footer-top .eyebrow{font-size:10px;letter-spacing:.18em}.back-top{font-size:12px;display:flex;align-items:center;gap:20px}.back-top>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:18px;transition:background .3s,color .3s}.back-top:hover>span{background:var(--accent);color:var(--bg)}.footer-wordmark{display:flex;align-items:center;justify-content:space-between;font-size:clamp(105px,19.1vw,360px);line-height:1.2;letter-spacing:-.065em;font-weight:800;color:#c5e3d5;margin:12px 0 26px;transition:color .5s}.footer-wordmark:hover{color:var(--accent)}.footer-wordmark>span{font-size:.58em;font-weight:400;margin-right:12px;color:#769f8e;transition:transform .5s}.footer-wordmark:hover>span{transform:translate(10px,-10px)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:#859e93}.filing-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px}.filing-links a{transition:color .25s;white-space:nowrap}.filing-links a:hover{color:var(--accent)}.filing-links .mps{display:inline-flex;align-items:center;gap:6px}.mps img{display:block;object-fit:contain;flex-shrink:0}.copyright,.footer-signoff{white-space:nowrap}.footer-signoff{font-size:11px}
.js-ready .reveal{opacity:0;translate:0 28px;transition:opacity 1s ease,translate 1s cubic-bezier(.2,.7,.2,1)}.js-ready .reveal.is-visible{opacity:1;translate:0 0}.principle:nth-child(2){transition-delay:.1s}.principle:nth-child(3){transition-delay:.2s}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused .pointer-halo{display:none}.motion-paused .motion-led{background:#859d95;box-shadow:none}.motion-paused .hero-art{transform:none}.motion-paused .reveal{transition:none}.motion-paused .is-visible{opacity:1;translate:0 0}
.motion-paused .intro-item{animation:none!important;opacity:1;transform:none;filter:none}
.manta-wings{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none}.hero-art.wings-ready{background-image:none}.wings-ready .manta-wings{opacity:1}
.hero-art.separated{background-image:url('./assets/manta-restored-v10.webp');background-size:cover;background-repeat:no-repeat;mix-blend-mode:screen;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0) scale(1.035)}.hero-art.separated.wings-ready{background-image:none}.motion-paused .hero-art.separated{transform:scale(1.035)}
.hero-atmosphere{z-index:-6}
.hero-ambience{position:absolute;inset:0 -3% -1% 0;z-index:-5;pointer-events:none;background:url('./assets/manta-original-atmosphere.webp') center 46%/cover no-repeat;transform:scale(1.035);opacity:.95}
#ocean{z-index:-4}
.flow-section:fullscreen,.flow-section.is-immersive{min-height:0}
@media(max-height:520px){.flow-section:fullscreen .flow-copy,.flow-section.is-immersive .flow-copy{top:47%}.flow-section:fullscreen .flow-copy h2,.flow-section.is-immersive .flow-copy h2{font-size:clamp(28px,7vh,44px)}.flow-section:fullscreen .flow-copy .eyebrow,.flow-section.is-immersive .flow-copy .eyebrow,.flow-section:fullscreen .flow-description,.flow-section.is-immersive .flow-description{display:none}.flow-section:fullscreen .flow-top,.flow-section.is-immersive .flow-top{top:20px}.flow-section:fullscreen .flow-bottom,.flow-section.is-immersive .flow-bottom{bottom:20px}}
@keyframes intro{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes atmosphere{from{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes scroll-cue{to{top:115%}}@keyframes slow-spin{to{rotate:360deg}}@keyframes connect{to{left:120%}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes breathe{50%{opacity:.4}}
@media(min-width:1600px){.hero-art,.hero-ambience{background-position:center 45%}.hero-content{padding-top:25vh}}
@media(max-width:1100px){.site-header nav{gap:22px}.hero{min-height:740px}.hero-content{padding-top:210px}.hero-art,.hero-ambience{background-position:57% center}.hero-note{margin-right:3vw}.explore-layout{gap:7%}.footer-signoff{display:none}.footer-bottom{align-items:flex-start}.principles{gap:25px}}
@media(max-width:760px){html{scroll-padding-top:24px}.site-header{height:88px;gap:14px}.brand{font-size:21px;gap:8px}.brand-mark{width:35px;height:35px}.site-header nav{display:none}.motion-toggle{font-size:11px;padding:9px 12px}.hero{height:100svh;min-height:740px;max-height:1000px}.hero-content{padding-top:160px;width:100%}.hero-content .eyebrow{font-size:10px;margin-bottom:24px}.hero h1{font-size:clamp(52px,10.7vw,78px)}.hero-description{font-size:14px;margin-top:20px}.hero-art,.hero-ambience{inset:0 -30% 0 -45%;background-position:63% 65%;opacity:.6}.hero-shade{background:linear-gradient(90deg,#050d11b3 0%,#050d1170 55%,transparent),linear-gradient(0deg,#050d11,transparent 50%,#050d1140)}.hero-coordinate{display:none}.primary-link{margin-top:22px}.hero-note{display:none}.hero-bottom{bottom:29px}.hero-bottom,.scroll-hint{font-size:11px}.section-shell{padding-top:68px}.section-top{padding-top:19px}.section-top .eyebrow{font-size:10px}.section-aside{font-size:11px}.explore-layout{grid-template-columns:1fr;gap:44px;padding:52px 0 62px}.explore-heading h2{font-size:46px}.explore-heading h2 br:nth-child(2){display:none}.small-cross{position:absolute;right:10px;bottom:10px;font-size:35px;margin:0}.explore-body{padding:0}.large-copy{font-size:25px}.connection-diagram{margin-top:36px}.support-copy{font-size:14px;margin-top:25px}.word-ribbon{padding:20px 0}.word-ribbon>div{gap:28px}.word-ribbon span{font-size:43px}.word-ribbon b{font-size:33px}.flow-section{height:780px;min-height:690px;max-height:100svh}.flow-top{top:42px}.flow-top .eyebrow{font-size:9px}.flow-mode{font-size:10px}.flow-copy{top:45%}.flow-copy h2{font-size:49px}.flow-copy .eyebrow{font-size:8px;letter-spacing:.19em}.flow-description{font-size:12px;letter-spacing:.04em}.flow-bottom{bottom:40px;gap:10px;align-items:flex-end}.interaction-hint{font-size:10px;max-width:160px;gap:8px}.fullscreen-button{font-size:12px;padding:11px 16px;gap:10px;flex-shrink:0}.about{padding-top:35px;padding-bottom:64px}.about-intro{display:block;margin:46px 0 40px}.about-intro h2{font-size:44px}.about-intro>p{font-size:14px;margin-top:25px;line-height:1.9}.principles{grid-template-columns:1fr;gap:30px}.principle{display:grid;grid-template-columns:35px 1fr;padding-top:20px;gap:0 16px}.principle-number{padding-top:5px}.principle h3{font-size:23px;margin:0 0 12px}.principle p{grid-column:2;max-width:none;min-height:auto}.principle-tag{grid-column:2;margin-top:18px}.site-purpose{font-size:11px;margin-top:35px}.site-footer{padding-top:28px}.footer-top .eyebrow{font-size:8px}.back-top{font-size:11px;gap:8px}.back-top>span{width:30px;height:30px}.footer-wordmark{font-size:19vw;letter-spacing:-.07em;margin:22px 0 24px}.footer-wordmark>span{margin-right:0}.footer-bottom{flex-direction:column;align-items:center;gap:18px;padding-top:21px}.filing-links{flex-direction:column;gap:12px;font-size:12px}.copyright{font-size:11px;order:2}.pointer-halo{display:none}}
@media(pointer:coarse){.pointer-halo{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro-item{opacity:1;transform:none;filter:none}.js-ready .reveal{opacity:1;translate:0 0}.hero-art{transform:none}.pointer-halo{display:none}}

/* Keep the repository reachable when the section links collapse. */
@media(max-width:900px){.site-header nav{gap:18px}.motion-toggle .motion-label{display:none}}
@media(max-width:760px){.site-header{gap:10px}.site-header nav{display:flex;margin-left:auto}.site-header nav .nav-link:not(.nav-github){display:none}.nav-github{font-size:12px}.motion-toggle{flex-shrink:0}}