:root{--ink:#effffe;--muted:#9fbfc3;--mint:#75efd8;--lime:#c7fb73;--bg:#07171c;--panel:#0c272e;--line:rgba(148,225,216,.2);--paper:#e9f1ef;--dark:#133d43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.5}a,button{font:inherit}button{cursor:pointer}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,44px);position:sticky;top:0;z-index:20;background:rgba(5,20,25,.91);border-bottom:1px solid rgba(169,245,235,.14);backdrop-filter:blur(15px)}.brand{color:var(--ink);text-decoration:none;font-size:20px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:10px}.brand-x{color:var(--mint)}.brand-mark{width:25px;height:25px;display:flex;align-items:flex-end;gap:3px}.brand-mark i{display:block;width:5px;background:var(--mint);border-radius:2px}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:18px}.brand-mark i:nth-child(3){height:25px}.topbar nav{display:flex;gap:34px}.topbar nav a,footer a{font-size:14px;text-decoration:none;color:var(--muted)}.topbar nav a:hover,footer a:hover{color:var(--mint)}.nav-action{border:1px solid rgba(117,239,216,.4);border-radius:4px;padding:9px 14px;color:var(--mint);font-size:14px;text-decoration:none}.hero{min-height:652px;padding:97px max(5vw,44px);display:grid;grid-template-columns:minmax(390px,.88fr) minmax(500px,1.12fr);align-items:center;gap:70px;background:radial-gradient(ellipse 48% 84% at 90% 38%,rgba(43,112,112,.3),transparent 68%),linear-gradient(120deg,#07191e,#092932);overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--mint);font-weight:700;margin:0 0 19px}.hero h1,.section h2,.project-detail h1,.project-detail h2,.archive-section h2{margin:0;line-height:1.13;font-weight:700}.hero h1{font-size:clamp(39px,4.1vw,66px)}.hero h1 span{color:var(--mint)}.hero-description{max-width:530px;color:var(--muted);font-size:17px;margin:26px 0 34px}.hero-actions{display:flex;gap:12px}.button{padding:13px 18px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-size:15px}.button.primary{background:var(--mint);color:#062629;font-weight:700}.button.primary span{padding-left:13px}.button.quiet{color:var(--ink);border-color:rgba(198,255,246,.35)}.lab-window{border:1px solid rgba(123,236,219,.48);border-radius:8px;background:#09242c;overflow:hidden;box-shadow:0 30px 75px rgba(0,0,0,.36)}.window-bar{height:47px;display:flex;align-items:center;gap:6px;padding:0 16px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.2px;color:#75a5a9}.window-bar span{width:8px;height:8px;border-radius:50%;background:#2b555a}.window-bar span:first-child{background:#75efd8}.window-bar b{margin-left:9px;font-weight:500}.window-bar em{margin-left:auto;font-style:normal;color:var(--lime)}.window-body{height:362px;position:relative;background:linear-gradient(125deg,rgba(31,88,94,.35),transparent 60%),repeating-linear-gradient(0deg,transparent 0 37px,rgba(140,230,217,.035) 38px),repeating-linear-gradient(90deg,transparent 0 37px,rgba(140,230,217,.035) 38px)}.lab-node{position:absolute;width:176px;height:118px;padding:17px;background:#123840;border:1px solid rgba(118,238,217,.38);border-radius:5px}.lab-node small{display:block;color:var(--mint);font-size:11px}.lab-node strong{display:block;margin-top:8px;font-size:17px}.lab-node p{margin:4px 0 0;color:var(--muted);font-size:12px}.primary-node{left:42px;top:78px}.window-body>.lab-node:not(.primary-node):not(.result-node){left:322px;top:78px}.result-node{right:45px;top:197px;background:#17494d;border-color:#c3fa74}.lab-line{position:absolute;background:rgba(132,244,225,.42)}.lab-line.horizontal{height:1px;width:102px;top:137px}.lab-line.one{left:218px}.lab-line.vertical{width:1px;height:90px;left:410px;top:197px}.lab-arrow{position:absolute;color:var(--mint);font-size:20px}.lab-arrow.one{left:300px;top:124px}.lab-arrow.down{left:402px;top:260px}.signal-card{position:absolute;left:42px;bottom:39px;padding:10px 12px 10px 28px;border-left:1px solid #75efd8;color:#e7ffff;font-size:12px}.signal-card b,.signal-card small{display:block}.signal-card small{color:var(--muted);margin-top:2px}.signal{position:absolute;left:10px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.lab-metrics{padding:30px max(5vw,44px);display:grid;grid-template-columns:1fr 1fr 1.25fr 1fr;gap:20px;border-block:1px solid var(--line);background:#0b262c}.lab-metrics div{padding-left:20px;border-left:1px solid var(--line)}.lab-metrics span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.lab-metrics strong{font-size:22px}.lab-metrics .active-value{color:var(--lime)}.section{padding:110px max(5vw,44px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:18px}.section h2,.project-detail h1{font-size:clamp(31px,3.4vw,50px)}.section-intro{color:var(--muted);font-size:16px;max-width:660px;margin:0 0 37px}.project-grid{display:block;border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:74px minmax(0,1.2fr) minmax(250px,.8fr) 135px;gap:24px;align-items:center;padding:27px 18px;border-bottom:1px solid var(--line);background:#0b242a;transition:background .2s ease}.project-row:hover{background:#103138}.project-number{color:var(--lime);font-size:15px;font-weight:700}.project-card-top{display:flex;justify-content:space-between;font-size:12px;color:var(--mint)}.project-card-top p{margin:0;letter-spacing:1px}.project-card-top span{color:var(--lime)}.project-row-main h3{font-size:27px;margin:11px 0 3px}.project-row-main>p{color:var(--muted);font-size:14px;margin:0}.project-row-tags{display:flex;gap:6px;flex-wrap:wrap}.project-row-tags span{font-size:12px;color:#bddcda;border:1px solid rgba(160,223,215,.25);padding:4px 7px;border-radius:3px}.project-open{border:0;padding:0;background:transparent;color:var(--mint);font-size:14px;text-align:left;text-decoration:none}.project-open b{font-size:19px;font-weight:400;padding-left:8px}.project-detail{padding:96px max(5vw,44px) 110px;background:#0b292f;min-height:calc(100vh - 78px)}.detail-header{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:38px}.detail-header>div{max-width:700px}.detail-header>div>p:last-child{color:var(--muted);font-size:16px;margin:19px 0 0}.detail-header dl{display:flex;gap:27px;margin:0}.detail-header dl div{border-left:1px solid var(--line);padding-left:16px}.detail-header dt{font-size:12px;color:var(--muted);margin-bottom:6px}.detail-header dd{font-size:15px;margin:0;color:var(--ink);white-space:nowrap}.detail-tabs{display:flex;border-bottom:1px solid var(--line);gap:28px}.detail-tabs button{color:var(--muted);background:transparent;border:0;border-bottom:2px solid transparent;padding:0 0 14px;font-size:15px}.detail-tabs button[aria-selected=true]{color:var(--mint);border-bottom-color:var(--mint)}.detail-panel{padding-top:31px}.overview-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:stretch}.detail-label{font-size:12px;letter-spacing:1.5px;color:var(--mint);font-weight:700;margin:0 0 12px}.overview-copy h2{font-size:29px;line-height:1.3;margin:0 0 14px}.overview-copy>p{color:var(--muted);font-size:16px;margin:0}.outcome-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:31px}.outcome-list>div{background:#0b292f;padding:20px 16px}.outcome-list span{display:block;color:var(--lime);font-size:12px}.outcome-list strong{display:block;font-size:16px;margin:14px 0 7px}.outcome-list p{color:var(--muted);margin:0;font-size:13px}.detail-preview{position:relative;min-height:360px;border:1px solid rgba(120,242,223,.32);border-radius:6px;padding:12px;background:#061a21;overflow:hidden}.detail-preview img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;opacity:.92}.detail-preview span{position:absolute;right:14px;bottom:14px;background:#102f35;color:var(--ink);font-size:13px;padding:10px 13px;border-radius:3px}.detail-preview b{font-size:17px;padding-left:7px;color:var(--mint)}.screen-groups{display:grid;gap:62px}.screen-group>header{display:flex;justify-content:space-between;align-items:end;gap:30px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.screen-group>header h2{font-size:28px;margin:0}.screen-group>header>p{max-width:500px;color:var(--muted);font-size:14px;margin:0}.screen-list{display:grid;gap:14px}.screen-item{display:grid;grid-template-columns:minmax(350px,1.25fr) minmax(260px,.75fr);min-height:310px;border:1px solid rgba(133,224,211,.23);border-radius:6px;overflow:hidden;background:#082027}.screen-item.light{background:#dfece8;color:#153e44;border-color:#bad8d2}.screen-visual{position:relative;border:0;padding:12px;height:310px;background:#061a20;overflow:hidden}.screen-item.light .screen-visual{background:#e8f2ef}.screen-visual img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.screen-visual span{position:absolute;right:13px;top:13px;width:34px;height:34px;display:grid;place-items:center;background:rgba(7,30,35,.78);color:var(--mint);border:1px solid rgba(126,244,226,.4);border-radius:3px;font-size:18px}.screen-content{padding:30px 27px;display:flex;flex-direction:column;align-items:flex-start}.screen-content h3{font-size:28px;margin:4px 0 15px}.screen-content>p:not(.detail-label){color:var(--muted);font-size:15px;margin:0;max-width:340px}.screen-item.light .screen-content>p:not(.detail-label){color:#597b7c}.screen-view{margin-top:auto;border:0;border-bottom:1px solid currentColor;background:transparent;padding:0 0 4px;color:var(--mint);font-size:14px}.screen-item.light .screen-view{color:#167b6b}.screen-view b{font-size:18px;font-weight:400;padding-left:8px}.brief-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.brief-layout blockquote{margin:20px 0 17px;font-size:clamp(29px,3vw,42px);line-height:1.27;font-weight:700}.brief-support{color:var(--muted);max-width:530px}.brief-items{border-top:1px solid var(--line)}.brief-items div{padding:16px 0;border-bottom:1px solid var(--line)}.brief-items h3{font-size:17px;margin:0 0 6px}.brief-items p{font-size:14px;color:var(--muted);margin:0}.method-section{background:#071a1f}.section-heading.narrow>p{max-width:410px;color:var(--muted);font-size:16px;margin:0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.method-grid article{padding:29px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.method-grid span{color:var(--lime);font-size:13px}.method-grid h3{font-size:22px;margin:22px 0 10px}.method-grid p{color:var(--muted);font-size:14px;margin:0}.archive-section{display:flex;justify-content:space-between;gap:100px;padding:95px max(5vw,44px);align-items:end;background:#dbeee9;color:var(--dark)}.archive-section>div{max-width:700px}.archive-section .eyebrow{color:#147967}.archive-section>p{color:#54767a;max-width:370px;font-size:16px;margin:0}.lightbox{padding:28px;border:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(3,14,18,.95)}.lightbox::backdrop{background:rgba(0,0,0,.72)}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox-close{position:fixed;right:26px;top:22px;width:42px;height:42px;border:1px solid rgba(225,255,250,.55);border-radius:50%;background:#15383e;color:white;font-size:29px;line-height:1}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:29px max(5vw,44px);background:#06171b}footer p{margin:0;color:#75969a;font-size:13px}@media(max-width:900px){.topbar{padding:0 22px;height:67px}.topbar nav{display:none}.nav-action{font-size:12px;padding:7px 10px}.hero{padding:64px 22px;grid-template-columns:1fr;gap:42px}.hero h1{font-size:43px}.hero-description{font-size:15px}.lab-window{max-width:670px}.lab-metrics{padding:27px 22px;grid-template-columns:1fr 1fr}.lab-metrics div:nth-child(3),.lab-metrics div:nth-child(4){margin-top:15px}.section,.project-detail{padding:72px 22px}.section-heading,.detail-header{display:block}.project-row{grid-template-columns:48px 1fr;gap:10px}.project-row-tags,.project-row .project-open{grid-column:2}.detail-header dl{margin-top:26px;gap:14px;flex-wrap:wrap}.overview-layout,.brief-layout{grid-template-columns:1fr}.detail-preview{min-height:265px}.screen-group>header{display:block}.screen-group>header>p{margin-top:12px}.screen-item{grid-template-columns:1fr}.screen-visual{height:250px}.screen-content{min-height:220px}.section-heading.narrow>p{margin-top:22px}.archive-section{padding:70px 22px;display:block}.archive-section>p{margin-top:22px}.method-grid{grid-template-columns:1fr}footer{padding:25px 22px;display:grid;grid-template-columns:1fr auto}footer p{grid-column:1/-1;grid-row:2}.lightbox{padding:50px 7px 10px}}@media(max-width:560px){.hero{padding-top:51px}.hero h1{font-size:38px}.hero-actions{flex-wrap:wrap}.lab-window{transform:scale(.92);transform-origin:left top;margin-bottom:-30px;width:109%}.lab-metrics{grid-template-columns:1fr}.lab-metrics div{margin-top:15px}.lab-metrics div:first-child{margin-top:0}.detail-header dl{display:grid;grid-template-columns:1fr 1fr}.detail-header dl div{padding-left:10px}.detail-tabs{gap:17px;overflow-x:auto}.detail-tabs button{white-space:nowrap}.outcome-list{grid-template-columns:1fr}.method-grid article{padding:25px}.archive-section h2{font-size:35px}.screen-groups{gap:42px}.screen-content{padding:24px 20px}.screen-content h3{font-size:25px}.screen-visual{height:230px}}
.requirements-panel>header{max-width:780px;border-bottom:1px solid var(--line);padding-bottom:28px}.requirements-panel>header h2{font-size:31px;margin:0 0 14px}.requirements-panel>header>p:last-child{color:var(--muted);margin:0;font-size:16px}.requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:30px}.requirements-grid article{background:#0b292f;padding:28px}.requirements-grid span{color:var(--lime);font-size:13px}.requirements-grid h3{font-size:22px;margin:18px 0 10px}.requirements-grid p{color:var(--muted);font-size:15px;margin:0;max-width:500px}.scenario-strip{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border:1px solid var(--line);border-top:0;padding:19px 28px;background:#0a242a}.scenario-strip .detail-label{margin:0 13px 0 0}.scenario-strip strong{font-size:15px}.scenario-strip span{color:var(--muted);font-size:14px}@media(max-width:560px){.requirements-grid{grid-template-columns:1fr}.requirements-grid article{padding:24px}.scenario-strip{display:grid;gap:9px}.scenario-strip .detail-label{margin:0}}
.terminal-preview{margin-top:60px;border-top:1px solid var(--line);padding-top:28px}.terminal-preview>header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}.terminal-preview>header h2{font-size:28px;margin:0}.terminal-preview>header>p{max-width:460px;margin:0;color:var(--muted);font-size:14px}.terminal-preview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.terminal-card{display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(185px,.75fr);min-height:290px;padding:0;border:1px solid rgba(133,224,211,.28);border-radius:6px;overflow:hidden;background:#071e25;color:var(--ink);text-align:left}.terminal-card.app-card{grid-template-columns:minmax(185px,.8fr) minmax(180px,.75fr);background:#dfece8;color:#143d43;border-color:#b8d9d2}.terminal-card:hover{border-color:var(--mint)}.preview-image{display:grid;place-items:center;padding:14px;background:#06171d;overflow:hidden}.app-card .preview-image{background:#eef6f3}.preview-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.preview-copy{display:flex;flex-direction:column;align-items:flex-start;padding:25px 20px}.preview-copy small{color:var(--mint);font-size:10px;letter-spacing:1.2px}.app-card .preview-copy small,.app-card .preview-copy b{color:#147967}.preview-copy strong{font-size:23px;margin:10px 0}.preview-copy em{color:var(--muted);font-size:14px;font-style:normal}.app-card .preview-copy em{color:#5a7b7c}.preview-copy b{margin-top:auto;color:var(--mint);font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px;font-weight:500}@media(max-width:900px){.terminal-preview>header{display:block}.terminal-preview>header>p{margin-top:12px}.terminal-preview-grid{grid-template-columns:1fr}.terminal-card,.terminal-card.app-card{grid-template-columns:1.1fr .9fr;min-height:250px}}@media(max-width:560px){.terminal-preview{margin-top:42px}.terminal-card,.terminal-card.app-card{grid-template-columns:1fr}.preview-image{height:225px}.preview-copy{min-height:190px}.preview-copy strong{font-size:22px}}
.overview-notice{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid rgba(117,239,216,.38);background:#102f35;padding:15px 19px;margin-bottom:28px}.overview-notice strong{font-size:14px;color:#dffff8}.overview-notice button,.show-all-screens{border:0;background:transparent;color:var(--mint);font-size:14px;white-space:nowrap}.overview-notice button b,.show-all-screens b{font-size:19px;font-weight:400;padding-left:7px}.show-all-screens{display:block;width:100%;margin-top:16px;padding:16px;border:1px solid rgba(117,239,216,.35);background:#103238;text-align:center}@media(max-width:560px){.overview-notice{display:block}.overview-notice button{margin-top:10px;text-align:left}.show-all-screens{font-size:13px}}
.lightbox-close,.lightbox-nav{z-index:2}.lightbox-nav{position:fixed;top:50%;width:52px;height:66px;transform:translateY(-50%);border:1px solid rgba(225,255,250,.55);border-radius:4px;background:#15383e;color:#fff;font-size:49px;line-height:.7}.lightbox-prev{left:28px}.lightbox-next{right:28px}.lightbox-nav:hover:not(:disabled){background:#21606a;color:var(--mint)}.lightbox-nav:disabled{opacity:.32;cursor:not-allowed}.lightbox-caption{position:fixed;z-index:2;bottom:24px;left:50%;transform:translateX(-50%);margin:0;padding:9px 14px;border:1px solid rgba(147,228,216,.26);border-radius:3px;background:rgba(9,35,41,.88);color:var(--ink);font-size:14px;white-space:nowrap}@media(max-width:900px){.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-nav{width:42px;height:55px;font-size:40px}.lightbox-caption{bottom:12px;max-width:calc(100vw - 112px);overflow:hidden;text-overflow:ellipsis}}
.projects-section .section-intro{max-width:none;white-space:nowrap}.project-row{color:inherit;text-decoration:none;cursor:pointer}.project-row:focus-visible{position:relative;z-index:1;outline:2px solid var(--mint);outline-offset:-3px}.project-row:hover .project-open{color:var(--lime)}@media(max-width:900px){.projects-section .section-intro{white-space:normal}}
.lightbox img{touch-action:pan-y;user-select:none;-webkit-user-select:none}