:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8f2f4;font-synthesis:none;text-rendering:optimizelegibility;--bg:#06151c;--bg-soft:#091d26;--surface:#0c2530;--surface-raised:#11313d;--surface-hover:#163b48;--text:#edf7f8;--text-soft:#9fb6bc;--text-faint:#78979f;--line:#a0d5de24;--line-strong:#a0d5de42;--primary:#22c7a9;--primary-soft:#22c7a921;--blue:#4aa8ff;--amber:#f2b84b;--danger:#ff7373;--shadow:0 20px 60px #0000003d;background:#06151c;font-family:Inter,Segoe UI,Microsoft YaHei UI,PingFang SC,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 83% 12%, #22c7a914, transparent 30%), radial-gradient(circle at 18% 82%, #4aa8ff0f, transparent 28%), var(--bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}h2{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.18}h3{line-height:1.3}.startup-screen{text-align:center;min-height:100vh;color:var(--text-soft);place-content:center;justify-items:center;gap:18px;padding:24px;display:grid}.startup-screen h1{color:var(--text);margin-bottom:0}.startup-mark{background:var(--primary-soft);width:76px;height:76px;color:var(--primary);letter-spacing:.08em;border:1px solid #22c7a973;border-radius:20px;place-items:center;font-size:1.45rem;font-weight:700;display:grid;box-shadow:0 0 50px #22c7a921}.startup-mark-error{color:var(--danger);background:#ff737314;border-color:#ff737366}.app-layout{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06151ceb;flex-direction:column;width:250px;min-height:100vh;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:4px 8px 24px;display:flex}.brand-mark{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);letter-spacing:.09em;border:1px solid #22c7a96b;border-radius:12px;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.02em;font-size:.98rem}.brand small{color:var(--text-faint);letter-spacing:.14em;margin-top:4px;font-size:.55rem}.side-nav{gap:6px;display:grid}.side-nav-link{min-height:48px;color:var(--text-soft);border-radius:10px;align-items:center;gap:12px;padding:0 12px;transition:background .16s,color .16s,transform .16s;display:flex}.side-nav-link:hover{color:var(--text);background:#ffffff09;transform:translate(2px)}.side-nav-link.router-link-active{color:var(--text);background:linear-gradient(90deg, var(--primary-soft), #22c7a908);box-shadow:inset 2px 0 var(--primary)}.nav-code{color:var(--text-faint);letter-spacing:.08em;font-size:.68rem}.side-nav-link.router-link-active .nav-code{color:var(--primary)}.nav-count{background:var(--primary);color:#03241e;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:.72rem;font-weight:700;display:inline-grid}.runtime-panel{border:1px solid var(--line);color:var(--text-soft);background:#ffffff06;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:13px 12px;display:flex}.runtime-panel strong,.runtime-panel small{display:block}.runtime-panel strong{color:var(--text);font-size:.78rem}.runtime-panel small{margin-top:3px;font-size:.66rem}.status-dot{background:var(--primary);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 12px #22c7a9b8}.main-stage{min-height:100vh;margin-left:250px}.topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06151cd1;justify-content:space-between;align-items:center;gap:24px;min-height:96px;padding:18px clamp(22px,4vw,58px);display:flex;position:sticky;top:0}.topbar h1{margin:3px 0 0;font-size:1.3rem;font-weight:600}.eyebrow{color:var(--primary);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.67rem;font-weight:650}.topbar .eyebrow{color:var(--text-faint);margin-bottom:0;font-size:.58rem}.topbar-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.badge{border:1px solid var(--line);min-height:25px;color:var(--text-soft);letter-spacing:.04em;background:#ffffff07;border-radius:999px;align-items:center;padding:4px 9px;font-size:.66rem;display:inline-flex}.badge-warning{color:#f6cf7d;background:#f2b84b14;border-color:#f2b84b3d}.version{color:var(--text-faint);font-size:.7rem}.page-content{width:min(1500px,100%);margin:0 auto;padding:clamp(24px,4vw,56px)}.hero{isolation:isolate;border:1px solid var(--line);background:linear-gradient(120deg, #0d2a35f0, #061b24f5), var(--surface);min-height:500px;box-shadow:var(--shadow);border-radius:24px;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:60px;padding:clamp(32px,5vw,70px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;opacity:.35;background-image:linear-gradient(#a0d5de0f 1px,#0000 1px),linear-gradient(90deg,#a0d5de0f 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.hero-copy h2{max-width:760px;margin-bottom:22px;font-size:clamp(2.15rem,4.2vw,4rem);font-weight:620;line-height:1.12}.home-hero-title>span{display:block}.home-hero-title>span:nth-child(2){transform:translate(2em)}.home-hero-title>span:nth-child(3){transform:translate(4em)}.home-hero .hero-copy h2{font-size:clamp(2.15rem,3.4vw,4rem)}.hero-copy>p:not(.eyebrow){max-width:650px;color:var(--text-soft);margin-bottom:28px;font-size:1rem;line-height:1.9}.hero-actions,.detail-actions,.demo-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 17px;font-size:.84rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{color:#022920;background:var(--primary);box-shadow:0 10px 28px #22c7a926}.button-primary:hover{background:#35d5b7}.button-secondary{color:var(--text);border-color:var(--line-strong);background:#ffffff09}.button-secondary:hover{background:#ffffff12}.button-ghost{color:var(--text-soft);border-color:var(--line);background:0 0}.button-ghost:hover{color:var(--text);border-color:var(--line-strong)}.button-danger{color:#faa}.button-block{width:100%}.button.disabled{opacity:.4;pointer-events:none}.hero-system{aspect-ratio:1;justify-self:center;width:min(100%,440px);position:relative}.system-ring{border:1px solid #22c7a940;border-radius:50%;position:absolute;inset:13%}.system-ring:before,.system-ring:after{content:"";border:1px dashed #4aa8ff24;border-radius:50%;position:absolute;inset:-1px;transform:rotate(35deg)}.system-ring-b{border-color:#4aa8ff4d;inset:27%}.system-core{text-align:center;background:#07222aeb;border:1px solid #22c7a96b;border-radius:50%;place-content:center;width:124px;height:124px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 70px #22c7a929}.system-core strong{color:var(--primary);letter-spacing:.08em;font-size:1.8rem}.system-core span{color:var(--text-faint);letter-spacing:.11em;margin-top:4px;font-size:.54rem}.system-node{border:1px solid var(--line-strong);width:64px;height:64px;color:var(--text-soft);box-shadow:var(--shadow);background:#0c2530e6;border-radius:16px;place-items:center;font-size:.76rem;display:grid;position:absolute}.home-hero .system-node{color:#d7f0f5;text-align:center;font-size:.9rem;font-weight:700;line-height:1.2}.home-hero .system-core strong{font-size:2.1rem;font-weight:800}.home-hero .system-core span{color:#7fa8b9;font-size:.62rem;font-weight:700}.node-a{top:5%;left:50%;transform:translate(-50%)}.node-b{top:50%;right:2%;transform:translateY(-50%)}.node-c{bottom:5%;left:50%;transform:translate(-50%)}.node-d{top:50%;left:2%;transform:translateY(-50%)}.home-hero .hero-copy>p:not(.eyebrow){margin-bottom:22px}.home-hero-tags{flex-wrap:wrap;gap:9px;display:flex}.home-hero-tags span{color:#a9e9dc;background:#22c7a912;border:1px solid #22c7a940;border-radius:999px;padding:7px 12px;font-size:.74rem}.home-hero-actions{align-items:center;gap:8px;margin-top:22px;display:flex}.home-overview-link{color:#a8c8dd;background:#071f2fb8;border:1px solid #4aa8ff3d;min-height:42px;padding:0 13px;font-size:.7rem}.home-overview-link:hover,.home-overview-link:focus-visible{color:#e5f8ff;background:#0f3e4fd1;border-color:#2bd8e880}.home-overview-link>span{color:var(--primary);letter-spacing:.06em;font:.58rem Cascadia Code,Consolas,monospace}.home-anchor-section,.home-simulation-section{scroll-margin-top:112px}.home-simulation-intro{grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.home-simulation-copy,.home-simulation-guide{background:radial-gradient(circle at 10% 0,#29d8e81a,#0000 45%),linear-gradient(145deg,#092836f0,#051b28f7);border:1px solid #34aecd38;border-radius:18px}.home-simulation-copy{padding:clamp(22px,3vw,34px)}.home-simulation-copy h2{max-width:620px;margin-bottom:14px;font-size:clamp(1.55rem,2.3vw,2.25rem)}.home-simulation-copy>p:not(.eyebrow){color:var(--text-soft);margin-bottom:20px;font-size:.82rem;line-height:1.8}.home-simulation-status{color:#82aabd;align-items:center;gap:9px;font-size:.68rem;display:flex}.home-simulation-status i,.home-simulation-demo-bar i{background:#43e2a8;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 12px #43e2a8b3}.home-simulation-status strong{color:#cdeaf1}.home-simulation-guide{background:#34aecd38;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.home-simulation-guide article{background:linear-gradient(145deg,#082432fa,#051a27fa);grid-template-columns:auto 1fr;align-content:center;gap:12px;min-width:0;padding:clamp(18px,2vw,26px);display:grid}.home-simulation-guide article>span{color:#29d8e8;font:700 .72rem Cascadia Code,Consolas,monospace}.home-simulation-guide strong{color:#e2f6fa;margin-bottom:8px;font-size:.82rem;display:block}.home-simulation-guide p{color:#769bac;margin:0;font-size:.68rem;line-height:1.65}.home-simulation-demo{background:#03141fd1;border:1px solid #34aecd4d;border-radius:20px;overflow:hidden;box-shadow:0 24px 70px #00070d47}.home-simulation-demo-bar{background:#061f2df5;border-bottom:1px solid #34aecd33;justify-content:space-between;align-items:center;gap:18px;min-height:50px;padding:0 20px;display:flex}.home-simulation-demo-bar>div{align-items:center;gap:9px;display:flex}.home-simulation-demo-bar strong{color:#cfeef4;font-size:.78rem}.home-simulation-demo-bar>span{color:#63899b;font-size:.64rem}.home-simulation-canvas{min-width:0;padding:clamp(16px,2vw,26px)}.home-simulation-disclaimer{color:#668999;margin:13px 2px 0;font-size:.66rem;line-height:1.65}.home-section-heading{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);align-items:end;gap:40px;margin-bottom:24px;display:grid}.home-section-heading h2{margin:0;font-size:clamp(1.65rem,2.5vw,2.35rem)}.home-section-heading>p{max-width:680px;color:var(--text-soft);justify-self:end;margin:0;line-height:1.75}.architecture-flow{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#0c2934e6,#071d26f5);border-radius:20px;padding:22px}.architecture-layer{background:#09232edb;border:1px solid #62bfd029;border-radius:14px;grid-template-columns:54px minmax(170px,.55fr) minmax(280px,1.25fr) minmax(260px,.85fr);align-items:center;gap:20px;min-height:112px;padding:20px;display:grid;position:relative}.architecture-layer+.architecture-layer{margin-top:28px}.architecture-layer:nth-child(3){box-shadow:inset 3px 0 var(--primary);background:linear-gradient(90deg,#22c7a91a,#09232eeb);border-color:#22c7a98c}.architecture-index{border:1px solid var(--line-strong);width:42px;height:42px;color:var(--primary);border-radius:12px;place-items:center;font-size:.76rem;font-weight:700;display:grid}.architecture-title span{color:var(--primary);font-size:.7rem}.architecture-title h3{margin:5px 0 0;font-size:1.05rem}.architecture-layer>p{color:var(--text-soft);margin:0;font-size:.84rem;line-height:1.75}.architecture-examples{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.architecture-examples span{color:var(--text-faint);background:#62bfd014;border-radius:6px;padding:6px 9px;font-size:.68rem}.architecture-connector{z-index:2;height:28px;color:var(--text-faint);align-items:center;gap:8px;font-size:.62rem;display:flex;position:absolute;bottom:-29px;left:50%;transform:translate(-50%)}.architecture-connector i{background:linear-gradient(var(--secondary), var(--primary));width:1px;height:28px}.ddc-explainer{background:#22c7a90f;border:1px solid #22c7a94d;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:16px;padding:20px 24px;display:grid}.ddc-badge{color:#022920;background:var(--primary);border-radius:50%;place-items:center;width:62px;height:62px;font-weight:800;display:grid}.ddc-explainer strong{font-size:1rem}.ddc-explainer p{color:var(--text-soft);margin:6px 0 0;font-size:.8rem;line-height:1.65}.home-function-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.home-function-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:42px 1fr;gap:14px;padding:22px;display:grid}.home-function-card>span{width:40px;height:40px;color:var(--primary);background:#22c7a91a;border-radius:10px;place-items:center;font-weight:700;display:grid}.home-function-card h3{margin:0 0 7px;font-size:.94rem}.home-function-card p{color:var(--text-soft);margin:0;font-size:.76rem;line-height:1.65}.home-value-section{padding-bottom:20px}.home-value-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-value-grid article{border-top:2px solid var(--primary);background:#0c253094;padding:24px}.home-value-grid span{color:var(--text-faint);font-size:.68rem}.home-value-grid h3{margin:15px 0 8px;font-size:1.18rem}.home-value-grid p{color:var(--text-soft);margin:0;font-size:.76rem;line-height:1.7}.section-block{margin-top:clamp(44px,7vw,82px)}.section-title{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px;display:flex}.section-title h2{margin-bottom:0;font-size:clamp(1.5rem,2.4vw,2.2rem)}.section-title>span{color:var(--text-faint);font-size:.76rem}.section-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.section-tile{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface), #0b2029db);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:end;gap:14px;min-height:168px;padding:20px;transition:transform .17s,border-color .17s,background .17s;display:grid}.section-tile:hover{background:linear-gradient(145deg, var(--surface-raised), var(--surface));border-color:#22c7a957;transform:translateY(-3px)}.tile-number{color:var(--primary);align-self:start;font-size:.68rem}.section-tile h3{margin-bottom:7px;font-size:1rem}.section-tile p{color:var(--text-soft);margin:0;font-size:.76rem;line-height:1.6}.tile-arrow{color:var(--text-faint)}.entity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.entity-card{border:1px solid var(--line);background:var(--surface);border-radius:17px;min-width:0;transition:transform .17s,border-color .17s;overflow:hidden;box-shadow:0 12px 34px #00000021}.entity-card:hover{border-color:#22c7a94d;transform:translateY(-3px)}.entity-visual{background:linear-gradient(140deg,#22c7a921,#4aa8ff0a),#0a2029;flex-direction:column;justify-content:space-between;min-height:150px;padding:20px;display:flex;position:relative;overflow:hidden}.entity-visual:before,.entity-visual:after{content:"";border:1px solid #22c7a92b;border-radius:50%;position:absolute}.entity-visual:before{width:170px;height:170px;bottom:-80px;right:-48px}.entity-visual:after{width:96px;height:96px;bottom:-42px;right:16px}.entity-visual[data-kind=software-style]{background:linear-gradient(140deg,#4aa8ff2b,#22c7a909),#0a2029}.entity-visual[data-kind=project-case]{background:linear-gradient(140deg,#f2b84b21,#4aa8ff0a),#0a2029}.entity-visual>img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.entity-visual>span{z-index:1;color:#edf7f8d6;letter-spacing:.08em;font-size:2.35rem;font-weight:650;position:relative}.entity-visual>small{z-index:1;color:var(--text-faint);letter-spacing:.12em;font-size:.58rem;position:relative}.concept-badge{z-index:3;color:#ffe0a2;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d2311db;border:1px solid #f2b84b61;border-radius:999px;padding:5px 8px;font-size:.58rem;font-weight:600;position:absolute;bottom:12px;right:12px}.entity-body{padding:19px}.entity-heading{justify-content:space-between;align-items:center;gap:12px;min-height:25px;margin-bottom:13px;display:flex}.demo-flag{color:#f6cf7d;font-size:.65rem}.entity-body h3{margin-bottom:8px;font-size:1rem}.entity-body>p{min-height:46px;color:var(--text-soft);margin-bottom:14px;font-size:.78rem;line-height:1.6}.entity-tags{gap:7px;min-height:24px;margin-bottom:18px;display:flex;overflow:hidden}.entity-tags span{color:var(--text-faint);white-space:nowrap;background:#ffffff09;border-radius:5px;padding:4px 7px;font-size:.62rem}.entity-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.entity-actions .button{min-height:38px;padding:0 10px;font-size:.75rem}.catalog-intro{border-bottom:1px solid var(--line);margin-bottom:28px;padding:4px 150px 26px 0;position:relative}.catalog-intro h2{margin-bottom:12px}.catalog-intro>p:not(.eyebrow){max-width:760px;color:var(--text-soft);margin-bottom:0;line-height:1.8}.catalog-count{align-items:baseline;gap:8px;display:flex;position:absolute;bottom:26px;right:0}.catalog-count strong{color:var(--primary);font-size:2rem;font-weight:550}.catalog-count span{color:var(--text-faint);font-size:.72rem}.catalog-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:-6px 0 24px;display:flex}.filter-group{flex-wrap:wrap;gap:7px;display:flex}.filter-group button,.point-presets button{border:1px solid var(--line);min-height:36px;color:var(--text-soft);cursor:pointer;background:#ffffff06;border-radius:8px;padding:0 13px}.filter-group button:hover,.filter-group button.active,.point-presets button:hover,.point-presets button.active{color:var(--primary);background:var(--primary-soft);border-color:#22c7a961}.generator-intro{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;margin-bottom:24px;padding-bottom:26px;display:grid}.generator-intro h2{margin-bottom:12px}.generator-intro>div:first-child>p:last-child{max-width:780px;color:var(--text-soft);margin-bottom:0;line-height:1.8}.generator-scope{text-align:right;justify-items:end;gap:3px;display:grid}.generator-scope strong{color:var(--primary);font-size:2rem;font-weight:550}.generator-scope span{font-size:.74rem}.generator-scope small{color:var(--text-faint);font-size:.64rem}.generator-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:22px;display:grid}.generator-controls{gap:10px;display:grid;position:sticky;top:124px}.control-block{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:19px}.control-step{color:var(--primary);letter-spacing:.12em;margin-bottom:13px;font-size:.65rem;display:block}.control-block>label,.control-label{color:var(--text-soft);margin-bottom:10px;font-size:.73rem;display:block}.control-block>small{color:var(--text-faint);margin-top:9px;font-size:.68rem;line-height:1.5;display:block}.point-input{border:1px solid var(--line-strong);background:#081d26;border-radius:10px;grid-template-columns:1fr auto;align-items:center;display:grid}.point-input:focus-within{border-color:var(--primary)}.point-input input{min-width:0;min-height:48px;color:var(--text);background:0 0;border:0;outline:0;padding:0 13px;font-size:1.08rem}.point-input span{color:var(--text-faint);padding-right:13px;font-size:.72rem}.point-presets{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:8px;display:grid}.point-presets button{min-height:32px;padding:0 5px;font-size:.68rem}.system-options{gap:7px;display:grid}.system-options label{border:1px solid var(--line);cursor:pointer;background:#ffffff05;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:11px;display:grid}.system-options label.active{background:var(--primary-soft);border-color:#22c7a966}.system-options input{accent-color:var(--primary)}.system-options strong,.system-options small{display:block}.system-options strong{font-size:.78rem}.system-options small{color:var(--text-faint);margin-top:3px;font-size:.65rem}.profile-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.profile-list>div{border:1px solid var(--line);color:var(--text-faint);background:#ffffff04;border-radius:8px;padding:10px}.profile-list>div.active{color:var(--text);background:var(--primary-soft);border-color:#22c7a96b}.profile-list span,.profile-list small{display:block}.profile-list span{font-size:.69rem}.profile-list small{margin-top:4px;font-size:.64rem}.cabinet-result,.generator-error{border:1px solid var(--line);background:var(--surface);min-width:0;box-shadow:var(--shadow);border-radius:17px;overflow:hidden}.result-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:22px;padding:23px 25px;display:flex}.result-header h3{margin-bottom:6px;font-size:1.25rem}.result-header p:not(.eyebrow){color:var(--text-faint);margin-bottom:0;font-size:.69rem}.review-state{color:var(--primary);background:var(--primary-soft);border:1px solid #22c7a942;border-radius:999px;flex:none;padding:6px 9px;font-size:.64rem}.review-state.warning{color:var(--amber);background:#f2b84b14;border-color:#f2b84b47}.cabinet-stage{background-color:#091d26;background-image:linear-gradient(#a0d5de09 1px,#0000 1px),linear-gradient(90deg,#a0d5de09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:minmax(300px,1.18fr) minmax(190px,.82fr);align-items:center;gap:clamp(20px,4vw,44px);min-height:520px;padding:clamp(24px,4vw,46px);display:grid}.layout-media-preview{justify-items:center;gap:10px;min-width:0;display:grid;position:relative}.layout-media-preview img{object-fit:contain;filter:drop-shadow(0 24px 30px #00000047);width:min(100%,520px);max-height:470px}.layout-media-preview>small{max-width:100%;color:var(--text-faint);text-align:center;overflow-wrap:anywhere;font-size:.66rem;line-height:1.5}.cabinet-render-preview{justify-items:center;gap:12px;min-width:0;display:grid}.cabinet-render-preview>img{object-fit:contain;filter:drop-shadow(0 26px 34px #00000052);width:min(100%,660px);max-height:600px}.cabinet-render-preview>small{color:var(--text-faint);text-align:center;font-size:.66rem;line-height:1.5}.cabinet-photo-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cabinet-photo-upload{cursor:pointer}.cabinet-photo-upload input{display:none}.cabinet-photo-dialog{z-index:120;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cabinet-photo-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020a0ed1;border:0;width:100%;position:absolute;inset:0}.cabinet-photo-dialog>section{z-index:1;background:#071b25;border:1px solid #00e6ff4d;border-radius:18px;width:min(960px,100%);max-height:calc(100vh - 48px);position:relative;overflow:hidden;box-shadow:0 34px 90px #0000008c}.cabinet-photo-dialog header,.cabinet-photo-dialog footer{justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.cabinet-photo-dialog header{border-bottom:1px solid #a0d5de24}.cabinet-photo-dialog header h3,.cabinet-photo-dialog header p{margin:0}.cabinet-photo-dialog header>button{width:38px;height:38px;color:var(--text-soft);cursor:pointer;background:#a0d5de0f;border:1px solid #a0d5de38;border-radius:50%;font-size:1.4rem}.cabinet-photo-dialog footer{border-top:1px solid #a0d5de24;justify-content:flex-end}.cabinet-physical-photo{background:#041219;place-items:center;min-height:360px;max-height:66vh;padding:20px;display:grid;overflow:auto}.cabinet-physical-photo img{object-fit:contain;max-width:100%;max-height:61vh;display:block}.cabinet-photo-empty{min-height:360px;color:var(--text-faint);text-align:center;background:#041219;place-items:center;padding:40px;display:grid}.cabinet-photo-empty strong{color:var(--text-soft)}.cabinet-shell{background:linear-gradient(145deg,#203840,#102830);border:8px solid #6e7f82;border-radius:5px;grid-template-rows:auto repeat(3,1fr);justify-self:center;gap:12px;width:min(100%,450px);min-height:430px;padding:18px;display:grid;box-shadow:inset 0 0 0 2px #ffffff1f,0 26px 52px #00000054}.cabinet-cabinet-500x600{width:min(86%,350px)}.cabinet-cabinet-600x800{width:min(91%,385px)}.cabinet-cabinet-800x1000{width:min(96%,420px)}.cabinet-nameplate{color:var(--text-soft);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:10px;font-size:.61rem;display:flex}.cabinet-nameplate small{color:var(--primary)}.cabinet-rail{background:#04111775;border:1px solid #a0d5de1a;align-content:center;min-height:104px;padding:19px 10px 10px;display:grid;position:relative}.cabinet-rail:after{content:"";background:#71838a;border-radius:2px;height:4px;position:absolute;bottom:19px;left:8px;right:8px;box-shadow:0 4px #25383f}.rail-label{color:var(--text-faint);letter-spacing:.08em;font-size:.62rem;position:absolute;top:6px;left:9px}.rail-track{z-index:1;align-items:flex-end;gap:7px;min-width:0;display:flex;position:relative}.rail-item{min-width:0;min-height:45px;color:var(--text-soft);background:#193742;border:1px solid #a0d5de38;border-radius:3px;flex-direction:column;flex:1 1 0;justify-content:space-between;gap:6px;padding:7px;font-size:.62rem;line-height:1.25;display:flex}.rail-item[data-kind=controller]{background:#22c7a924;border-color:#22c7a97a;flex-grow:1.6}.rail-item[data-kind=io]{background:#4aa8ff1c;border-color:#4aa8ff66}.rail-item[data-kind=terminal]{background:#f2b84b17;border-color:#f2b84b66}.rail-item[data-kind=reserve]{background:#ffffff06;border-style:dashed}.rail-item b{color:var(--text);font-size:.62rem}.result-metrics{gap:9px;margin:0;display:grid}.result-metrics>div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:16px;padding:14px 0;display:grid}.result-metrics dt{color:var(--text-faint);font-size:.67rem}.result-metrics dd{color:var(--text);text-align:right;margin:0;font-size:.73rem}.generator-warnings{gap:7px;padding:18px 25px 0;display:grid}.generator-warnings p{color:#d8c9a5;background:#f2b84b0e;border-left:2px solid #f2b84b8c;margin:0;padding:9px 11px;font-size:.67rem;line-height:1.55}.generator-actions{flex-wrap:wrap;gap:9px;padding:19px 25px 24px;display:flex}.generator-error{min-height:380px;color:var(--text-soft);place-content:center;justify-items:center;gap:9px;display:grid}.generator-error strong{color:var(--danger)}.engineering-disclaimer{color:var(--text-faint);margin:18px 0 0;font-size:.65rem;line-height:1.7}.empty-state{border:1px dashed var(--line-strong);text-align:center;min-height:280px;color:var(--text-soft);border-radius:16px;place-content:center;justify-items:center;gap:13px;padding:30px;display:grid}.empty-state strong{color:var(--text);font-size:1.08rem}.empty-state p{margin-bottom:0}.detail-layout{grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(30px,5vw,68px);display:grid}.detail-layout.case-detail-layout{grid-template-columns:minmax(520px,.96fr) minmax(0,1.04fr);gap:clamp(22px,2.4vw,38px)}.case-detail-layout .media-gallery{top:104px}.case-detail-layout .media-stage{background:#020a16;border-radius:8px;min-height:1056px}.case-detail-layout .media-stage>img{object-fit:contain;object-position:center top}.case-project-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-10px 0 28px;display:grid}.case-project-facts article{background:linear-gradient(145deg, #4aa8ff1c, #04132257), var(--surface);border:1px solid #4aa8ff3d;border-radius:12px;align-content:center;gap:7px;min-height:118px;padding:18px 20px;display:grid}.case-project-facts span{color:var(--text-faint);font-size:.68rem}.case-project-facts strong{color:#5ab0ff;letter-spacing:.02em;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:600}.case-project-facts small{color:var(--text-soft);font-size:.7rem}.media-gallery{min-width:0;position:sticky;top:130px}.media-stage{border:1px solid var(--line);background:linear-gradient(145deg, #22c7a91a, #4aa8ff08), var(--surface);min-height:520px;box-shadow:var(--shadow);border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.media-stage>img,.media-stage>video{object-fit:contain;background:#06151c;width:100%;height:100%;position:absolute;inset:0}.media-document,.media-fallback{color:var(--text-soft);place-content:center;justify-items:center;gap:12px;display:grid}.media-document strong,.media-fallback strong{color:var(--primary);letter-spacing:.08em;font-size:2.2rem}.media-document span,.media-fallback span{text-align:center;max-width:260px;font-size:.72rem;line-height:1.55}.media-thumbnails{gap:7px;margin-top:9px;padding-bottom:3px;display:flex;overflow-x:auto}.media-caption{border:1px solid var(--line);color:var(--text-soft);background:var(--surface);border-radius:9px;flex-wrap:wrap;gap:6px 12px;margin-top:9px;padding:10px 12px;font-size:.68rem;line-height:1.5;display:flex}.media-caption small{color:var(--text-faint);overflow-wrap:anywhere;flex-basis:100%}.media-thumbnails button{border:1px solid var(--line);min-width:64px;min-height:48px;color:var(--text-faint);background:var(--surface);cursor:pointer;border-radius:8px;place-content:center;gap:2px;display:grid}.media-thumbnails button.active,.media-thumbnails button:hover{color:var(--primary);background:var(--primary-soft);border-color:#22c7a96b}.media-thumbnails span{font-size:.62rem}.media-thumbnails small{text-transform:uppercase;font-size:.5rem}.detail-visual{border:1px solid var(--line);background:linear-gradient(145deg, #22c7a924, #4aa8ff0a), var(--surface);border-radius:20px;flex-direction:column;justify-content:flex-end;min-height:520px;padding:28px;display:flex;position:sticky;top:130px;overflow:hidden}.detail-visual:before{content:"";border:1px solid #22c7a929;position:absolute;inset:10%;transform:rotate(13deg)}.detail-visual:after{content:"";border:1px solid #4aa8ff24;border-radius:50%;width:360px;height:360px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.detail-code{z-index:1;color:#edf7f8c2;letter-spacing:.08em;font-size:clamp(2rem,6vw,4.8rem);font-weight:650;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.detail-visual strong,.detail-visual small{z-index:2;position:relative}.case-hero-visual{background:radial-gradient(circle at 78% 34%,#2981ff4d,#0000 30%),linear-gradient(160deg,#061528 0%,#071c34 56%,#03101d 100%);border:1px solid #4aa8ff47;border-radius:20px;min-height:560px;padding:30px;position:sticky;top:130px;overflow:hidden;box-shadow:0 28px 70px #0008166b}.case-hero-grid{opacity:.2;background-image:linear-gradient(#4296ff29 1px,#0000 1px),linear-gradient(90deg,#4296ff29 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35%,#000);mask-image:linear-gradient(#0000,#000 35%,#000)}.case-building{background:linear-gradient(135deg,#103a69f5,#05182deb);border:1px solid #54a6ff66;grid-template-columns:repeat(6,1fr);gap:8px;width:64%;height:48%;padding:24px 18px;display:grid;position:absolute;bottom:17%;right:-2%;transform:perspective(700px)rotateY(-9deg)skewY(-3deg);box-shadow:-20px 0 80px #1d71ff38,inset 0 0 40px #3c8eff1f}.case-building i{background:linear-gradient(135deg,#439bff73,#082c5080);border:1px solid #64b2ff47;box-shadow:0 0 10px #3993ff2e}.case-kicker,.case-hero-copy,.case-system-chips,.case-hero-visual>b{z-index:2;position:relative}.case-kicker{color:#4da6ff;letter-spacing:.18em;font-size:.62rem}.case-hero-copy{margin-top:28px}.case-hero-copy small{color:#87a8c8;margin-bottom:13px;font-size:.68rem;display:block}.case-hero-copy strong{color:#f3f8ff;letter-spacing:.04em;text-shadow:0 0 30px #3087ff33;font-size:clamp(2.1rem,4vw,3.5rem);font-weight:560;line-height:1.12;display:block}.case-hero-copy span{color:#62b3ff;letter-spacing:.1em;margin-top:15px;font-size:.72rem;display:block}.case-system-chips{grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:absolute;bottom:54px;left:30px;right:30px}.case-system-chips span{color:#abc8e5;text-align:center;background:#051528c2;border:1px solid #55a4ff38;padding:9px 5px;font-size:.6rem}.case-hero-visual>b{color:#6686a6;font-size:.55rem;font-weight:500;position:absolute;bottom:22px;right:30px}.detail-visual strong{color:var(--primary);letter-spacing:.11em;font-size:.78rem}.detail-visual small{color:var(--text-faint);margin-top:6px}.detail-content{padding:18px 0 36px}.detail-content>h2{margin-bottom:16px}.detail-summary{color:var(--text-soft);font-size:1rem;line-height:1.8}.detail-badges{flex-wrap:wrap;gap:7px;margin:20px 0 34px;display:flex}.detail-section{border-top:1px solid var(--line);padding:28px 0}.detail-section h3{margin:0 0 17px;font-size:1rem}.feature-list{gap:10px;margin:0 0 28px;padding:0;list-style:none;display:grid}.feature-list li{color:var(--text-soft);padding-left:22px;line-height:1.6;position:relative}.feature-list li:before{content:"";border:1px solid var(--primary);width:7px;height:7px;position:absolute;top:.62em;left:0;transform:rotate(45deg)}.parameter-list{border-top:1px solid var(--line);margin:0}.parameter-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(110px,.36fr) 1fr;gap:20px;padding:13px 0;display:grid}.parameter-list dt{color:var(--text-faint);font-size:.78rem}.parameter-list dd{color:var(--text-soft);margin:0;line-height:1.6}.muted{color:var(--text-faint)}.warning-note{color:#e7c781;background:#f2b84b0f;border:1px solid #f2b84b2e;border-radius:10px;padding:14px 16px;font-size:.8rem;line-height:1.65}.case-source-note{color:#9bbbd8;background:#4aa8ff0e;border:1px solid #4aa8ff2e;border-radius:10px;padding:14px 16px;font-size:.78rem;line-height:1.65}.case-outcome-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.case-outcome-list li{border:1px solid var(--line);background:linear-gradient(145deg,#4aa8ff14,#ffffff04);border-radius:12px;min-height:108px;padding:16px}.case-outcome-list span{color:#4aa8ff;letter-spacing:.1em;font-size:.8rem}.case-outcome-list p{color:var(--text-soft);margin:10px 0 0;font-size:.8rem;line-height:1.65}.case-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.case-control-list{gap:9px;display:grid}.case-control-list article{border:1px solid var(--line);background:#4aa8ff06;border-radius:12px;grid-template-columns:42px 1fr;gap:14px;padding:15px 16px;display:grid}.case-control-list article>span{color:#4aa8ff;letter-spacing:.1em;padding-top:2px;font-size:.8rem}.case-control-list strong{color:var(--text);font-size:.8rem}.case-control-list p{color:var(--text-soft);margin:7px 0 0;font-size:.8rem;line-height:1.65}.case-detail-layout .parameter-list>div{grid-template-columns:116px minmax(0,1fr);gap:12px}.case-detail-layout .parameter-list dt,.case-detail-layout .parameter-list dd,.case-detail-layout .detail-summary{font-size:.8rem}.case-related-grid a{border:1px solid var(--line);color:inherit;background:#ffffff05;border-radius:12px;gap:7px;padding:16px;text-decoration:none;display:grid}.case-related-grid a:hover{border-color:#4aa8ff61}.case-related-grid span{color:var(--text-faint);font-size:.64rem}.case-related-grid strong{color:var(--text);font-size:.8rem}.case-related-grid small{color:#4aa8ff;font-size:.64rem}.software-demo{gap:24px;display:grid}.demo-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.demo-header h2{margin-bottom:9px}.demo-header p:not(.eyebrow){color:var(--text-soft);margin-bottom:0}.demo-console{min-height:610px;box-shadow:var(--shadow);background:#071a22;border:1px solid #62bfd038;border-radius:20px;grid-template-columns:190px minmax(0,1fr);display:grid;overflow:hidden}.demo-nav{background:#0a222c;border-right:1px solid #62bfd024;flex-direction:column;gap:6px;padding:24px 14px;display:flex}.demo-nav>strong{color:#e6f6f7;margin:5px 9px 22px;font-size:.9rem}.demo-nav button{color:#7898a0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;min-height:44px;padding:0 12px}.demo-nav button.active{color:#dffff8;background:#22c7a91f;box-shadow:inset 2px 0 #22c7a9}.demo-main{min-width:0;padding:26px}.demo-topline{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.demo-topline small,.demo-topline strong{display:block}.demo-topline small{color:#607f87;margin-bottom:5px;font-size:.65rem}.demo-live{color:#7fa099;align-items:center;gap:7px;font-size:.7rem;display:inline-flex}.demo-live i{background:#22c7a9;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #22c7a999}.demo-kpis{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.demo-kpis article{background:#0b2530;border:1px solid #62bfd021;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:124px;padding:17px;display:flex}.demo-kpis small,.demo-kpis span{color:#6e8f98;font-size:.66rem}.demo-kpis strong{color:#cfeaec;font-size:1.9rem}.demo-device-list{gap:10px;margin-top:18px;display:grid}.demo-device-list article{background:#0a222cb3;border:1px solid #62bfd01c;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px;display:grid}.device-icon{color:#49d7bd;background:#22c7a91a;border-radius:8px;place-items:center;width:38px;height:38px;font-size:.66rem;display:grid}.demo-device-list strong,.demo-device-list small{display:block}.demo-device-list strong{font-size:.78rem}.demo-device-list small{color:#6e8f98;margin-top:4px;font-size:.65rem}.demo-device-list b{color:#63e4cc;background:#22c7a91a;border-radius:999px;padding:5px 9px;font-size:.65rem;font-weight:500}.demo-device-list b.standby{color:#99aeb3;background:#99aeb317}.trend-panel,.alarm-panel{background:#0b2530;border:1px solid #62bfd021;border-radius:14px;min-height:440px;padding:22px}.trend-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.trend-heading small,.trend-heading strong{display:block}.trend-heading small,.trend-heading>span{color:#6e8f98;font-size:.66rem}.trend-heading strong{margin-top:4px;font-size:.85rem}.trend-panel svg{width:100%;height:auto}.grid-lines line{stroke:#86b5be1a;stroke-width:1px}.trend-area{fill:url(#trendFill)}.trend-line{fill:none;stroke:#22c7a9;stroke-width:3px}.alarm-panel{place-items:center;display:grid}.alarm-empty{text-align:center;max-width:400px}.alarm-empty>span{color:#f2b84b;background:#f2b84b14;border:1px solid #f2b84b38;border-radius:14px;place-items:center;width:58px;height:58px;margin:0 auto 16px;display:grid}.alarm-empty strong{display:block}.alarm-empty p{color:#6e8f98;margin:9px 0 0;line-height:1.65}.software-template-showcase{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;display:grid}.software-template-switcher,.software-template-stage{background:#082539f0;border:1px solid #3ea9d54d;border-radius:18px}.software-template-switcher{gap:7px;padding:14px;display:grid;position:sticky;top:112px}.software-template-switcher>header{gap:4px;padding:4px 5px 12px;display:grid}.software-template-switcher>header span{color:#35d7f2;letter-spacing:.12em;font-size:.58rem}.software-template-switcher>header strong{font-size:.9rem}.software-template-switcher>a{min-width:0;color:inherit;background:#071c2bb8;border:1px solid #0000;border-radius:10px;grid-template-columns:62px 24px minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.software-template-switcher>a:hover,.software-template-switcher>a.active{background:#103f56b8;border-color:#2bd6f78c}.software-template-switcher img{object-fit:cover;border-radius:5px;width:62px;height:38px}.software-template-switcher>a>span{color:#35d7f2;font-size:.56rem}.software-template-switcher a div,.software-template-switcher a strong,.software-template-switcher a small{min-width:0;display:block}.software-template-switcher a strong{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.software-template-switcher a small{color:#688b9f;margin-top:3px;font-size:.55rem}.software-template-stage{min-width:0;padding:18px}.software-template-stage>header{justify-content:space-between;align-items:center;gap:14px;padding:0 3px 14px;display:flex}.software-template-stage>header span,.software-template-stage>header strong{display:block}.software-template-stage>header span{color:#6f94a7;margin-bottom:4px;font-size:.6rem}.software-template-stage>header strong{font-size:.86rem}.software-template-stage>header b{color:#e7c781;border:1px solid #f2b84b40;border-radius:999px;padding:6px 9px;font-size:.58rem;font-weight:500}.software-template-stage figure{background:#04131e;border-radius:13px;place-items:center;min-height:340px;margin:0;display:grid;overflow:hidden}.software-template-stage figure>img{object-fit:contain;width:100%;height:auto;max-height:calc(100vh - 250px);display:block}.software-template-meta{grid-template-columns:.75fr 1.25fr;gap:22px;margin-top:18px;display:grid}.software-template-meta section>span{color:#6f94a7;font-size:.62rem}.software-template-meta section>div{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.software-template-meta i{color:#9ec3d3;background:#2bd6f714;border-radius:999px;padding:6px 9px;font-size:.58rem;font-style:normal}.software-template-meta ul{gap:7px;margin:10px 0 0;padding:0;list-style:none;display:grid}.software-template-meta li{color:#91afbd;padding-left:14px;font-size:.65rem;line-height:1.5;position:relative}.software-template-meta li:before{content:"";background:#35d7f2;border-radius:50%;width:5px;height:5px;position:absolute;top:.48em;left:0}.software-template-disclaimer{color:#628496;border-top:1px solid #62bfd024;margin:18px 0 0;padding-top:13px;font-size:.6rem;line-height:1.6}@media (max-width:900px){.software-template-showcase{grid-template-columns:1fr}.software-template-switcher{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.software-template-switcher>header{grid-column:1/-1}.software-template-meta{grid-template-columns:1fr}.software-template-stage figure{min-height:220px}}.basket-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:28px;display:grid}.basket-list{gap:10px;display:grid}.basket-list article{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;min-height:76px;padding:14px 15px;display:grid}.basket-order{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;font-size:.72rem;display:grid}.basket-list small,.basket-list strong{display:block}.basket-list small{color:var(--text-faint);text-transform:uppercase;margin-bottom:4px;font-size:.62rem}.basket-list strong{font-size:.84rem}.basket-item-note{color:var(--text-faint);margin-top:5px;font-size:.62rem;display:block}.basket-controls{gap:5px;display:flex}.basket-controls button{border:1px solid var(--line);width:32px;height:32px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:7px}.basket-controls button:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background:#ffffff0a}.basket-controls button:disabled{opacity:.28;cursor:default}.basket-sidebar{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:24px;position:sticky;top:126px}.basket-sidebar h3{margin-bottom:8px}.basket-sidebar>p:not(.eyebrow){color:var(--text-soft);margin-bottom:22px;font-size:.78rem;line-height:1.6}.basket-sidebar label{gap:7px;margin-bottom:15px;display:grid}.basket-sidebar label span{color:var(--text-soft);font-size:.73rem}.basket-sidebar input{border:1px solid var(--line-strong);width:100%;min-height:42px;color:var(--text);background:#081d26;border-radius:8px;padding:0 12px}.basket-sidebar input::placeholder{color:var(--text-faint)}.form-note{color:var(--text-faint);text-align:center;margin-top:11px;display:block}.solution-preview{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.solution-configuration{gap:7px;margin:14px 0 0;display:grid}.solution-configuration>div{border-top:1px solid var(--line);grid-template-columns:82px minmax(0,1fr);gap:12px;padding-top:8px;display:grid}.solution-configuration dt{color:var(--text-faint);font-size:.64rem}.solution-configuration dd{color:var(--text-soft);margin:0;font-size:.69rem;line-height:1.55}.solution-warning{margin:12px 0 0}.configuration-assumptions{color:#d8c9a5;gap:5px;margin:9px 0 0;padding-left:18px;font-size:.65rem;line-height:1.55;display:grid}.solution-cover{isolation:isolate;background:linear-gradient(130deg,#22c7a929,#4aa8ff09),#0a2029;grid-template-columns:auto 1fr auto;align-items:end;gap:30px;min-height:330px;padding:clamp(28px,5vw,60px);display:grid;position:relative;overflow:hidden}.solution-cover:after{content:"";z-index:-1;border:1px solid #22c7a926;border-radius:50%;width:440px;height:440px;position:absolute;top:-180px;right:10%;box-shadow:0 0 0 55px #22c7a906,0 0 0 110px #22c7a904}.cover-mark{width:58px;height:58px;color:var(--primary);background:var(--primary-soft);border:1px solid #22c7a966;border-radius:14px;place-items:center;font-weight:700;display:grid}.solution-cover h2{margin-bottom:8px}.solution-cover p:not(.eyebrow){color:var(--text-soft);margin-bottom:0}.cover-meta{color:#edca7f;justify-items:end;gap:7px;font-size:.75rem;display:grid}.cover-meta small{color:var(--text-faint)}.solution-body{padding:clamp(24px,4vw,52px)}.solution-body article{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:22px;padding:24px 0;display:grid}.solution-body article:last-child{border-bottom:0}.solution-index{color:var(--primary);font-size:.68rem}.solution-body small{color:var(--text-faint);text-transform:uppercase}.solution-body h3{margin:6px 0 8px}.solution-body p{color:var(--text-soft);line-height:1.6}.solution-footer{border-top:1px solid var(--line);background:#ffffff05;justify-content:space-between;align-items:center;gap:24px;padding:25px clamp(24px,4vw,52px);display:flex}.solution-footer strong{font-size:.8rem}.solution-footer p{color:var(--text-faint);margin:5px 0 0;font-size:.72rem}.company-view{gap:28px;display:grid}.company-hero{border:1px solid var(--line);background:radial-gradient(circle at 80% 15%, #1dc1e524, transparent 34%), var(--surface);border-radius:20px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;min-height:360px;padding:38px;display:grid;position:relative;overflow:hidden}.company-hero-copy{z-index:1;max-width:780px;position:relative}.company-logo{object-fit:contain;object-position:left center;filter:brightness(0)invert();opacity:.9;width:min(220px,48vw);max-height:70px;margin-bottom:24px}.company-skyline{object-fit:contain;object-position:right bottom;opacity:.2;pointer-events:none;width:68%;max-height:82%;position:absolute;bottom:-3%;right:-8%}.company-hero h2{margin-bottom:14px;font-size:clamp(2rem,3.6vw,3.6rem)}.company-hero-copy>p:not(.eyebrow){color:var(--text-soft);line-height:1.8}.company-facts{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.company-facts>div{background:#092b41bd;border:1px solid #2bcfef3d;border-radius:12px;min-width:138px;padding:12px 16px}.company-facts strong,.company-facts span{display:block}.company-facts strong{color:var(--primary);font-size:1.35rem}.company-facts span{color:var(--text-faint);margin-top:2px;font-size:.72rem}.company-section-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.company-section-heading h3{margin-bottom:0;font-size:1.5rem}.company-section-heading>p{max-width:620px;color:var(--text-soft);margin:0;line-height:1.7}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.capability-grid article{border:1px solid var(--line);background:var(--surface);border-radius:15px;flex-direction:column;min-height:190px;padding:22px;display:flex}.capability-grid span{color:var(--primary);letter-spacing:.12em;font-size:.68rem}.capability-grid h3{margin:auto 0 10px}.capability-grid p{color:var(--text-soft);margin-bottom:0;font-size:.77rem;line-height:1.6}.company-values{border:1px solid var(--line);background:#072134b8;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:20px 24px;display:grid}.company-values>div{flex-wrap:wrap;gap:8px;display:flex}.company-values span{color:var(--text-soft);background:#2bcfef17;border-radius:999px;padding:7px 12px}.company-values strong{color:var(--primary)}.company-contact{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:.65fr 1.15fr auto;align-items:center;gap:40px;padding:28px;display:grid}.company-contact h3{margin-bottom:0}.company-contact>div:first-child>p:last-child{color:var(--text-faint);margin:8px 0 0}.company-contact dl{margin:0}.company-contact dl>div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;padding:10px 0;display:grid}.company-contact dl>div:last-child{border-bottom:0}.company-contact dt{color:var(--text-faint);font-size:.76rem}.company-contact dd{color:var(--text-soft);margin:0}.company-qr{justify-items:center;gap:8px;display:grid}.company-qr img{aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px;width:126px;padding:7px}.company-qr span{color:var(--text-faint);font-size:.7rem}.status-view{gap:28px;display:grid}.status-hero{border:1px solid var(--line);background:var(--surface);border-radius:17px;align-items:center;gap:24px;padding:30px;display:flex}.status-large-dot{background:var(--primary-soft);border:1px solid #22c7a959;border-radius:50%;flex:none;width:52px;height:52px;box-shadow:inset 0 0 0 18px #22c7a90f}.status-hero h2{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.4rem)}.status-hero p:not(.eyebrow){color:var(--text-soft);margin-bottom:0}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.status-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:13px;flex-direction:column;justify-content:space-between;min-height:120px;padding:18px;display:flex}.status-grid dt{color:var(--text-faint);font-size:.72rem}.status-grid dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:1rem}.toast{z-index:80;max-width:min(420px,100vw - 30px);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b2731f5;border:1px solid #22c7a94d;border-radius:11px;align-items:center;gap:16px;padding:13px 15px;font-size:.8rem;display:flex;position:fixed;bottom:24px;right:24px}.toast button{color:var(--text-soft);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:1.2rem}.bottom-nav{display:none}@media (max-width:1180px){.section-grid,.capability-grid,.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1fr) 330px;gap:30px}.basket-layout{grid-template-columns:minmax(0,1fr) 290px}.generator-layout{grid-template-columns:1fr}.generator-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;position:relative;top:auto}.cabinet-stage{grid-template-columns:minmax(270px,1fr)}.result-metrics{grid-template-columns:1fr 1fr}.home-simulation-intro{grid-template-columns:1fr}}@media (max-width:1000px){.home-hero{grid-template-columns:1fr}.home-hero .hero-system{width:min(100%,350px)}}@media (max-width:860px){.sidebar{display:none}.main-stage{margin-left:0;padding-bottom:72px}.topbar{min-height:74px;padding:13px 18px}.topbar h1{font-size:1.02rem}.topbar-meta .badge-warning,.topbar-meta .version{display:none}.page-content{padding:22px 16px 34px}.hero{grid-template-columns:1fr;min-height:auto;padding:30px 22px}.hero-copy h2,.home-hero .hero-copy h2{font-size:clamp(2rem,8vw,3.2rem)}.hero-system{width:min(100%,350px)}.bottom-nav{z-index:50;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06151cf5;grid-template-columns:repeat(5,1fr);min-height:64px;display:grid;position:fixed;inset:auto 0 0}.bottom-nav a{color:var(--text-faint);place-content:center;justify-items:center;gap:4px;display:grid;position:relative}.bottom-nav a.router-link-active{color:var(--primary)}.bottom-nav span{font-size:.6rem}.bottom-nav small{font-size:.66rem}.bottom-nav b{color:#022920;background:var(--primary);border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:.55rem;display:grid;position:absolute;top:6px;left:calc(50% + 9px)}.detail-layout,.basket-layout,.generator-layout{grid-template-columns:1fr}.detail-visual,.media-gallery,.basket-sidebar,.generator-controls{position:relative;top:auto}.generator-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.detail-visual,.media-stage{min-height:360px}.demo-console{grid-template-columns:1fr}.demo-nav{border-bottom:1px solid #62bfd024;border-right:0;flex-direction:row;padding:12px;overflow-x:auto}.demo-nav>strong{display:none}.demo-nav button{text-align:center;min-width:max-content;min-height:38px}.demo-nav button.active{box-shadow:inset 0 -2px #22c7a9}.solution-cover{grid-template-columns:auto 1fr}.cover-meta{grid-column:1/-1;justify-items:start}.company-contact,.company-hero{grid-template-columns:1fr}.company-skyline{opacity:.13;width:92%}.company-values{grid-template-columns:1fr}.home-section-heading{grid-template-columns:1fr;align-items:start;gap:12px}.home-section-heading>p{justify-self:start}.architecture-layer{grid-template-columns:48px minmax(160px,.6fr) minmax(240px,1fr)}.architecture-examples{grid-column:2/-1;justify-content:flex-start}.home-simulation-guide article{padding:18px 16px}.home-function-grid,.home-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.topbar-meta .badge{text-overflow:ellipsis;white-space:nowrap;max-width:128px;overflow:hidden}.hero-system{display:none}.home-hero-title>span{display:inline;transform:none}.hero-copy>p:not(.eyebrow){font-size:.88rem}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions .button{width:100%}.home-simulation-guide{grid-template-columns:1fr}.home-simulation-guide article{min-height:108px}.home-simulation-demo-bar{flex-direction:column;align-items:flex-start;padding:13px 15px}.home-simulation-canvas{padding:9px}.hero-actions .button,.demo-actions .button{width:100%}.architecture-flow{padding:12px}.architecture-layer{grid-template-columns:42px 1fr;gap:12px;padding:17px 14px}.architecture-layer>p,.architecture-examples{grid-column:1/-1}.architecture-examples{justify-content:flex-start}.ddc-explainer{grid-template-columns:1fr;padding:18px}.ddc-badge{width:50px;height:50px}.home-function-grid,.home-value-grid{grid-template-columns:1fr}.section-title,.demo-header,.solution-footer,.company-section-heading{flex-direction:column;align-items:flex-start}.company-hero{min-height:0;padding:24px 20px}.company-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.company-facts>div{min-width:0;padding:8px 6px}.company-facts strong{font-size:1.05rem}.company-facts span{white-space:nowrap;font-size:.62rem}.company-values{padding:18px}.company-qr img{width:min(180px,68vw)}.section-grid,.entity-grid,.capability-grid,.status-grid,.demo-kpis{grid-template-columns:1fr}.section-tile{min-height:132px}.catalog-intro{padding-right:0}.catalog-count{margin-top:18px;position:static}.catalog-toolbar,.generator-intro,.result-header{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.catalog-toolbar .button{width:100%}.generator-scope{text-align:left;justify-items:start}.generator-controls{grid-template-columns:1fr}.cabinet-stage{grid-template-columns:1fr;min-height:auto;padding:20px 12px}.cabinet-shell{min-height:390px}.cabinet-render-preview>img{max-height:480px}.cabinet-photo-dialog{padding:10px}.cabinet-photo-dialog>section{max-height:calc(100vh - 20px)}.cabinet-photo-dialog header,.cabinet-photo-dialog footer{flex-direction:column;align-items:stretch}.cabinet-photo-dialog header>button{position:absolute;top:14px;right:14px}.result-metrics{grid-template-columns:1fr;padding:0 12px}.generator-actions .button{width:100%}.entity-actions{grid-template-columns:1fr}.detail-visual,.media-stage{min-height:280px}.parameter-list>div{grid-template-columns:1fr;gap:6px}.demo-main{padding:16px}.demo-device-list article{grid-template-columns:auto 1fr}.demo-device-list b{grid-column:2;justify-self:start}.basket-list article{grid-template-columns:auto 1fr}.basket-controls{grid-column:2;justify-self:start}.solution-cover{grid-template-columns:1fr;align-content:end;min-height:300px}.cover-mark{width:48px;height:48px}.status-hero{flex-direction:column;align-items:flex-start}.toast{bottom:78px;right:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.button-selected{color:#bdf9e4;background:#18896533;border:1px solid #3fe0aa7a;box-shadow:inset 0 0 0 1px #3fe0aa14}.software-package-header .demo-actions{flex-wrap:wrap;justify-content:flex-end}.software-template-page .software-template-showcase{grid-template-columns:276px minmax(0,1fr)}.software-template-switcher>header small{color:#688b9f;font-size:.57rem;line-height:1.5}.software-template-switcher>a{grid-template-columns:62px 24px minmax(0,1fr) auto;position:relative}.software-template-switcher>a:hover,.software-template-switcher>a.active{border-color:var(--style-accent,#2bd6f78c)}.software-template-switcher>a.selected{box-shadow:inset 3px 0 var(--style-accent,#35d7f2)}.software-template-switcher>a>b{color:#022920;white-space:nowrap;background:#45dfb1;border-radius:999px;padding:4px 6px;font-size:.5rem}.software-package-status{align-items:center;gap:8px;display:flex}.software-template-stage>header .software-package-status b,.software-template-stage>header .software-package-status span{color:#9bcddd;background:#2bd6f712;border:1px solid #2bd6f738;border-radius:999px;margin:0;padding:6px 9px;font-size:.56rem;font-weight:600}.software-template-stage>header .software-package-status span{color:#81e6c2;background:#40e2ab14;border-color:#40e2ab47}.software-template-stage>header>div:first-child>small{color:#5f8799;margin-top:5px;font-size:.54rem;display:block}.software-business-consistency{border-left:2px solid var(--style-accent,#35d7f2);color:#82a7b6;background:#2bd6f70e;margin:0 0 12px;padding:9px 11px;font-size:.66rem;line-height:1.6}.software-page-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:12px;display:grid}.software-page-selector button{color:#7c9ead;cursor:pointer;text-align:left;background:#051824b3;border:1px solid #5094ae33;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:8px;display:grid}.software-page-selector button:hover,.software-page-selector button.active{border-color:var(--style-accent,#35d7f2);color:#d8f5fb;background:#1a4d63a3}.software-page-selector button.active{box-shadow:inset 0 -2px var(--style-accent,#35d7f2)}.software-page-selector button:focus-visible,.software-business-navigation button:focus-visible{outline:2px solid var(--style-accent,#35d7f2);outline-offset:2px}.software-page-selector span{color:var(--style-accent,#35d7f2);font-size:.51rem}.software-page-selector strong{text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.software-template-stage .software-page-preview{background:radial-gradient(circle at 50% 20%,#34acd414,#0000 42%),#03121c;border:1px solid #4da4c52e;min-height:390px;position:relative}.software-business-viewer{grid-template-columns:minmax(0,1.5fr) minmax(320px,.78fr);align-items:stretch;gap:12px;display:grid}.software-page-preview figcaption{color:#def8ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03121cd6;border:1px solid #81cae03d;border-radius:8px;gap:3px;padding:9px 12px;display:grid;position:absolute;bottom:13px;right:13px;box-shadow:0 10px 30px #0000004d}.software-page-preview figcaption span{color:#7fa5b5;font-size:.52rem}.software-page-preview figcaption strong{font-size:.68rem}.software-function-guide{border:1px solid color-mix(in srgb, var(--style-accent,#35d7f2) 31%, transparent);color:#dff6fb;background:linear-gradient(150deg, color-mix(in srgb, var(--style-primary,#2d8cc7) 16%, transparent), transparent 56%), #041824eb;border-radius:13px;flex-direction:column;min-width:0;padding:18px;display:flex;overflow:hidden}.software-function-guide>header span,.software-function-guide>header h3,.software-function-guide>header p{margin:0;display:block}.software-function-guide>header span{color:var(--style-accent,#35d7f2);letter-spacing:.08em;font-size:.53rem;font-weight:700}.software-function-guide>header h3{margin-top:9px;font-size:1.18rem}.software-function-guide>header p{color:#94b5c3;margin-top:8px;font-size:.72rem;line-height:1.7}.software-function-guide>section{margin-top:17px}.software-function-guide h4{color:#6f94a7;margin:0 0 9px;font-size:.62rem;font-weight:600}.software-function-guide ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.software-function-guide li{color:#bed4dd;grid-template-columns:19px minmax(0,1fr);align-items:start;gap:7px;font-size:.68rem;line-height:1.45;display:grid}.software-function-guide li i{width:18px;height:18px;color:var(--style-accent,#35d7f2);background:color-mix(in srgb, var(--style-accent,#35d7f2) 10%, transparent);border-radius:5px;place-items:center;font-size:.5rem;font-style:normal;display:grid}.software-function-guide .software-customer-value{margin-top:auto;padding-top:17px}.software-customer-value{border-top:1px solid #5baac429}.software-customer-value span,.software-customer-value strong{display:block}.software-customer-value span{color:var(--style-accent,#35d7f2);font-size:.6rem;font-weight:700}.software-customer-value strong{color:#cae5e9;margin-top:7px;font-size:.72rem;line-height:1.55}.software-business-navigation{grid-template-columns:auto minmax(190px,1fr) auto;align-items:center;gap:13px;margin-top:10px;display:grid}.software-business-navigation>button{color:#a8c8d3;cursor:pointer;background:#051b27b8;border:1px solid #4b9fbc3d;border-radius:8px;min-height:34px;padding:7px 11px;font-size:.57rem}.software-business-navigation>button:not(:disabled):hover{border-color:var(--style-accent,#35d7f2);color:#e4f9fc}.software-business-navigation>button:disabled{opacity:.38;cursor:not-allowed}.software-business-progress{grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:9px;min-width:0;display:grid}.software-business-progress>span{background:#53a0be29;border-radius:999px;height:4px;display:block;overflow:hidden}.software-business-progress i{border-radius:inherit;background:var(--style-accent,#35d7f2);height:100%;transition:width .18s;display:block}.software-business-progress strong{color:#789dad;white-space:nowrap;font-size:.54rem;font-weight:500}.software-package-summary{grid-template-columns:.65fr 1fr 1.35fr;gap:14px;margin-top:15px;display:grid}.software-package-summary>section{background:#04192685;border:1px solid #53a0be29;border-radius:10px;min-width:0;padding:13px}.software-package-summary>section>span{color:#6f94a7;font-size:.58rem}.software-palette{gap:6px;margin-top:10px;display:flex}.software-palette i,.solution-palette i{border:1px solid #ffffff38;border-radius:7px;width:28px;height:28px;display:block;box-shadow:0 4px 12px #00000029}.software-recommendations{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.software-recommendations i{color:#9ec3d3;background:#2bd6f712;border-radius:6px;padding:5px 7px;font-size:.55rem;font-style:normal}.software-package-summary ul{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.software-package-summary li{color:#91afbd;padding-left:12px;font-size:.59rem;line-height:1.5;position:relative}.software-package-summary li:before{content:"";background:var(--style-accent,#35d7f2);border-radius:50%;width:4px;height:4px;position:absolute;top:.52em;left:0}.software-selection-footer{background:linear-gradient(90deg,#25b0931a,#1b556e14);border:1px solid #32cbab38;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;padding:14px 15px;display:flex}.software-selection-footer strong,.software-selection-footer span{display:block}.software-selection-footer strong{color:#cdece6;font-size:.7rem}.software-selection-footer span{color:#6f98a4;margin-top:4px;font-size:.57rem}.software-demo-scope-note{background:#f2b84b0e;border:1px solid #f2b84b45;border-radius:9px;grid-template-columns:auto minmax(0,1fr);gap:4px 13px;margin-top:14px;padding:12px 13px;display:grid}.software-demo-scope-note strong{color:#e6be66;white-space:nowrap;grid-row:1/span 2;align-self:center;font-size:.6rem}.software-demo-scope-note p,.software-demo-scope-note small{color:#a59778;margin:0;font-size:.55rem;line-height:1.55;display:block}.software-demo-scope-note small{color:#766f61;font-size:.51rem}.basket-style-package{background:linear-gradient(130deg,#1a596833,#081f29f5);border:1px solid #2fcdae57;border-radius:16px;grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr);gap:0;margin-bottom:22px;display:grid;overflow:hidden;box-shadow:0 18px 48px #00000026}.basket-style-package figure{background:#04141d;place-items:center;min-height:240px;margin:0;display:grid;overflow:hidden}.basket-style-package figure img{object-fit:cover;width:100%;height:100%}.basket-style-copy{min-width:0;padding:22px}.basket-style-kicker{color:#43d9bb;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;font-size:.59rem;display:flex}.basket-style-kicker b{color:#a7eadc;letter-spacing:0;background:#32cdae1a;border-radius:999px;padding:5px 8px;font-size:.54rem}.basket-style-copy h3{margin:11px 0 7px;font-size:1.12rem}.basket-style-copy>p{color:var(--text-soft);margin:0;font-size:.7rem;line-height:1.6}.basket-style-copy>.basket-business-guide-note{color:#a9d4ca;background:#43d9bb0f;border-left:2px solid #43d9bb;margin-top:10px;padding:8px 10px;font-size:.59rem}.basket-style-pages{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.basket-style-pages span{color:#8db2bf;background:#051a2385;border:1px solid #5eaabe21;border-radius:6px;padding:5px 7px;font-size:.54rem}.basket-style-actions{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.basket-style-required{background:#f2b84b12;border:1px solid #f2b84b57;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px;padding:18px;display:grid}.basket-style-required>span{color:#1e1606;background:#e7b54b;border-radius:9px;place-items:center;width:38px;height:38px;font-size:.62rem;font-weight:700;display:grid}.basket-style-required strong,.basket-style-required p{margin:0;display:block}.basket-style-required strong{font-size:.76rem}.basket-style-required p{color:#ad9b73;margin-top:5px;font-size:.62rem;line-height:1.55}.basket-supporting-heading{justify-content:space-between;align-items:end;gap:15px;margin:2px 0 10px;display:flex}.basket-supporting-heading span,.basket-supporting-heading strong{display:block}.basket-supporting-heading span{color:var(--primary);letter-spacing:.09em;margin-bottom:3px;font-size:.53rem}.basket-supporting-heading strong{font-size:.82rem}.basket-supporting-heading small{color:var(--text-faint);font-size:.62rem}.basket-completeness{color:#d9bf87;background:#f2b84b0f;border:1px solid #f2b84b33;border-radius:8px;gap:4px;margin:5px 0 13px;padding:11px;display:grid}.basket-completeness.complete{color:#83dec9;background:#30cfac12;border-color:#30cfac40}.basket-completeness span{text-transform:uppercase;font-size:.53rem}.basket-completeness strong{font-size:.67rem}.solution-themed .solution-cover{color:var(--solution-theme-text);background:linear-gradient(120deg, color-mix(in srgb, var(--solution-theme-primary) 19%, transparent), transparent 64%), var(--solution-theme-bg)}.solution-themed .solution-cover:after{border-color:color-mix(in srgb, var(--solution-theme-accent) 34%, transparent);box-shadow:0 0 0 55px color-mix(in srgb, var(--solution-theme-accent) 7%, transparent), 0 0 0 110px color-mix(in srgb, var(--solution-theme-primary) 5%, transparent)}.solution-themed .solution-cover .cover-mark{border-color:color-mix(in srgb, var(--solution-theme-accent) 55%, transparent);color:var(--solution-theme-text);background:color-mix(in srgb, var(--solution-theme-primary) 18%, var(--solution-theme-surface))}.solution-themed .solution-cover p:not(.eyebrow),.solution-themed .solution-cover .cover-meta small{color:color-mix(in srgb, var(--solution-theme-text) 72%, transparent)}.solution-themed .solution-cover .eyebrow,.solution-themed .solution-cover .cover-meta>span{color:var(--solution-theme-accent)}.solution-cover-style{border:1px solid color-mix(in srgb, var(--solution-theme-accent,#35d7f2) 34%, transparent);color:var(--solution-theme-text,#dffaff);background:color-mix(in srgb, var(--solution-theme-surface,#082a38) 74%, transparent);border-radius:999px;margin-top:15px;padding:6px 9px;font-size:.58rem;display:inline-block}.software-solution-package{color:var(--solution-theme-text);background:var(--solution-theme-bg);padding:clamp(24px,4vw,52px)}.software-solution-package>header{border-bottom:1px solid color-mix(in srgb, var(--solution-theme-text) 14%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding-bottom:20px;display:grid}.software-solution-package>header p,.software-solution-package>header h3,.software-solution-package>header span{margin:0;display:block}.software-solution-package>header p{color:var(--solution-theme-accent);letter-spacing:.09em;margin-bottom:7px;font-size:.57rem;font-weight:700}.software-solution-package>header h3{font-size:clamp(1.25rem,2.6vw,2rem)}.software-solution-package>header>div:first-child>span{max-width:720px;color:color-mix(in srgb, var(--solution-theme-text) 72%, transparent);margin-top:8px;font-size:.7rem;line-height:1.6}.software-solution-completeness{border:1px solid color-mix(in srgb, var(--solution-theme-accent) 38%, transparent);background:color-mix(in srgb, var(--solution-theme-surface) 76%, transparent);border-radius:10px;justify-items:end;gap:3px;padding:10px 13px;display:grid}.software-solution-completeness strong{color:var(--solution-theme-accent);font-size:1.1rem}.software-solution-completeness span{color:color-mix(in srgb, var(--solution-theme-text) 68%, transparent);font-size:.54rem}.software-solution-details{grid-template-columns:auto minmax(0,1fr);gap:30px;margin:18px 0;display:grid}.software-solution-details>div>span{color:color-mix(in srgb, var(--solution-theme-text) 58%, transparent);margin-bottom:8px;font-size:.55rem;display:block}.software-solution-details p{color:color-mix(in srgb, var(--solution-theme-text) 78%, transparent);margin:0;font-size:.66rem}.solution-palette{gap:6px;display:flex}.software-solution-pages{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.software-solution-pages article{border:1px solid color-mix(in srgb, var(--solution-theme-text) 15%, transparent);background:var(--solution-theme-surface);min-width:0;box-shadow:0 8px 25px color-mix(in srgb, var(--solution-theme-text) 6%, transparent);border-radius:10px;overflow:hidden}.software-solution-pages figure{aspect-ratio:16/9;background:color-mix(in srgb, var(--solution-theme-bg) 82%, #08141c);place-items:center;margin:0;display:grid;overflow:hidden}.software-solution-pages img{object-fit:cover;width:100%;height:100%;display:block}.software-solution-pages article>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:11px;display:grid}.software-solution-pages article>div span{color:var(--solution-theme-accent);font-size:.5rem}.software-solution-pages article>div strong{color:var(--solution-theme-text);text-overflow:ellipsis;white-space:nowrap;font-size:.64rem;overflow:hidden}.software-solution-pages article>div>div{min-width:0}.software-solution-pages article>div p{color:color-mix(in srgb, var(--solution-theme-text) 64%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.58rem;line-height:1.45;display:-webkit-box;overflow:hidden}.software-solution-scope{border:1px solid color-mix(in srgb, var(--solution-theme-accent) 24%, transparent);background:color-mix(in srgb, var(--solution-theme-surface) 72%, transparent);border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;margin-top:18px;padding:12px 14px;display:grid}.software-solution-scope strong{color:var(--solution-theme-accent);white-space:nowrap;font-size:.57rem}.software-solution-scope p{color:color-mix(in srgb, var(--solution-theme-text) 72%, transparent);margin:0;font-size:.55rem;line-height:1.55}.solution-style-missing{background:#f2b84b12;border:1px solid #f2b84b59;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:clamp(24px,4vw,52px);padding:20px;display:grid}.solution-style-missing>span{color:#171005;background:#e1ae42;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.solution-style-missing strong,.solution-style-missing p{margin:0;display:block}.solution-style-missing p{color:#b19d73;margin-top:5px;font-size:.67rem}.solution-supporting-heading{border-bottom:1px solid var(--line);padding-bottom:15px}.solution-supporting-heading span{color:var(--primary);letter-spacing:.09em;font-size:.56rem}.solution-supporting-heading h3{margin:6px 0 0}@media (max-width:1180px){.software-template-page .software-template-showcase{grid-template-columns:240px minmax(0,1fr)}.software-page-selector,.software-solution-pages{grid-template-columns:repeat(3,minmax(0,1fr))}.software-business-viewer{grid-template-columns:1fr}.software-function-guide ul{grid-template-columns:repeat(2,minmax(0,1fr))}.software-function-guide .software-customer-value{margin-top:17px}.software-package-summary{grid-template-columns:1fr 1fr}.software-package-summary>section:last-child{grid-column:1/-1}.basket-style-package{grid-template-columns:minmax(220px,.72fr) minmax(280px,1.28fr)}}@media (max-width:900px){.software-template-page .software-template-showcase{grid-template-columns:1fr}.software-template-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.software-template-switcher>header{grid-column:1/-1}.basket-style-package{grid-template-columns:1fr}.basket-style-package figure{aspect-ratio:16/8;min-height:auto}.software-solution-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.software-package-header .demo-actions,.software-selection-footer,.software-solution-package>header{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.software-package-header .demo-actions .button,.software-selection-footer .button{width:100%}.software-template-switcher{grid-template-columns:1fr}.software-template-switcher>header{grid-column:auto}.software-page-selector{padding-bottom:4px;display:flex;overflow-x:auto}.software-page-selector button{min-width:120px}.software-template-stage .software-page-preview{min-height:210px}.software-function-guide{padding:15px}.software-function-guide ul{grid-template-columns:1fr}.software-business-navigation{grid-template-columns:1fr 1fr}.software-business-progress{grid-area:1/1/auto/-1}.software-demo-scope-note,.software-solution-scope{grid-template-columns:1fr}.software-demo-scope-note strong{grid-row:auto}.software-package-summary,.software-solution-details{grid-template-columns:1fr}.software-package-summary>section:last-child{grid-column:auto}.basket-style-copy{padding:17px}.basket-style-required,.solution-style-missing{grid-template-columns:1fr}.basket-style-required>span,.solution-style-missing>span{display:none}.basket-style-required .button,.solution-style-missing .button{width:100%}.software-solution-completeness{justify-items:start}.software-solution-pages{grid-template-columns:1fr}}:root{--bg:#061727;--bg-soft:#081e31;--surface:#0b2940;--surface-raised:#0e3550;--surface-hover:#123e59;--text:#eef8ff;--text-soft:#a8bfd0;--text-faint:#6f91a7;--line:#4db5dd2e;--line-strong:#4dc9f066;--primary:#2cd5f7;--primary-soft:#2cd5f71f;--blue:#2a8cd2;--amber:#f3b84e;--shadow:0 24px 70px #00071057}body{background:linear-gradient(#2470990e 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#2470990e 1px,#0000 1px) 0 0/64px 64px,radial-gradient(circle at 62% 30%,#16609226,#0000 36%),#061727}.reference-shell{min-height:100vh}.reference-header{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041421f7;border-bottom:1px solid #43b1d840;grid-template-columns:minmax(330px,1fr) auto minmax(300px,1fr);align-items:stretch;height:88px;padding:0 36px;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 10px 32px #00050e2e}.reference-brand{justify-self:start;align-items:center;gap:14px;min-width:0;display:flex}.reference-brand-mark{width:48px;height:52px;color:var(--primary);border:2px solid var(--primary);clip-path:polygon(50% 0,94% 24%,94% 76%,50% 100%,6% 76%,6% 24%);background:#125e7e47;place-items:center;font-size:1.45rem;font-weight:800;display:grid}.reference-brand strong,.reference-brand small{white-space:nowrap;display:block}.reference-brand strong{color:#f0f8ff;text-overflow:ellipsis;max-width:280px;font-size:1.2rem;overflow:hidden}.reference-brand small{color:#628ba5;letter-spacing:.2em;margin-top:5px;font-size:.62rem}.reference-top-nav{align-items:stretch;gap:34px;display:flex}.reference-top-nav a{color:#a5b8c8;white-space:nowrap;place-items:center;font-size:.85rem;display:grid;position:relative}.reference-top-nav a:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;inset:auto 0 0}.reference-top-nav a:hover,.reference-top-nav a.router-link-active{color:#eafaff}.reference-top-nav a.router-link-active:after{background:var(--primary);box-shadow:0 -5px 18px #2cd5f757}.reference-header-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.offline-pill,.solution-cta{border-radius:999px;justify-content:center;align-items:center;min-height:44px;font-size:.76rem;display:inline-flex}.offline-pill{color:#8ba8ba;background:#09273b;border:1px solid #37aeda59;gap:9px;padding:0 17px}.offline-pill i{background:#36e0ad;border-radius:50%;width:11px;height:11px;box-shadow:0 0 14px #36e0ad73}.solution-cta{color:#fff;background:linear-gradient(100deg,#197fbd,#20bdd8);min-width:178px;padding:0 22px;font-weight:700;position:relative}.solution-cta b{color:#063044;background:#65efd0;border-radius:50%;place-items:center;min-width:20px;height:20px;font-size:.62rem;display:grid;position:absolute;top:-5px;right:-5px}.reference-rail{z-index:90;background:#041827f5;border-right:1px solid #43b1d838;flex-direction:column;width:112px;display:flex;position:fixed;inset:88px auto 0 0}.reference-rail nav{gap:12px;padding:38px 18px 20px;display:grid}.reference-rail nav a{color:#7193a9;background:#09273f;border:1px solid #0000;border-radius:18px;place-content:center;justify-items:center;gap:8px;min-height:82px;display:grid}.reference-rail nav a:hover{color:#dff8ff;border-color:#30b8e23d}.reference-rail nav a.router-link-active{color:#fff;background:linear-gradient(145deg,#1d78ad,#16b2d0);border-color:#39d5f980;box-shadow:0 16px 30px #0093c42e}.reference-rail nav span{font-size:1.55rem;line-height:1}.reference-rail nav small{font-size:.72rem}.rail-version{color:#557c94;text-align:center;gap:5px;margin-top:auto;padding:20px 8px;display:grid}.rail-version span{font-size:.68rem}.rail-version small{text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;overflow:hidden}.reference-main{min-height:100vh;margin-left:112px;padding:126px 42px 48px}.reference-page-heading{margin-bottom:10px}.reference-page-heading h2{margin-bottom:6px;font-size:clamp(1.9rem,3vw,2.6rem)}.reference-page-heading>p:not(.eyebrow){color:var(--text-soft);margin-bottom:0;font-size:1rem}.reference-page-heading .eyebrow{margin-bottom:8px}.series-tabs,.terminal-filter-bar{align-items:center;gap:12px;margin:8px 0 18px;display:flex;overflow-x:auto}.series-tabs button,.terminal-filter-bar button{color:#a9bfce;cursor:pointer;white-space:nowrap;background:#0a263b;border:1px solid #3aa6d35c;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:170px;min-height:48px;padding:0 20px;display:inline-flex}.series-tabs button i{background:#688da3;border-radius:50%;width:10px;height:10px}.series-tabs button.active,.terminal-filter-bar button.active{color:#fff;background:linear-gradient(100deg,#1579b6,#1bbfd7);border-color:#24d5f6}.series-tabs button.active i{background:#60efd2}.series-tabs>span,.terminal-filter-bar>span{color:#7196ac;background:#134d6a80;border-radius:999px;min-width:max-content;padding:9px 16px;font-size:.68rem}.controller-workbench{grid-template-columns:minmax(0,1fr) 390px;gap:24px;display:grid}.controller-product-stage,.controller-data-panel,.showcase-fact-grid article,.terminal-device-card,.terminal-side-panel>section{background:#082539eb;border:1px solid #3ea9d554}.controller-product-stage{border-radius:20px;min-width:0;padding:22px}.psc-unit-catalog{background:#082539eb;border:1px solid #3ea9d554;border-radius:20px;grid-column:1/-1;padding:22px}.controller-workbench:has(.psc-unit-browser){grid-template-columns:minmax(330px,.34fr) minmax(0,.66fr);align-items:start;gap:16px}.psc-unit-browser{grid-column:auto;padding:18px}.psc-unit-browser .psc-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.psc-unit-browser .psc-unit-grid button{border-radius:11px;min-height:122px;padding:9px 10px}.psc-unit-browser .psc-unit-image-frame{width:100%;height:58px;margin-bottom:5px}.psc-unit-browser .psc-unit-grid svg{height:100%}.psc-unit-browser .psc-unit-grid span{font-size:.54rem}.psc-unit-browser .psc-unit-grid strong{margin-top:2px;font-size:.74rem}.psc-unit-browser .psc-unit-grid small{display:none}.psc-unit-side-panel{max-height:calc(100vh - 122px);padding:28px 32px;position:sticky;top:104px;overflow-y:auto}.psc-side-image{box-sizing:border-box;background:radial-gradient(circle,#23a7cf1f,#0000 60%),#071c2b;border-radius:16px;justify-content:center;align-items:center;height:312px;min-height:0;margin:18px 0 22px;padding:5mm 28px;display:flex;overflow:hidden}.psc-side-image img,.psc-side-image svg{object-fit:contain;object-position:center;display:block}.psc-side-image img{width:auto;max-width:100%;height:auto;max-height:100%}.psc-side-image svg{width:100%;height:100%}.psc-unit-side-panel>h3{z-index:1;margin:0 0 8px;font-size:1.85rem;position:relative}.controller-application-note{color:#a9c4d2;background:#0f435a75;border:1px solid #35d7f238;border-radius:10px;gap:10px;margin:-8px 0 18px;padding:11px 14px;line-height:1.55;display:flex}.controller-application-note strong{color:#35d7f2;flex:none}.psc-unit-side-panel>p{max-width:780px;font-size:.82rem}.psc-unit-side-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.psc-unit-side-panel dl>div{grid-template-columns:120px 1fr}.psc-website-parameter-title{color:#d9edf5;margin:20px 0 8px;font-size:.82rem}.psc-unit-side-panel .psc-website-parameters{margin-top:0}.psc-unit-highlights{margin:0 0 18px}.psc-unit-catalog>header{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;display:flex}.psc-unit-catalog header span,.psc-unit-catalog header small{color:#6d92a9;font-size:.68rem}.psc-unit-catalog h3{margin:5px 0 0}.psc-unit-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.psc-unit-grid button{min-width:0;min-height:205px;color:inherit;cursor:pointer;text-align:left;background:#0a2638;border:1px solid #43a2c738;border-radius:14px;flex-direction:column;align-items:flex-start;padding:13px;display:flex}.psc-unit-grid button:hover,.psc-unit-grid button.active{background:#0d3349;border-color:#2bd6f7;box-shadow:0 10px 26px #000c183d}.psc-unit-image-frame{justify-content:center;align-items:center;width:100%;height:105px;margin-bottom:10px;display:flex;overflow:hidden}.psc-unit-grid img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.psc-unit-grid svg{width:100%;height:100%}.psc-unit-grid span{color:#35d7f2;font-size:.62rem}.psc-unit-grid strong{margin-top:5px;font-size:.88rem}.psc-unit-grid small{color:#7898aa;margin-top:6px;font-size:.62rem;line-height:1.45}.psc-unit-detail{grid-column:1/-1;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);gap:22px;display:grid}.psc-unit-visual,.psc-unit-detail .controller-data-panel{background:#082539eb;border:1px solid #3ea9d554;border-radius:20px}.psc-unit-visual{place-items:center;min-height:430px;padding:28px;display:grid;position:relative}.psc-unit-visual>span{color:#35d7f2;font-size:.7rem;position:absolute;top:22px;left:24px}.psc-unit-visual img{object-fit:contain;filter:drop-shadow(0 20px 30px #0006);width:100%;height:350px}.psc-manual-link{color:#35d7f2;text-align:center;border:1px solid #2bd6f74d;border-radius:10px;padding:13px 15px;display:block}.controller-data-panel .psc-source-note{color:#6d92a9;margin-top:15px;font-size:.65rem}.engineer-supplement{background:#0519268c;border:1px dashed #4ebede61;border-radius:12px;margin-top:18px;padding:16px}.engineer-supplement>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.engineer-supplement header span{color:#35d7f2;letter-spacing:.12em;font-size:.56rem}.engineer-supplement h4{margin:3px 0 0;font-size:.82rem}.engineer-supplement button{color:#b9d6e2;cursor:pointer;background:#2bd6f714;border:1px solid #2bd6f74d;border-radius:8px}.engineer-supplement header button{padding:7px 10px;font-size:.62rem}.engineer-empty,.engineer-note{color:#7898aa;margin:12px 0 6px;font-size:.64rem;line-height:1.55}.engineer-supplement>small,.engineer-supplement form>small{color:#5f8398;margin-top:8px;font-size:.56rem;display:block}.engineer-supplement form{gap:10px;margin-top:14px;display:grid}.engineer-supplement label{color:#7898aa;gap:5px;font-size:.6rem;display:grid}.engineer-supplement input,.engineer-supplement textarea{box-sizing:border-box;color:#d9edf5;width:100%;font:inherit;resize:vertical;background:#071c2b;border:1px solid #43a2c740;border-radius:8px;padding:9px 10px}.engineer-row{grid-template-columns:.8fr 1.2fr 28px;gap:6px;display:grid}.engineer-row button{padding:0}.engineer-add{justify-self:start;padding:7px 10px}.engineer-actions{gap:8px;display:flex}.engineer-actions button{padding:8px 12px}.engineer-supplement-values{margin:12px 0 0!important}.engineer-supplement-values>div{grid-template-columns:90px 1fr!important;padding:8px 0!important}@media (max-width:1280px){.psc-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.controller-workbench:has(.psc-unit-browser){grid-template-columns:minmax(300px,.4fr) minmax(0,.6fr)}.psc-unit-side-panel{padding:22px}.psc-side-image{height:232px}.psc-unit-side-panel dl{grid-template-columns:1fr}}@media (max-width:900px){.controller-workbench:has(.psc-unit-browser){grid-template-columns:1fr}.psc-unit-side-panel{max-height:none;position:static}.psc-unit-browser .psc-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.controller-product-stage>header{justify-content:space-between;align-items:center;gap:18px;padding:0 4px 18px;display:flex}.controller-product-stage>header span,.controller-product-stage>header small{color:#6d92a9;font-size:.68rem}.controller-product-stage>header h3{margin:4px 0 0;font-size:1.25rem}.controller-main-image{background:radial-gradient(circle,#23a7cf21,#0000 55%),#071c2b;border:1px solid #38a9d329;border-radius:16px;place-items:center;min-height:410px;padding:28px;display:grid;overflow:hidden}.controller-main-image img{object-fit:contain;filter:drop-shadow(0 20px 30px #0006);width:100%;height:390px}.controller-thumbnail-strip{gap:10px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.controller-thumbnail-strip button{cursor:pointer;background:#0a2638;border:1px solid #43a2c738;border-radius:10px;flex:none;place-items:center;width:92px;height:72px;padding:7px;display:grid;overflow:hidden}.controller-thumbnail-strip button.active{border-color:#2bd6f7;box-shadow:0 0 0 2px #2bd6f71f}.controller-thumbnail-strip img{object-fit:contain;width:100%;height:100%}.controller-data-panel{border-radius:20px;padding:24px}.panel-status{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-status span,.panel-status b{border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:.65rem;display:inline-flex}.panel-status span{color:#64e8c8;background:#28c2971f}.panel-status span i{background:#42e0b2;border-radius:50%;width:8px;height:8px}.panel-status b{color:#f0c66a;background:#f3b84e1f;font-weight:500}.controller-data-panel>h3{margin:26px 0 7px;font-size:1.55rem}.controller-data-panel>p{color:var(--text-soft);font-size:.78rem;line-height:1.7}.controller-data-panel dl,.terminal-current-device dl{border-top:1px solid var(--line);margin:24px 0}.controller-data-panel dl>div,.terminal-current-device dl>div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:12px;padding:12px 0;display:grid}.controller-data-panel dt,.terminal-current-device dt{color:#6289a0;font-size:.68rem}.controller-data-panel dd,.terminal-current-device dd{color:#c8dce7;margin:0;font-size:.72rem;line-height:1.55}.controller-highlights{gap:9px;margin-bottom:24px;display:grid}.controller-highlights span{color:#8daabc;padding-left:18px;font-size:.72rem;line-height:1.55;position:relative}.controller-highlights span:before{content:"";background:#35d9f7;border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.controller-manuals{background:#2bd6f70d;border:1px solid #2bd6f738;border-radius:10px;margin:0 0 20px;padding:13px 15px}.controller-manuals summary{color:#a9c7d5;cursor:pointer;font-size:.7rem}.controller-manuals a{color:#35d7f2;margin-top:9px;font-size:.66rem;line-height:1.5;display:block}.panel-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.showcase-fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.showcase-fact-grid article{border-radius:18px;min-height:160px;padding:20px}.showcase-fact-grid article>span{color:var(--primary);letter-spacing:.14em;font-size:.65rem}.showcase-fact-grid h3{margin:30px 0 8px;font-size:.96rem}.showcase-fact-grid p{color:#799aad;margin-bottom:0;font-size:.7rem;line-height:1.6}.terminal-showcase-layout{grid-template-columns:minmax(0,1fr) 370px;align-items:start;gap:28px;display:grid}.terminal-device-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.terminal-search{align-items:center;gap:7px;margin-left:auto;display:flex}.terminal-search span{color:#6d92a9;font-size:.62rem}.terminal-search input{color:#d9edf5;background:#071c2b;border:1px solid #43a2c74d;border-radius:9px;width:210px;padding:9px 11px}.terminal-filter-bar{flex-wrap:wrap;overflow-x:visible}.terminal-filter-bar button{min-width:126px}.terminal-filter-bar>span{margin-left:auto}.terminal-device-card{min-width:0;min-height:330px;color:inherit;cursor:pointer;text-align:left;border-radius:18px;flex-direction:column;padding:14px;display:flex}.terminal-device-card:hover,.terminal-device-card.active{border-color:#2bd6f7;transform:translateY(-2px);box-shadow:0 18px 38px #000c183d}.terminal-image{background:radial-gradient(circle,#1f9dc626,#0000 68%),#0c334b;border-radius:13px;place-items:center;height:178px;margin-bottom:15px;padding:12px;display:grid;overflow:hidden}.terminal-image img{object-fit:contain;mix-blend-mode:normal;width:100%;height:100%}.terminal-device-card>strong{font-size:.92rem}.terminal-device-card>small{color:#7f9caf;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:.66rem;line-height:1.55;display:-webkit-box;overflow:hidden}.terminal-tags{gap:7px;margin-top:auto;padding-top:14px;display:flex}.terminal-tags i{color:#7195aa;background:#0e4b688c;border-radius:999px;padding:6px 10px;font-size:.58rem;font-style:normal}.terminal-open-hint{color:#35d7f2;border-top:1px solid #40a4c92e;justify-content:space-between;align-items:center;margin-top:12px;padding-top:11px;font-size:.64rem;display:flex}.terminal-open-hint b{font-size:.9rem}.terminal-detail-backdrop{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010c14d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow-y:auto}.terminal-detail-dialog{background:#071e2d;border:1px solid #2bd6f761;border-radius:22px;grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);width:min(1080px,100%);max-height:calc(100vh - 56px);display:grid;position:relative;overflow:auto;box-shadow:0 32px 90px #00000085}.terminal-dialog-close{z-index:2;color:#b8d4df;cursor:pointer;background:#061b29e6;border:1px solid #62bfd040;border-radius:50%;width:38px;height:38px;font-size:1.3rem;position:absolute;top:16px;right:16px}.terminal-dialog-close:hover{color:#fff;border-color:#2bd6f7}.terminal-dialog-visual{background:radial-gradient(circle at 50% 38%,#1f9dc633,#0000 42%),#08263a;border-right:1px solid #62bfd029;min-height:570px;padding:34px}.terminal-dialog-image{background:#0519266b;border-radius:18px;place-items:center;height:350px;margin-top:18px;padding:25px;display:grid}.terminal-dialog-image img{object-fit:contain;width:100%;height:100%}.terminal-dialog-highlights{gap:8px;margin-top:22px;display:grid}.terminal-dialog-highlights span{color:#93b5c6;padding-left:17px;font-size:.72rem;line-height:1.55;position:relative}.terminal-dialog-highlights span:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.45em;left:0}.terminal-dialog-content{padding:48px 42px 38px}.terminal-dialog-type{color:#35d7f2;letter-spacing:.12em;font-size:.66rem}.terminal-dialog-content>h2{margin:9px 48px 8px 0;font-size:clamp(1.55rem,2.4vw,2.2rem)}.terminal-dialog-content>p{color:#83a4b5;margin:0;font-size:.78rem;line-height:1.7}.terminal-model-row{background:#2bd6f70f;border:1px solid #2bd6f733;border-radius:10px;grid-template-columns:90px 1fr;gap:12px;margin:22px 0 26px;padding:14px 16px;display:grid}.terminal-model-row span{color:#7294a6;font-size:.68rem}.terminal-model-row strong{color:#dcecf3;font-size:.78rem}.terminal-dialog-content>h3{margin-bottom:12px;font-size:.9rem}.terminal-parameter-grid{border-top:1px solid #62bfd02b;border-left:1px solid #62bfd02b;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.terminal-parameter-grid>div{border-bottom:1px solid #62bfd02b;border-right:1px solid #62bfd02b;min-width:0;padding:12px 14px}.terminal-parameter-grid dt{color:#6f92a5;margin-bottom:5px;font-size:.62rem}.terminal-parameter-grid dd{overflow-wrap:anywhere;color:#c4d9e2;margin:0;font-size:.7rem;line-height:1.55}.terminal-dialog-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.terminal-side-panel{position:sticky;top:112px}.terminal-side-panel>section{border-radius:18px;padding:20px}.terminal-current-device>span{color:#7096aa;font-size:.62rem}.terminal-current-device>h3{margin:7px 0}.terminal-current-device>p{color:#8aa7b8;font-size:.68rem}.reference-main .generator-intro,.reference-main .catalog-intro{padding-top:0}.reference-main .generator-layout{grid-template-columns:minmax(310px,.55fr) minmax(0,1.45fr);gap:24px}.reference-main .generator-controls,.reference-main .cabinet-result,.reference-main .catalog-toolbar,.reference-main .entity-card{background:#082539eb;border-color:#3ea9d54d}.reference-main .cabinet-stage{background:radial-gradient(circle at 50% 45%,#1f87b52e,#0000 52%),#071c2b;grid-template-columns:minmax(300px,1fr) minmax(250px,.45fr)}.reference-main .layout-media-preview img{object-fit:contain;max-height:650px}.reference-main .button-primary{color:#fff;background:linear-gradient(100deg,#197fbd,#20bdd8)}.reference-bottom-nav{display:none}.simulation-page{--sim-cyan:#29d8e8;--sim-blue:#2196e5;--sim-orange:#ffae4a;--sim-green:#43e2a8;--sim-red:#ff6678;gap:18px;min-width:0;display:grid}.simulation-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.simulation-heading h2{color:#f5fbff;margin:6px 0 8px;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1}.simulation-heading>div:first-child>p:last-child{color:#82a5ba;max-width:760px;margin:0;font-size:.88rem}.simulation-runtime{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.simulation-runtime>span,.simulation-runtime>strong{color:#7e9daf;background:#061e2ecc;border:1px solid #41a9d038;border-radius:7px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:.66rem;display:inline-flex}.simulation-runtime>strong{color:#d7f7ff;font-family:Cascadia Code,Consolas,monospace}.simulation-runtime>span i,.room-live-state i{background:#607b8c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #607b8c1f}.simulation-runtime>span i.active,.is-running .room-live-state i{background:var(--sim-green);box-shadow:0 0 12px var(--sim-green)}.simulation-speed{background:#041826c7;border:1px solid #41a9d038;border-radius:8px;gap:3px;padding:3px;display:flex}.simulation-speed button,.simulation-run,.simulation-reset{color:#7997aa;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:29px;padding:0 10px;font:600 .65rem Cascadia Code,Consolas,monospace}.simulation-speed button.active{color:#052434;background:var(--sim-cyan)}.simulation-run{color:#032330;background:linear-gradient(100deg,#2be6df,#2cbae6);min-height:36px;padding:0 18px}.simulation-reset{border:1px solid #41a9d047;min-height:36px}.simulation-layout{grid-template-columns:250px minmax(620px,1fr) 250px;gap:14px;min-height:720px;display:grid}.simulation-controls,.simulation-live-panel,.simulation-room-card,.simulation-trend-card{background:linear-gradient(160deg,#072436fa,#041826fa);border:1px solid #349dc63b;border-radius:14px;box-shadow:inset 0 1px #8fe1f40a,0 16px 50px #000a1238}.simulation-controls,.simulation-live-panel{padding:18px}.simulation-controls{background:linear-gradient(#16536814,#0000 24%),linear-gradient(160deg,#072436fc,#041826fc);border-color:#34c5de52}.simulation-panel-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.simulation-panel-title>span{color:var(--sim-cyan);font:700 1.4rem Cascadia Code,Consolas,monospace}.simulation-panel-title div{gap:2px;display:grid}.simulation-panel-title strong{color:#e6f7ff;font-size:.82rem}.simulation-panel-title small{color:#4c7288;letter-spacing:.08em;font:.55rem Cascadia Code,Consolas,monospace}.simulation-slider{background:#03142070;border:1px solid #419ebe24;border-radius:9px;gap:8px;margin-bottom:13px;padding:9px 10px 8px;transition:border-color .2s,background .2s,box-shadow .2s,opacity .2s;display:grid;position:relative}.simulation-slider:hover,.simulation-slider:focus-within{background:#072332b3;border-color:#37d2e857;box-shadow:inset 0 0 0 1px #34d3e80a}.simulation-slider.airflow-setting:before{content:"";background:var(--sim-cyan);border-radius:2px;width:2px;position:absolute;inset:7px auto 7px -1px;box-shadow:0 0 9px #2bd8e86b}.simulation-slider>span{color:#91afbf;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;line-height:1.25;display:flex}.simulation-slider b{color:#e5fbff;font-variant-numeric:tabular-nums;text-align:right;background:#2bd8e81a;border:1px solid #2bd8e833;border-radius:5px;flex:none;min-width:74px;padding:3px 6px;font:700 .875rem Cascadia Code,Consolas,monospace}.simulation-slider input[type=range]{appearance:none;width:100%;height:17px;accent-color:var(--sim-cyan);cursor:pointer;background:0 0;border:0;outline:none;margin:0}.simulation-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#26cbdcbd,#486a79b3);border:1px solid #71b8cc33;border-radius:999px;height:6px}.simulation-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:#26d7e5;border:2px solid #b6f7fb;border-radius:50%;width:17px;height:17px;margin-top:-6px;box-shadow:0 0 0 3px #26d7e521,0 0 10px #26d7e573}.simulation-slider input[type=range]::-moz-range-track{background:linear-gradient(90deg,#26cbdcbd,#486a79b3);border:1px solid #71b8cc33;border-radius:999px;height:6px}.simulation-slider input[type=range]::-moz-range-thumb{background:#26d7e5;border:2px solid #b6f7fb;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 3px #26d7e521,0 0 10px #26d7e573}.simulation-slider input[type=range]:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #46e2efcc}.simulation-slider.disabled{opacity:.66}.simulation-slider.disabled input[type=range]{cursor:not-allowed;filter:saturate(.25);opacity:.5}.simulation-control-divider{color:var(--sim-orange);letter-spacing:.07em;border-top:1px solid #3c90b42e;justify-content:space-between;align-items:center;margin:17px 0 13px;padding-top:14px;font:700 .61rem Cascadia Code,Consolas,monospace;display:flex}.simulation-control-divider label{color:#7896a8;letter-spacing:0;cursor:pointer;align-items:center;gap:5px;display:flex}.simulation-control-divider input{appearance:none;cursor:pointer;background:#102d3a;border:1px solid #6892a385;border-radius:999px;width:36px;height:20px;margin:0;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}.simulation-control-divider input:before{content:"";background:#75909c;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.simulation-control-divider input:checked{background:#23beca42;border-color:#3ae1e1b8;box-shadow:0 0 10px #2bd8e82e}.simulation-control-divider input:checked:before{background:#65f0e9;transform:translate(16px)}.simulation-control-divider input:focus-visible{outline-offset:2px;outline:2px solid #46e2efdb}.simulation-control-divider.simulation-changeover{color:#68dce8;border-top:0;margin-top:-4px;padding-top:0}.simulation-changeover select{color:#d9f6ff;cursor:pointer;background:#0b2938;border:1px solid #53b7c966;border-radius:6px;min-width:96px;padding:5px 24px 5px 8px;font:700 .62rem Cascadia Code,Consolas,monospace}.simulation-changeover select:disabled{cursor:not-allowed;opacity:.45}.simulation-changeover select:focus-visible{outline-offset:2px;outline:2px solid #46e2efdb}.room-specs{background:#051825b3;border:1px solid #44aacd29;border-radius:9px;grid-template-columns:1fr auto;gap:9px 12px;margin-top:16px;padding:13px;display:grid}.room-specs span,.room-specs strong{color:#628398;font-size:.6rem}.room-specs strong{color:#c8e8f4;text-align:right;max-width:115px}.simulation-disclaimer{color:#4f7184;margin:16px 0 0;font-size:.58rem;line-height:1.7}.pid-tuning-panel{background:linear-gradient(145deg,#093e506b,#031622d6);border:1px solid #27d8e857;border-radius:10px;gap:10px;margin-top:14px;padding:12px;display:grid;box-shadow:inset 0 1px #6febf40f,0 0 18px #0faec90f}.pid-tuning-panel>header{border-bottom:1px solid #3faec82e;justify-content:space-between;align-items:start;gap:8px;padding-bottom:9px;display:flex}.pid-tuning-panel>header div{gap:2px;display:grid}.pid-tuning-panel>header span{color:#daf8ff;font-size:.72rem;font-weight:800}.pid-tuning-panel>header small,.pid-tuning-panel>header b{color:#4d7e91;font:.48rem Cascadia Code,Consolas,monospace}.pid-tuning-panel>header b{color:var(--sim-cyan);letter-spacing:.08em}.pid-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.pid-value-grid>div{background:#03141f8f;border:1px solid #3a9db924;border-radius:6px;gap:2px;min-width:0;padding:7px 8px;display:grid}.pid-value-grid span,.pid-setting span{color:#63889a;font-size:.5rem}.pid-value-grid strong{color:#d7f5fc;font-variant-numeric:tabular-nums;font:700 .68rem Cascadia Code,Consolas,monospace}.pid-value-grid .pid-error-value strong{color:var(--sim-orange)}.pid-setting{grid-template-columns:1fr auto;align-items:center;gap:4px 8px;display:grid}.pid-setting b{min-width:42px;color:var(--sim-cyan);text-align:right;font:700 .62rem Cascadia Code,Consolas,monospace}.pid-setting span small{color:#4b7386;margin-top:2px;font:.45rem Cascadia Code,Consolas,monospace;display:block}.pid-setting input[type=number]{width:76px;height:28px;color:var(--sim-cyan);font-variant-numeric:tabular-nums;text-align:right;background:#03141fc7;border:1px solid #2bd8e857;border-radius:5px;padding:0 7px;font:700 .7rem Cascadia Code,Consolas,monospace}.pid-setting input[type=number]:focus-visible{outline-offset:2px;outline:2px solid #46e2efdb}.pid-setting input[type=number]::-webkit-inner-spin-button{opacity:.7;margin-left:4px}.pid-setting input[type=number]::-webkit-outer-spin-button{opacity:.7;margin-left:4px}.pid-setting input[type=range]{appearance:none;cursor:pointer;background:0 0;grid-column:1/-1;width:100%;height:12px;margin:0}.pid-setting input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#21cdddcc,#3c5e6fb3);border-radius:999px;height:3px}.pid-setting input[type=range]::-webkit-slider-thumb{appearance:none;background:#20d2df;border:1px solid #bcf9fd;border-radius:50%;width:11px;height:11px;margin-top:-4px;box-shadow:0 0 7px #20d2df73}.pid-setting input[type=range]::-moz-range-track{background:linear-gradient(90deg,#21cdddcc,#3c5e6fb3);border-radius:999px;height:3px}.pid-setting input[type=range]::-moz-range-thumb{background:#20d2df;border:1px solid #bcf9fd;border-radius:50%;width:9px;height:9px}.simulation-stage-column{grid-template-rows:minmax(430px,1fr) 240px;gap:14px;min-width:0;display:grid}.simulation-analysis-row{grid-template-columns:minmax(255px,.42fr) minmax(0,1fr);gap:14px;min-width:0;display:grid}.simulation-analysis-row .pid-tuning-panel{min-width:0;margin-top:0;overflow:hidden}.simulation-room-card,.simulation-trend-card{overflow:hidden}.simulation-room-card>header,.simulation-trend-card>header{border-bottom:1px solid #349dc62e;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 18px;display:flex}.simulation-room-card>header div:first-child,.simulation-trend-card>header div:first-child{gap:2px;display:grid}.simulation-room-card>header span,.simulation-trend-card>header span{color:#4b7b92;letter-spacing:.09em;font:.54rem Cascadia Code,Consolas,monospace}.simulation-room-card>header strong,.simulation-trend-card>header strong{color:#dff7ff;font-size:.76rem}.room-live-state{color:#82a5b7;align-items:center;gap:7px;font-size:.62rem;display:flex}.simulation-room-stage{perspective:1200px;background:linear-gradient(#2e8eb40b 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#2e8eb40b 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle at 50% 40%,#16799e30,#0000 55%),#041725;height:calc(100% - 58px);min-height:380px;position:relative;overflow:hidden}.simulation-room-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#041725bf,#0000 14% 86%,#041725bf);position:absolute;inset:0}.scene-equipment-callout{z-index:4;border-left:2px solid var(--sim-cyan);background:linear-gradient(90deg,#042231eb,#0422312e);gap:2px;padding:9px 12px;display:grid;position:absolute;top:18px;left:18px}.scene-equipment-callout span{color:var(--sim-cyan);letter-spacing:.08em;font:.48rem Cascadia Code,monospace}.scene-equipment-callout strong{color:#dff8ff;font-size:.68rem}.scene-equipment-callout small{color:#5e8799;font:.48rem Cascadia Code,monospace}.cutaway-room{z-index:1;filter:drop-shadow(0 20px 30px #00080f52);position:absolute;inset:48px 42px 34px 44px;overflow:hidden}.cutaway-back-wall,.cutaway-left-wall,.cutaway-ceiling,.cutaway-floor{border:1px solid #4abedb61;position:absolute;overflow:hidden}.cutaway-back-wall{clip-path:polygon(0 8%,100% 0,100% 100%,0 84%);background-color:#0000;background-image:linear-gradient(#43a4c21a 1px,#0000 1px),linear-gradient(90deg,#43a4c21a 1px,#0000 1px),linear-gradient(155deg,#0d4558f5,#051f2ef7);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-items:center;gap:6%;height:51%;padding:0 8%;display:flex;top:8%;left:17%;right:1%}.cutaway-left-wall{clip-path:polygon(0 20%,100% 0,100% 84%,0 100%);background:linear-gradient(145deg,#0a394cfa,#041d2bfa);width:17%;height:68%;top:13%;left:1%}.cutaway-ceiling{z-index:2;clip-path:polygon(0 34%,100% 0,82% 100%,0 74%);background:linear-gradient(160deg,#0f4353d6,#05212f8c);justify-content:space-around;align-items:center;height:23%;padding:0 12%;display:flex;top:0;left:17%;right:1%}.cutaway-ceiling i{background:#54e1ed61;border:1px solid #49d1e28c;width:54px;height:6px;transform:skew(-28deg);box-shadow:0 0 16px #4bdeea3d}.cutaway-ceiling>span{color:#5fb1c78a;letter-spacing:.12em;font:.5rem Cascadia Code,monospace;position:absolute;bottom:14%;right:5%}.cutaway-floor{clip-path:polygon(0 0,100% 17%,78% 100%,0 82%);background-color:#0000;background-image:linear-gradient(#42a1be26 1px,#0000 1px),linear-gradient(90deg,#42a1be26 1px,#0000 1px),linear-gradient(145deg,#0a394b,#061f30 72%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;inset:48% 1% 0 17%;box-shadow:inset 0 0 40px #249bb814}.cutaway-window{background:linear-gradient(145deg,#155274,#071d31 58%,#0c3a55);border:5px solid #1b5a70;place-items:end center;width:26%;height:54%;padding-bottom:7px;display:grid;position:relative;transform:skewY(-3deg);box-shadow:inset 0 0 28px #48c9e61f,0 8px 16px #000d1540}.cutaway-window:before,.cutaway-window:after{content:"";background:#1b5a70;position:absolute}.cutaway-window:before{width:4px;inset:0 auto 0 50%}.cutaway-window:after{height:4px;inset:50% 0 auto}.cutaway-window span{z-index:1;color:#66c8df;font:.48rem Cascadia Code,monospace}.cutaway-screen{background:#031825f0;border:2px solid #2ad8e885;place-content:center;justify-items:center;width:16%;height:48%;display:grid;transform:skewY(-3deg);box-shadow:0 0 22px #2bd8e824}.cutaway-screen small{color:#55879c;font:.43rem Cascadia Code,monospace}.cutaway-screen strong{color:var(--sim-green);font:700 1.85rem Cascadia Code,monospace}.cutaway-screen span{color:#53798b;font:.43rem Cascadia Code,monospace}.cutaway-door{background:linear-gradient(150deg,#0d4255,#082b3c);border:4px solid #175266;place-items:center;width:62%;height:65%;display:grid;position:absolute;bottom:6%;left:18%;transform:skewY(-10deg)}.cutaway-door i{background:var(--sim-orange);border-radius:50%;width:5px;height:5px;position:absolute;right:8px}.cutaway-door span{color:#5d94a8;font-size:.48rem}.cutaway-ahu{z-index:7;background:linear-gradient(170deg,#20758a,#0d465b);border:2px solid #51d2de9e;grid-template-columns:repeat(3,1fr);width:34%;height:23%;padding-top:23px;display:grid;position:absolute;top:42%;left:20%;transform:skewY(2deg);box-shadow:12px 18px 28px #000c146b,inset 0 0 18px #5ee1e914}.cutaway-ahu-top{transform-origin:bottom;background:linear-gradient(155deg,#2a8194,#14586b);border:1px solid #5cd6e173;height:18px;position:absolute;top:-20px;left:7px;right:-13px;transform:skew(-48deg)}.cutaway-ahu-side{background:#0a394c;border:1px solid #4ab1c16b;width:13px;position:absolute;top:-9px;bottom:6px;right:-15px;transform:skewY(-42deg)}.cutaway-ahu>header{align-items:center;gap:7px;display:flex;position:absolute;top:5px;left:8px}.cutaway-ahu>header span{color:#04232e;background:var(--sim-cyan);padding:2px 5px;font:700 .42rem Cascadia Code,monospace}.cutaway-ahu>header strong{color:#d8f5fb;font-size:.5rem}.cutaway-ahu-section{background:linear-gradient(160deg,#1e6f84d9,#0a3d4eeb);border-right:1px solid #61d3de4d;place-content:center;justify-items:center;gap:3px;min-width:0;display:grid}.cutaway-ahu-section small{color:#9bcbd5;font-size:.4rem}.cutaway-ahu-section.filter i{background:repeating-linear-gradient(45deg,#63dbe299 0 2px,#0000 2px 6px);border:3px solid #54b5c0;width:32px;height:27px}.cutaway-ahu-section.coil i{background:repeating-linear-gradient(90deg,#45d3e1 0 3px,#0000 3px 7px);width:35px;height:27px;box-shadow:inset 0 0 0 2px #2d8ea1}.mode-heating .cutaway-ahu-section.coil i{background:repeating-linear-gradient(90deg,#ffae4a 0 3px,#0000 3px 7px)}.cutaway-ahu-section.fan i{background:conic-gradient(from 20deg, transparent 0 12%, #70dce3 13% 25%, transparent 26% 38%, #70dce3 39% 51%, transparent 52% 64%, #70dce3 65% 77%, transparent 78% 90%, #70dce3 91%);border:3px solid #61cad5;border-radius:50%;width:34px;height:34px}.is-running .cutaway-ahu-section.fan i{animation:.75s linear infinite sim-fan-spin}.cutaway-supply-duct,.cutaway-return-duct{z-index:6;background:linear-gradient(#176477,#0a3b4e);border:2px solid #3acde094;height:18px;position:absolute;overflow:hidden;transform:skewY(-3deg);box-shadow:6px 9px 16px #000e164d}.cutaway-supply-duct{top:35%;left:53%;right:6%}.cutaway-return-duct{background:linear-gradient(#755b3a,#3c342a);border-color:#ffae4a8c;top:45%;left:52%;right:16%}.cutaway-supply-duct b,.cutaway-return-duct b{z-index:2;color:#b7edf4;font-size:.42rem;position:absolute;top:3px;left:12px}.cutaway-return-duct b{color:#efcfaa}.cutaway-supply-duct span,.cutaway-return-duct span{--dot-index:1;background:var(--sim-cyan);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:2%}.cutaway-return-duct span{background:var(--sim-orange)}.is-running .cutaway-supply-duct span{animation:supply-air var(--airflow-duration) linear infinite;animation-delay:calc(var(--dot-index) * -.16s)}.is-running .cutaway-return-duct span{animation:return-air calc(var(--airflow-duration) * 1.15) linear infinite;animation-delay:calc(var(--dot-index) * -.2s)}.cutaway-branch{z-index:5;background:#0c465a;border:2px solid #3ec0d280;width:12px;height:25%;position:absolute;top:38%}.cutaway-branch i{background:repeating-linear-gradient(0deg,#4cbac5 0 2px,#0a4254 2px 5px);border:2px solid #318a9c;width:55px;height:16px;position:absolute;bottom:-12px;left:-22px}.cutaway-branch.branch-a{left:61%}.cutaway-branch.branch-b{height:34%;left:76%}.cutaway-branch.branch-c{height:27%;left:90%}.cutaway-return-grille{z-index:5;background:repeating-linear-gradient(0deg,#b68b55 0 2px,#463a2d 2px 5px);border:2px solid #8b6e48;width:72px;height:20px;position:absolute;top:60%;right:14%;transform:skewY(3deg)}.cutaway-ddc,.cutaway-sensor{z-index:8;background:#031926f5;border:1px solid #39cfdf7a;display:grid;position:absolute;box-shadow:0 8px 18px #000c1452}.cutaway-ddc{border-color:#ffae4a8c;place-content:center;justify-items:center;width:80px;height:100px;top:48%;left:8%}.cutaway-ddc span{color:var(--sim-orange);font:.43rem Cascadia Code,monospace}.cutaway-ddc strong{color:#f4e4ce;font-size:.62rem}.cutaway-ddc i{background:#61737b;border-radius:50%;width:6px;height:6px;margin:7px 0 3px}.cutaway-ddc i.active{background:var(--sim-green);box-shadow:0 0 10px var(--sim-green)}.cutaway-ddc small{color:#66828f;font-size:.4rem}.cutaway-sensor{gap:1px;min-width:90px;padding:7px 9px}.cutaway-sensor span{color:var(--sim-cyan);font:.42rem Cascadia Code,monospace}.cutaway-sensor strong{color:#d8f6ff;font:700 .72rem Cascadia Code,monospace}.cutaway-sensor small{color:#628497;font-size:.4rem}.cutaway-sensor.temp{top:69%;left:61%}.cutaway-sensor.co2{top:75%;left:81%}.cutaway-person{z-index:6;justify-items:center;width:18px;height:33px;display:grid;position:absolute}.cutaway-person i{background:#76cbd6;border-radius:50%;width:9px;height:9px}.cutaway-person span{background:linear-gradient(#4294a8,#1d6077);border-radius:7px 7px 3px 3px;width:14px;height:22px}.cutaway-person-1{top:58%;left:55%}.cutaway-person-2{top:57%;left:64%}.cutaway-person-3{top:61%;left:73%}.cutaway-person-4{top:57%;left:81%}.cutaway-person-5{top:76%;left:50%}.cutaway-person-6{top:79%;left:68%}.cutaway-person-7{top:72%;left:86%}.cutaway-person-8{top:84%;left:76%}.is-running .cutaway-person{animation:2.2s ease-in-out infinite alternate cutaway-person-breathe}@keyframes cutaway-person-breathe{to{transform:translateY(-3px)}}.cutaway-air-field{z-index:3;pointer-events:none;clip-path:polygon(0 0,100% 13%,78% 100%,0 82%);mix-blend-mode:screen;background:radial-gradient(circle at 62% 52%,#ff874745,#0000 47%);transition:opacity .35s;position:absolute;inset:44% 3% 2% 18%}.mode-cooling .cutaway-air-field{background:radial-gradient(circle at 62% 52%,#2ebcec4d,#0000 49%)}.mode-heating .cutaway-air-field{background:radial-gradient(circle at 62% 52%,#ff9a4857,#0000 49%)}.front-perspective-room{z-index:1;position:absolute;inset:12px 28px 18px}.front-room-model{width:100%;height:100%;font-family:Cascadia Code,Consolas,monospace;display:block;overflow:visible}.front-room-ceiling,.front-room-left-wall,.front-room-right-wall,.front-room-back-wall,.front-room-floor{stroke:none}.front-room-ceiling{fill:#0d3746f5}.front-room-left-wall{fill:#082c3b}.front-room-right-wall{fill:#051c29}.front-room-back-wall{fill:url(#front-room-back)}.front-room-floor{fill:url(#front-room-floor)}.front-equipment-zone-tint{fill:#02111b7a}.front-conditioned-zone-tint{fill:#1d7b8b21}.front-equipment-wall-texture,.front-equipment-floor-texture{pointer-events:none;opacity:.62}.front-equipment-light-pool{fill:url(#front-equipment-light-pool);pointer-events:none}.front-conditioned-light-pool{fill:url(#front-room-light-pool);pointer-events:none}.front-zone-label rect{fill:#041925f0;stroke-width:1.5px}.front-zone-label text{letter-spacing:.5px;font-size:11px;font-weight:800}.front-zone-label-equipment rect{stroke:#ffae4abf}.front-zone-label-equipment text{fill:#f0c890}.front-zone-label-room rect{stroke:#3bd3e4bf}.front-zone-label-room text{fill:#a9e8ef}.front-room-outline rect,.front-room-outline line{fill:none;stroke:#46c9e28a;stroke-width:1.8px;vector-effect:non-scaling-stroke}.front-room-floor-grid line{stroke:#4ab1ca29;stroke-width:1px;vector-effect:non-scaling-stroke}.front-room-wall-base-shadow{fill:none;stroke:#00080e5c;stroke-width:10px;vector-effect:non-scaling-stroke}.front-room-partition-base-shadow{fill:none;stroke:#00080d6b;stroke-width:7px;vector-effect:non-scaling-stroke}.front-room-lights polygon{fill:#65e1eb80;stroke:#7feef49e;stroke-width:1px;filter:drop-shadow(0 0 7px #4cdce857)}.front-room-door polygon{fill:#082534;stroke:#246b7e;stroke-width:2px}.front-room-door line{stroke:#479ab061}.front-room-door circle{fill:var(--sim-orange)}.front-room-door text{fill:#6ea0b2;font-size:10px}.front-room-back-fixtures text,.front-room-ducts text,.front-room-ddc text,.front-room-ahu text,.front-room-sensor text,.front-room-people text{dominant-baseline:alphabetic}.front-room-window rect{fill:url(#front-window-glass);stroke:#26768e;stroke-width:3px;filter:drop-shadow(0 5px 8px #00080f4d)}.front-room-window line{stroke:#246b82;stroke-width:2px}.front-room-window text{fill:#83bfd1;font-size:10px}.front-room-window .front-room-window-reflection{fill:#a4e9f11f;stroke:none;pointer-events:none}.front-room-intake rect{fill:#082b39;stroke:#2d8398;stroke-width:2px}.front-room-intake line{stroke:#56c5d4b8;stroke-width:2px}.front-room-intake text{fill:#8bc2ce;font-size:10px}.front-room-comfort rect{fill:#031620f5;stroke:var(--comfort-color,#2cd6e3b8);stroke-width:2px;transition:stroke .3s}.front-room-comfort text{fill:#6594a6;font-size:10px}.front-room-comfort .front-room-comfort-value{fill:var(--comfort-color,var(--sim-green));font-size:31px;font-weight:800;transition:fill .3s}.front-room-comfort-bar,.front-room-comfort-progress{fill:none;stroke-linecap:round;stroke-width:3px;vector-effect:non-scaling-stroke}.front-room-comfort-bar{stroke:#688f9c3d}.front-room-comfort-progress{stroke:var(--comfort-color,var(--sim-green));transition:stroke .3s}.front-room-air-zone{fill:#41c7e233;filter:blur(12px);transition:opacity .35s}.front-ahu-contact-shadow{fill:#00070c7a;pointer-events:none}.mode-heating .front-room-air-zone{fill:#ff9a483d}.mode-idle .front-room-air-zone{fill:#4bcedb1f}.front-room-supply-shadow,.front-room-return-shadow{fill:none;stroke:#00080d9e;stroke-width:23px;stroke-linejoin:round;opacity:.62;transform:translate(4px,5px)}.front-room-supply-path,.front-room-return-path{fill:none;stroke-width:14px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.front-room-supply-path{stroke:url(#front-supply-metal)}.front-room-return-path{stroke:url(#front-return-metal);stroke-width:11px}.front-room-supply-branch{stroke:#278ba0;stroke-width:7px;filter:drop-shadow(2px 3px 2px #00070c6b)}.front-room-supply-highlight,.front-room-return-highlight,.front-room-supply-direction,.front-room-return-direction{fill:none;stroke-linecap:round;pointer-events:none}.front-room-supply-highlight{stroke:#cbf9fb75;stroke-width:2px}.front-room-return-highlight{stroke:#ffdcac61;stroke-width:1.6px}.front-room-supply-direction{stroke:#8af2f4c7;stroke-width:1.5px}.front-room-return-direction{stroke:#f1bd78c2;stroke-width:1.4px}.front-room-duct-hangers path,.front-room-duct-hangers rect{fill:#0d323ff0;stroke:#89bec97a;stroke-width:1.3px;vector-effect:non-scaling-stroke}.front-room-diffuser{fill:#0b4152;stroke:#56c2cf;stroke-width:2px}.front-room-return-grille{fill:#3b3026;stroke:#b1854f;stroke-width:2px}.front-room-return-slat{stroke:#c49a61;stroke-width:1.4px}.front-room-duct-label{paint-order:stroke;stroke:#03131dd1;stroke-width:3px;stroke-linejoin:round;font-size:11px;font-weight:700}.front-room-duct-label.supply{fill:#ddfbfd;font-size:14px;font-weight:800}.front-room-duct-label.return{fill:#ebcda7}.front-room-partition polygon{fill:url(#front-partition-face);stroke:#5dc5d785;stroke-width:1.8px;vector-effect:non-scaling-stroke;filter:drop-shadow(5px 2px 4px #00080d6b)}.front-room-partition-light-edge,.front-room-partition-dark-edge{fill:none;vector-effect:non-scaling-stroke;pointer-events:none}.front-room-partition-light-edge{stroke:#73e0e885;stroke-width:1.5px}.front-room-partition-dark-edge{stroke:#00090fad;stroke-width:3px}.front-room-sleeve{fill:#03131d1a;stroke-width:2px;vector-effect:non-scaling-stroke}.front-room-sleeve.supply{stroke:#4ed9e5}.front-room-sleeve.return{stroke:#d39a55}.front-room-sleeve-fasteners circle{stroke:#020c12b8;stroke-width:.7px}.front-room-sleeve-fasteners.supply circle{fill:#79e3e8}.front-room-sleeve-fasteners.return circle{fill:#e0aa68}.front-room-supply-dot,.front-room-return-dot{opacity:0;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;animation-delay:calc(var(--dot-index) * -.18s)}.front-room-supply-dot{fill:#5de5ef;animation-name:front-supply-travel;animation-duration:var(--airflow-duration)}.front-room-return-dot{fill:#ffb45b;animation-name:front-return-travel;animation-duration:calc(var(--airflow-duration) * 1.15)}.is-running .front-room-supply-dot,.is-running .front-room-return-dot{opacity:.9;filter:drop-shadow(0 0 4px);animation-play-state:running}@keyframes front-supply-travel{0%{transform:translate(0)}to{transform:translate(200px)}}@keyframes front-return-travel{0%{transform:translate(0)}to{transform:translate(-150px)}}.is-running .front-room-supply-highlight,.is-running .front-room-return-highlight{stroke-dasharray:24 30;animation:.72s linear infinite front-room-airline-flow}.is-running .front-room-return-highlight{animation-duration:.92s;animation-direction:reverse}.is-running .front-room-supply-direction,.is-running .front-room-return-direction{animation:.9s ease-in-out infinite alternate front-room-arrow-pulse}.is-running .front-room-diffuser{animation:1.15s ease-in-out infinite alternate front-room-diffuser-pulse}.is-running .front-room-air-zone{animation:1.6s ease-in-out infinite front-room-air-zone-pulse}.is-running .front-room-ddc-link,.is-running .front-room-ddc path{animation:.72s linear infinite front-room-control-flow}@keyframes front-room-airline-flow{to{stroke-dashoffset:-54px}}@keyframes front-room-arrow-pulse{0%{opacity:.42}to{opacity:1}}@keyframes front-room-diffuser-pulse{0%{filter:drop-shadow(0 0 1px #56c2cf33)}to{filter:drop-shadow(0 0 7px #56e2e8e0)}}@keyframes front-room-air-zone-pulse{0%,to{opacity:.2;transform:scale(.98)}50%{opacity:.58;transform:scale(1.04)}}@keyframes front-room-control-flow{to{stroke-dashoffset:-18px}}.front-room-ddc rect{fill:#061c28;stroke:#ffae4ac7;stroke-width:1.5px}.front-room-ddc text{fill:#e4c293;font-size:10px}.front-room-ddc .front-room-ddc-model{fill:#f3e5d1;font-size:12px;font-weight:800}.front-room-ddc circle{fill:#546b74}.front-room-ddc circle.active{fill:var(--sim-green);filter:drop-shadow(0 0 5px var(--sim-green))}.front-room-ddc path{fill:none;stroke:var(--sim-green);stroke-width:2px;stroke-dasharray:4 3}.front-room-ddc-link{fill:none;stroke:var(--sim-green);stroke-width:2px;stroke-dasharray:5 4}.front-room-ahu-top{fill:url(#front-ahu-top);stroke:#7ad5dd;stroke-width:1.5px}.front-room-ahu-side{fill:url(#front-ahu-side);stroke:#3f92a5;stroke-width:1.5px}.front-room-ahu-face{fill:url(#front-ahu-face);stroke:#58c6d2;stroke-width:2px}.front-room-ahu>line{stroke:#69d3dc61;stroke-width:1.5px}.front-room-ahu .front-room-ahu-highlight{stroke:#d3fafb8f;stroke-width:1.5px}.front-room-ahu .front-room-ahu-base{stroke:#010e15b8;stroke-width:6px}.front-room-ahu-tag{fill:var(--sim-cyan)}.front-room-ahu-tag-text{fill:#032632;font-size:10px;font-weight:800}.front-room-ahu-name{fill:#d8f5fa;font-size:12px;font-weight:700}.front-room-filter rect,.front-room-coil rect{fill:#072e3b9e;stroke:#5db8c4;stroke-width:2px}.front-room-filter path{fill:none;stroke:#74d5dc;stroke-width:2px}.front-room-coil line{stroke:#65dce6;stroke-width:2px}.mode-heating .front-room-coil line{stroke:#ffac4b}.front-room-filter text,.front-room-coil text,.front-room-fan text{fill:#c5e7ec;font-size:11px}.front-room-fan>circle{fill:#0a3b4c;stroke:#6ccbd5;stroke-width:2.5px}.front-room-fan-rotor{transform-box:view-box;transform-origin:472px 294px;animation:.8s linear infinite paused front-room-fan-spin}.is-running .front-room-fan-rotor{animation-play-state:running}.front-room-fan-rotor path{fill:#72dbe1}@keyframes front-room-fan-spin{to{transform:rotate(360deg)}}.front-room-ahu-foot{fill:#061b27;stroke:#398b9b;stroke-width:1px}.front-room-ahu-hardware circle{fill:#b5e1e5;stroke:#02141cb8;stroke-width:.8px}.front-room-ahu-hardware rect{fill:#092c39;stroke:#a8dee4b3;stroke-width:1px}.front-room-ahu-flanges rect{fill:#082631b8;stroke-width:2px;filter:drop-shadow(2px 2px 2px #00080d80)}.front-room-ahu-flanges .supply{stroke:#6adce4}.front-room-ahu-flanges .return{stroke:#d5a060}.front-room-sensor rect{fill:#031722f5;stroke:#48cadaad;stroke-width:1.5px}.front-room-sensor text{fill:#65bad0;font-size:11px}.front-room-sensor .front-room-sensor-id{letter-spacing:.4px;font-size:9px;font-weight:800}.front-room-sensor .front-room-sensor-label{fill:#789eaa;font-size:8px}.front-room-sensor .front-room-sensor-value{fill:#e0f8fb;font-size:13px;font-weight:800}.front-room-person ellipse{fill:#000c1261}.front-room-person circle{fill:#7cd0d9}.front-room-person path{fill:#367f91;stroke:#6cc5cf;stroke-width:1px}.simulation-room-stage:after{background:linear-gradient(90deg,#04172552,#0000 10% 90%,#04172552)}.simulation-room{width:720px;height:390px;transform-style:preserve-3d;z-index:1;position:absolute;top:52%;left:50%;transform:translate(-50%,-45%)rotateX(58deg)rotate(-32deg)}.scene-room-shell{pointer-events:none;filter:drop-shadow(0 18px 24px #00080f52);position:absolute;inset:7% 8% 10%}.scene-shell-back{clip-path:polygon(0 0,100% 24%,100% 100%,0 76%);background-color:#0000;background-image:linear-gradient(#48a8c614 1px,#0000 1px),linear-gradient(90deg,#48a8c614 1px,#0000 1px),linear-gradient(150deg,#0b3a4deb,#051e2de0);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #48b6d642;height:48%;position:absolute;top:0;left:23%;right:1%;overflow:hidden}.scene-shell-back i{background:linear-gradient(145deg,#185f83a6,#051d2ee6);border:4px solid #2a6883cc;width:22%;height:42%;position:absolute;top:25%;box-shadow:inset 0 0 18px #42bcde1f}.scene-shell-back i:first-child{left:16%}.scene-shell-back i:nth-child(2){left:46%}.scene-shell-back i:after{content:"";background:#2a6883cc;height:3px;position:absolute;inset:47% 0 auto}.scene-shell-back b{color:#4b9cb794;letter-spacing:.1em;font:.5rem Cascadia Code,monospace;position:absolute;top:44%;right:7%}.scene-shell-left{clip-path:polygon(0 24%,100% 0,100% 76%,0 100%);background:linear-gradient(145deg,#093042f5,#051c2ae6);border:1px solid #48b6d638;place-items:end center;width:25%;height:76%;padding-bottom:18%;display:grid;position:absolute;top:0;left:0}.scene-shell-left span{color:#458ea680;font:.45rem Cascadia Code,monospace;transform:rotate(-12deg)}.scene-shell-beam{transform-origin:0;background:linear-gradient(90deg,#3abad373,#3abad314);height:5px;position:absolute;top:0;left:22%;right:0;transform:rotate(4.7deg);box-shadow:0 0 12px #2bd8e829}.room-floor{background-color:#0000;background-image:linear-gradient(#3798b71f 1px,#0000 1px),linear-gradient(90deg,#3798b71f 1px,#0000 1px),linear-gradient(135deg,#092c3c,#061f2e);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:2px solid #4ebedc5c;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 45px #188eb226}.room-floor>span{background:#2bd8e83d;border-radius:50%;width:7px;height:7px;position:absolute}.room-floor>span:first-child{top:12%;left:8%}.room-floor>span:nth-child(2){top:22%;left:28%}.room-floor>span:nth-child(3){top:13%;left:50%}.room-floor>span:nth-child(4){top:25%;left:75%}.room-floor>span:nth-child(5){top:72%;left:15%}.room-floor>span:nth-child(6){top:80%;left:42%}.room-floor>span:nth-child(7){top:66%;left:68%}.room-floor>span:nth-child(8){top:84%;left:88%}.room-wall{transform-style:preserve-3d;background:linear-gradient(145deg,#0a3346f5,#061f2ef5);border:1px solid #48b5d747;position:absolute}.room-wall-back{transform-origin:top;width:720px;height:230px;top:0;left:0;transform:rotateX(-90deg)translateY(-230px)}.room-wall-left{transform-origin:0 0;width:390px;height:230px;top:0;left:0;transform:rotateY(90deg)rotate(90deg)translate(-230px)}.room-window{background:linear-gradient(160deg,#113f5a,#071e32 54%,#0d3349);border:5px solid #153f55;place-items:end center;width:180px;height:104px;padding-bottom:9px;display:grid;position:absolute;top:42px;left:68px;box-shadow:inset 0 0 35px #3dbee61f}.room-window:before,.room-window:after{content:"";background:#153f55;position:absolute}.room-window:before{width:4px;inset:0 auto 0 50%}.room-window:after{height:4px;inset:50% 0 auto}.room-window span{z-index:1;color:#56bad5;font:.55rem Cascadia Code,monospace}.room-screen{background:#02131fdb;border:2px solid #2dd5e773;place-content:center;justify-items:center;width:135px;height:96px;display:grid;position:absolute;top:42px;right:70px;box-shadow:0 0 25px #23d5e81f}.room-screen small{color:#56849a;font-size:.42rem}.room-screen strong{color:var(--sim-green);font:700 2rem Cascadia Code,monospace}.room-screen span{color:#4a7689;font-size:.5rem}.room-sign{color:#74b5ca80;letter-spacing:.12em;font:.58rem Cascadia Code,monospace;position:absolute;top:24px;left:288px}.room-door{color:#568095;background:#092d3e;border:4px solid #164458;place-items:center;width:110px;height:170px;font-size:.55rem;display:grid;position:absolute;bottom:0;right:42px}.ahu-unit{width:270px;height:96px;transform-style:preserve-3d;filter:drop-shadow(0 22px 18px #00080f6b);display:flex;position:absolute;top:94px;left:52px;transform:translateZ(49px)}.ahu-unit:before{content:"";background:linear-gradient(#1b6478,#0b3e53);border:1px solid #63d8e661;position:absolute;inset:-5px;transform:translateZ(-8px)}.ahu-label{color:#d9f6ff;align-items:center;gap:8px;font-size:.52rem;display:flex;position:absolute;top:-28px;left:0}.ahu-label span{color:#042532;background:var(--sim-cyan);padding:3px 6px}.ahu-section{background:linear-gradient(160deg,#1a5a6e,#0c4054);border-right:1px solid #5ecbdb47;flex:1;place-content:center;justify-items:center;gap:5px;display:grid;position:relative}.ahu-section small{color:#9bc7d4;font-size:.43rem}.ahu-filter i{border:3px repeating-linear-gradient(45deg, #65d4dd 0 2px, transparent 2px 5px);background:repeating-linear-gradient(45deg,#62d3dd80 0 2px,#0000 2px 6px);border:3px solid #52aebb;width:33px;height:28px}.ahu-coil i{background:repeating-linear-gradient(90deg,#41c8db 0 3px,#0000 3px 7px);width:38px;height:30px;box-shadow:inset 0 0 0 2px #2f879b}.mode-heating .ahu-coil i{background:repeating-linear-gradient(90deg,#ffae4a 0 3px,#0000 3px 7px)}.ahu-fan i{background:conic-gradient(from 25deg, transparent 0 12%, #72dce3 13% 25%, transparent 26% 38%, #72dce3 39% 51%, transparent 52% 64%, #72dce3 65% 77%, transparent 78% 90%, #72dce3 91%);border:3px solid #49b7c9;border-radius:50%;width:38px;height:38px}.is-running .ahu-fan i{animation:.8s linear infinite sim-fan-spin}.ahu-base{transform-origin:top;background:#062a39;height:10px;position:absolute;bottom:-10px;left:9px;right:9px;transform:rotateX(-90deg)}@keyframes sim-fan-spin{to{transform:rotate(360deg)}}.supply-duct,.return-duct{background:#12556994;border:2px solid #4ac7da8a;height:18px;position:absolute;transform:translateZ(62px);box-shadow:0 0 14px #2acfe121}.supply-duct{width:315px;top:122px;left:300px}.return-duct{border-color:#ffae4a7a;width:225px;top:175px;left:300px}.supply-duct b,.return-duct b{white-space:nowrap;color:#5bd5df;font-size:.43rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.return-duct b{color:#d09a58}.supply-duct span,.return-duct span{--dot-index:1;background:var(--sim-cyan);opacity:0;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:2%}.return-duct span{background:var(--sim-orange)}.is-running .supply-duct span{animation:supply-air var(--airflow-duration) linear infinite;animation-delay:calc(var(--dot-index) * -.18s)}.is-running .return-duct span{animation:return-air calc(var(--airflow-duration) * 1.2) linear infinite;animation-delay:calc(var(--dot-index) * -.22s)}@keyframes supply-air{0%{opacity:0;left:2%}12%,82%{opacity:1}to{opacity:0;left:95%}}@keyframes return-air{0%{opacity:0;left:95%}12%,82%{opacity:1}to{opacity:0;left:2%}}.supply-vent{background:repeating-linear-gradient(0deg,#3fa8b8 0 2px,#0b4052 2px 6px);border:2px solid #27778a;width:70px;height:38px;position:absolute;transform:translateZ(8px)}.supply-vent i{clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);opacity:0;background:linear-gradient(#2bdae847,#0000);height:45px;position:absolute;inset:100% 12px auto}.is-running .supply-vent i{animation:1.8s ease-in-out infinite vent-pulse}.vent-a{top:82px;left:410px}.vent-b{top:190px;left:565px}@keyframes vent-pulse{0%,to{opacity:.18}50%{opacity:.7}}.sensor-node,.ddc-cabinet{background:#031a27f0;border:1px solid #3fd3e273;display:grid;position:absolute;transform:translateZ(48px)rotate(32deg)rotateX(-58deg);box-shadow:0 0 18px #23c9dd1f}.sensor-node{gap:1px;min-width:90px;padding:7px 9px}.sensor-node i{color:var(--sim-cyan);font:700 .5rem Cascadia Code,monospace}.sensor-node span{color:#648da1;font-size:.42rem}.sensor-node strong{color:#d9f8ff;font:700 .75rem Cascadia Code,monospace}.sensor-temp{top:255px;left:390px}.sensor-co2{top:302px;left:545px}.ddc-cabinet{border-color:#ffae4a73;place-content:center;justify-items:center;width:76px;height:105px;top:248px;left:92px}.ddc-cabinet span{color:var(--sim-orange);font:.48rem Cascadia Code,monospace}.ddc-cabinet strong{color:#f3e2ca;font-size:.66rem}.ddc-cabinet i{background:#5b6d76;border-radius:50%;width:6px;height:6px;margin:8px 0 3px}.ddc-cabinet i.active{background:var(--sim-green);box-shadow:0 0 9px var(--sim-green)}.ddc-cabinet small{color:#6c8490;font-size:.42rem}.room-person{justify-items:center;width:20px;height:34px;display:grid;position:absolute;transform:translateZ(20px)}.room-person i{background:#50aabe;border-radius:50%;width:10px;height:10px}.room-person span{background:linear-gradient(#36879d,#1b566e);border-radius:8px 8px 3px 3px;width:15px;height:22px;display:block}.person-1{top:215px;left:330px}.person-2{top:190px;left:372px}.person-3{top:175px;left:455px}.person-4{top:245px;left:500px}.person-5{top:260px;left:595px}.person-6{top:288px;left:285px}.person-7{top:328px;left:445px}.person-8{top:155px;left:625px}.is-running .room-person{animation:2.4s ease-in-out infinite alternate person-breathe}@keyframes person-breathe{to{transform:translateZ(23px)}}.room-air-overlay{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 65% 45%,#ff844257,#0000 46%);transition:opacity .5s;position:absolute;inset:0}.mode-cooling .room-air-overlay{background:radial-gradient(circle at 65% 45%,#25b2e954,#0000 48%)}.mode-heating .room-air-overlay{background:radial-gradient(circle at 65% 45%,#ff994661,#0000 48%)}.scene-axis{z-index:3;gap:6px;display:flex;position:absolute;bottom:22px;left:20px}.scene-axis span{color:#4e7b91;border:1px solid #46b3d247;border-radius:50%;place-items:center;width:22px;height:22px;font:.5rem Cascadia Code,monospace;display:grid}.scene-legend{z-index:3;color:#567d91;gap:12px;font-size:.5rem;display:flex;position:absolute;bottom:20px;right:18px}.scene-legend span{align-items:center;gap:4px;display:flex}.scene-legend i{background:var(--sim-cyan);width:13px;height:2px}.scene-legend i.return{background:var(--sim-orange)}.scene-legend i.control{background:var(--sim-green)}.simulation-trend-card>header{min-height:48px}.simulation-trend-card>header small{color:#50778b;font-size:.55rem}.simulation-trend-grid{grid-template-columns:1.5fr 1fr;height:calc(100% - 48px);display:grid}.trend-chart{border-right:1px solid #349dc62b;min-width:0;padding:12px 16px 22px 28px;position:relative}.trend-chart svg{width:100%;height:90px;overflow:visible}.trend-chart line{stroke:#4e8ba424;stroke-width:.4px}.trend-chart line.trend-reference{stroke:#ff6678b3;stroke-width:.65px;stroke-dasharray:3 2}.trend-chart polyline{fill:none;vector-effect:non-scaling-stroke;stroke-width:1.7px}.trend-temp{stroke:var(--sim-cyan)}.trend-co2{stroke:var(--sim-orange)}.trend-axis{color:#3e667a;flex-direction:column;justify-content:space-between;font-size:.45rem;display:flex;position:absolute;top:15px;bottom:27px;left:9px}.trend-axis-right{color:#8d714c;align-items:end;left:auto;right:7px}.trend-key{color:#547b8e;gap:13px;font-size:.47rem;display:flex;position:absolute;bottom:7px;left:36px}.trend-time-axis{color:#466e82;pointer-events:none;justify-content:space-between;font:.43rem Cascadia Code,monospace;display:flex;position:absolute;bottom:7px;left:36px;right:16px}.trend-key{bottom:19px}.trend-key span{align-items:center;gap:4px;display:flex}.trend-key i{width:12px;height:2px}.trend-key i.setpoint{border-top:1px dashed #ff6678;height:0}.trend-key i.temp{background:var(--sim-cyan)}.trend-key i.co2{background:var(--sim-orange)}.stability-grid{grid-template-columns:1fr 1fr;gap:8px;padding:11px;display:grid}.stability-grid article{background:#0416228c;border:1px solid #3e92b22e;border-radius:8px;align-content:center;gap:3px;padding:10px;display:grid}.stability-grid article>span{color:#63879a;font-size:.52rem}.stability-grid article strong{color:#d7edf5;font:.58rem Cascadia Code,monospace}.stability-grid article small{color:#4b6e80;font-size:.46rem;line-height:1.4}.stability-grid article.stable{border-color:#43e2a859}.stability-grid article.stable strong{color:var(--sim-green)}.stability-grid article.warning{border-color:#ffae4a57}.stability-grid article.warning strong{color:var(--sim-orange)}.simulation-kpis{gap:8px;display:grid}.simulation-kpis article{background:#041724bd;border:1px solid #3898ba33;border-radius:9px;gap:4px;padding:12px;display:grid;position:relative;overflow:hidden}.simulation-kpis article span{color:#7698aa;font-size:.64rem}.simulation-kpis article strong{color:#e6faff;font-variant-numeric:tabular-nums;font:700 1.5rem Cascadia Code,monospace}.simulation-kpis article strong small{color:#6f91a1;margin-left:3px;font-size:.52rem}.simulation-kpis .simulation-kpi-note{color:#5d8396;font:.5rem Cascadia Code,monospace}.simulation-kpis article>i{background:var(--sim-cyan);height:3px;transition:width .25s;position:absolute;bottom:0;left:0}.simulation-kpis article:nth-child(2)>i{background:var(--sim-orange)}.simulation-kpis article:nth-child(3)>i{background:#5ca8ed}.simulation-kpis .comfort-score{border-color:var(--comfort-color,#3898ba33);transition:border-color .3s}.simulation-kpis .comfort-score>span{justify-content:space-between;align-items:center;gap:6px;display:flex}.simulation-kpis .comfort-score>i{background:var(--comfort-color,var(--sim-green))}.simulation-kpis .comfort-grade{color:var(--comfort-color,var(--sim-green));margin-left:auto;font-size:.52rem;font-weight:700}.comfort-factor-strip{background:#03141f94;border:1px solid #3e97b72b;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px;display:grid}.comfort-factor-strip>div{background:#143c4b3d;border:1px solid #0000;border-radius:6px;justify-items:center;gap:2px;min-width:0;padding:5px 3px;display:grid}.comfort-factor-strip>div.weakest{border-color:var(--comfort-color,var(--sim-orange));background:#ffae4a12}.comfort-factor-strip span{color:#6e92a3;font-size:.53rem}.comfort-factor-strip strong{color:#d9f5fa;font-variant-numeric:tabular-nums;font:700 .78rem Cascadia Code,Consolas,monospace}.ahu-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.ahu-points>div{background:#03141fad;border:1px solid #3e97b72e;border-radius:9px;min-width:0}.ahu-points strong{font-variant-numeric:tabular-nums;font-family:Cascadia Code,Consolas,monospace}.ahu-point-primary{box-shadow:inset 3px 0 var(--sim-cyan), 0 8px 18px #00090f2e;grid-column:1/-1;gap:7px;padding:12px;display:grid;background:radial-gradient(circle at 85% 10%,#36e1e721,#0000 42%),linear-gradient(135deg,#0a3948f5,#041926eb)!important;border-color:#2bd8e86b!important}.ahu-point-primary-heading,.ahu-point-primary-meta,.ahu-point-secondary{justify-content:space-between;align-items:center;gap:8px;display:flex}.ahu-point-primary-heading>span{color:#a8d5df;font-size:.72rem;font-weight:700}.ahu-point-primary-heading>small{color:#4d8999;letter-spacing:.08em;font:.48rem Cascadia Code,Consolas,monospace}.ahu-point-primary>strong{color:#f1feff;text-align:left;text-shadow:0 0 16px #36e1e738;min-width:0;font-size:clamp(1.65rem,2vw,2rem);line-height:1}.ahu-point-primary>strong small{color:#82aeba;margin-left:6px;font-size:.68rem}.ahu-point-primary-meta span{color:#6d94a4;white-space:nowrap;font:.62rem Cascadia Code,Consolas,monospace}.ahu-point-progress{background:#618c9933;border-radius:999px;height:6px;overflow:hidden}.ahu-point-progress i{border-radius:inherit;background:linear-gradient(90deg,#27c7dc,#55eee5);height:100%;transition:width .25s;display:block;box-shadow:0 0 10px #36e1e773}.ahu-point-mini{text-align:center;align-content:center;gap:5px;min-height:68px;padding:9px 7px;display:grid}.ahu-point-mini>span{color:#6f94a5;white-space:nowrap;font-size:.62rem}.ahu-point-mini>strong{color:#dff9fd;text-align:center;white-space:nowrap;min-width:0;font-size:.93rem}.ahu-point-mini>strong small{color:#638a9a;margin-left:2px;font-size:.55rem}.ahu-point-secondary{grid-column:1/-1;min-height:38px;padding:0 10px}.ahu-point-secondary>span{color:#689;white-space:nowrap;align-items:center;gap:5px;font-size:.52rem;display:flex}.ahu-point-secondary strong{color:#c9e7ef;font-size:.58rem}.simulation-strategy{background:linear-gradient(140deg,#15738c24,#04192773);border:1px solid #2bd8e83d;border-radius:9px;gap:7px;margin-top:18px;padding:13px;display:grid}.simulation-strategy span{color:var(--sim-cyan);letter-spacing:.08em;font:.52rem Cascadia Code,monospace}.simulation-strategy strong{color:#b8d9e5;font-size:.61rem;line-height:1.6}.simulation-strategy small{color:#52768a;font-size:.49rem;line-height:1.5}.simulation-strategy .comfort-method-note{color:#63889a;border-top:1px solid #4097b51f;padding-top:6px}@media (prefers-reduced-motion:reduce){.front-room-supply-dot,.front-room-return-dot,.front-room-fan-rotor{animation:none!important}}@media (max-width:1500px){.simulation-layout{grid-template-columns:225px minmax(540px,1fr) 225px}.simulation-room{transform:translate(-50%,-45%)scale(.9)rotateX(58deg)rotate(-32deg)}}@media (max-width:1280px){.simulation-heading{flex-direction:column;align-items:start}.simulation-layout{grid-template-columns:205px minmax(480px,1fr) 205px}.simulation-stage-column{grid-template-rows:500px auto;align-self:start}.simulation-analysis-row{grid-template-columns:minmax(250px,.44fr) minmax(0,1fr)}.simulation-room{transform:translate(-50%,-45%)scale(.78)rotateX(58deg)rotate(-32deg)}}@media (max-width:1080px){.simulation-layout{grid-template-columns:1fr}.simulation-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:12px;display:grid}.simulation-controls .simulation-panel-title,.simulation-controls .simulation-control-divider,.simulation-controls .room-specs,.simulation-controls .simulation-disclaimer,.simulation-controls .pid-tuning-panel{grid-column:1/-1}.simulation-stage-column{grid-template-rows:540px auto}.simulation-analysis-row{grid-template-columns:1fr}.front-perspective-room{inset:10px 8px 22px}.simulation-live-panel{grid-column:auto;display:block}.simulation-live-panel .simulation-panel-title{margin-bottom:18px}.simulation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ahu-points{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.simulation-strategy{margin-top:18px}}@media (max-width:920px){.simulation-layout{grid-template-columns:1fr}.simulation-stage-column{grid-template-rows:520px auto}.front-perspective-room{inset:10px 8px 22px}.front-room-door text,.front-room-window text,.front-room-intake text,.front-room-duct-label{display:none}.simulation-live-panel{grid-column:auto;display:block}.simulation-live-panel .simulation-panel-title{margin-bottom:18px}.simulation-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ahu-points{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.simulation-strategy{margin-top:18px}.simulation-room{transform:translate(-50%,-45%)scale(.72)rotateX(58deg)rotate(-32deg)}.reference-bottom-nav{grid-template-columns:repeat(6,1fr)}}@media (max-width:640px){.simulation-runtime{justify-content:start}.simulation-runtime>span{display:none}.simulation-controls{display:block}.simulation-stage-column{grid-template-rows:470px auto}.simulation-room-stage{min-height:410px}.simulation-room{transform:translate(-50%,-43%)scale(.53)rotateX(58deg)rotate(-32deg)}.simulation-trend-grid{grid-template-columns:1fr}.trend-chart{border-bottom:1px solid #349dc62b;border-right:0}.stability-grid{grid-template-columns:1fr}.simulation-kpis{grid-template-columns:1fr 1fr}.front-room-ahu-name,.front-room-filter text,.front-room-coil text,.front-room-fan text,.front-room-sensor text,.front-zone-label text{display:none}}@media (max-width:1600px){.reference-header{grid-template-columns:minmax(285px,1fr) auto minmax(260px,1fr);padding:0 24px}.reference-top-nav{gap:22px}.reference-brand strong{max-width:220px;font-size:1.02rem}.terminal-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1260px){.reference-top-nav a:nth-child(2),.offline-pill{display:none}.controller-workbench,.terminal-showcase-layout{grid-template-columns:minmax(0,1fr) 330px}.detail-layout.case-detail-layout{grid-template-columns:1fr}.case-detail-layout .media-gallery{position:relative;top:auto}.showcase-fact-grid,.terminal-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.reference-header{grid-template-columns:1fr auto;height:72px;padding:0 16px}.reference-brand-mark{width:40px;height:44px}.reference-brand strong{max-width:210px;font-size:.9rem}.reference-brand small,.reference-top-nav,.reference-rail{display:none}.solution-cta{min-width:auto;min-height:40px;padding:0 15px;font-size:.7rem}.reference-main{margin-left:0;padding:96px 18px 92px}.reference-bottom-nav{z-index:95;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#041421f7;border-top:1px solid #43b1d840;grid-template-columns:repeat(6,1fr);min-height:68px;display:grid;position:fixed;inset:auto 0 0}.reference-bottom-nav a{color:#68899e;place-content:center;justify-items:center;gap:4px;display:grid}.reference-bottom-nav a.router-link-active{color:var(--primary)}.reference-bottom-nav span{font-size:1rem}.reference-bottom-nav small{font-size:.6rem}.controller-workbench,.terminal-showcase-layout{grid-template-columns:1fr}.terminal-side-panel{position:relative;top:auto}.terminal-detail-dialog{grid-template-columns:1fr}.terminal-dialog-visual{border-bottom:1px solid #62bfd029;border-right:0;min-height:0}.terminal-dialog-image{height:280px}.reference-main .generator-layout{grid-template-columns:1fr}.reference-main .generator-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.reference-brand strong{max-width:150px}.solution-cta{font-size:0}.solution-cta:after{content:"项目方案";font-size:.68rem}.reference-page-heading>p:not(.eyebrow){font-size:.82rem;line-height:1.65}.series-tabs button,.terminal-filter-bar button{min-width:max-content}.controller-main-image{min-height:290px;padding:14px}.controller-main-image img{height:270px}.panel-actions,.showcase-fact-grid,.terminal-device-grid,.case-project-facts{grid-template-columns:1fr}.terminal-device-card{min-height:300px}.terminal-detail-backdrop{align-items:start;padding:12px}.terminal-detail-dialog{border-radius:16px;max-height:calc(100vh - 24px)}.terminal-dialog-visual{padding:24px 18px 20px}.terminal-dialog-image{height:230px;margin-top:10px;padding:16px}.terminal-dialog-content{padding:28px 18px 24px}.terminal-dialog-content>h2{font-size:1.45rem}.terminal-parameter-grid{grid-template-columns:1fr}.terminal-dialog-actions{flex-direction:column}.terminal-dialog-actions .button{width:100%}.reference-main .generator-controls,.reference-main .cabinet-stage{grid-template-columns:1fr}}@media (min-width:1501px) and (min-height:900px){.reference-main:has(.simulation-page){box-sizing:border-box;height:auto;min-height:100vh;padding:108px 42px 48px;overflow:visible}.reference-main:has(.simulation-page) .simulation-page{grid-template-rows:auto minmax(0,1fr);gap:14px;height:calc(100vh - 190px);min-height:0}.reference-main:has(.simulation-page) .simulation-heading{min-height:72px}.reference-main:has(.simulation-page) .simulation-heading h2{margin-top:4px;margin-bottom:5px;font-size:clamp(2rem,2.8vw,2.8rem)}.reference-main:has(.simulation-page) .simulation-heading>div:first-child>p:last-child{font-size:.76rem}.reference-main:has(.simulation-page) .simulation-layout{grid-template-rows:minmax(0,1fr) 188px;grid-template-columns:250px minmax(360px,.8fr) minmax(520px,1.2fr) 250px;gap:12px;height:100%;min-height:0}.reference-main:has(.simulation-page) .simulation-controls{grid-area:1/1/3;min-height:0;padding:14px;overflow:hidden}.reference-main:has(.simulation-page) .simulation-controls .simulation-panel-title{margin-bottom:12px}.reference-main:has(.simulation-page) .simulation-slider{gap:5px;margin-bottom:7px;padding:7px 8px 6px}.reference-main:has(.simulation-page) .simulation-slider>span{font-size:.68rem}.reference-main:has(.simulation-page) .simulation-slider b{min-width:68px;padding:2px 5px;font-size:.74rem}.reference-main:has(.simulation-page) .simulation-slider input[type=range]{margin-top:7px}.reference-main:has(.simulation-page) .simulation-control-divider{margin:9px 0 7px;padding-top:8px}.reference-main:has(.simulation-page) .room-specs{gap:6px 10px;margin-top:9px;padding:9px}.reference-main:has(.simulation-page) .simulation-disclaimer{margin-top:8px;line-height:1.45}:is(.reference-main:has(.simulation-page) .simulation-stage-column,.reference-main:has(.simulation-page) .simulation-analysis-row){display:contents}.reference-main:has(.simulation-page) .simulation-room-card{grid-area:1/2/auto/4;min-height:0}.reference-main:has(.simulation-page) .simulation-room-card>header{min-height:48px;padding:0 14px}.reference-main:has(.simulation-page) .simulation-room-stage{min-height:0}.reference-main:has(.simulation-page) .pid-tuning-panel{grid-area:2/2;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;min-height:0;margin-top:0;padding:9px}.reference-main:has(.simulation-page) .pid-tuning-panel>header{grid-column:1/-1}.reference-main:has(.simulation-page) .pid-value-grid{grid-column:1/-1}.reference-main:has(.simulation-page) .pid-tuning-panel>header{padding-bottom:5px}.reference-main:has(.simulation-page) .pid-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.reference-main:has(.simulation-page) .pid-value-grid>div{padding:5px 6px}.reference-main:has(.simulation-page) .pid-value-grid strong{font-size:.62rem}.reference-main:has(.simulation-page) .pid-setting{gap:3px 5px;min-width:0}.reference-main:has(.simulation-page) .pid-setting input[type=number]{width:76px;height:25px;padding:0 5px}.reference-main:has(.simulation-page) .simulation-trend-card{grid-area:2/3;min-height:0}.reference-main:has(.simulation-page) .simulation-trend-card>header{min-height:42px;padding:0 12px}.reference-main:has(.simulation-page) .simulation-trend-grid{grid-template-columns:minmax(0,1fr) 142px;min-height:0}.reference-main:has(.simulation-page) .trend-chart{padding:8px 12px 19px 26px}.reference-main:has(.simulation-page) .trend-chart svg{height:78px}.reference-main:has(.simulation-page) .stability-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr;gap:5px;padding:7px}.reference-main:has(.simulation-page) .stability-grid article{padding:7px}.reference-main:has(.simulation-page) .simulation-live-panel{grid-area:1/4;min-height:0;padding:14px;overflow:hidden}.reference-main:has(.simulation-page) .simulation-live-panel .simulation-panel-title{margin-bottom:9px}.reference-main:has(.simulation-page) .simulation-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.reference-main:has(.simulation-page) .simulation-kpis article{gap:3px;padding:8px}.reference-main:has(.simulation-page) .simulation-kpis article strong{font-size:1.2rem}.reference-main:has(.simulation-page) .ahu-points{gap:6px;margin-top:8px}.reference-main:has(.simulation-page) .ahu-point-primary{gap:4px;padding:8px}.reference-main:has(.simulation-page) .ahu-point-mini{min-height:53px;padding:6px 5px}.reference-main:has(.simulation-page) .ahu-point-secondary{min-height:28px}.reference-main:has(.simulation-page) .simulation-strategy-card{grid-area:2/4;align-content:center;gap:4px;min-height:0;margin-top:0;padding:9px 11px;overflow:hidden}.reference-main:has(.simulation-page) .simulation-strategy-card strong{font-size:.58rem;line-height:1.35}.reference-main:has(.simulation-page) .simulation-strategy-card small{font-size:.47rem;line-height:1.35}.reference-main:has(.simulation-page) .simulation-strategy-card .comfort-method-note{padding-top:4px}}@media (max-width:920px){.mobile-public-shell{overflow-x:hidden}.mobile-public-shell .reference-header{padding:0 12px}.mobile-public-shell .reference-brand{gap:8px;min-width:0}.mobile-public-shell .reference-brand-mark{width:36px;height:40px;font-size:1.1rem}.mobile-public-shell .reference-brand strong{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 150px);font-size:.84rem;overflow:hidden}.mobile-public-shell .reference-header-actions{gap:6px}.mobile-public-shell .reference-header-actions .offline-pill{min-height:32px;padding:0 8px;font-size:.58rem;display:inline-flex}.mobile-public-shell .solution-cta{min-height:34px;padding:0 10px;font-size:.62rem}.mobile-public-shell .reference-main{box-sizing:border-box;width:100%;padding:88px 12px 84px}.mobile-public-shell .home-simulation-demo,.mobile-public-shell .simulation-controls,.mobile-public-shell .simulation-live-panel,.mobile-public-shell .simulation-room-card,.mobile-public-shell .simulation-trend-card,.mobile-public-shell .simulation-strategy-card{border-radius:14px}.mobile-public-shell .home-simulation-demo-bar{min-height:44px;padding:0 13px}.mobile-public-shell .home-simulation-demo-bar>span{display:none}.mobile-public-shell .simulation-heading h2{font-size:1.8rem;line-height:1.15}.mobile-public-shell .simulation-layout{gap:10px}.mobile-public-shell .simulation-room-card>header{min-height:46px;padding:0 12px}.mobile-public-shell .simulation-room-stage{min-height:330px}.mobile-public-shell .simulation-stage-column{grid-template-rows:410px auto}.mobile-public-shell .simulation-room{transform:translate(-50%,-42%)scale(.48)rotateX(58deg)rotate(-32deg)}.mobile-public-shell .simulation-controls,.mobile-public-shell .simulation-live-panel,.mobile-public-shell .simulation-strategy-card{padding:12px}.mobile-public-shell .simulation-slider{margin-bottom:6px;padding:7px}.mobile-public-shell .room-specs{grid-template-columns:1fr 1fr}.mobile-public-shell .simulation-kpis{gap:6px}.mobile-public-shell .ahu-points{grid-template-columns:1fr 1fr}.mobile-public-shell .ahu-point-primary,.mobile-public-shell .ahu-point-secondary{grid-column:1/-1}.mobile-public-shell .simulation-trend-card>header{padding:0 12px}.mobile-public-shell .simulation-trend-grid{grid-template-columns:1fr}.mobile-public-shell .trend-chart{border-bottom:1px solid #349dc62b;border-right:0;min-height:160px;padding:10px 12px 26px 22px}.mobile-public-shell .trend-chart svg{height:120px}.mobile-public-shell .stability-grid{grid-template-columns:1fr 1fr}.mobile-public-shell .pid-tuning-panel{padding:10px}.mobile-public-shell .pid-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-public-shell .pid-setting{grid-template-columns:1fr}.mobile-public-shell .pid-setting input[type=number]{width:100%;min-width:0}.mobile-public-shell .reference-bottom-nav{min-height:64px}}@media (max-width:430px){.mobile-public-shell .reference-brand strong{max-width:125px}.mobile-public-shell .reference-header-actions .offline-pill{display:none}.mobile-public-shell .simulation-heading h2{font-size:1.55rem}.mobile-public-shell .simulation-room-stage{min-height:300px}.mobile-public-shell .simulation-stage-column{grid-template-rows:375px auto}.mobile-public-shell .simulation-room{transform:translate(-50%,-43%)scale(.39)rotateX(58deg)rotate(-32deg)}.mobile-public-shell .pid-value-grid{grid-template-columns:1fr 1fr}.mobile-public-shell .pid-value-grid>div:last-child{grid-column:1/-1}.mobile-public-shell .stability-grid{grid-template-columns:1fr}}