/* White glass art direction, shared by all three languages. */
:root{--ink:#173c37;--muted:#566e72;--line:#b5cfc94d;--glass:#ffffffb8;--green:#16805a;--shadow:0 18px 55px #36645b0c,0 2px 8px #36645b08}body{color:var(--ink);background:#fafdfe;background-image:radial-gradient(ellipse at 8% 6%,#d8f6eab3,transparent 30%),radial-gradient(ellipse at 96% 15%,#dcefff99,transparent 32%);background-attachment:fixed}::selection{background:#c3edda;color:#123d30}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#148160}header{margin:18px auto 0;width:91%;max-width:1456px;padding:0 26px;height:82px;background:#ffffffb8;border:1px solid #fff;border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.brand img{filter:brightness(0) saturate(100%) invert(24%) sepia(29%) saturate(1200%) hue-rotate(111deg)}.brand b{border-color:#bed7d0;color:#1b6c53}nav a,.language-switch a{color:#496361}nav a:hover{color:#087447}.language-switch a[aria-current=true]{background:#e0f3e8;color:#126844}.contact{border:1px solid #cce1d8;background:#fff9;border-radius:30px;color:#156646}.hero{padding-top:72px;padding-bottom:18px;position:relative}h1{font-weight:600;letter-spacing:-.075em;color:#203d3b}h1 .impact{color:#238463}.period{color:#67b2c0}.eyebrow,.intro>div p,.section-heading>p,.project>p,.project-title span,.manifesto>span{color:var(--muted)}.eyebrow i{background:#2c9a6d;box-shadow:0 0 0 5px #2c9a6d12}.text-link{color:#1a7559}.text-link span{color:#23956c}.intro>div{padding:24px 28px;border:1px solid #fff;background:#ffffff70;backdrop-filter:blur(15px);border-radius:24px;box-shadow:var(--shadow)}.intro>p{align-self:center}.manifesto em{color:#218065}.manifesto{margin-top:100px;margin-bottom:100px}
.lab-frame{background:#ecf5f4}.lab-frame .stage,.stage[data-cut="4"],.stage[data-cut="5"]{background:radial-gradient(ellipse at 25% 20%,#e5f9ef,transparent 65%),radial-gradient(ellipse at 85% 75%,#d9effb,#f7fbfc 70%)}.stage:after{background:linear-gradient(0deg,#f7fbfcbb,transparent 30%)}.stage-art{mix-blend-mode:luminosity;filter:grayscale(.5) brightness(1.8);mask-image:linear-gradient(transparent,#0009 50%,#0005);-webkit-mask-image:linear-gradient(transparent,#0009 50%,#0005)}.scene-copy h2{color:#183f3a}.scene-copy p{color:#506a6c}.scene-copy>span,.signal,.reel-meter{color:#267761}.signal span{color:#268769}.stage-word{color:#6ba68f}.device-shell{background:#ffffffb8;border-color:#fff;border-radius:24px;box-shadow:0 0 0 1px #b5d6df66,0 26px 70px #24566622,inset 0 1px 0 #fff;backdrop-filter:blur(18px)}.device-toolbar{background:#ffffffb8;color:#5c7b7d;border-bottom-color:#d5e5e9}.window-dots{color:#72aa9c}.prompt-view{background:radial-gradient(ellipse at 20% 80%,#d3e9ff80,#ffffffc9 85%)}.prompt-label{color:#5b747d}.prompt-glass{background:linear-gradient(120deg,#ffffffdf,#e5f3ff99);border-color:#fff;box-shadow:inset 2px 2px 5px #fff,0 12px 35px #6b98b522}.prompt-glass p{color:#264653}.typing-cursor{color:#19835b}.prompt-footer{color:#526f82;border-color:#a6cbd94d}.send-symbol{color:#176d65;background:#d8eee8;box-shadow:0 4px 12px #75b0ae20}.prompt-hint{color:#5c7a8c}.code-view{background:#f8fcff}.editor-tabs{background:#eaf3f8;color:#668390}.editor-tabs span:first-child{color:#306959}.editor-content pre{color:#236a54}.editor-content .line-numbers{color:#7c999d}.build-status{color:#446977;background:#e5f1f2}.device-neck{background:linear-gradient(90deg,#bfd4d8,#f5fbff,#bacdd3)}.device-foot{background:linear-gradient(#f8feff,#a2bdc4);box-shadow:0 12px 25px #2857621a}.output-card{background:#ffffffe0;border:1px solid white;color:#234a47;box-shadow:0 12px 35px #194f6520;backdrop-filter:blur(12px)}.output-uni,.output-guide,.output-saas{background:#ffffffe0}.output-card b{color:#607d82}.andori,.bot,.andori-closeup{filter:drop-shadow(0 12px 14px #31645525)}.connection-line{color:#1e7657}.connection-line span{color:#518fb4}
.cyber-space{background:radial-gradient(ellipse at 50% 80%,#74d5d229,transparent 60%)}.cyber-panel{background:#ffffffad;border:1px solid white;border-radius:12px;box-shadow:0 12px 28px #3667781c;backdrop-filter:blur(18px)}.cyber-panel>small{background:#e1f2f5bb;color:#376d78}.cyber-panel pre{color:#276e65}.cyber-panel img{opacity:.88}.cyber-floor{background:radial-gradient(ellipse,#fff,#a9eee744 60%);border-color:#faffff;box-shadow:0 0 45px #74cbb660,inset 0 0 40px #fff}.cyber-andori{filter:drop-shadow(0 15px 12px #376a5433)}.cyber-bars i{background:linear-gradient(#92d6be,#63a8be)}
.expertise,.work,.research-map,.expertise-list article,.research-outcomes p{border-color:var(--line)}.expertise-list{display:grid;gap:12px}.expertise-list article{border:1px solid #fff;background:var(--glass);border-radius:20px;padding:26px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.expertise-list article>span{color:#328262}.expertise-list p{color:var(--muted)}.playground .section-heading h2 span{color:#358571}.experiment{background:#ffffffad;border-color:#fff;border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(22px)}.experiment-top{background:#ffffff80;border-color:var(--line);color:#436a70;padding:20px 24px}.experiment-top button,.source-status button{background:#e4efef;color:#315d60;border-radius:9px}.experiment-caption{padding:28px}.experiment-caption p{color:var(--muted)}.kinetic-preview{background:linear-gradient(140deg,#edf9ed,#d4efdc);color:#204c3a}.kinetic-type span:nth-child(2){color:#438663}.kinetic-type span:last-child{color:#70a288}.product-preview{background:radial-gradient(ellipse at 50% 70%,#dfe4fa,#f4f9fc 75%)}.drag-hint{color:#567485}.code-experience{background:#ffffff80}.code-source{border-color:var(--line)}.code-source pre{color:#256c56}.source-title,.source-status,.result-status,.compile-state{color:#537481}.source-title span:last-child,.result-status>span:last-child{color:#177653}.result-browser{background:#e5eef3;color:#53717b}.result-viewport{background:#edf4f7}.example-choices button[aria-pressed=true]{background:#c9e7d8;color:#1a5d40}.project{padding:14px 14px 24px;background:#ffffffaa;border:1px solid #fff;border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.project-art{border-radius:18px;background:#f8e9ec}.nguide .project-art{background:#e0edf8}.onefinger .project-art{background:#e4f0ed}.tour .project-art{background:#e6f0e3}.project-title,.project>p{margin-left:12px;margin-right:12px}.visit{background:#ffffffd9;color:#2c765d;box-shadow:0 5px 20px #2f60461a}.projects{gap:28px}.data-sources>span{background:#ffffffaa;border-color:#78b59e;color:#3a6654;border-radius:0 14px 14px 0}.research-core{background:radial-gradient(circle at 30% 25%,#fff,#e0f2e9aa);border:1px solid #fff;box-shadow:inset 0 1px 12px #fff,0 15px 50px #2a71571a;backdrop-filter:blur(20px)}.research-core strong{color:#246b50}.research-core>span,.research-core small,.research-outcomes span{color:#577567}.local-first p,.flow-stack small{color:var(--muted)}.flow-stack>div{background:#ffffffa8;border:1px solid #fff;border-radius:16px;box-shadow:var(--shadow)}.flow-stack>div>span{color:#498a7d}.flow-stack>p{color:#2d7e59}.together{background:linear-gradient(120deg,#e2f4ed99,#edf5ffa8);border-top:1px solid #fff;color:var(--ink)}.together .eyebrow,.office-photos figcaption{color:#537768}.locations,.big-link{border-color:#9bc7b54d}.locations>div{padding:26px;background:#ffffff70;border:1px solid #fff;border-radius:24px;backdrop-filter:blur(20px)}.team-groups span{background:#ffffff90;border:1px solid #fff;border-radius:30px;color:#47755f}.office-photos img{border:8px solid #ffffffb8;border-radius:20px;box-shadow:var(--shadow)}footer{background:#fff9}footer p,footer>a:last-child{color:#5b7574}
@media(max-width:760px){header{width:92%;height:auto;padding:15px 18px;border-radius:20px}.hero{padding-top:44px}.intro>div{padding:20px}.intro>p{align-self:start}.expertise-list article{padding:20px 15px}.experiment-caption{padding:22px}.locations{gap:12px;flex-wrap:wrap}.locations>div{padding:18px;min-width:135px}.locations>b{display:none}.project-art{height:325px}.code-source{border-color:var(--line)}.scene-copy{max-width:90%}.signal{color:#3f7666}.device-shell{border-radius:14px}.manifesto{margin-top:70px;margin-bottom:70px}.team-groups{flex-wrap:wrap}}
