@font-face{font-family:Studio;src:url('assets/OpenAISans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Studio;src:url('assets/OpenAISans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}@font-face{font-family:Studio;src:url('assets/OpenAISans-Semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}:root{--bg:#0b0d0e;--surface:#121517;--white:#eceeea;--muted:#858c8e;--line:#2a2e2e;--accent:#d7ff8d;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--white);font-family:Studio,Arial,'Noto Sans CJK SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{max-width:1440px;margin:auto;padding-inline:64px}.mono{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.06em}.accent{color:var(--accent)}.page-grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.023;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23noise)'/%3E%3C/svg%3E")}.skip{position:fixed;z-index:100;background:var(--accent);color:#111;padding:12px;left:15px;top:-80px}.skip:focus{top:10px}.header{height:102px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-weight:600;font-size:24px;letter-spacing:-1.2px}.brand-icon{height:27px;width:27px;line-height:27px;font-size:22px;text-align:center;border:2px solid var(--white);border-radius:7px;transform:rotate(-8deg)}.brand-period{font-size:12px;align-self:flex-start;margin-top:4px;letter-spacing:0}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav a{display:flex;gap:11px;align-items:center;transition:color .2s}.header nav a:hover{color:var(--accent)}.header nav a span{color:#747c7f;font-family:var(--mono);font-size:10px}.header .nav-lab{border:1px solid #495041;border-radius:3px;padding:12px 17px;color:var(--accent)}.header .nav-lab .tiny-plus{font-size:20px;color:var(--accent);line-height:15px}.hero{height:calc(100svh - 102px);min-height:680px;max-height:980px;position:relative;overflow:hidden}.hero-index{border-top:1px solid var(--line);padding-top:20px;color:#858c8e;display:flex;align-items:center;gap:15px;position:relative;z-index:2}.small-cross{font-size:21px;color:var(--white)}.version{margin-left:auto}.hero-copy{position:relative;z-index:2;padding-top:55px;pointer-events:none;width:60%}.hero-copy a{pointer-events:auto}.eyebrow{letter-spacing:.08em;color:var(--muted);font-size:12px}.hero-copy .eyebrow{color:#c7cec7}.bracket{color:#636965;margin-inline:2px}h1{font-size:clamp(106px,12.3vw,174px);font-weight:600;line-height:.91;letter-spacing:-.085em;margin:29px 0 30px;margin-left:-8px}.title-dot{color:var(--accent);letter-spacing:-.2em}.hero-description{font-size:18px;line-height:1.9;letter-spacing:.015em;margin:0 0 27px}.hero-description span{font-size:14px;color:#899190}.primary-button{display:inline-flex;gap:40px;align-items:center;background:var(--accent);color:#171d11;padding:15px 20px;border-radius:3px;font-weight:500;font-size:14px;transition:background .2s,transform .2s}.primary-button:hover{background:#e5ffb3;transform:translateY(-2px)}.button-plus{font-size:25px;font-weight:400;line-height:20px}.hero-visual{position:absolute;right:-1%;top:8%;width:63%;height:79%;isolation:isolate;pointer-events:none}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent 0%,#000 16%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 90%,transparent);mask-composite:intersect;animation:float 9s ease-in-out infinite}.art-fallback{display:none}.visual-cross{position:absolute;font:24px var(--mono);color:#879182;font-weight:200}.cross-one{top:8%;right:17%}.cross-two{bottom:12%;left:13%}.visual-label{position:absolute;top:11%;left:20%;line-height:1.7;color:#d3d8d1;font-size:11px}.visual-label span{color:#71796f}.coordinate{position:absolute;right:10%;top:43%;line-height:1.8;color:#808d79;font-size:11px}.orbit-note{position:absolute;bottom:7%;right:20%;font-size:10px;color:#9baa93;display:flex;align-items:center;gap:8px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #cafa8540}.hero-footer{position:absolute;bottom:28px;left:64px;right:64px;display:flex;justify-content:space-between;gap:12px;color:#89908b;font-size:10px;letter-spacing:.07em}.hero-footer i{font-style:normal;padding:0 14px;color:#3e463e}.hero-footer a{display:flex;gap:15px;align-items:center}.hero-footer a span{color:var(--accent);font-size:19px}.ticker{border-block:1px solid var(--line);overflow:hidden;height:65px;display:flex;align-items:center;color:#999f99;font-size:17px;letter-spacing:.12em;white-space:nowrap}.ticker div{animation:marquee 38s linear infinite;display:flex;align-items:center;gap:52px}.ticker span{font-weight:400;color:var(--accent);font-size:25px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:43px}.section-top .eyebrow{margin:0 0 21px}h2{font-weight:500;font-size:42px;letter-spacing:-.045em;line-height:1.25;margin:0}.section-top>p{margin:0;color:#858e8c;line-height:1.8;font-size:14px;padding-bottom:3px}.work-section{padding-top:106px;padding-bottom:106px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-card{border:1px solid var(--line);background:var(--surface);border-radius:4px;overflow:hidden;position:relative;transition:border-color .25s,transform .25s}.work-card:hover{border-color:#5a6453;transform:translateY(-4px)}.card-top{height:65px;padding:22px 23px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.04em;color:#a0a7a2}.card-symbol{font-size:25px;color:#c4cbc0}.image-study,.phone-scene,.system-scene{height:296px;position:relative;overflow:hidden;border-bottom:1px solid #272d28}.image-study{background:#c0c6b3}.image-study img{width:100%;height:100%;object-fit:cover;filter:brightness(1.1) saturate(.6);transform:scale(1.17);transition:transform .7s}.image-card:hover img{transform:scale(1.25) rotate(3deg)}.study-label{position:absolute;bottom:17px;left:23px;color:#abb59f;font-size:10px}.card-copy{padding:26px 23px 27px}.card-copy h3{font-weight:500;font-size:23px;letter-spacing:-.03em;margin:0 0 13px}.card-copy p{font-size:13px;line-height:1.85;color:#8c9590;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.tags span{border:1px solid #313a31;padding:5px 7px;border-radius:3px;font:9px var(--mono);color:#9da899;letter-spacing:.04em}.phone-scene{display:flex;justify-content:center;align-items:flex-start;padding-top:11px;background:radial-gradient(ellipse at 50% 80%,#283026,#151a16 65%)}.phone{height:338px;width:174px;border:4px solid #394238;box-shadow:0 0 0 1px #121810,0 20px 50px #0008;border-radius:28px;background:#e2e5d7;color:#273024;padding:13px 13px;transform:rotate(8deg);position:relative}.phone-status{font-size:8px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:17px}.phone-brand{font-weight:600;font-size:28px;letter-spacing:-1.5px;display:flex;justify-content:space-between}.phone-brand span{font-weight:400;font-size:20px}.phone-sub{font:6px var(--mono);letter-spacing:.09em;color:#768071;margin-top:2px}.focus-disc{width:134px;height:134px;margin:13px auto 17px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column}.focus-ring{position:absolute;inset:0;border-radius:50%;border:7px solid #c8cebf;border-top-color:#647c4d;border-right-color:#647c4d;transform:rotate(-30deg)}.focus-disc>span{font-size:29px;font-weight:500;letter-spacing:-1.8px}.focus-disc>small{font:5px var(--mono);margin-top:4px;letter-spacing:.09em;color:#77836d}.phone-action{text-align:center;font-size:8px;margin-bottom:15px}.phone-chips{display:flex;gap:5px;justify-content:center;font-size:7px}.phone-chips span{border:1px solid #b8c4ac;border-radius:20px;padding:5px 7px}.phone-chips .on{background:#2d3c25;color:#d4dfc8}.phone-note{position:absolute;bottom:21px;right:15px;color:#7b8776;line-height:1.6;font-size:8px}.system-scene{background:linear-gradient(#0d1212,#111a17);padding:14px 20px 0}.code-heading{display:flex;justify-content:space-between;color:#707d76;font-size:9px;border-bottom:1px solid #27332d;padding-bottom:12px}.code-heading>span+span{color:#536455}.topology{text-align:center;padding-top:21px}.node{display:inline-flex;justify-content:center;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid #364d3e;color:#a6bba2;font:9px var(--mono);border-radius:3px;background:#15211a;position:relative}.client{background:#151b18;color:#859589;min-width:83px}.line-v{height:22px;width:1px;background:#415d45;margin:auto}.gateway{min-width:139px;height:36px;border-color:#719352;color:#c2e49c;background:#25341e;box-shadow:0 0 25px #6e9b2020}.node-icon{font-size:16px}.branches{height:30px;display:flex;justify-content:space-between;position:relative;margin:0 35px}.branches:before{content:'';position:absolute;top:13px;left:0;right:0;height:1px;background:#3c5b44}.branches span{height:17px;border-left:1px solid #3c5b44;margin-top:13px}.branches span:nth-child(2){height:30px;margin-top:0}.node-row{display:flex;justify-content:space-between;gap:8px}.node-row .node{font-size:8px;padding:0 10px;flex:1}.active-node{animation:node-pulse 4s ease infinite}.system-log{text-align:left;margin-top:21px;font-size:9px;color:#82977a;line-height:1.9}.system-log span{color:#ced9c4}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:94px 104px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach .eyebrow{margin-top:0;margin-bottom:31px}.approach h2{font-size:52px;line-height:1.5;letter-spacing:-.04em}.approach h2 span{color:#7b857d}.approach-statement{font-size:25px;line-height:1.6;letter-spacing:-.025em;margin:0 0 38px}.process-row{display:flex;gap:23px;border-top:1px solid var(--line);padding:21px 0}.process-row>span{padding-top:5px;font-size:10px;color:#899f75}.process-row h3{font-size:16px;font-weight:400;letter-spacing:.02em;margin:0 0 8px}.process-row p{font-size:13px;color:#79857b;margin:0}.process-row:last-child{padding-bottom:0}.lab-section{padding-top:106px;padding-bottom:110px}.lab{display:grid;grid-template-columns:1.65fr 1fr;border:1px solid #30392e;border-radius:4px;overflow:hidden}.lab-display{min-height:465px;position:relative;background:#10140e;overflow:hidden}#field-canvas{width:100%;height:100%;position:absolute;inset:0}.lab-display-top,.lab-display-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:9px;color:#96a484;letter-spacing:.07em}.lab-display-top{top:22px}.lab-display-bottom{bottom:20px}.lab-cross{font-size:22px}.lab-controls{background:#161b13;border-left:1px solid #30392e;padding:36px 32px}.lab-label{font-size:10px;display:flex;align-items:center;gap:9px;color:#a2ba88}.lab-controls h3{font-size:29px;font-weight:500;line-height:1.5;margin:24px 0 13px;letter-spacing:-.02em}.lab-controls>p:not(.local-note){font-size:13px;color:#8c9982;line-height:1.7;margin:0 0 25px}.lab-controls label,.lab-controls legend{font-size:12px;color:#9ba791}.lab-controls label{display:flex;justify-content:space-between}.lab-controls output{font:11px var(--mono);color:#c2d9a7}input[type=range]{appearance:none;width:100%;height:3px;background:#36432b;accent-color:var(--accent);display:block;margin:19px 0 27px;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:var(--accent);border-radius:50%}input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;background:var(--accent);border-radius:50%}fieldset{border:0;padding:0;margin:0 0 24px}legend{padding:0;margin-bottom:12px}.palette-options{display:flex;gap:7px}.palette{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3d4634;background:transparent;color:#8e9d7f;font:9px var(--mono);padding:9px 10px;border-radius:2px;flex:1}.palette span{width:7px;height:7px;background:var(--swatch);border-radius:50%}.palette.selected{background:#27351c;color:#d5edbc;border-color:#839b62}.lab-buttons{display:flex;gap:8px}.lab-buttons button{border:1px solid #4b5a3b;background:transparent;color:#c8ddb1;border-radius:3px;min-height:42px}.lab-buttons #regenerate{flex:1;text-align:left;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.lab-buttons button:hover{background:#27351c}.lab-buttons #pause{width:43px;font-size:15px}.local-note{font-size:9px;color:#71805f;margin:16px 0 0;letter-spacing:0}.footer{border-top:1px solid var(--line);padding-top:69px}.footer-main{position:relative}.footer-main .eyebrow{font-size:10px}.footer-main>p{font-size:64px;line-height:1.35;letter-spacing:-.045em;font-weight:500;margin:27px 0 61px}.footer-main>p>span:not(.accent){color:#7a827a}.back-to-top{position:absolute;right:0;bottom:15px;width:66px;height:66px;border:1px solid #414b3d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;color:var(--accent);transition:background .2s}.back-to-top:hover{background:#1b2515}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0 31px}.footer-bottom .mono{font-size:9px;color:#788375}.footer-bottom .brand{font-size:21px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-11px) rotate(2deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes node-pulse{50%{border-color:#869e68;color:#cfedac}}@media(min-width:1500px){.hero{max-height:820px;min-height:750px}.hero-copy{padding-top:70px}.hero-visual{right:0}}@media(max-width:1100px){.wrap{padding-inline:38px}.hero{min-height:640px;max-height:780px}.hero-copy{padding-top:63px}.hero-visual{width:67%;right:-7%;top:10%;height:72%}.hero-footer{left:38px;right:38px}.hero-description{font-size:16px}.hero-description span{font-size:12px}.hero-index{font-size:10px}.card-top{padding:20px 17px;font-size:9px}.card-copy{padding:24px 17px}.card-copy p{font-size:12px}.tags span{font-size:8px}.system-scene{padding-inline:13px}.node-row{gap:5px}.node-row .node{padding-inline:6px}.phone{width:158px}.focus-disc{width:122px;height:122px}.image-study,.phone-scene,.system-scene{height:278px}.lab-controls{padding:29px 24px}.approach{gap:45px}.palette{padding-inline:5px}.hero-footer{font-size:9px}.hero-footer i{padding:0 8px}}@media(max-width:760px){.wrap{padding-inline:24px}.header{height:82px}.brand{font-size:22px}.header nav{gap:17px}.header nav a{font-size:12px}.header nav a span{display:none}.header nav a:nth-child(2){display:none}.header .nav-lab{padding:10px 11px}.hero{height:auto;min-height:930px;max-height:none}.hero-index{padding-top:15px;font-size:8px;gap:7px;letter-spacing:.025em}.version{font-size:8px}.small-cross{font-size:18px}.hero-copy{padding-top:39px;width:100%}h1{font-size:clamp(102px,24vw,154px);line-height:.89;margin:27px 0 22px;letter-spacing:-.085em;margin-left:-5px}.hero-copy .eyebrow{font-size:9px}.hero-description{font-size:15px;line-height:1.9;margin-bottom:22px}.hero-description span{font-size:11px}.primary-button{padding:13px 15px;font-size:12px;gap:36px}.hero-visual{top:451px;left:-15%;right:auto;height:410px;width:130%}.visual-label{left:23%;top:12%;font-size:8px}.coordinate{right:18%;font-size:8px}.visual-cross{font-size:19px}.cross-one{right:22%;top:6%}.cross-two{left:21%;bottom:15%}.orbit-note{font-size:8px;bottom:8%;right:27%}.hero-footer{bottom:21px;left:24px;right:24px;font-size:8px;line-height:1.8;display:block}.hero-footer>a{display:none}.hero-footer i{padding:0 6px}.ticker{height:52px;font-size:13px}.ticker div{gap:33px}.work-section,.lab-section{padding-top:69px;padding-bottom:70px}.section-top{display:block;margin-bottom:29px}.section-top .eyebrow{font-size:9px;margin-bottom:17px}h2{font-size:33px}.section-top>p{font-size:12px;margin-top:19px;line-height:1.7}.work-grid{grid-template-columns:1fr;gap:18px}.card-top{padding:22px;font-size:10px}.card-copy{padding:26px 23px}.card-copy h3{font-size:24px}.card-copy p{font-size:13px}.tags span{font-size:9px}.image-study,.phone-scene,.system-scene{height:310px}.image-study img{object-position:50% 50%}.phone{width:181px;height:350px}.focus-disc{width:139px;height:139px}.phone-note{font-size:9px;right:22px}.system-scene{padding:20px 35px}.code-heading{font-size:10px}.topology{max-width:290px;margin:auto}.node{font-size:10px}.node-row .node{font-size:9px}.system-log{font-size:10px}.approach{display:block;padding-block:65px}.approach .eyebrow{font-size:9px;margin-bottom:22px}.approach h2{font-size:40px;line-height:1.4}.approach-detail{margin-top:36px}.approach-statement{font-size:22px;margin-bottom:29px}.process-row p{font-size:12px;line-height:1.7}.process-row h3{font-size:15px}.lab{grid-template-columns:1fr}.lab-display{min-height:330px}.lab-controls{border-left:0;border-top:1px solid #30392e;padding:29px 26px}.lab-controls h3{font-size:27px}.lab-controls label,.lab-controls legend{font-size:13px}.palette{font-size:10px;padding:11px 10px}.lab-buttons #regenerate{font-size:13px}.lab-buttons button{min-height:46px}.lab-display-top,.lab-display-bottom{font-size:8px;left:18px;right:18px}.footer{padding-top:46px}.footer-main .eyebrow{font-size:8px}.footer-main>p{font-size:43px;line-height:1.4;margin:25px 0 49px}.back-to-top{width:47px;height:47px;font-size:21px;bottom:5px}.footer-bottom{flex-wrap:wrap;row-gap:21px}.footer-bottom .brand{font-size:20px}.footer-bottom .mono{font-size:8px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}