:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070c0f;--panel:#10181c;--panel-2:#0c1215;--panel-3:#142126;--edge:#2d4248;--edge-hot:#21e7e4;--text:#edf8f5;--muted:#9aa9a6;--soft:#62736f;--cyan:#26e7e7;--emerald:#37e6a1;--amber:#ffb020;--blue:#659bff;--shadow:0 28px 70px #0000006b;--shadow-tight:0 16px 40px #0000005c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:linear-gradient(90deg,#26e7e706 1px,#0000 1px) 0 0/58px 58px,linear-gradient(0deg,#26e7e705 1px,#0000 1px) 0 0/58px 58px,radial-gradient(circle at 55% 0,#26e7e71a,#0000 32rem),#06090b;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}.saas-shell{background:linear-gradient(#ffffff09,#0000),#060b0df0;border:1px solid #ffffff1f;border-radius:8px;grid-template-rows:72px minmax(0,1fr) 54px;min-height:100vh;display:grid;overflow:hidden}.topbar,.brand,.top-icons,.panel-title,.builder-row,.route-buttons,.primary,.secondary,.ghost,.hero-row,.hero-actions,.metric-head,.telemetry-head,.tab-strip,.chain-item,.route-proof,.mentor-section-head,.ask-button,.export-button,.download-link,.status-bar{align-items:center;display:flex}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060a0cc7;border-bottom:1px solid #ffffff1f;justify-content:space-between;padding:0 30px}.brand{gap:14px}.brand svg,.brand strong span{color:var(--cyan)}.brand strong{letter-spacing:0;font-size:24px}.brand strong span{color:var(--muted);font-weight:650}.top-icons{gap:8px}.top-icons button,.panel-title button{color:#cad7d4;background:#ffffff09;border:0;border-radius:8px;width:38px;height:38px}.viewport-grid{grid-template-columns:300px minmax(820px,1fr) 320px;gap:14px;min-height:0;padding:14px;display:grid}.depth-panel,.depth-card{background:linear-gradient(180deg, #ffffff0f, #ffffff03), radial-gradient(circle at 50% 0%, #26e7e70f, transparent 55%), var(--panel);box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;border:1px solid #7ca6ad42;border-radius:8px}.builder-panel,.mentor-panel{min-height:0;padding:16px}.main-panel{grid-template-rows:auto minmax(230px,.88fr) auto auto;gap:10px;min-width:0;padding:28px 32px 16px;display:grid;overflow:hidden}.panel-title{justify-content:space-between;margin-bottom:20px}.panel-title h1{align-items:center;gap:9px;margin:0;font-size:20px;display:inline-flex}.builder-row{gap:10px;height:56px;margin-bottom:10px;position:relative}.builder-icon{width:38px;height:38px;color:var(--cyan);background:#ffffff0a;border:1px solid #ffffff24;border-radius:7px;place-items:center;display:grid}.builder-field{border:1px solid var(--edge);background:var(--panel-2);border-radius:7px;flex:1;align-content:center;min-width:0;height:46px;padding:0 12px;display:grid}.builder-field small{color:var(--muted);font-size:11px;line-height:1}.builder-field b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}.builder-field .highlight{color:var(--cyan)}.builder-row>svg{color:var(--muted);position:absolute;bottom:15px;right:12px}.template-switch{border:1px solid var(--edge);width:100%;height:42px;color:var(--muted);background:var(--panel-2);border-radius:7px;margin:4px 0 14px;padding:0 12px}.route-switcher{background:linear-gradient(#26e7e712,#ffffff05);border:1px solid #26e7e738;border-radius:7px;padding:10px;overflow:hidden}.route-buttons{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.route-buttons::-webkit-scrollbar{display:none}.route-buttons button{color:#d7e8e5;background:#ffffff09;border:1px solid #ffffff21;border-radius:6px;flex:none;min-height:34px;padding:5px 10px;font-size:11px;font-weight:860;line-height:1.15}.route-buttons .active{border-color:var(--cyan);color:#031517;background:linear-gradient(#79fffb,#22d4d9);box-shadow:0 0 24px #26e7e738}.primary,.secondary,.ghost,.ask-button,.export-button{letter-spacing:0;border-radius:7px;justify-content:center;gap:10px;min-height:46px;font-weight:760}.primary{color:#041315;background:linear-gradient(#6af8f5,#20c2c8);border:1px solid #26e7e7c7;box-shadow:0 0 0 3px #26e7e71a,0 14px 36px #26e7e733,inset 0 1px #fff9}.secondary,.ghost{border:1px solid var(--edge);color:var(--text);background:linear-gradient(#ffffff0d,#ffffff03);box-shadow:inset 0 1px #ffffff0f}.wide{width:100%;margin-top:10px}.hero-row{justify-content:space-between;gap:22px}.hero-copy h2{margin:0;font-size:clamp(34px,3.4vw,48px);line-height:.98}.hero-copy h2 span{color:var(--cyan)}.hero-copy p{color:#d1dedb;margin:10px 0 0;font-size:16px}.hero-actions{gap:20px;min-width:500px}.hero-actions button{min-width:230px}.lab-slab{perspective:900px;border-bottom:1px solid #ffffff1c;min-height:238px;position:relative;overflow:visible}.lab-slab:before{content:"";transform-origin:50%;background:linear-gradient(90deg,#3df5ea1f 1px,#0000 1px) 0 0/42px 42px,linear-gradient(0deg,#3df5ea1c 1px,#0000 1px) 0 0/42px 42px,linear-gradient(145deg,#ffffff0f,#ffffff03);border:1px solid #3df5ea33;border-radius:28px;height:154px;position:absolute;top:52px;left:7%;right:6%;transform:rotateX(58deg)rotate(0);box-shadow:0 22px 45px #00000080,inset 0 1px #ffffff1f}.sensor-object,.board-object,.proof-object,.cloud-object,.slab-caption,.slab-line{z-index:2;position:absolute}.sensor-object{width:68px;height:70px;top:103px;left:13%}.sensor-case{background:linear-gradient(145deg,#f1f7f6,#a4b8b5);border-radius:12px;position:absolute;inset:20px 12px 4px;box-shadow:0 12px 24px #00000059}.sensor-chip{background:linear-gradient(145deg,#dde7e5,#8b9d9b);border-radius:8px;position:absolute;inset:0 20px 18px}.board-object{color:#dcece9;background:linear-gradient(145deg,#202a2e,#060b0d);border-radius:11px;place-items:center;width:150px;height:72px;display:grid;top:82px;left:24%;transform:rotate(-12deg)skew(-8deg);box-shadow:0 24px 32px #0000005c,inset 0 1px #ffffff1f}.board-object span{background:#11191d;border:1px solid #ffffff24;border-radius:6px;position:absolute;inset:12px 24px}.board-object b{z-index:1;font-size:12px}.proof-object{color:#c8fffb;background:linear-gradient(145deg,#155f67b8,#061c22d6);border:1px solid #3ffaf7d1;border-radius:11px;gap:5px;width:158px;min-height:158px;padding:14px;display:grid;top:36px;left:45%;transform:perspective(900px)rotateY(-14deg);box-shadow:0 0 34px #26e7e74d,inset 0 1px #ffffff47}.proof-object strong{color:#71fff7;font-size:12px}.proof-object span{align-items:center;gap:5px;font-size:11px;display:inline-flex}.cloud-object{width:116px;height:86px;color:var(--emerald);background:radial-gradient(circle,#37e6a140,#0000 66%);border-radius:50%;place-items:center;display:grid;top:74px;right:17%}.cloud-object svg:last-child{color:var(--cyan);position:absolute;bottom:9px;right:16px}.slab-line{background:linear-gradient(90deg,#0000,#26e7e7bf,#0000);height:2px}.line-a{top:122px;left:20%;right:22%}.line-b{top:95px;left:51%;right:18%}.slab-caption{text-align:center;color:var(--cyan);letter-spacing:.08em;font-size:12px;bottom:18px;left:19%;right:18%}.metrics-row{grid-template-columns:repeat(4,minmax(116px,1fr)) minmax(280px,1.4fr);gap:10px;display:grid}.metric{min-height:132px;padding:14px;position:relative;overflow:hidden}.metric:before{content:"";background:var(--emerald);width:3px;position:absolute;top:8px;bottom:16px;left:0}.metric.watch:before,.metric.low:before{background:var(--amber)}.metric-head{color:#e6f4f1;gap:8px;font-size:12px;font-weight:740}.metric-head svg{color:var(--text)}.metric-value{align-items:baseline;gap:7px;margin:15px 0 5px;display:flex}.metric-value strong{font-size:28px;line-height:1}.metric-value span{color:#c7d5d2}.metric b{color:var(--emerald);font-size:12px;display:block}.metric.watch b,.metric.low b{color:var(--amber)}.sparkline{width:100%;height:27px}.sparkline path{fill:none;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px}.metric.strong .sparkline path{stroke:var(--emerald)}.metric.watch .sparkline path,.metric.low .sparkline path{stroke:var(--amber)}.telemetry-slab{background:var(--panel-2);border:1px solid #ffffff24;border-radius:7px;min-width:0;padding:12px}.telemetry-head{justify-content:space-between}.telemetry-head strong,.telemetry-head span{display:block}.telemetry-head strong{font-size:14px}.telemetry-head span{color:var(--muted);font-size:11px}.telemetry-head b{color:#013417;background:var(--emerald);border-radius:5px;padding:4px 8px;font-size:11px}.mini-chart{width:100%;height:94px}.mini-chart text{fill:var(--muted);font-size:10px}.grid-line{stroke:#ffffff14}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px}.chart-temp{stroke:var(--cyan)}.chart-humid{stroke:var(--blue)}.chart-warn{stroke:var(--amber)}.proof-tabs{overflow:hidden}.tab-strip{border-bottom:1px solid #ffffff1a;height:46px;overflow-x:auto}.tab-strip button{color:#9fb0ad;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;height:100%;padding:0 28px;font-weight:720}.tab-strip .active{border-color:var(--cyan);color:var(--cyan)}.tab-preview{grid-template-columns:230px minmax(0,1fr);gap:16px;padding:14px 24px 18px;display:grid}.tab-preview h3{margin:0 0 8px;font-size:16px}.tab-preview p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.tab-preview button{border:1px solid var(--edge);color:var(--text);background:var(--panel-2);border-radius:6px;margin-top:12px;padding:8px 12px}.architecture-chain{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.chain-item{gap:8px;min-width:0;position:relative}.chain-item span{width:44px;height:44px;color:var(--cyan);background:#26e7e70f;border:1px solid #26e7e759;border-radius:7px;place-items:center;display:grid}.chain-item strong{color:#e6f4f1;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.chain-item i{color:var(--muted);font-style:normal;position:absolute;right:-11px}.route-step{text-align:left;background:var(--panel-2);border:1px solid #ffffff1c;border-radius:7px;align-content:center;gap:7px;width:100%;min-height:74px;padding:9px;display:grid}.route-step strong{text-overflow:clip;white-space:normal;font-size:10px;line-height:1.2;overflow:visible}.route-step span{width:30px;height:30px}.route-step i{display:none}.route-step.active span{border-color:var(--cyan);color:#061314;background:linear-gradient(#86fffb,#25d9df);box-shadow:0 0 24px #26e7e742}.route-step.active strong{color:#88fffa}.route-proof{border-top:1px solid #ffffff1a;justify-content:space-between;gap:10px;padding:10px 24px 12px}.route-proof span,.route-proof b{color:#b8c8c5;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:720;display:inline-flex}.route-proof svg,.route-proof b{color:var(--cyan)}.mentor-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:14px;display:grid;overflow:hidden}.readiness-orbit{background:radial-gradient(circle at center, var(--panel) 0 48%, transparent 49%), conic-gradient(var(--emerald) 0 82%, #ffffff1f 82% 100%);border-radius:50%;justify-self:center;place-items:center;width:210px;height:210px;display:grid;box-shadow:0 0 42px #37e6a11f}.readiness-orbit span,.readiness-orbit b{grid-area:1/1}.readiness-orbit span{margin-top:-18px;font-size:46px;font-weight:820}.readiness-orbit b{color:var(--muted);margin-top:55px}.ask-button,.export-button{border:1px solid var(--edge-hot);color:#83fff8;background:linear-gradient(#26e7e71f,#26e7e708);width:100%}.ask-button:disabled{opacity:.72;cursor:wait}.mentor-section{gap:10px;display:grid}.mentor-section-head{color:#dcece9;justify-content:space-between}.mentor-section-head span{color:#201400;background:var(--amber);border-radius:999px;padding:3px 9px;font-weight:820}.warning-card{background:#ffb0200f;border:1px solid #ffb02073;border-radius:7px;grid-template-columns:24px 1fr;align-items:start;gap:12px;padding:12px;display:grid}.warning-card svg{color:var(--amber)}.warning-card p,.ai-output p{color:#d2dfdc;margin:0;line-height:1.38}.ai-output{background:#ffffff06;border:1px solid #ffffff1a;border-radius:7px;min-height:78px;padding:12px;overflow:auto}.ai-output strong{color:#9ffff9;margin-bottom:6px;display:block}.download-link{color:var(--muted);background:0 0;border:0;justify-content:center;gap:8px}.status-bar{color:#aebcba;background:#060a0cb8;border-top:1px solid #ffffff1f;justify-content:space-around;gap:20px;padding:0 30px;font-size:13px}.status-bar i{background:var(--emerald);border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}@media (width<=1260px){.saas-shell{overflow:visible}.viewport-grid{grid-template-columns:280px minmax(0,1fr)}.mentor-panel{grid-column:1/-1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr}.mentor-panel .panel-title,.mentor-panel .export-button,.mentor-panel .download-link{grid-column:1/-1}}@media (width<=920px){.saas-shell{border-radius:0;display:block}.topbar,.viewport-grid,.hero-row,.hero-actions,.metrics-row,.tab-preview,.architecture-chain,.route-proof,.mentor-panel,.status-bar{display:grid}.topbar{grid-template-columns:1fr;gap:12px;height:auto;padding:16px}.top-icons{display:none}.viewport-grid{grid-template-columns:1fr;padding:10px}.main-panel{grid-template-rows:auto auto auto auto;padding:18px;overflow:hidden}.hero-actions,.metrics-row,.tab-preview,.architecture-chain,.route-proof,.mentor-panel{grid-template-columns:1fr;min-width:0}.hero-actions button{width:100%;min-width:0}.hero-copy h2{font-size:34px}.lab-slab{min-height:300px;overflow:hidden}.lab-slab:before{top:94px;left:0;right:0}.board-object,.sensor-object{display:none}.proof-object{top:48px;left:26%}.cloud-object{top:110px;right:8%}.slab-caption{line-height:1.6;bottom:24px;left:8%;right:8%}.status-bar{grid-template-columns:1fr;padding:16px}}