:root{color-scheme:light;--canvas:#f5f8fc;--paper:#fff;--ink:#10213a;--muted:#657389;--line:#dce5ef;--folder-blue:#557cac;--folder-deep:#3f628f;--folder-pale:#e4effa;--sky:#edf5fc;--glow:rgba(133,178,224,.32);--shadow:0 30px 70px rgba(36,68,104,.16);--shadow-soft:0 14px 35px rgba(36,68,104,.11);--ease:cubic-bezier(.2,.8,.2,1)}[data-theme=dark]{color-scheme:dark;--canvas:#101824;--paper:#172232;--ink:#edf5fd;--muted:#aebdcd;--line:#293b4f;--folder-blue:#739bd0;--folder-deep:#507db5;--folder-pale:#213650;--sky:#142132;--glow:rgba(75,126,185,.23);--shadow:0 30px 70px rgba(0,0,0,.35);--shadow-soft:0 14px 35px rgba(0,0,0,.26)}*{box-sizing:border-box}html,body{min-height:100%}body{min-width:1080px;margin:0;overflow:hidden;background:var(--canvas);color:var(--ink);font-family:"Segoe UI Variable","Microsoft YaHei UI","Microsoft YaHei",sans-serif;transition:background-color .28s var(--ease),color .28s var(--ease)}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block}:focus-visible{outline:3px solid #84a8d1;outline-offset:4px}.skip-link{position:fixed;z-index:100;left:20px;top:18px;padding:10px 14px;border-radius:12px;background:var(--ink);color:var(--paper);transform:translateY(-150%);transition:transform .2s var(--ease)}.skip-link:focus{transform:translateY(0)}
.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden;filter:blur(30px);pointer-events:none}.ambient span{position:absolute;border-radius:50%;background:var(--glow);transition:transform .65s var(--ease),background .28s var(--ease)}.ambient-one{width:500px;height:500px;top:-250px;left:-120px}.ambient-two{width:560px;height:560px;right:-200px;top:22%}.ambient-three{width:360px;height:360px;bottom:-200px;left:43%;opacity:.55}[data-active-page=core] .ambient-one{transform:translate(60vw,45vh) scale(1.45)}[data-active-page=workflow] .ambient-two{transform:translate(-42vw,35vh) scale(1.25)}[data-active-page=extensions] .ambient-three{transform:translate(-32vw,-38vh) scale(1.6)}[data-active-page=roadmap] .ambient-one{transform:translate(55vw,70vh)}
.site-header{position:relative;z-index:20;padding:20px 34px}.nav-shell{width:min(1280px,calc(100vw - 68px));min-height:62px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:10px 14px 10px 16px;border:1px solid color-mix(in srgb,var(--line) 92%,transparent);border-radius:22px;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:0 8px 24px rgba(34,61,93,.06);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;white-space:nowrap;font-weight:700;letter-spacing:-.03em;cursor:pointer}.brand img{border-radius:11px;box-shadow:0 6px 16px rgba(40,77,122,.16)}.nav-links{display:flex;justify-content:center;gap:2px}.nav-links button{border:0;border-radius:11px;padding:8px 10px;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease)}.nav-links button:hover,.nav-links button[aria-selected=true]{background:var(--folder-pale);color:var(--folder-deep)}.nav-links button:active{transform:scale(.96)}.theme-toggle{position:relative;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);padding:8px;cursor:pointer}.theme-glyph{width:18px;height:18px;border:2px solid currentColor;border-radius:50%;box-shadow:inset -4px -3px 0 var(--canvas)}.toggle-label{font-size:13px;font-weight:650}.theme-ripple{position:fixed;z-index:200;left:var(--x);top:var(--y);width:22px;height:22px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);opacity:1}.theme-ripple.is-active{animation:themeBloom .52s var(--ease) forwards}@keyframes themeBloom{to{transform:translate(-50%,-50%) scale(150);opacity:1}}
.experience-shell{position:relative;width:min(1180px,calc(100vw - 96px));height:calc(100vh - 172px);min-height:620px;max-height:800px;margin:0 auto}.page-state{position:absolute;inset:0;display:grid;align-items:center;opacity:0;pointer-events:none;transform:translateY(22px) scale(.986);transition:opacity .28s var(--ease),transform .34s var(--ease);visibility:hidden}.page-state.is-active{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.page-state.is-entering{animation:arrive .4s var(--ease)}.page-state.is-leaving{opacity:0;transform:translateY(-18px) scale(1.012);visibility:visible}.page-state[hidden]{display:none}@keyframes arrive{0%{opacity:0;transform:translateY(28px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}.state-copy{max-width:650px}.eyebrow{margin:0 0 14px;color:var(--folder-deep);font-size:12px;font-weight:800;letter-spacing:.14em}.page-state h1,.page-state h2{margin:0;letter-spacing:-.065em;line-height:.98}.page-state h1{font-size:clamp(68px,8vw,122px)}.page-state h2{font-size:clamp(42px,5vw,74px);max-width:760px}.page-state p{color:var(--muted);font-size:17px;line-height:1.75}.hero{grid-template-columns:1fr 1fr;gap:26px}.hero-statement{margin:22px 0 10px;color:var(--ink)!important;font-size:clamp(27px,3vw,43px)!important;font-weight:650;letter-spacing:-.05em;line-height:1.16!important}.lead{max-width:520px}.actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:0;border-radius:16px;padding:12px 18px;font-size:14px;font-weight:750;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.button:hover{transform:translateY(-2px)}.button.primary,.download-action{background:var(--folder-deep);color:#fff;box-shadow:0 12px 24px rgba(47,86,132,.24)}.button.quiet{border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.brand-stage{position:relative;height:420px;isolation:isolate}.folder-object{position:absolute;left:50%;top:98px;width:305px;height:220px;transform:translateX(-50%);z-index:3;filter:drop-shadow(0 30px 24px rgba(45,81,122,.23));animation:float 4.8s var(--ease) infinite}.folder-tab{position:absolute;left:22px;top:0;width:125px;height:54px;border-radius:26px 26px 0 0;background:var(--folder-deep)}.folder-face{position:absolute;inset:40px 0 0;border-radius:26px;background:linear-gradient(145deg,#78a2d6,var(--folder-deep));display:grid;place-items:center;overflow:hidden}.folder-face::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.22),transparent 32%)}.folder-face img{position:relative;z-index:1;border-radius:38px;filter:drop-shadow(0 14px 14px rgba(20,47,79,.2))}.orbital-card{position:absolute;width:200px;height:126px;border:1px solid color-mix(in srgb,var(--line) 72%,white);border-radius:22px;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:var(--shadow-soft);padding:18px;display:grid;gap:10px;backdrop-filter:blur(9px)}.orbital-card span{display:block;border-radius:9px;background:var(--folder-pale)}.orbital-card span:nth-child(2){width:68%}.card-a{left:10px;top:100px;transform:rotate(-12deg);animation:cardA 5.4s var(--ease) infinite}.card-b{right:10px;top:82px;transform:rotate(10deg);animation:cardB 5.7s var(--ease) infinite}.card-c{left:calc(50% - 110px);bottom:0;width:220px;transform:rotate(-2deg);opacity:.88}.stage-caption{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}.status-dot,.progress-dot{width:8px;height:8px;border-radius:50%;background:#67a684;box-shadow:0 0 0 5px rgba(103,166,132,.12)}
.product-state,.v04-state,.github-state{grid-template-columns:.86fr 1.14fr;gap:90px}.principle-wheel{position:relative;width:470px;height:470px;justify-self:end}.principle-wheel::before,.principle-wheel::after{content:"";position:absolute;inset:50px;border:1px solid var(--line);border-radius:50%;border-right-color:transparent;transform:rotate(-28deg)}.principle-wheel::after{inset:112px;border-color:var(--folder-blue);border-left-color:transparent;transform:rotate(42deg)}.wheel-core{position:absolute;inset:calc(50% - 72px);border-radius:30px;background:var(--folder-deep);display:grid;place-items:center;box-shadow:var(--shadow)}.wheel-core img{border-radius:20px}.principle{position:absolute;padding:10px 13px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--paper) 90%,transparent);box-shadow:var(--shadow-soft);font-size:13px;font-weight:700}.p-one{top:10px;left:138px}.p-two{right:0;top:190px}.p-three{bottom:12px;left:145px}.p-four{left:0;top:190px}
.core-state{grid-template-columns:.7fr 1.3fr;gap:38px}.core-heading p{max-width:410px}.core-orbit{position:relative;height:560px}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid var(--line);border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-ring-one{width:500px;height:354px;border-right-color:transparent}.orbit-ring-two{width:400px;height:450px;border-left-color:transparent;border-top-color:var(--folder-blue);transform:translate(-50%,-50%) rotate(38deg)}.orbit-ring-three{width:260px;height:260px;border-style:dashed;border-color:color-mix(in srgb,var(--folder-blue) 48%,transparent)}.orbit-folder{position:absolute;left:calc(50% - 95px);top:calc(50% - 70px);width:190px;height:140px;border-radius:24px;background:var(--folder-blue);display:grid;place-items:center;box-shadow:var(--shadow)}.orbit-folder span{position:absolute;left:16px;top:-22px;width:76px;height:28px;border-radius:15px 15px 0 0;background:var(--folder-deep)}.orbit-folder img{position:relative;border-radius:28px}.orbit-node{position:absolute;width:180px;padding:13px 15px;border-radius:18px;background:color-mix(in srgb,var(--paper) 91%,transparent);box-shadow:var(--shadow-soft);border:1px solid var(--line)}.orbit-node::before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--folder-blue);box-shadow:0 0 0 6px var(--folder-pale)}.orbit-node b{display:block;margin-bottom:8px;color:var(--folder-blue);font-size:11px}.orbit-node strong{display:block;font-size:16px}.orbit-node small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.node-one{left:5px;top:58px}.node-one::before{right:-35px;bottom:-12px}.node-two{right:0;top:112px}.node-two::before{left:-25px;bottom:-17px}.node-three{left:2px;bottom:68px}.node-three::before{right:-33px;top:-7px}.node-four{right:18px;bottom:35px}.node-four::before{left:-26px;top:-18px}
.workflow-state{grid-template-rows:auto auto;gap:62px}.workflow-flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0;margin:0}.workflow-flow li{position:relative;min-height:176px;padding:20px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--paper) 86%,transparent);box-shadow:var(--shadow-soft);transition:transform .25s var(--ease)}.workflow-flow li:nth-child(2){transform:translateY(28px)}.workflow-flow li:nth-child(3){transform:translateY(10px)}.workflow-flow li:nth-child(4){transform:translateY(38px)}.workflow-flow li:hover{transform:translateY(-4px)}.workflow-flow li::after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:1px;background:var(--folder-blue)}.workflow-flow li:last-child::after{display:none}.workflow-flow span{display:block;color:var(--folder-blue);font-size:12px;font-weight:800}.workflow-flow strong{display:block;margin-top:42px;font-size:20px;letter-spacing:-.04em}.workflow-flow small{display:block;margin-top:8px;color:var(--muted);font-size:13px}
.reserved-visual{position:relative;height:370px}.reserve-layer{position:absolute;left:50%;top:50%;width:310px;height:200px;border-radius:34px;transform:translate(-50%,-50%)}.reserve-back{background:#d5e5f5;transform:translate(-61%,-60%) rotate(-8deg)}.reserve-mid{background:#9ab8d9;transform:translate(-42%,-47%) rotate(7deg)}.reserve-front{z-index:2;display:grid;place-items:center;background:var(--folder-deep);box-shadow:var(--shadow);overflow:hidden}.reserve-front::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 35%)}.reserve-front img{position:relative;z-index:1;border-radius:20px}.reserved-note{display:flex;align-items:center;gap:13px;margin-top:28px;color:var(--folder-deep);font-weight:700}.reserved-note span{padding:7px 10px;border-radius:10px;background:var(--folder-pale);font-size:12px}.reserved-note small{color:var(--muted);font-weight:500}
.extensions-state{grid-template-columns:.76fr 1.24fr;gap:70px}.extension-stack{display:grid;gap:12px}.extension-stack article{position:relative;display:grid;grid-template-columns:76px 1fr auto;gap:18px;align-items:center;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--paper) 88%,transparent);box-shadow:var(--shadow-soft)}.extension-stack h3{margin:0;font-size:18px}.extension-stack p{grid-column:2;margin:0;font-size:13px}.extension-stack span{position:absolute;right:20px;top:20px;padding:5px 7px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:11px}.extension-symbol{grid-row:span 2;width:58px;height:52px;border-radius:15px;background:var(--folder-pale);display:grid;place-items:center}.video-symbol i{width:24px;height:18px;border-radius:6px;background:var(--folder-blue);clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%)}.audio-symbol{display:flex;align-items:center;gap:5px}.audio-symbol i{width:5px;border-radius:99px;background:var(--folder-blue)}.audio-symbol i:nth-child(1){height:17px}.audio-symbol i:nth-child(2){height:30px}.audio-symbol i:nth-child(3){height:23px}.ai-symbol{display:grid;grid-template-columns:repeat(2,10px);gap:5px}.ai-symbol i{display:block;width:10px;height:10px;border-radius:4px;background:var(--folder-blue)}
.roadmap-state{grid-template-rows:auto auto;gap:64px}.roadmap-arc{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;position:relative}.roadmap-arc::before{content:"";position:absolute;left:6%;right:6%;top:38px;height:130px;border-top:1px solid var(--line);border-radius:50%}.roadmap-arc>div{position:relative;z-index:1;padding:0 15px;text-align:center}.roadmap-arc>div::before{content:"";display:block;width:13px;height:13px;margin:32px auto 28px;border:2px solid var(--folder-blue);border-radius:50%;background:var(--canvas)}.roadmap-arc .roadmap-active::before{background:var(--folder-blue);box-shadow:0 0 0 8px var(--folder-pale)}.roadmap-arc span{color:var(--muted);font-size:12px}.roadmap-arc strong{display:block;margin-top:16px;font-size:21px}.roadmap-arc p{margin:8px 0;color:var(--muted);font-size:13px}.repo-mark{width:230px;height:230px;border-radius:54px;display:grid;place-items:center;background:var(--folder-deep);box-shadow:var(--shadow);color:#fff;font-size:44px;font-weight:650;letter-spacing:-.12em}.text-link{display:inline-flex;gap:10px;margin-top:6px;color:var(--folder-deep);font-weight:750}.download-state{place-items:center}.download-block{width:min(850px,100%);padding:54px 60px;border-radius:34px;background:var(--folder-deep);box-shadow:var(--shadow);color:#fff}.download-block .eyebrow{color:#c7def6}.download-block p{max-width:620px;color:#d4e3f4}.download-action{margin-top:22px;background:#fff;color:var(--folder-deep)}.progress-state{grid-template-columns:.7fr 1.3fr;gap:52px}.progress-copy p{max-width:430px}.progress-screen{margin:0;padding:10px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow-soft)}.progress-screen img{width:100%;height:auto;border-radius:12px}
.status-rail{position:fixed;right:31px;top:50%;z-index:25;display:grid;gap:10px;transform:translateY(-50%)}.rail-dot{width:7px;height:7px;border:0;border-radius:50%;background:color-mix(in srgb,var(--muted) 35%,transparent);padding:0;cursor:pointer;transition:height .22s var(--ease),background .22s var(--ease)}.rail-dot:hover,.rail-dot.is-current{height:24px;background:var(--folder-blue)}.progress-trigger{position:fixed;z-index:25;bottom:56px;left:50%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--muted);transform:translateX(-50%);font-size:12px;cursor:pointer;transition:color .2s var(--ease)}.progress-trigger:hover{color:var(--folder-deep)}.progress-trigger small{color:var(--folder-blue)}.progress-dot{width:6px;height:6px;box-shadow:none}.site-footer{position:fixed;bottom:20px;left:50%;z-index:18;width:min(1180px,calc(100vw - 96px));display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%);color:var(--muted);font-size:12px}.site-footer .brand{color:var(--ink)}.site-footer p{margin:0}
@keyframes float{50%{transform:translateX(-50%) translateY(-10px)}}@keyframes cardA{50%{transform:rotate(-9deg) translateY(-9px)}}@keyframes cardB{50%{transform:rotate(7deg) translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms!important;transition-duration:1ms!important}.folder-object,.orbital-card{animation:none!important}}