@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#eef2f6;background:#090d11;font-synthesis:none;--lime: #a7ee35;--muted: #a8b1bf;--line: #2b333d;--panel: #11171d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#090d11;-webkit-font-smoothing:antialiased}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh;background:#090d11}.topbar{height:78px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;padding:0 3.4vw;border-bottom:1px solid var(--line);background:#0c1116;position:relative;z-index:20}.brand{color:#fff;text-decoration:none;display:inline-flex;flex-direction:column;width:max-content;line-height:1}.brand-main{font-size:26px;letter-spacing:-1.4px;font-weight:700}.brand-main strong{color:var(--lime);font-weight:700}.brand-sub{margin-top:4px;color:#88929f;font-size:7px;letter-spacing:1.25px}.topnav{display:flex;justify-content:center;gap:clamp(24px,3vw,54px)}.topnav a{color:#c6ccd4;text-decoration:none;font-size:14px;transition:color .2s ease}.topnav a:hover,.topnav a:focus-visible{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:14px}.header-actions button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;border-radius:50%}.header-actions button:hover{background:#172027}.lab-chip{height:42px;padding:0 18px;border:1px solid #78b824;border-radius:10px;color:var(--lime);text-decoration:none;display:inline-flex;gap:9px;align-items:center;box-shadow:0 0 24px #a7ee3514;font-weight:600;font-size:14px}.stage{position:relative;min-height:calc(100vh - 78px);height:860px;max-height:920px;overflow:hidden;isolation:isolate;background:#0b1015}.stage:before{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;background:#101820;border-top:1px solid #1d2730;z-index:-2}.stage:after{content:"";position:absolute;left:33%;right:3%;top:56%;bottom:-18%;border:1px solid #202a33;transform:perspective(560px) rotateX(58deg);z-index:-1;opacity:.7}.stage-kicker{position:absolute;left:3.8vw;top:9.5%;color:var(--lime);letter-spacing:5px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:16px;z-index:4}.stage-kicker span{width:4px;height:19px;background:var(--lime);border-radius:2px}.hero-copy{position:absolute;left:3.8vw;top:15.8%;width:31%;max-width:430px;z-index:5}.hero-copy h1{margin:0;font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(64px,6vw,94px);line-height:.89;letter-spacing:-2.8px}.hero-copy>p{color:var(--muted);font-size:17px;line-height:1.55;margin:24px 0 28px}.stat-row{display:flex;gap:26px;margin:0 0 30px}.stat-row>div{display:flex;flex-direction:column;gap:7px;padding-right:26px;border-right:1px solid #39434d}.stat-row>div:last-child{border-right:0}.stat-row strong{color:var(--lime);font-size:25px;line-height:1.04;letter-spacing:-.8px}.stat-row span{color:#aeb6c1;font-size:11px;line-height:1.45}.primary-button{border:0;color:#0a0e10;background:var(--lime);min-width:268px;height:64px;border-radius:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 12px 40px #a7ee3524;transition:transform .2s ease,background .2s ease}.primary-button:hover{transform:translateY(-2px);background:#baff43}.model-view{position:absolute;left:30%;right:7.5%;top:7%;bottom:11%;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab}.model-view:active{cursor:grabbing}.model-view canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;z-index:1}.model-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-content:center;gap:8px;text-align:center;background:#0b1015;color:var(--lime)}.model-loading span{font-family:Barlow Condensed,Impact,sans-serif;font-size:54px;font-weight:700}.model-loading small{color:#7f8a96;letter-spacing:3px;font-size:8px}.drag-hint{position:absolute;top:7%;left:65%;color:#9da8b6;display:flex;align-items:center;gap:9px;font-size:13px;z-index:5;letter-spacing:.4px}.component-panel{position:absolute;right:clamp(184px,calc(2.2vw + 156px),222px);top:16%;width:310px;z-index:12;padding:21px;border:1px solid rgba(167,238,53,.28);border-radius:16px;background:#0f151bf0;box-shadow:0 24px 70px #00000075,inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translate(18px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.component-panel.is-open{opacity:1;transform:translate(0);pointer-events:auto}.component-panel:before{content:"";position:absolute;left:-1px;top:24px;bottom:24px;width:2px;background:linear-gradient(180deg,transparent,var(--lime),transparent)}.component-panel-head{display:flex;justify-content:space-between;align-items:center}.component-panel-head span{color:var(--lime);font-size:9px;font-weight:700;letter-spacing:2.2px}.component-panel-head button{width:32px;height:32px;border:1px solid #35414c;border-radius:50%;background:#111920;color:#aeb8c2;display:grid;place-items:center;cursor:pointer}.component-panel-head button:hover{color:#fff;border-color:#586674}.component-panel-icon{width:52px;height:52px;margin:22px 0 18px;border:1px solid rgba(167,238,53,.5);border-radius:14px;color:var(--lime);background:#a7ee3514;display:grid;place-items:center;box-shadow:0 0 28px #a7ee3514}.component-panel h2{margin:0 0 7px;font-family:Barlow Condensed,Impact,sans-serif;font-size:34px;line-height:1;letter-spacing:-.5px}.component-voltage{color:#dce3e9;font-size:17px;letter-spacing:.2px}.component-panel>p{margin:12px 0 20px;color:#8f9ba7;font-size:11px;line-height:1.55}.component-panel dl{margin:0;border-top:1px solid #2d3741}.component-panel dl div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #27313a}.component-panel dt{color:#75818d;font-size:9px;letter-spacing:1px;text-transform:uppercase}.component-panel dd{margin:0;color:#d4dbe1;font-size:11px;font-weight:600;text-align:right}.component-wiki-link{margin-top:16px;padding-top:14px;border-top:1px solid #2d3741;color:#97a4af;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;line-height:1.45;transition:color .18s ease}.component-wiki-link span{max-width:220px}.component-wiki-link svg{flex:0 0 auto;color:var(--lime);transition:transform .18s ease}.component-wiki-link:hover{color:#e2e8ec}.component-wiki-link:hover svg{transform:translate(3px)}.compute-panel{position:absolute;left:3.8vw;bottom:5.5%;width:326px;z-index:12;padding:20px;border:1px solid rgba(167,238,53,.25);border-radius:16px;background:#0f151bed;box-shadow:0 22px 64px #0006,inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .24s ease,transform .24s ease}.compute-panel.is-open{opacity:1;transform:translateY(0)}.compute-panel-heading{display:flex;align-items:center;gap:9px;color:var(--lime)}.compute-panel-heading span{font-size:9px;font-weight:700;letter-spacing:2px}.compute-panel h2{margin:13px 0 16px;font-family:Barlow Condensed,Impact,sans-serif;font-size:26px;line-height:1;letter-spacing:-.3px}.compute-module-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compute-module-list div{min-width:0;padding:10px 11px;border:1px solid #2d3942;border-radius:10px;background:#ffffff06;display:flex;align-items:center;justify-content:space-between;gap:8px}.compute-module-list span{color:#aab5bf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.compute-module-list strong{flex:0 0 auto;color:#edf3f6;font-size:11px}.tool-rail{position:absolute;right:2.2vw;top:50%;width:144px;padding:9px;display:flex;flex-direction:column;gap:8px;z-index:9;transform:translateY(-50%);border:1px solid rgba(91,105,117,.48);border-radius:20px;background:#0d1318d1;box-shadow:0 20px 54px #00000057,inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tool-rail button{width:100%;min-height:54px;padding:0 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:#aeb8c2;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px;cursor:pointer;text-align:left;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.tool-rail button:hover{color:#f4f7f9;background:#ffffff0e}.tool-rail button:active{transform:scale(.98)}.tool-rail button.active{color:var(--lime);border-color:#a7ee3552;background:#a7ee351a;box-shadow:inset 0 0 0 1px #a7ee3509,0 0 24px #a7ee350e}.tool-rail button svg{justify-self:center}.tool-rail button span{font-size:13px;line-height:1;font-weight:600;letter-spacing:.1px}.mode-dock{position:absolute;left:37%;bottom:7%;width:min(55%,690px);height:84px;border:1px solid #37414b;border-radius:42px;background:#11171d;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;z-index:10;overflow:hidden;box-shadow:0 18px 40px #00000040}.mode-dock button{border:0;border-right:1px solid #303a44;background:transparent;color:#aab3bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;position:relative}.mode-dock button:last-child{border-right:0}.mode-dock button:hover,.mode-dock button.active{color:var(--lime)}.mode-dock button.active:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:4px;background:var(--lime);border-radius:4px 4px 0 0}.mode-dock span{font-size:12px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}@media(max-width:980px){.topbar{grid-template-columns:1fr auto;padding-inline:22px}.topnav{display:none}.stage{height:auto;min-height:950px}.hero-copy{width:auto;max-width:none;left:24px;right:24px;top:90px}.hero-copy h1{font-size:62px}.hero-copy>p{font-size:14px}.stat-row{margin-bottom:18px}.primary-button{height:54px;min-width:230px}.model-view{left:0;right:0;top:430px;bottom:126px}.drag-hint{left:auto;right:86px;top:4%}.tool-rail{right:18px;top:50%}.component-panel{right:178px;top:48%;width:min(310px,calc(100vw - 210px))}.compute-panel{left:24px;bottom:142px}.mode-dock{left:20px;right:20px;width:auto;bottom:48px;height:76px}}@media(max-width:620px){.topbar{height:68px}.brand-main{font-size:21px}.lab-chip{display:none}.stage{min-height:900px}.stage-kicker{left:24px;top:48px;letter-spacing:3px}.hero-copy{top:92px}.hero-copy h1{font-size:54px}.hero-copy>p br{display:none}.stat-row strong{font-size:20px}.model-view{top:435px;bottom:130px}.component-panel{left:18px;right:18px;top:auto;bottom:214px;width:auto;padding:16px}.component-panel-icon{width:42px;height:42px;margin:14px 0}.component-panel h2{font-size:28px}.component-panel>p{display:none}.component-wiki-link{margin-top:12px;padding-top:11px}.compute-panel{left:18px;right:18px;bottom:224px;width:auto;padding:15px}.compute-panel h2{margin:10px 0 12px;font-size:23px}.compute-module-list div{padding:8px 9px}.tool-rail{left:18px;right:18px;top:auto;bottom:140px;width:auto;flex-direction:row;transform:none}.tool-rail button{min-width:0;grid-template-columns:22px 1fr;gap:7px;padding-inline:9px}.tool-rail button span{font-size:12px}.mode-dock{border-radius:18px}.mode-dock span{font-size:10px}}