@charset "UTF-8";
@font-face{font-family:ConiperScript;src:url('assets/fonts/caveat.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ConiperSerif;src:url('assets/fonts/noto-serif-sc.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ConiperBrush;src:url('assets/fonts/ma-shan-zheng.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ConiperBrush;src:url('assets/fonts/ma-shan-zheng-voice.woff2') format('woff2');font-weight:400;font-display:swap;unicode-range:U+58F0}
:root{color-scheme:dark;--ink:#141912;--text:#cdc7b5;--muted:#a5b096;--green:#bbca9b;--line:#3a4632;font:100% 'Segoe UI','Microsoft YaHei UI',sans-serif;color:var(--text);background:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}p{line-height:1.9}[hidden]{display:none!important}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:6px}.shell{width:min(1640px,90%);margin-inline:auto}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;padding:1rem;background:var(--green);color:var(--ink)}.skip:focus{top:1rem}#main:focus{outline:none}
.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.7rem 1.4rem;flex-shrink:0}.wordmark,.brand-path,.brand-root,.brand-current{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.9rem;min-width:0}.brand-name{font:1.65rem Georgia,serif;letter-spacing:-.035em}.brand-divider{font:300 1.7rem/1 'Segoe UI',sans-serif;color:#78836c;margin-inline:.2rem}.brand-product{font:500 2.1rem/1 ConiperScript,cursive;color:var(--green);white-space:nowrap;transform:rotate(-3deg)}.brand-current img{width:1.6rem}.header nav{display:flex;align-items:center;gap:2.6rem;font-size:.8125rem;color:#b3bea5}.header nav a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem}.header nav a::after{content:'';position:absolute;bottom:.2rem;left:0;width:100%;height:1px;background:#a8bb88;transform:scaleX(0);transform-origin:left;transition:transform .2s}.header nav a:hover::after,.header nav a:focus-visible::after{transform:scaleX(1)}
/* 01 — Product: open composition and unified workspace controls. */
.hero{min-height:100svh;display:flex;flex-direction:column}.hero-heading{flex:1;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.36fr);align-content:center;align-items:center;gap:5%;padding-block:3rem 4rem}.hero-intro{min-width:0}.hero h1{font-family:ConiperSerif,SimSun,serif;font-size:clamp(2.7rem,4.45vw,5.35rem);font-weight:500;line-height:1.5;letter-spacing:.035em;font-synthesis:none}.hero h1>span{display:block}.hero h1 em{font:400 1.12em/1.5 ConiperBrush,KaiTi,serif;letter-spacing:.025em;padding-inline:.025em;color:var(--green)}.hero h1 .inspiration{color:var(--text)}

.hero-workspace{min-width:0;width:100%;padding:0}.gallery{width:100%;min-width:0}.product-frame{margin:0;overflow:hidden;border:1px solid #53624270;border-radius:.25rem;background:#10150e;cursor:default}.product-frame img{width:100%;aspect-ratio:1160/780;object-fit:contain}.product-frame img.changing{animation:picture-in .23s ease-out}.workspace-tabs{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem 1rem;margin-top:1.2rem;width:100%}.js .workspace-tabs{display:grid}.workspace-tabs button{position:relative;background:none;border:0;min-height:2.75rem;padding:.45rem .1rem;font-size:.8125rem;line-height:1.7;text-align:left;color:#a9b599;transition:color .18s}.workspace-tabs button::after{content:'';position:absolute;left:0;bottom:0;width:1.6rem;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.workspace-tabs button[aria-pressed=true]{color:#d9e4c3}.workspace-tabs button[aria-pressed=true]::after{transform:scaleX(1)}.workspace-tabs button:hover,.workspace-tabs button:focus-visible{color:#dbe7c5}.workspace-tabs button.is-pending::after{transform:scaleX(.5)}.workspace-description{font-size:.75rem;line-height:1.9;color:#a5b095;min-height:3.8em;margin-top:.8rem}.error-status{font-size:.8125rem;color:#dac5a4;line-height:1.8;margin-top:.7rem}
/* 02 — Cinema: the orbital film within the continuous page. */
.film-page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-block:4rem}.film-stage{position:relative;width:min(100%,calc((100svh - 8rem)*16/9));aspect-ratio:16/9;margin-inline:auto;overflow:hidden;background:#0e140c}.film-stage #product-film{display:block;width:100%;height:100%;object-fit:contain;background:#0e140c}.film-cover{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#d6dfc4;cursor:pointer}.film-cover:focus-visible{outline-offset:-8px}.film-art{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 73% 49%,#39482945,transparent 50%),#0e140c}.film-script{position:absolute;left:7%;top:50%;font:500 clamp(4rem,10.8vw,12rem)/1 ConiperScript,cursive;letter-spacing:-.02em;color:#b8c69f}.film-orbit{position:absolute;top:50%;width:39%;right:3.7%;aspect-ratio:1;color:#95aa6c}.film-orbit svg{width:100%;height:100%;overflow:visible}.film-orbit img{position:absolute;left:40%;top:40%;width:20%}.play-circle{position:relative;z-index:1;width:5.25rem;height:5.25rem;border:1px solid #b5c896b3;border-radius:50%;display:grid;place-items:center;background:#26351c80;backdrop-filter:blur(8px);transition:background .2s,transform .2s}.film-cover:hover .play-circle{background:#43582bbf;transform:scale(1.05)}.film-length{position:absolute;z-index:1;right:1.8rem;bottom:1.45rem;font-size:.75rem;letter-spacing:.1em;color:#bdcaa8}.film-recovery{display:inline-flex;min-height:2.75rem;align-items:center;font-size:.8125rem;color:var(--green);text-decoration:underline}
/* 03 — Access: a quiet close within the shared atmosphere. */
.access{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center;gap:8%;padding-block:6rem 9rem}.access h2{font-size:clamp(2.2rem,4.1vw,4.3rem);line-height:1.5;letter-spacing:.025em}.access-description{font-size:.875rem;line-height:1.9;color:#adb99f;margin-top:1.2rem}.release-list{border-top:1px solid #52604480}.release-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.8rem 0;border-bottom:1px solid #52604480}.release-row h3{display:flex;align-items:center;gap:.8rem;font-size:.9375rem;line-height:1.8}.release-row h3 svg{width:1.2rem;height:1.2rem;color:#aab88e;flex-shrink:0}.release-row p{font-size:.8125rem;line-height:1.9;color:#a7b295;text-align:right}.release-row a{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--green);text-decoration:underline;text-underline-offset:.3rem}.footer{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-block:1.6rem;border-top:1px solid #52604480;font-size:.75rem;color:#a0ad8e}.footer>span:nth-child(2){margin-left:auto;margin-right:1rem}.footer>a{display:grid;place-items:center;width:2.75rem;height:2.75rem;color:var(--green);font-size:1.2rem}
@keyframes picture-in{from{opacity:.72}to{opacity:1}}
@media(max-width:1100px){.header{gap:1.5rem}.header nav{gap:1.8rem}.hero-heading{grid-template-columns:minmax(0,.86fr) minmax(0,1.2fr);gap:4%}.hero h1{font-size:clamp(2.3rem,4.3vw,3.2rem)}.workspace-tabs{gap:.25rem .5rem}.workspace-tabs button{font-size:.75rem}.access{gap:5%}.release-row{flex-wrap:wrap;gap:.4rem 1rem}.release-row p{text-align:left}}
@media(min-width:1101px) and (max-height:850px){.hero-heading{padding-block:1rem 2rem;column-gap:7%;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.hero-workspace{max-width:min(100%,max(26rem,calc((100svh - 16rem)*1.487)));justify-self:end}.hero h1{font-size:clamp(2.65rem,4.4vw,4.75rem)}.film-page{padding-block:2.5rem}.film-stage{width:min(100%,calc((100svh - 5rem)*16/9))}.access{padding-block:4rem 7rem}}
@media(max-width:760px){.header{padding-block:1.2rem 1rem;gap:.55rem;flex-wrap:wrap}.brand-path{gap:.6rem}.brand-root,.brand-current{gap:.45rem}.brand-name{font-size:1.45rem}.brand-product{font-size:1.9rem}.brand-divider{font-size:1.35rem}.brand-current img{width:1.35rem}.header nav{margin-left:auto;gap:1.8rem;font-size:.75rem}.hero-heading{grid-template-columns:minmax(0,1fr);gap:2.2rem;padding-block:2.5rem 2rem}.hero h1{font-size:clamp(2.25rem,8.5vw,3.75rem);line-height:1.5}.workspace-tabs{margin-top:1rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem .7rem}.workspace-tabs button{text-align:center;font-size:.75rem;min-height:2.8rem;padding-inline:0}.workspace-tabs button::after{left:calc(50% - .8rem)}.workspace-description{margin-top:.7rem}.film-page{min-height:65svh;padding-block:3rem}.film-stage{width:100%}.film-script{font-size:8.8vw;left:6%}.film-orbit{width:38%;right:2%}.play-circle{width:2.9rem;height:2.9rem}.play-circle svg{width:20px;height:23px}.film-length{font-size:.6875rem;right:.75rem;bottom:.6rem}.access{grid-template-columns:minmax(0,1fr);gap:2.8rem;padding-block:4rem 9rem}.access h2{font-size:2.3rem}.access-description{font-size:.8125rem}.release-row{flex-wrap:nowrap;padding-block:1.5rem;gap:.7rem}.release-row h3{font-size:.875rem;gap:.6rem}.release-row p{font-size:.75rem;text-align:right}.footer{font-size:.6875rem;gap:.65rem;padding-block:1.2rem}.footer>span:nth-child(2){margin:0 0 0 auto}}
@media(max-width:420px){.header nav{width:100%;justify-content:flex-end}.workspace-tabs{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:.3rem}.release-row{flex-wrap:wrap}.footer>span:nth-child(2){margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.motion-paused *{animation:none!important;transition:none!important}


/* Footer credits sit quietly on the right, leaving the left side open. */
.footer{justify-content:flex-end}.footer-content{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:1.5rem;margin-left:auto;font-size:.75rem;color:#a8b39b}
.footer .support-credit,.footer .copyright{white-space:nowrap}
.back-to-top{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:1px solid #78896566;border-radius:50%;color:#bdcda6;transition:border-color .2s,color .2s}.back-to-top svg{transition:transform .2s}.back-to-top:hover{border-color:#b2c394;color:#d7e4c2}.back-to-top:hover svg{transform:translateY(-3px)}
.film-stage>.motion-toggle{position:absolute;z-index:3;left:1.5rem;bottom:1rem}
#product-film[controls]~.motion-toggle{display:none}
@media(max-width:760px){.footer-content{gap:.75rem;font-size:.6875rem}.back-to-top{width:2.5rem;height:2.5rem}.film-stage>.motion-toggle{left:.7rem;bottom:.5rem;width:2rem;height:2rem}}

/* One control family, inset within the image edges. */
.workspace-tabs{padding-left:clamp(.65rem,1.7vw,1.8rem)}.workspace-tabs #tab-native{grid-row:1 / span 2;align-self:center}.workspace-tabs button{min-width:0;text-align:center}.workspace-tabs button::after{left:calc(50% - .8rem)}

/* Desktop release action; inactive until a real public package is configured. */
.desktop-download{display:flex;align-items:center;justify-content:flex-end;gap:.85rem;flex-wrap:wrap}.release-row .download-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:2.75rem;padding:.5rem 1rem;border:1px solid #84976b;border-radius:3px;background:#27311f;color:#d0deba;font:inherit;text-decoration:none;transition:background .2s,border-color .2s}.release-row a.download-button:hover{background:#354429;border-color:#bdd39a}.download-button:disabled{cursor:default;opacity:.65}#desktop-download-status{font-size:.75rem;color:var(--muted)}
@media(max-width:420px){.desktop-download{justify-content:flex-start}}

/* Candidate: disclose existing capability boundaries without changing branding. */
.workspace-limit,.workspace-evidence{max-width:60rem;margin:.45rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.7;overflow-wrap:anywhere}.workspace-evidence{font-size:.6875rem}

.project-context{max-width:68rem;padding-block:2rem 3rem;border-top:1px solid var(--line)}
.project-context h2{font-size:1.4rem;margin-bottom:1rem}.project-context>p:not(.project-kicker){max-width:48rem;color:var(--muted)}
.project-kicker{font-size:.75rem;letter-spacing:.1em;color:var(--green);margin-bottom:.65rem}
.project-progress{max-width:48rem;margin-top:1.5rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.project-progress summary{padding-block:1rem;cursor:pointer;line-height:1.7;min-height:2.75rem}
.project-progress summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.project-progress>div{padding-bottom:1.25rem;color:var(--muted);font-size:.875rem}.project-progress p+p{margin-top:.8rem}
.brand-root,.brand-current{min-height:2.75rem}
@media(max-width:760px){.project-context{padding-block:1.5rem 2rem}.project-context>p:not(.project-kicker){font-size:.875rem}}

.footer-content{flex-wrap:wrap}.footer-content .icp-link{display:inline-flex;align-items:center;min-height:2.75rem;overflow-wrap:anywhere}.icp-link:hover{text-decoration:underline}@media(max-width:600px){.footer-content .icp-link{flex-basis:100%;justify-content:center;text-align:center}}