@charset "UTF-8";
:root{--paper:#fafbfc;--ink:#181a21;--muted:#777c88;--line:#e5e7eb;--blue:#4c62de;--font:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#dfe5ff;color:#1b2862}.skip-link{position:fixed;left:20px;top:-60px;z-index:100;background:var(--ink);color:white;padding:12px 20px;border-radius:9px}.skip-link:focus{top:16px}
.site-header{height:100px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:37px;height:37px}.brand-type{font-size:18px;letter-spacing:2px;font-weight:650;line-height:1.5}.brand-type>span{display:block;font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:1.65px;color:#757984}.desktop-nav{display:flex;align-items:center;gap:38px;font-size:13px;color:#717580;position:absolute;left:50%;transform:translateX(-50%)}.desktop-nav>a{position:relative;transition:color .2s;white-space:nowrap}.desktop-nav>a:hover,.desktop-nav>.nav-current{color:var(--ink)}.nav-current:after{content:"";position:absolute;width:4px;height:4px;border-radius:100%;background:var(--ink);left:50%;bottom:-13px}.nav-dot{display:inline-block;width:4px;height:4px;background:#7487e4;border-radius:100%;vertical-align:top;margin:3px 0 0 5px}.header-link{font-size:12px;border:1px solid #dfe1e7;border-radius:30px;padding:11px 18px;display:flex;gap:22px;align-items:center;transition:border-color .2s,background .2s}.header-link:hover{border-color:#b4bedf;background:#f2f4fb}.header-link>span{font-size:17px;line-height:1}
.hero{height:max(720px,calc(100svh - 100px));max-height:1040px;min-height:720px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}#particle-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hero-topline{position:absolute;top:37px;display:flex;align-items:center;gap:10px;color:#7c808c;font-size:10px;letter-spacing:1.5px}.live-dot{height:5px;width:5px;border-radius:50%;background:#6a7ce1;box-shadow:0 0 0 4px #6a7ce10b}.topline-sep{margin:0 8px;color:#bbbfc9}.hero-content{text-align:center;position:relative;top:-9px;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{margin:0 0 27px;font-size:9px;letter-spacing:3.5px;font-family:var(--mono);color:#8c909b}h1{font-weight:500;font-size:clamp(68px,7.2vw,112px);line-height:1.34;letter-spacing:-4px;margin:0 0 28px}.possibility{position:relative;white-space:nowrap}.possibility>svg{position:absolute;left:0;bottom:-8px;width:100%;height:17px;overflow:visible;fill:none;stroke:#7486e7;stroke-width:1.5;opacity:.7}.hero-description{font-size:14px;line-height:1.9;letter-spacing:1px;color:#787d88;margin:0}.description-sep{color:#bcc0c9;margin:0 8px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:38px}.button{border-radius:30px;font-size:12px;letter-spacing:.5px;min-height:49px;padding:0 23px;display:inline-flex;gap:25px;align-items:center;justify-content:space-between;transition:background .2s,transform .2s,border-color .2s}.button>span{font-size:18px;line-height:1}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}.button-primary:hover{background:#34394b;border-color:#34394b}.button-secondary{background:#fafbfcb3;border:1px solid #dcdfe6;color:#454a56}.button-secondary:hover{border-color:#aab4d5;background:#f0f3ff}.hero-bottom{position:absolute;bottom:30px;left:5.2%;right:5.2%;display:flex;align-items:center;justify-content:space-between;color:#8c909b;font-size:8px;font-family:var(--mono);letter-spacing:1.1px}.hero-index{display:flex;align-items:center;gap:11px}.tiny-cross{font-size:18px;font-weight:300;color:#6e7590}.cursor-hint{display:flex;align-items:center;gap:7px;font-family:var(--font);font-size:10px;letter-spacing:1px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.cursor-hint svg{width:12px;height:16px}.touch-hint{display:none}.scroll-cue{display:flex;align-items:center;gap:16px;transition:color .2s}.scroll-cue>span:last-child{font-size:20px}.scroll-cue:hover{color:var(--blue)}
.section-index{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;font-weight:400;color:#8b909d;margin:0}.playground{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 5.2%;padding:30px 0 24px;display:flex;align-items:center;gap:20px;position:relative;flex-wrap:wrap;scroll-margin-top:22px}.playground-label{display:flex;flex-direction:column;gap:10px;margin-right:auto}.playground h2{font-size:15px;letter-spacing:.5px;font-weight:500;margin:0}.motion-toggle{height:37px;width:37px;display:grid;place-items:center;border:1px solid #e0e3ea;background:transparent;border-radius:50%;color:#747b90;flex-shrink:0}.motion-toggle>svg{width:16px;height:16px;grid-area:1/1}.play-icon{display:none}.motion-toggle[aria-pressed="true"] .play-icon{display:block}.motion-toggle[aria-pressed="true"] .pause-icon{display:none}.flow-description{width:100%;font-size:10px;line-height:1.8;color:#8a909d;margin:0;text-align:right;padding-right:57px;letter-spacing:.3px}
.section-shell{width:89.6%;max-width:1440px;margin:0 auto}.about{padding:117px 4.1% 122px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.about-heading .section-index{margin-bottom:35px}.about h2{font-size:clamp(34px,3.5vw,53px);font-weight:450;line-height:1.6;letter-spacing:-1.4px;margin:0}.about h2 span{color:#747b8c}.about-copy{padding-top:17px;position:relative}.about-mini-mark{display:block;font-size:26px;line-height:1;color:#5d6dcc;margin-bottom:32px}.about-copy .lead{font-size:20px;line-height:1.9;color:#3a3e48;margin:0 0 23px;font-weight:450}.about-copy p{font-size:12px;line-height:2.15;letter-spacing:.3px;color:#858b97;margin:0 0 26px}.about-copy .about-note{font-size:11px;color:#555d70;padding-left:22px;position:relative;margin:0}.about-note:before{content:"";width:12px;height:1px;background:#8290ba;position:absolute;left:0;top:12px}
.future{padding-bottom:100px}.future-card{border-radius:13px;overflow:hidden;background:#f0f2f7;display:grid;grid-template-columns:1fr 1fr;min-height:458px}.future-copy{padding:52px 0 46px 9%}.future h2{font-size:clamp(34px,3.6vw,53px);line-height:1.45;font-weight:450;letter-spacing:-1.8px;margin:27px 0 22px}.blue-period{color:#6a7bdd}.future-copy>p:not(.section-index){font-size:12px;line-height:2;color:#8b90a0;letter-spacing:.2px;margin:0 0 33px}.text-link{font-size:11px;color:#51596d;display:inline-flex;gap:37px;align-items:center;padding-bottom:9px;border-bottom:1px solid #cbd1df;transition:color .2s,border-color .2s}.text-link:hover{color:var(--blue);border-color:var(--blue)}.text-link>span{font-size:18px}.sketch-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:28px 5% 28px 0}.sketch-art>svg{width:100%;max-width:490px;height:auto;max-height:400px}.sketch-coordinate{position:absolute;left:6%;right:6%;font-family:var(--mono);font-size:7px;letter-spacing:.9px;color:#939cb2}.sketch-coordinate-top{top:5px}.sketch-coordinate-bottom{bottom:4px;display:flex;justify-content:space-between;align-items:center}.sketch-coordinate-bottom>span{font-size:20px;color:#6f7da2}.orbital-lines{transform-origin:240px 210px;animation:orbit-breathe 14s ease-in-out infinite}.sketch-grid{opacity:.6}@keyframes orbit-breathe{0%,100%{transform:rotate(-7deg) scale(.94)}50%{transform:rotate(8deg) scale(1.025)}}
.site-footer{padding-top:24px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:53px}.footer-wordmark{font-size:76px;line-height:1;letter-spacing:-6px;font-weight:600;position:relative}.footer-wordmark>span{font-size:13px;letter-spacing:0;vertical-align:top;display:inline-block;padding:10px 0 0 10px;font-weight:400}.footer-sentence{font-size:12px;line-height:2.1;letter-spacing:1px;color:#666d7d;margin-right:auto;margin-left:10%}.footer-sentence>span{font-size:10px;letter-spacing:.6px;color:#989dab}.domain-copy{border:1px solid #dee2eb;background:transparent;padding:12px 17px;border-radius:30px;font-family:var(--mono);font-size:11px;display:flex;gap:20px;align-items:center;color:#697186;transition:background .2s}.domain-copy:hover{background:#edf0f8}.domain-copy>svg{width:15px;height:15px}.footer-bottom{border-top:1px solid var(--line);padding:24px 0 26px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.5px;color:#9b9fab}.footer-bottom>span:nth-child(2){display:flex;align-items:center;gap:8px}.footer-dot{width:4px;height:4px;border-radius:50%;background:#8291ce}.footer-bottom>a{color:#747e92}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:30;padding:12px 21px;border-radius:30px;background:#242b3e;color:#fff;font-size:12px;transition:opacity .2s,transform .2s;box-shadow:0 5px 30px #1824471a}.toast.visible{opacity:1;transform:translate(-50%,0)}
.hero-content{top:-58px;transition:opacity .65s,transform .65s}.playground{position:absolute;bottom:65px;left:5.2%;right:5.2%;margin:0;padding:21px 0 0;border-bottom:0;gap:11px 20px;scroll-margin-top:30px}.playground .flow-description{font-size:9px}
@media(min-width:1700px){.hero-content{top:-58px}.hero-topline{top:50px}.hero{min-height:800px}.site-header{max-width:1900px;margin:auto}}
@media(max-width:1000px){.desktop-nav{gap:24px}.hero{min-height:670px;max-height:850px}h1{font-size:clamp(65px,8.7vw,90px)}.hero-index{font-size:6px;letter-spacing:.6px}.scroll-cue{font-size:6px}.about{gap:50px;padding-top:90px;padding-bottom:90px}.future-card{min-height:415px}.future-copy{padding-top:43px}.footer-wordmark{font-size:67px}.future{padding-bottom:75px}}
@media(max-width:720px){html{scroll-padding-top:30px}.site-header{height:84px;padding:0 6%}.brand{gap:8px}.brand-mark{width:31px;height:31px}.brand-type{font-size:15px;letter-spacing:1px}.brand-type>span{font-size:6px;letter-spacing:1.4px}.desktop-nav{display:none}.header-link{font-size:10px;padding:9px 13px;gap:13px}.hero{height:calc(100svh - 84px);min-height:640px;max-height:880px}.hero-topline{font-size:8px;top:28px;letter-spacing:1px;gap:8px}.topline-sep{margin:0 5px}.hero-content{top:-6px;width:100%;padding:0 15px}.eyebrow{font-size:7px;letter-spacing:2.4px;margin-bottom:29px}h1{font-size:clamp(48px,10.6vw,76px);line-height:1.44;letter-spacing:-2.8px;margin-bottom:25px}.possibility>svg{height:11px;bottom:-5px}.hero-description{font-size:10px;letter-spacing:.5px}.description-sep{margin:0 3px}.hero-actions{gap:10px;margin-top:30px}.button{min-height:44px;font-size:10px;padding:0 18px;gap:20px}.hero-bottom{left:6%;right:6%;bottom:24px;justify-content:center}.hero-index,.scroll-cue>span:first-child{display:none}.cursor-hint{font-size:9px}.scroll-cue{position:absolute;right:0}.hero-bottom .scroll-cue>span:last-child{font-size:22px}.section-shell{width:88%}.playground{margin:0 6%;padding:25px 0 22px;gap:20px 10px}.playground-label{width:100%;gap:9px}.playground h2{font-size:15px}.section-index{font-size:8px;letter-spacing:1.1px}.motion-toggle{width:32px;height:32px}.flow-description{text-align:left;font-size:9px;padding-right:0;min-height:17px}.about{padding:75px 2% 78px;grid-template-columns:1fr;gap:33px}.about-heading .section-index{margin-bottom:24px}.about h2{font-size:36px;line-height:1.5;letter-spacing:-1px}.about-copy{padding-top:0;padding-left:25%}.about-mini-mark{position:absolute;left:0;top:7px;font-size:23px}.about-copy .lead{font-size:17px;line-height:1.9;margin-bottom:18px}.about-copy p{font-size:11px;line-height:2.15;margin-bottom:21px}.about-copy .about-note{font-size:10px}.future{padding-bottom:64px}.future-card{grid-template-columns:1fr;border-radius:10px}.future-copy{padding:32px 8% 0}.future h2{font-size:36px;letter-spacing:-1.2px;margin-top:23px;margin-bottom:19px}.future-copy>p:not(.section-index){font-size:11px;line-height:2;margin-bottom:26px}.text-link{font-size:10px;gap:24px}.sketch-art{height:308px;margin:29px 6% 21px}.sketch-art>svg{height:300px;width:100%;max-height:300px}.sketch-coordinate{font-size:6px}.footer-top{padding-bottom:33px;flex-wrap:wrap;gap:25px 0}.footer-wordmark{font-size:65px;letter-spacing:-5px}.footer-wordmark>span{font-size:11px;padding:9px 0 0 9px}.footer-sentence{font-size:10px;margin:0 0 0 auto;text-align:right}.footer-sentence>span{font-size:8px}.domain-copy{font-size:10px;padding:10px 15px;gap:18px}.footer-bottom{font-size:8px;padding:22px 0 24px;flex-wrap:wrap;row-gap:15px}.footer-bottom>span:nth-child(2){display:none}.site-footer{padding-top:0}}
@media(max-width:370px){.hero-description>span:last-child{display:block}.description-sep{display:none}h1{font-size:45px}.footer-sentence{font-size:9px}.about-copy{padding-left:20%}}
@media(max-width:1000px) and (min-width:721px){.hero-content{top:-67px}.playground{bottom:62px}.playground .section-index{font-size:8px}.playground h2{font-size:13px}}
@media(max-width:720px){.hero{min-height:735px}.hero-content{top:-67px}.playground{bottom:60px;left:6%;right:6%;margin:0;padding:19px 0 0;gap:12px 10px}.playground-label{width:auto;margin-right:auto;gap:7px}.playground .section-index{font-size:7px}.playground h2{font-size:13px}.playground .motion-toggle{order:2}.playground .flow-description{order:4;font-size:8px;min-height:15px}}
.hero-description{font-size:15px}.about-copy p{font-size:13px}.future-copy>p:not(.section-index){font-size:13px}.about-copy .about-note{font-size:12px}.footer-bottom{font-size:10px}
@media(max-width:720px){.hero-description{font-size:10px}.about-copy p,.future-copy>p:not(.section-index){font-size:12px}.about-copy .about-note{font-size:11px}.footer-bottom{font-size:9px}}
@media(hover:none){.mouse-hint{display:none}.touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

.playground .flow-description{width:auto;margin:0 0 0 auto;padding:0;text-align:right}.playground .motion-toggle{order:3}.hero-content{top:-45px}
@media(max-width:720px){.hero-content{top:-40px}.playground{gap:12px}.playground .flow-description{width:100%;order:4;text-align:left;margin:0}.playground .motion-toggle{order:2}.playground-label{flex:1}}

.icp-record{margin:0;padding:0 0 24px;text-align:center;font-size:11px;color:#9299a6;line-height:1.8}.icp-record a:hover{color:#4c62de}
