@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{--bg:#081218;--bg2:#0b171c;--panel:#101f24;--panel2:#15262b;--stroke:#24363a;--text:#f2f5ec;--sub:#aab9b4;--muted:#819490;--lime:#bbef89;--sky:#a6dce9;--coral:#f3ab90;--mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;--display:'Space Grotesk','Arial',sans-serif;--body:'DM Sans','Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:400 16px/1.55 var(--body);overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,button:focus{font-family:var(--body)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}::selection{color:#071116;background:var(--lime)}[hidden]{display:none!important}.container{width:min(1264px,calc(100% - 90px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;background:var(--lime);padding:12px 18px;color:#11251a;z-index:999}.skip-link:focus{top:16px}.ambient{position:absolute;pointer-events:none;filter:blur(1px);z-index:-1}.ambient-one{top:40px;left:-360px;width:900px;height:760px;background:radial-gradient(circle,rgba(40,77,71,.11),transparent 70%)}.icon{width:19px;height:19px}.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid rgba(180,220,205,.10);background:rgba(8,18,24,.88);backdrop-filter:blur(20px)}.header-row{height:86px;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{height:38px;width:41px;display:block;position:relative}.brand-mark span{position:absolute;width:24px;height:24px;border:3px solid var(--lime);border-radius:50%}.brand-mark span:nth-child(1){top:0;left:8px}.brand-mark span:nth-child(2){top:11px;left:0}.brand-mark span:nth-child(3){top:11px;right:0}.brand-name{display:flex;flex-direction:column;gap:0}.brand-name strong{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.05em;line-height:1.4}.brand-dot{color:var(--lime)}.brand-name small{font:500 9px/1.7 var(--mono);letter-spacing:.055em;color:var(--muted)}.primary-nav{display:flex;align-items:center;gap:37px;margin:auto;font-size:13px;color:#c6d1ca}.primary-nav a{transition:color .2s}.primary-nav a:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:22px}.header-github{display:flex;color:#d7e8db;align-items:center;justify-content:center}.header-github:hover{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:7px;padding:17px 22px;font-weight:700;font-size:13px;white-space:nowrap;border:1px solid transparent;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:12px 16px;font-size:12px;gap:20px}.btn-outline{border-color:#3a4e50;background:transparent;color:#edf6e9}.btn-outline:hover{background:#1d332b}.btn-primary{background:var(--lime);color:#102118}.btn-primary:hover{background:#d0ffa7}.nav-toggle{display:none;border:0;background:transparent;width:39px;height:39px;padding:9px}.nav-toggle span{display:block;height:2px;width:22px;background:white;margin:5px 0}.hero{position:relative;overflow:hidden;padding:95px 0 74px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:64px}.hero-copy{position:relative;z-index:2}.eyebrow{font:500 10px var(--mono);letter-spacing:.08em;color:#d4e0d6;display:flex;align-items:center;gap:11px}.live-dot,.signal-dot{background:var(--lime);border-radius:50%;box-shadow:0 0 18px #bbef8977}.live-dot{width:8px;height:8px}.hero h1{font:600 clamp(52px,6.1vw,93px)/1.025 var(--display);letter-spacing:-.065em;margin:28px 0 28px}.hero h1 em{color:var(--lime);font-style:normal}.hero-outline{color:transparent;-webkit-text-stroke:1.2px #dbe7dc}.hero-lead{color:#a7b8b2;font-size:16px;line-height:1.85;max-width:510px;margin:0 0 30px}.hero-lead i{font-style:normal;color:#e6f2e8}.hero-cta-row{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.text-link{font-size:12px;display:inline-flex;gap:20px;align-items:center;color:#d7e6dd;font-weight:700}.text-link:hover{color:var(--lime)}.arrow-diagonal{font-size:17px}.hero-mini-stats{display:flex;align-items:center;gap:25px;margin-top:72px}.hero-mini-stats>div:not(.stat-rule){display:flex;flex-direction:column}.hero-mini-stats strong{font:600 28px var(--display);letter-spacing:-.055em}.hero-mini-stats span{font-size:11px;color:#8fa19d;white-space:nowrap}.stat-rule{width:1px;height:33px;background:#354842}.hero-art{height:505px;max-width:590px;width:100%;position:relative;border:1px solid #30443d;background:radial-gradient(circle at 55% 50%,#1b3633 0%,#11221f 30%,#0c191b 65%,#0b1618 100%);border-radius:11px;overflow:hidden;box-shadow:0 24px 90px #0003}.hero-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#3c6c5924 1px,transparent 1px),linear-gradient(90deg,#3c6c5924 1px,transparent 1px);background-size:37px 37px;mask-image:radial-gradient(circle at 50% 55%,black,transparent 75%)}.art-index,.art-bottom{position:absolute;left:27px;right:27px;display:flex;justify-content:space-between;font:500 10px var(--mono);letter-spacing:.045em;z-index:3;color:#b4cbb8}.art-index{top:23px}.art-index span:first-child{color:var(--lime)}.art-index-right{color:#6f8b80}.art-bottom{bottom:24px;color:#769185}.art-bottom>span:first-child{display:flex;gap:9px;align-items:center}.signal-dot{width:6px;height:6px}.orbit-scene{position:absolute;inset:20px 0 0;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #5a846948;border-radius:50%;transform:rotate(-16deg)}.orbit-o1{width:235px;height:235px;box-shadow:0 0 0 15px #bde69203}.orbit-o2{width:360px;height:360px;transform:rotate(30deg) scaleY(.77);border-color:#77978270}.orbit-o3{width:480px;height:480px;transform:rotate(-32deg) scaleY(.60);border-color:#9ac38a36}.orbit-axis{width:460px;height:1px;background:linear-gradient(90deg,transparent,#7799857d,transparent);position:absolute}.orbit-axis-a{transform:rotate(39deg)}.orbit-axis-b{transform:rotate(-45deg)}.core-node{width:167px;height:167px;border:1px solid #c9ffa755;background:radial-gradient(circle,#84c86830 0%,#273e33 62%,#263c3250 63%);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 0 16px #c2ffb505,0 0 70px #a3d87916}.core-inner{color:var(--lime);width:105px;height:105px;border:1px solid #bbef8950;background:#172c27;border-radius:50%;display:flex;align-items:center;justify-content:center}.orb-dot{position:absolute;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px #bbef8912,0 0 16px #9de66daa}.dot-a{width:12px;height:12px;top:112px;left:99px}.dot-b{width:9px;height:9px;bottom:112px;right:90px;background:#91c7de}.dot-c{width:7px;height:7px;top:85px;right:144px;background:#d3dba3}.art-float{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(19,35,32,.95);border:1px solid #405b50;box-shadow:0 12px 35px #0005;border-radius:5px;color:#b1c5b8;font:500 10px var(--mono);padding:12px 14px;z-index:2}.art-float b{color:var(--lime)}.float-a{top:84px;right:16px}.float-b{left:15px;bottom:112px}.float-c{right:20px;bottom:67px;gap:10px;font-size:8px}.mini-light{width:7px;height:7px;border-radius:50%}.mini-green{background:var(--lime)}.tiny-wave{color:var(--lime);letter-spacing:2px}.mono{font-family:var(--mono);color:var(--lime)}.marquee-wrap{height:59px;border-top:1px solid #273835;border-bottom:1px solid #273835;overflow:hidden;background:#101e1c;display:flex;align-items:center}.marquee-text{font:500 11px var(--mono);white-space:nowrap;letter-spacing:.24em;color:#a1b3a9;word-spacing:23px;animation:marquee-slide 42s linear infinite}.marquee-text span{color:var(--lime);font-size:18px;vertical-align:middle;letter-spacing:0}@keyframes marquee-slide{from{transform:translateX(0)}to{transform:translateX(-40%)}}.projects-section{padding:110px 0 104px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-label{font:600 10px var(--mono);letter-spacing:.1em;color:var(--lime)}.section-label>span{color:#798f84;margin-right:7px}.section-intro h2,.approach-intro h2,.about-copy h2{font:600 clamp(47px,5vw,66px)/1.1 var(--display);letter-spacing:-.055em;margin:16px 0 13px}.section-intro h2 em,.approach-intro h2 em,.about-copy h2 em{font-style:normal;color:var(--lime)}.section-intro p{margin:0;color:#96aaa4;font-size:14px}.project-count{display:flex;gap:16px;align-items:center;color:#849b90;letter-spacing:.06em;font:500 10px var(--mono);white-space:nowrap;padding-bottom:8px}.count-line{height:1px;width:38px;background:#6b8d77}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 25px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filter{background:transparent;color:#a9b9b3;border:1px solid #2d4240;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:600}.filter:hover{border-color:#a8e878;color:#eff9eb}.filter.is-active{background:var(--lime);border-color:var(--lime);color:#17271c}.filter span{font:500 10px var(--mono);margin-left:7px;opacity:.65}.search{height:41px;display:flex;gap:10px;align-items:center;border:1px solid #31413e;border-radius:6px;padding:0 12px;color:#718d80;min-width:216px}.search input{background:transparent;border:0;outline:none;color:#fff;width:100%;font-size:12px;min-width:0}.search input::placeholder{color:#779185}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid #263c3d;border-radius:9px;background:#122128;color:#edf2ec;overflow:hidden;text-align:left;display:flex;flex-direction:column;padding:0;transition:transform .25s,border-color .25s,box-shadow .25s;min-width:0}.project-card:hover{transform:translateY(-5px);border-color:#8ad79487;box-shadow:0 24px 38px #0004}.project-card.featured{grid-column:span 2;display:grid;grid-template-columns:1fr .93fr;min-height:376px;background:#192a26;border-color:#365344}.project-card.featured:hover{border-color:#99d17e}.card-content{padding:30px;display:flex;flex-direction:column}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.card-num{color:#a0b6ad;font:500 9px var(--mono);letter-spacing:.07em}.status{border:1px solid #3b554c;padding:6px 9px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;font:500 9px var(--mono);letter-spacing:.03em;color:#c4dbd0;white-space:nowrap}.status-demo{color:#d6fbbb;background:#203a2e}.status-demo span{height:6px;width:6px;background:#b8ee86;border-radius:50%}.status-live{color:#b5eedf;border-color:#35685e;background:#1c3836}.status-sample{color:#b9cbe3;border-color:#3d506a;background:#253146}.status-concept{color:#d6c8b1;border-color:#635847;background:#332e27}.featured-info{margin:auto 0 0}.tag-list,.mini-tags{display:flex;gap:7px;flex-wrap:wrap}.tag-list span{font:500 10px var(--mono);color:#b7d3b6}.tag-list span+span:before{content:'✳';color:var(--lime);padding-right:8px}.featured h3{font:600 54px/1.04 var(--display);letter-spacing:-.05em;margin:15px 0 13px}.card-accent{color:var(--lime)}.featured p{font-size:13px;line-height:1.75;color:#aec1b6;max-width:340px;margin:0}.card-action{display:inline-flex;align-items:center;gap:40px;color:var(--lime);font-size:12px;font-weight:700;margin-top:28px}.feature-visual{position:relative;background:radial-gradient(ellipse at 40% 46%,#416a4d66,transparent 55%),linear-gradient(135deg,#1c312b,#102522);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px}.feature-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#7dbb7820 1px,transparent 1px),linear-gradient(90deg,#7dbb7820 1px,transparent 1px);background-size:22px 22px}.review-mock{width:94%;max-width:345px;border:1px solid #6e9a7866;border-radius:8px;position:relative;background:#101f20e9;box-shadow:16px 17px 0 #0d1e1b52,0 20px 70px #0007;transform:rotate(-3deg)}.review-mock-head{padding:13px 14px;font:500 9px var(--mono);color:#d7e3d6;border-bottom:1px solid #2e483d;display:flex;justify-content:space-between;gap:8px}.three-dots{color:#a9df82;font-size:7px;letter-spacing:2px}.review-mock-body{padding:10px 13px 12px}.review-signal{display:flex;align-items:center;gap:11px;margin:8px 0;padding:8px;border:1px solid #3b59443e;border-radius:5px}.review-signal>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:2px}.review-signal b{font-size:10px}.review-signal small{font-size:8px;color:#98aca4}.review-signal i{font-style:normal;font:500 7px var(--mono);color:#badca4}.mark-ok,.mark-bl{display:flex;align-items:center;justify-content:center;width:23px;height:23px;background:#254c31;border-radius:5px;color:#bbef89;font-size:12px}.mark-bl{background:#213d48;color:#96d8e6}.review-divider{height:1px;background:#365043;margin:12px 0}.score-mock{display:flex;align-items:center;gap:8px;font:500 8px var(--mono);color:#96ada1}.score-mock b{margin-left:auto;color:var(--lime)}.micro-bars{display:flex;gap:2px;height:11px;align-items:end}.micro-bars i{width:3px;height:80%;background:#a3d890}.micro-bars i:nth-child(2n){height:40%}.micro-bars i:nth-child(3n){height:100%}.visual-cross{position:absolute;right:11px;bottom:3px;color:var(--lime);font-size:40px;font-weight:100}.card-graphic{height:211px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.graphic-index{position:absolute;bottom:14px;left:16px;font:500 9px var(--mono);color:#d3e2d9}.graphic-visgen{background:radial-gradient(circle at 50% 42%,#36565e,#182d3c 58%,#142630)}.visgen-squircle{width:180px;height:180px;position:relative;display:flex;align-items:center;justify-content:center}.vision-orbit{position:absolute;border:1px solid #99c5d98a;border-radius:42% 58% 60% 40%/55% 40% 60% 45%;transform:rotate(15deg)}.v1{inset:8px}.v2{inset:31px;transform:rotate(55deg);border-color:#a6f9d0}.v3{inset:51px;transform:rotate(125deg);border-color:#f5bdac}.vision-center{width:23px;height:23px;background:var(--lime);border-radius:50%;box-shadow:0 0 30px #bbef8988}.vision-pin{position:absolute;width:11px;height:11px;background:#e1b9a3;border-radius:50%;top:22px;left:47px}.vp2{width:9px;height:9px;top:134px;left:155px;background:#98d2e0}.graphic-auto{background:radial-gradient(circle,#2b4b51,#1b333d 65%,#152832)}.graphic-auto svg{max-width:310px}.graphic-federated{background:radial-gradient(circle,#23413d,#172c33 70%)}.graphic-pipeline{background:radial-gradient(circle at 45% 40%,#5c3e32,#292b31 69%)}.graphic-ctt{background:radial-gradient(circle,#36415a,#212b3e 63%,#1d2735)}.pipeline-graphic{display:flex;align-items:center;gap:5px;justify-content:center;width:90%;transform:rotate(-4deg)}.pipeline-graphic span{background:#2b3534;border:1px solid #a18c6c;color:#f5d4ad;font:600 9px var(--mono);padding:10px 7px;border-radius:4px}.pipeline-graphic i{height:1px;background:#dcb68a;flex:1;min-width:6px}.card-bottom{padding:22px;flex:1;display:flex;flex-direction:column}.card-bottom h3{display:flex;align-items:center;justify-content:space-between;font:600 26px var(--display);letter-spacing:-.04em;margin:19px 0 5px}.card-bottom h3 span{color:#aedcb1;font:400 23px var(--display)}.card-bottom p{font-size:12px;line-height:1.75;color:#a9b9b5;margin:0 0 24px}.mini-tags{margin-top:auto}.mini-tags span{font:500 9px var(--mono);color:#8eaaa4;letter-spacing:.025em}.mini-tags span+span:before{content:'·';margin:0 5px 0 0;color:var(--lime)}.catalog-footnote{margin:24px 0 0;color:#8fa39b;font-size:12px;display:flex;gap:10px;align-items:baseline}.catalog-footnote span{color:var(--lime)}.catalog-footnote strong{color:#bad2c6;font-weight:500}.empty-results{padding:30px;background:#14232a;border:1px dashed #304c48;border-radius:7px;color:#bbcfc5;text-align:center}.empty-results button{background:transparent;color:var(--lime);border:0;text-decoration:underline}.approach-section{padding:96px 0 110px;background:#d8e5d5;color:#11231d}.approach-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:110px}.approach-section .section-label{color:#477a56}.approach-section .section-label span{color:#668574}.approach-intro h2{font-size:clamp(46px,5vw,70px);margin:16px 0 21px}.approach-intro h2 em{color:#4d9162}.approach-intro p{font-size:15px;color:#425a4f;line-height:1.9;max-width:390px}.text-link.light{color:#1b4330;margin-top:24px}.text-link.light:hover{color:#467e50}.approach-steps{border-top:1px solid #a9bbac}.step{display:grid;grid-template-columns:44px 1fr 20px;gap:20px;align-items:start;padding:23px 0;border-bottom:1px solid #a9bbac}.step-index{color:#648274;font:600 11px var(--mono);padding-top:5px}.step h3{font:600 21px var(--display);letter-spacing:-.035em;margin:0 0 6px}.step p{font-size:13px;color:#607368;margin:0}.step-symbol{color:#668b6c}.about-section{padding:100px 0 110px}.about-card{border:1px solid #385044;border-radius:9px;display:grid;grid-template-columns:.85fr 1.15fr;min-height:410px;background:radial-gradient(ellipse at 6% 70%,#20392b,#152822 46%,#152624 80%);overflow:hidden}.about-decoration{display:flex;align-items:center;justify-content:center;position:relative;font:500 clamp(140px,17vw,270px) var(--display);letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px #48745290;user-select:none}.about-decoration span{font-size:.4em;color:#bbea89;-webkit-text-stroke:0;transform:rotate(18deg);letter-spacing:0;padding:0 15px 0 0}.about-copy{padding:64px 60px 62px 25px}.about-copy h2{font-size:clamp(37px,4vw,53px)}.about-copy p{color:#aebeb3;font-size:14px;line-height:1.9;max-width:525px}.about-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:26px}.site-footer{background:#061015;border-top:1px solid #2d3b35}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:48px 0 42px}.footer-inner strong{font:700 16px var(--display);letter-spacing:.02em}.footer-inner p{font-size:13px;color:#90a49c;margin:8px 0 0}.footer-links{display:flex;gap:32px;font-size:12px;color:#adbbb4}.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:19px 0 26px;border-top:1px solid #22352e;font-size:10px;color:#789389}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,9,12,.84);backdrop-filter:blur(13px);padding:20px;display:flex;justify-content:center;align-items:center}.lab-dialog{height:min(890px,calc(100vh - 40px));max-width:1190px;width:100%;overflow:hidden;background:#0d1b20;border:1px solid #3d554b;border-radius:10px;box-shadow:0 40px 140px #0009;display:flex;flex-direction:column}.dialog-header{height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #294039;padding:0 26px}.dialog-brand{display:flex;align-items:center;gap:12px;font:500 11px var(--mono);color:#c4d2c5}.dialog-dot{background:var(--lime);width:8px;height:8px;border-radius:50%}.dialog-separator{color:#70867a}.dialog-close{background:transparent;border:1px solid #39554a;color:#d8ecdf;padding:9px 13px;border-radius:4px;display:flex;align-items:center;gap:15px;font:500 12px var(--mono)}.dialog-close span{font-size:20px;line-height:14px}.dialog-close:hover{border-color:var(--lime)}.dialog-layout{display:grid;grid-template-columns:265px 1fr;flex:1;min-height:0;overflow:auto}.dialog-aside{padding:32px 24px;border-right:1px solid #2a443b;background:#102127}.dialog-main{padding:29px 31px 40px;min-width:0}.side-num{font:600 10px var(--mono);color:var(--lime)}.dialog-aside h2{font:600 32px/1.07 var(--display);letter-spacing:-.05em;margin:20px 0}.dialog-aside p{font-size:13px;line-height:1.8;color:#a6beb0}.aside-line{height:1px;background:#315046;margin:23px 0}.side-label{font:500 10px var(--mono);color:#78998a;text-transform:uppercase;letter-spacing:.05em}.aside-meta{display:flex;flex-direction:column;gap:9px;margin-top:12px}.aside-meta span{font-size:12px;color:#c5d6ce}.aside-links{margin-top:24px}.aside-links a{color:var(--lime);font:500 12px var(--mono)}.side-note{font-size:11px!important;color:#93a99d!important}.workspace-header{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:22px}.workspace-header h3{font:600 27px var(--display);letter-spacing:-.04em;margin:4px 0 5px}.workspace-header p{margin:0;color:#99aea5;font-size:12px}.workspace-tag{font:500 10px var(--mono);color:var(--lime);border:1px solid #4a6f51;padding:7px 9px;border-radius:4px}.workspace-panel{padding:21px;background:#14262b;border:1px solid #29443f;border-radius:7px;margin-bottom:18px}.lab-cols{display:grid;grid-template-columns:1fr 1fr;gap:17px}.lab-cols.wide-left{grid-template-columns:1.2fr .8fr}.lab-label{font:500 10px var(--mono);text-transform:uppercase;color:#92b19f;letter-spacing:.04em;display:block;margin:0 0 9px}.lab-select,.lab-input{background:#0f1d24;color:#dce8e0;width:100%;border:1px solid #456157;padding:12px;border-radius:5px;font-size:13px;outline:none}.lab-select option{color:#111}.sample-quote{font-size:14px;line-height:1.85;color:#d9e5dc;padding:19px;border-left:2px solid var(--lime);background:#192c2c;margin:16px 0}.lab-hint{font-size:12px;color:#9aafa3;line-height:1.8}.lab-btn{border:1px solid #5b835e;padding:11px 15px;border-radius:4px;background:#aee682;color:#123020;font-weight:700;font-size:12px}.lab-btn:hover{background:#ccff9d}.lab-btn.secondary{background:#1d3432;border-color:#48685a;color:#d6eee0}.lab-btn.secondary:hover{background:#29463c}.lab-btn.ghost{background:transparent;border-color:#3a5850;color:#bfdbc8}.lab-btn:disabled{opacity:.45;cursor:not-allowed}.lab-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:17px 0 8px}.finding{padding:15px;border:1px solid #355246;border-radius:6px;background:#102022;margin:9px 0}.finding .finding-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.finding b{font-size:13px}.finding em{font:500 10px var(--mono);font-style:normal;color:#c4e9a3}.finding p{font-size:12px;color:#acbeb2;line-height:1.75;margin:8px 0 0}.finding.issue em{color:#edbc9d}.finding.praise em{color:#b4e7c0}.empty-lab{padding:28px;border:1px dashed #3a5548;border-radius:5px;text-align:center;color:#89a396;font-size:12px}.evidence-box{border-top:1px solid #365146;margin-top:23px;padding-top:19px}.evidence-box h4{font:600 15px var(--display);margin:0 0 7px}.evidence-box p,.evidence-box li{font-size:12px;color:#93ada0;line-height:1.75}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.evidence-mini{padding:12px 14px;background:#0f2224;border:1px solid #29463c;border-radius:5px}.evidence-mini span{display:block;font:500 10px var(--mono);color:#84a899}.evidence-mini strong{display:block;margin-top:7px;font-size:12px;font-weight:600;color:#e5eee6}.canvas-frame{border:1px solid #3e5c51;background:#081318;border-radius:5px;overflow:hidden;padding:4px}.canvas-frame canvas{width:100%;height:auto;display:block;touch-action:none}.canvas-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin:15px 0 0}.range-field{display:flex;flex-direction:column;gap:5px;min-width:150px;flex:1}.range-field label{font:500 11px var(--mono);color:#a7c2b1}.range-field input{accent-color:var(--lime);width:100%}.status-strip{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin:12px 0;font:500 10px var(--mono);color:#9cbaa7}.status-strip span b{color:var(--lime);font-weight:600}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.metric{border:1px solid #335349;padding:12px;border-radius:5px;background:#102327}.metric b{font:600 24px var(--display);color:var(--lime);display:block}.metric span{font-size:10px;color:#90aca1}.mask-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.mask-grid .lab-label{white-space:nowrap;font-size:9px}.mask-grid canvas{aspect-ratio:1;object-fit:contain}.lab-chart{height:225px;padding:8px;background:#09191d;border:1px solid #2c4b44;border-radius:5px}.lab-chart svg{width:100%;height:100%}.chart-legend{display:flex;gap:16px;font:500 11px var(--mono);color:#abbcaf;margin-top:10px}.chart-legend span{display:inline-flex;gap:7px;align-items:center}.key{height:8px;width:8px;background:var(--lime);border-radius:50%}.key.alt{background:#93b9e8}.lab-fieldset{display:grid;grid-template-columns:1fr 1fr;gap:15px}.lab-fieldset label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b0c7b9}.lab-fieldset input[type=range]{accent-color:var(--lime)}.lab-fieldset select{background:#102022;border:1px solid #3e6250;color:#eaf4ea;padding:9px;border-radius:4px}.lab-fieldset output{color:var(--lime);font:500 11px var(--mono)}.trace-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:12px}.trace-list li{display:flex;gap:15px;padding:15px;border:1px solid #385248;border-radius:5px;background:#102425}.trace-list li>span{font:600 11px var(--mono);color:var(--lime)}.trace-list b{font-size:13px}.trace-list p{color:#a6b9ae;font-size:12px;line-height:1.7;margin:4px 0 0}.notice{padding:13px 15px;border-radius:5px;border:1px solid #665745;color:#e5cbaa;background:#2e2923;font-size:12px;line-height:1.7}.notice a{color:#d6f9a7;text-decoration:underline}.result-pass{color:#bbed9c}.result-fail{color:#f0a28a}body.modal-open{overflow:hidden}
@media(max-width:1120px){.header-row{gap:25px}.hero-grid{gap:35px}.hero h1{font-size:clamp(52px,6.6vw,78px)}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card.featured{grid-column:span 2}.approach-grid{gap:55px}.art-float{font-size:9px}.header-cta{display:none}}
@media(max-width:750px){.container{width:min(100% - 34px,550px)}.header-row{height:73px;gap:10px}.brand-name strong{font-size:12px}.brand-name small{font-size:8px}.header-github{margin-left:auto}.nav-toggle{display:block}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b1b20;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px;border-bottom:1px solid #29493d}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px;border-bottom:1px solid #2b3c34}.hero{padding:55px 0 50px}.hero-grid{grid-template-columns:1fr;gap:48px}.hero h1{font-size:clamp(47px,11.5vw,76px)}.hero-lead{font-size:14px}.hero-mini-stats{margin-top:42px;gap:18px}.hero-mini-stats span{font-size:10px}.hero-mini-stats strong{font-size:24px}.hero-art{height:405px;max-width:550px}.orbit-o3{width:400px;height:400px}.art-index-right{display:none}.hero-cta-row{gap:21px}.marquee-wrap{height:45px}.projects-section{padding:72px 0}.section-intro{display:block}.section-intro h2{font-size:52px}.project-count{margin-top:25px}.catalog-toolbar{align-items:stretch;flex-direction:column}.filters{gap:7px}.filter{padding:9px 11px;font-size:11px}.search{width:100%}.project-grid{grid-template-columns:1fr;gap:17px}.project-card.featured{grid-column:auto;grid-template-columns:1fr}.feature-visual{min-height:260px}.featured h3{font-size:48px}.card-content{min-height:330px;padding:23px}.card-graphic{height:200px}.approach-section{padding:70px 0}.approach-grid{grid-template-columns:1fr;gap:44px}.approach-intro h2{font-size:52px}.about-section{padding:70px 0}.about-card{grid-template-columns:1fr}.about-decoration{height:180px;font-size:140px}.about-copy{padding:25px 23px 36px}.about-copy h2{font-size:41px}.footer-inner,.footer-bottom{flex-direction:column;align-items:start}.footer-links{flex-wrap:wrap;gap:18px}.dialog-backdrop{padding:0;align-items:stretch}.lab-dialog{height:100dvh;border-radius:0;border:0}.dialog-header{height:58px;padding:0 15px}.dialog-brand{font-size:9px}.dialog-layout{display:block;overflow:auto}.dialog-aside{padding:24px;border-right:0;border-bottom:1px solid #324b42}.dialog-aside h2{font-size:27px;margin:10px 0}.aside-line{margin:15px 0}.dialog-main{padding:22px 16px 35px}.workspace-header{display:block}.workspace-tag{display:inline-block;margin-top:10px}.lab-cols,.lab-cols.wide-left,.evidence-grid,.lab-fieldset{grid-template-columns:1fr}.mask-grid{gap:7px}.metric-row{gap:6px}.metric{padding:9px}.metric b{font-size:19px}.metric span{font-size:9px}}
@media(max-width:420px){.hero h1{font-size:45px}.hero-art{height:340px}.float-a{right:5px;top:70px}.float-b{left:5px;bottom:100px}.float-c{right:4px;bottom:55px}.orbit-o2{width:300px;height:300px}.orbit-o3{width:350px;height:350px}.core-node{width:127px;height:127px}.core-inner{width:84px;height:84px}.hero-mini-stats{gap:11px}.hero-mini-stats span{font-size:9px}.art-index{left:12px}.art-bottom{left:12px;right:12px}.filters{overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding-bottom:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}