:root{--night:#08182d;--desk:#12314d;--workbench:#0b2238;--workbench-raised:#102b45;--paper:#f3f8fa;--ink:#142033;--signal:#42d3e4;--warm:#f39a7c;--warm-ink:#973b27;--line:#cbd8e3;--line-dark:#35516b;--muted:#53657a;--muted-dark:#aebfd0;--white:#fff;--display:"Avenir Next", "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;--body:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--shell:min(1180px, calc(100vw - 48px))}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{color:var(--ink);background:var(--paper);font-family:var(--body);margin:0;line-height:1.7}.surface-workbench{color:var(--paper);background:var(--night)}.surface-workbench main{background:var(--workbench)}.surface-workbench .page-hero{color:var(--paper);background:var(--night);border-color:var(--line-dark)}.surface-workbench .page-hero .mono-label{color:var(--signal)}.surface-workbench .page-hero p{color:var(--muted-dark)}.surface-workbench .section{color:var(--paper);background:var(--workbench);border-top:1px solid var(--line-dark)}body::selection{color:var(--night);background:var(--signal)}a{color:inherit;text-underline-offset:.2em}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--warm);outline-offset:4px}.shell{width:var(--shell);margin-inline:auto}.reading-column{width:min(760px,100vw - 48px);margin-inline:auto}.skip-link{z-index:100;color:var(--night);background:var(--signal);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{color:var(--paper);background:var(--night);border-bottom:1px solid #cbd8e333}.header-inner{align-items:center;gap:36px;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;color:var(--night);background:var(--signal);font:800 12px var(--mono);place-items:center;display:grid}.site-header nav{align-items:center;gap:28px;margin-left:auto;display:flex}.site-header nav a,.header-contact{color:#b8c8d8;align-items:center;min-height:44px;font-size:.9rem;text-decoration:none;display:inline-flex}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--signal)}.header-contact{color:var(--night);background:var(--paper);padding:0 16px;font-weight:700}.header-contact:hover{background:var(--signal)}.mono-label,.section-index,.project-number,.project-meta,.back-link,.eyebrow-row,.project-docket dt,.footer-status,.demo-code,.demo-readout,.build-log time{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase}.mono-label{color:var(--muted);font-size:.73rem;font-weight:700;display:inline-block}.button{border:1px solid;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{color:var(--night);background:var(--signal);border-color:var(--signal)}.button-secondary{color:var(--paper);background:0 0;border-color:#60778d}.button-warm{color:var(--night);background:var(--warm);border-color:var(--warm)}.button:hover{transform:translateY(-2px)}.text-link{min-height:40px;color:var(--desk);align-items:center;gap:12px;font-weight:700;text-decoration:none;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(4px)}.surface-workbench .text-link{color:var(--signal)}.hero{color:var(--paper);background:var(--night);border-bottom:1px solid #223c55;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr);align-items:center;gap:72px;min-height:650px;padding-block:78px 92px;display:grid}.hero-copy{animation:.65s both enter}.hero-kicker{color:var(--signal);font:700 .75rem var(--mono);letter-spacing:.08em;align-items:center;gap:12px;margin-bottom:24px;display:flex}.hero-kicker:before{content:"";background:var(--signal);width:30px;height:2px}.hero h1{max-width:770px;font:700 clamp(3.3rem, 7vw, 6.7rem)/.98 var(--display);letter-spacing:-.065em;margin:0}.hero h1 em{color:var(--warm);font-style:normal}.hero-intro{color:#c3d1dd;max-width:640px;margin:30px 0;font-size:1.06rem}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.creator-station{animation:.65s .13s both enter;position:relative}.avatar-frame{background:var(--paper);width:min(340px,86%);box-shadow:18px 18px 0 var(--desk);margin-left:auto;padding:10px;transform:rotate(2deg)}.avatar-frame img{aspect-ratio:1;object-fit:cover;width:100%}.avatar-caption{color:var(--ink);font:700 .68rem var(--mono);justify-content:space-between;padding:10px 4px 0;display:flex}.station-note{width:220px;color:var(--night);background:var(--warm);padding:18px;font-size:.88rem;font-weight:700;line-height:1.5;position:absolute;bottom:-44px;left:0;transform:rotate(-3deg)}.section{padding-block:92px}.section-dark{color:var(--paper);background:var(--desk)}.home-lane{color:var(--paper);border-top:1px solid var(--line-dark);position:relative}.home-lane:before{content:"";background:var(--signal);width:72px;height:1px;position:absolute;top:-1px;left:max(24px,50vw - 590px)}.home-lane-projects,.home-lane-notes{background:var(--workbench)}.home-lane-log{background:var(--night)}.home-lane .section-heading{border-color:var(--line-dark)}.home-lane .section-index{color:var(--warm)}.home-lane .section-intro{color:var(--muted-dark)}.section-heading{border-bottom:1px solid var(--line);align-items:baseline;gap:18px;margin-bottom:34px;display:flex}.section-dark .section-heading{border-color:#416078}.section-heading h2{font:700 clamp(1.9rem, 4vw, 3.2rem)/1.05 var(--display);letter-spacing:-.04em;margin:0 0 16px}.section-index{color:var(--warm-ink);font-size:.7rem}.section-dark .section-index{color:var(--warm)}.section-intro{max-width:680px;color:var(--muted);margin:-12px 0 38px}.section-dark .section-intro{color:#b8c8d8}.current-ticket{min-height:280px;color:var(--paper);background:var(--night);border:1px solid #3d5971;grid-template-columns:170px 1fr 230px;display:grid}.ticket-status{color:var(--signal);font:700 .72rem var(--mono);border-right:1px dashed #547087;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.ticket-status strong{letter-spacing:-.08em;font-size:3rem}.ticket-main{padding:34px 40px}.ticket-main h3{font:700 clamp(2rem, 4vw, 3.5rem)/1 var(--display);letter-spacing:-.045em;margin:8px 0 12px}.ticket-main p{color:#b8c8d8;max-width:600px}.ticket-main .mono-label,.ticket-main .text-link{color:#c3d1dd}.ticket-next{color:var(--ink);background:var(--signal);padding:28px}.ticket-next span{font:700 .7rem var(--mono)}.ticket-next p{margin:20px 0 0;font-weight:700;line-height:1.45}.project-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.project-card{background:var(--white);border:1px solid var(--line);min-height:330px;padding:26px;transition:border-color .18s,transform .18s;position:relative}.project-card:hover{border-color:var(--desk);transform:translateY(-3px)}.project-card-top{justify-content:space-between;display:flex}.project-number{color:var(--muted);font-size:.7rem}.project-card h2{font:700 2rem/1.1 var(--display);letter-spacing:-.035em;margin:42px 0 12px}.project-card h2 a:after{content:"";position:absolute;inset:0}.project-card h2 a{text-decoration:none}.project-card p{max-width:520px;color:var(--muted)}.project-meta{color:var(--muted);gap:18px;margin:30px 0 8px;font-size:.65rem;display:flex}.project-card .text-link{z-index:1;position:relative}.surface-workbench .project-card{color:var(--paper);background:var(--night);border-color:var(--line-dark)}.surface-workbench .project-card:hover{border-color:var(--signal)}.surface-workbench .project-card .project-number,.surface-workbench .project-card p,.surface-workbench .project-card .project-meta{color:var(--muted-dark)}.surface-workbench .project-card .project-status.compact,.surface-workbench .project-card .text-link{color:var(--signal)}.project-status{color:var(--signal);font:700 .73rem var(--mono);letter-spacing:.06em;align-items:center;gap:9px;display:inline-flex}.project-status.compact{color:var(--desk)}.status-dot{background:currentColor;width:9px;height:9px}.status-testing .status-dot{animation:2.2s infinite pulse}.status-idea,.status-paused{color:var(--muted)}.status-building,.status-available{color:var(--signal)}.build-log ol{margin:0;padding:0;list-style:none}.build-log li{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;gap:28px;padding:26px 0;display:grid}.log-marker{justify-content:center;display:flex;position:relative}.log-marker:after{content:"";background:var(--line);width:1px;position:absolute;top:32px;bottom:-27px}.build-log li:last-child .log-marker:after{display:none}.log-marker span{z-index:1;width:34px;height:34px;color:var(--night);background:var(--signal);font:700 .7rem var(--mono);place-items:center;display:grid}.log-copy{grid-template-columns:130px 210px 1fr;align-items:baseline;gap:24px;display:grid}.log-copy time{color:var(--muted);font-size:.7rem}.log-copy h3{margin:0;font-size:1.05rem}.log-copy p{color:var(--muted);margin:0}.surface-workbench .build-log li{border-color:var(--line-dark)}.surface-workbench .log-marker:after{background:var(--line-dark)}.surface-workbench .log-copy time,.surface-workbench .log-copy p{color:var(--muted-dark)}.post-list{grid-template-columns:1fr 1fr;gap:18px;display:grid}.post-row{border-top:1px solid var(--line);padding:28px 0}.post-row time{color:var(--muted);font:.7rem var(--mono)}.post-row h3{font:700 1.45rem var(--display);margin:12px 0 8px}.post-row p{color:var(--muted)}.surface-workbench .post-row{border-color:var(--line-dark)}.surface-workbench .post-row time,.surface-workbench .post-row p{color:var(--muted-dark)}.surface-workbench .post-row .text-link{color:var(--signal)}.home-contact{background:var(--workbench-raised);border-top:1px solid var(--line-dark);padding-block:20px 92px}.home-contact .contact-cta{background:var(--night);border-top:1px solid var(--line-dark);border-right:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);margin-block:0}.contact-cta{color:var(--paper);background:var(--night);border-left:8px solid var(--warm);grid-template-columns:1.2fr 1fr auto;align-items:center;gap:32px;margin-block:20px 92px;padding:34px;display:grid}.contact-cta .mono-label{color:var(--warm);grid-column:1/-1}.contact-cta h2{font:700 2rem/1.1 var(--display);letter-spacing:-.035em;margin:0}.contact-cta p{color:#b8c8d8;margin:0}.page-hero{border-bottom:1px solid var(--line);padding:72px 0 52px}.page-hero h1{font:700 clamp(3rem, 7vw, 6.4rem)/.95 var(--display);letter-spacing:-.065em;margin:12px 0}.page-hero p{max-width:680px;color:var(--muted);font-size:1.05rem}.detail-hero,.article-hero{color:var(--paper);background:var(--night);padding:58px 0 66px}.detail-hero-grid{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;display:grid}.back-link{color:#aebfce;align-items:center;min-height:40px;font-size:.7rem;text-decoration:none;display:inline-flex}.eyebrow-row{color:#aebfce;align-items:center;gap:18px;margin:25px 0 18px;font-size:.7rem;display:flex}.detail-hero h1,.article-hero h1{font:700 clamp(3.2rem, 7vw, 6.6rem)/.95 var(--display);letter-spacing:-.065em;margin:0}.detail-lede,.article-hero p{color:#c5d2dd;max-width:690px;margin:24px 0 0;font-size:1.1rem}.project-docket{border:1px solid #3e586f;margin:0}.project-docket div{border-bottom:1px solid #3e586f;grid-template-columns:100px 1fr;padding:15px 18px;display:grid}.project-docket div:last-child{border-bottom:0}.project-docket dt{color:var(--signal);font-size:.65rem}.project-docket dd{color:#d8e1e8;overflow-wrap:anywhere;margin:0;font-size:.82rem}.reading-grid{grid-template-columns:250px minmax(0,760px);gap:80px;padding-block:76px 100px;display:grid}.detail-aside{border:1px solid var(--line);align-self:start;padding:22px;position:sticky;top:30px}.surface-workbench .detail-aside{background:var(--workbench-raised);border-color:var(--line-dark)}.surface-workbench .detail-aside .mono-label{color:var(--signal)}.surface-workbench .detail-aside p{color:var(--muted-dark)}.detail-aside p{color:var(--muted);margin:7px 0 25px;font-size:.9rem}.prose{min-width:0;font-size:1.04rem}.surface-workbench .prose{color:var(--paper)}.surface-workbench .prose p,.surface-workbench .prose li{color:#c3d1dd}.surface-workbench .prose h2,.surface-workbench .prose h3{color:var(--paper)}.prose>:first-child{margin-top:0}.prose h2{font:700 2rem/1.2 var(--display);letter-spacing:-.03em;margin:2.4em 0 .7em}.prose h3{margin-top:2em;font-size:1.2rem}.prose p,.prose li{color:#344258}.prose blockquote{color:var(--desk);border-left:5px solid var(--signal);background:#e6f8fa;margin:2em 0;padding:18px 24px}.surface-workbench .prose blockquote{color:var(--paper);background:var(--workbench-raised)}.prose code{font-family:var(--mono);background:#e5ecf1;padding:.12em .35em;font-size:.88em}.surface-workbench .prose code{color:#d8e1e8;background:#173650}.prose a{color:#075b68;font-weight:700}.surface-workbench .prose a{color:var(--signal)}.article-hero{padding-block:70px}.article-hero .mono-label{color:var(--signal);margin-top:26px}.article-hero h1{margin-top:20px;font-size:clamp(2.8rem,6vw,5.6rem)}.article-body{padding-block:72px}.platform-links{background:#e6f8fa;margin-bottom:90px;padding:24px}.surface-workbench .platform-links{color:var(--paper);background:var(--workbench-raised);border:1px solid var(--line-dark)}.surface-workbench .platform-links .mono-label{color:var(--signal)}.platform-links a{color:var(--desk);margin-left:20px;font-weight:700}.surface-workbench .platform-links a{color:var(--signal)}.demo-stage{min-height:530px;color:var(--paper);background:var(--desk);padding-block:78px}.demo-stage .section-intro{color:#c3d1dd}.demo-shell{background:var(--night);border:1px solid #567085;grid-template-columns:1fr 1fr;gap:40px;padding:38px;display:grid}.demo-shell h2{font:700 clamp(2.4rem, 5vw, 4.8rem)/1 var(--display);letter-spacing:-.055em;margin:10px 0 0}.demo-code{color:var(--warm);font-size:.7rem}.demo-message{color:#b8c8d8;align-self:end;margin:0}.demo-readout{border:1px solid #3e586f;grid-column:1/-1;grid-template-columns:repeat(3,1fr);margin:20px 0 0;display:grid}.demo-readout div{border-right:1px solid #3e586f;padding:18px}.demo-readout div:last-child{border:0}.demo-readout dt{color:var(--signal);font-size:.65rem}.demo-readout dd{color:var(--paper);margin:8px 0 0}.demo-auth,.demo-couple{grid-column:1/-1}.demo-auth-row,.demo-couple-head,.demo-result,.demo-form-grid{align-items:end;gap:18px;display:flex}.demo-auth-row{margin-top:24px}.demo-auth-row label,.demo-file-input{color:var(--signal);font:.68rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;flex:1;gap:8px;display:grid}.demo-auth-row input,.demo-file-input input[type=file]{min-height:44px;color:var(--paper);font:.95rem/1.2 var(--body);background:#11263a;border:1px solid #567085;padding:11px 12px}.demo-file-input input[type=file]{cursor:pointer;padding:9px}.demo-file-input strong,.demo-file-input small{color:var(--paper);font:.9rem/1.35 var(--body);letter-spacing:0;text-transform:none}.demo-file-input small,.scene-option small{color:#b8c8d8;font-size:.78rem}.demo-couple-head{justify-content:space-between;margin-bottom:26px}.demo-couple-head h2{overflow-wrap:anywhere;font-size:clamp(1.7rem,3vw,2.8rem)}.demo-form-grid{align-items:stretch;margin-top:34px}.demo-form-grid>*{flex:1}.demo-form-grid fieldset{border:1px solid #3e586f;min-width:0;margin:0;padding:18px}.demo-form-grid legend{color:var(--signal);font:.68rem/1 var(--mono);letter-spacing:.09em;padding:0 8px}.scene-option{cursor:pointer;border-bottom:1px solid #294056;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.scene-option:last-child{border-bottom:0}.scene-option input{accent-color:var(--signal);margin-top:4px}.scene-option span{gap:4px;display:grid}.scene-option strong{color:var(--paper);font:600 1rem/1.3 var(--body)}.demo-generate{margin-top:26px}.demo-result{border-top:1px solid #3e586f;align-items:flex-start;margin-top:34px;padding-top:24px}.demo-result img{border:1px solid #567085;width:min(100%,420px);height:auto;display:block}.demo-result div{gap:14px;display:grid}.demo-result span{color:var(--signal);font:.68rem/1.2 var(--mono)}.demo-result button{justify-self:start}.demo-message.is-offline{color:var(--warm)}.about-grid{grid-template-columns:330px 1fr;gap:72px;padding-block:72px 100px;display:grid}.about-portrait{background:var(--white);border:1px solid var(--line);padding:10px}.surface-workbench .about-portrait{background:var(--night);border-color:var(--line-dark)}.about-portrait img{aspect-ratio:1;object-fit:cover}.principles{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin:42px 0;display:grid}.surface-workbench .principles{background:var(--line-dark);border-color:var(--line-dark)}.principles article{background:var(--paper);padding:20px}.surface-workbench .principles article{background:var(--workbench-raised)}.principles strong{color:var(--desk);font-family:var(--mono)}.surface-workbench .principles strong{color:var(--signal)}.principles p{color:var(--muted);margin-bottom:0;font-size:.9rem}.surface-workbench .principles p{color:var(--muted-dark)}.site-footer{color:#b8c8d8;background:var(--night);border-top:1px solid #294158}.footer-inner{grid-template-columns:1fr auto auto;align-items:center;gap:50px;min-height:180px;display:grid}.footer-inner strong{color:var(--paper)}.footer-inner p{margin:3px 0 0;font-size:.88rem}.footer-inner a{align-items:center;min-height:44px;display:flex}.footer-status{align-items:center;gap:8px;font-size:.65rem;display:flex}.footer-status span{background:var(--signal);width:8px;height:8px}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.35}}@media (width<=860px){:root{--shell:min(100% - 32px, 680px)}.header-inner{min-height:68px}.site-header nav{gap:6px}.site-header nav a{padding:0 8px}.header-contact{display:none}.hero-grid,.detail-hero-grid,.reading-grid,.about-grid{grid-template-columns:1fr}.hero-grid{gap:54px;padding-block:60px 100px}.avatar-frame{width:min(330px,80%);margin:0 auto}.station-note{left:4%}.current-ticket{grid-template-columns:100px 1fr}.ticket-next{grid-column:1/-1}.log-copy{grid-template-columns:110px 1fr}.log-copy p{grid-column:1/-1}.contact-cta{grid-template-columns:1fr auto}.contact-cta p{grid-column:1/-1}.detail-aside{position:static}.footer-inner{grid-template-columns:1fr 1fr;padding-block:36px}.footer-inner>a{grid-column:1/-1}}@media (width<=600px){:root{--shell:calc(100% - 28px)}.header-inner{flex-wrap:wrap;gap:0;padding-block:10px}.brand>span:last-child{font-size:.87rem}.site-header nav{border-top:1px solid #cbd8e32e;order:2;justify-content:space-between;width:100%;margin-top:8px}.site-header nav a{flex:1;justify-content:center;padding:0 5px;font-size:.78rem}.hero h1{font-size:clamp(2.8rem,15vw,4.4rem)}.hero-grid{min-height:auto}.section{padding-block:68px}.current-ticket{grid-template-columns:1fr}.ticket-status{border-bottom:1px dashed #547087;border-right:0;flex-direction:row}.ticket-status strong{font-size:1.6rem}.ticket-main{padding:28px 22px}.project-grid,.post-list{grid-template-columns:1fr}.project-card{min-height:300px}.project-meta{flex-direction:column;gap:4px}.build-log li{grid-template-columns:44px 1fr;gap:14px}.log-copy{display:block}.log-copy h3{margin:7px 0}.contact-cta{grid-template-columns:1fr;margin-bottom:68px;padding:28px 22px}.home-contact{padding-block:14px 68px}.home-contact .contact-cta{margin-bottom:0}.contact-cta .button{justify-self:start}.detail-hero h1,.article-hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}.eyebrow-row{flex-direction:column;align-items:flex-start}.reading-grid{gap:34px;padding-block:52px 72px}.demo-shell{grid-template-columns:1fr;padding:25px 20px}.demo-auth-row,.demo-couple-head,.demo-form-grid,.demo-result{grid-template-columns:1fr;align-items:stretch;display:grid}.demo-couple-head{gap:10px}.demo-result img{width:100%}.demo-readout{grid-column:auto;grid-template-columns:1fr}.demo-readout div{border-bottom:1px solid #3e586f;border-right:0}.principles{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:20px}.footer-inner>a{overflow-wrap:anywhere;grid-column:auto}.platform-links a{margin:10px 0 0;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}