header{background:#07151ba6;backdrop-filter:blur(22px);border-color:#d7fff12f}.hero{height:540px;min-height:480px;max-height:600px}.hero-copy{top:10%;max-width:760px}.hero-copy h1{font-size:clamp(38px,4.5vw,66px)}.system-overview{position:relative;margin:28px 0 0;border:1px solid #c7fff130;border-radius:18px;overflow:hidden;background:#0c2028}.system-overview>img{display:block;width:100%;aspect-ratio:2.05;object-fit:cover}.overview-glass{position:absolute;left:22px;bottom:22px;max-width:470px;padding:20px 26px;background:#0c202ab5;backdrop-filter:blur(24px);border:1px solid #e4fff32a;border-radius:15px}.overview-glass h3{margin:6px 0;font-size:30px}.overview-glass p{margin:8px 0}.overview-glass button{margin-top:6px}.validation-card{padding:24px 28px;margin:28px 0;background:linear-gradient(130deg,#26413b80,#0a263f80);backdrop-filter:blur(24px);border:1px solid #d8ffe32b;border-radius:16px}.validation-card strong{font-size:20px;font-weight:500}.validation-card p{margin:8px 0}.validation-card ul{padding-left:20px;color:#b4ccd0;font-size:14px}.endpoint{display:flex;align-items:center;padding:8px 14px;color:#b2e1d0;font-size:14px;border:1px dashed #7ba49180;border-radius:8px}.route button{background:#11353d99;backdrop-filter:blur(18px);border-color:#b2f7e530;border-radius:8px}.route .selected{background:#28575aa6;border-color:#83e7d880}.explore{height:auto;min-height:0;padding:55px 4vw;background:radial-gradient(ellipse at 65% 10%,#24465b70,transparent 65%),#091922}.explore-shell{max-width:1550px;margin:auto}.explore-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px}.explore-heading h2{font-size:36px}.workbench{height:auto;min-height:0;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);border:1px solid #d5ffe82b;border-radius:18px;overflow:hidden;box-shadow:0 25px 90px #0005;background:#102a36a6;backdrop-filter:blur(28px)}.viewport{height:710px;background:#081720}.component-panel{height:710px;max-height:none;background:linear-gradient(145deg,#264552b0,#0b2637a6);backdrop-filter:blur(24px);border-left:1px solid #c3fff124}.component-panel label{margin-bottom:14px}.component-panel select{background:#183544a6;border-color:#cdf8ef35;border-radius:8px}.viewer-tools{padding:10px;left:16px;right:16px;bottom:14px;border:1px solid #d6fff128;border-radius:12px;background:#14303bbd;backdrop-filter:blur(24px);gap:7px}.viewer-tools button{border-radius:7px;padding:7px 10px;font-size:14px;border-color:#ccfff433;background:#25435280}.viewer-tools button[aria-pressed=true]{background:#477975b3;border-color:#b6f4e8}.concept-label{left:22px;bottom:117px;right:22px;max-width:none;font-size:13px;line-height:1.4;background:#051d23b0;backdrop-filter:blur(12px);padding:8px 10px;border-radius:6px}.component-list button{border-radius:7px;background:#25465670;border-color:#cbfff126}.visual-status{font-size:14px;color:#c2e6da;border-left:2px solid #85cfc0;padding-left:12px}.product-card{border-radius:13px;background:#18333b80;backdrop-filter:blur(18px);padding:20px;border-color:#dbfff12b}.product-card img{margin:-20px -20px 12px;width:calc(100% + 40px);max-width:none}.video-panel{border-radius:16px;overflow:hidden;background:#13303aa6;border-color:#dcfff126}.wrap.solutions{padding-top:60px}button,.button{border-radius:8px}dialog{background:#13313edb;backdrop-filter:blur(25px);border-color:#d8ffed4d}canvas{cursor:pointer}canvas:active{cursor:grabbing}
@media(max-width:1100px){.workbench{grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr)}.viewport,.component-panel{height:680px}.viewer-tools{gap:5px}.viewer-tools button{font-size:14px;padding:6px 8px}.concept-label{bottom:135px}}
@media(max-width:900px){.workbench{grid-template-columns:1fr}.viewport{height:720px;min-height:0}.component-panel{height:auto;max-height:760px;border-left:none;border-top:1px solid #c3fff124}.explore{padding:35px 4vw}.explore-heading{align-items:flex-start}.explore-heading h2{font-size:28px}.system-overview>img{aspect-ratio:1.6}.overview-glass{left:14px;bottom:14px;padding:15px;max-width:80%}.overview-glass h3{font-size:25px}.concept-label{bottom:110px}.hero{height:500px;min-height:500px}}
@media(max-width:520px){.viewport{height:810px}.viewer-tools button{font-size:14px}.concept-label{bottom:145px}.explore-heading{display:block}.explore-heading button{margin-top:10px}.system-overview>img{aspect-ratio:1.25}.overview-glass{position:relative;left:auto;bottom:auto;max-width:none;margin:12px}.validation-card{padding:20px}.overview-glass h3{font-size:25px}.component-list{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:38px}.hero{height:520px;min-height:520px}}
.system-items{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:start;height:100%;overflow:auto;background:#081a22}.system-items[hidden],canvas[hidden],.component-panel[hidden]{display:none!important}.system-item{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #c0f8e82b;background:#16303980;border-radius:12px;padding:10px;gap:9px;font-size:14px;line-height:1.4}.system-item img{display:block;width:100%;height:145px;object-fit:contain;pointer-events:none}.system-item:hover{background:#2d5359;border-color:#94e1d280}.workbench.whole-system{grid-template-columns:1fr}.whole-system .viewer-tools,.whole-system .concept-label{display:none}.whole-system .viewport{height:auto;min-height:560px}.whole-system .system-items{height:auto;min-height:560px}.explore[aria-busy=true]{opacity:.8}.system-item span{color:#b3e7da;font-size:12px}.equipment-error{padding:22px;color:#efceb7}@media(max-width:650px){.system-items{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.system-item img{height:110px}.system-item{font-size:14px}.whole-system .viewport{min-height:0}.whole-system .system-items{min-height:0}}