@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0e11;--bg2:#15151a;--bg3:#1c1c23;--bg4:#24242d;--border:#ffffff12;--border2:#ffffff1f;--text:#eeeef2;--text2:#9090a4;--text3:#55556a;--accent:#6c8fff;--accent2:#3d5fd6;--teal:#2dcba4;--teal2:#1a9e7e;--amber:#f5a623;--red:#ff5a5a;--green:#4caf7d;--purple:#a78bfa;--onprem:#f97316;--font:"DM Sans",sans-serif;--mono:"DM Mono",monospace;--chart-grid:#ffffff0d;--chart-tick:#55556a;--shadow:0 12px 28px #00000080}html[data-theme=light]{--bg:#fafafc;--bg2:#fff;--bg3:#f3f3f7;--bg4:#e6e6ee;--border:#00000014;--border2:#00000029;--text:#15151c;--text2:#525266;--text3:#8a8a9a;--accent:#4660d6;--accent2:#3349b5;--teal:#149a78;--teal2:#0d7660;--amber:#b8730d;--red:#d63535;--green:#1f7a4a;--purple:#7a5ce0;--onprem:#d65a14;--chart-grid:#0000000f;--chart-tick:#8a8a9a;--shadow:0 12px 28px #0f0f1e1f}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;font-size:14px;line-height:1.6}#root{height:100vh}.app{grid-template-rows:56px auto 1fr;grid-template-columns:1fr 340px;height:100vh;display:grid;overflow:hidden}.app.mode-wizard{grid-template-areas:"topbar topbar""wizard wizard""main preview"}.app.mode-advanced{grid-template:"topbar topbar topbar"56px"sidebar main preview"1fr/228px 1fr 340px}.app .topbar{grid-area:topbar}.app .sidebar{grid-area:sidebar}.app .wizard{grid-area:wizard}.app .main{grid-area:main}.app .live-preview{grid-area:preview}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:16px;padding:0 24px;display:flex}.topbar-logo{letter-spacing:-.3px;font-size:15px;font-weight:600}.topbar-logo span.brand{color:var(--accent)}.topbar-sub{color:var(--text3);font-size:11px;font-family:var(--mono);margin-left:6px}.topbar-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.badge{font-size:11px;font-family:var(--mono);border:1px solid #0000;border-radius:20px;padding:3px 10px;font-weight:500}.bb{color:var(--accent);background:#6c8fff26;border-color:#6c8fff40}.bt{color:var(--teal);background:#2dcba426;border-color:#2dcba440}.bo{color:var(--onprem);background:#f9731626;border-color:#f9731640}.bg-live{color:var(--green);cursor:pointer;background:#4caf7d26;border-color:#4caf7d4d;align-items:center;gap:6px;display:inline-flex}.bg-live.stale{color:var(--amber);background:#f5a62326;border-color:#f5a6234d}.bg-live.err{color:var(--red);background:#ff5a5a26;border-color:#ff5a5a4d}.bg-live .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.sidebar{background:var(--bg2);border-right:1px solid var(--border);padding:16px 0;overflow-y:auto}.nav-section{margin-bottom:20px;padding:0 12px}.nav-label{letter-spacing:1px;color:var(--text3);text-transform:uppercase;margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:var(--text2);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;transition:all .15s;display:flex}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{color:var(--accent);background:#6c8fff1f}.nav-item.active-op{color:var(--onprem);background:#f973161a}.nav-icon{opacity:.6;flex-shrink:0;width:16px;height:16px}.nav-item.active .nav-icon,.nav-item.active-op .nav-icon{opacity:1}.main{background:var(--bg);overflow-y:auto}.page{max-width:1080px;padding:28px 32px}.page-header{margin-bottom:22px}.page-title{letter-spacing:-.4px;font-size:21px;font-weight:600}.page-sub{color:var(--text2);margin-top:4px;font-size:13px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:18px 20px}.card-title{letter-spacing:1px;text-transform:uppercase;color:var(--text3);align-items:center;gap:8px;margin-bottom:14px;font-size:10px;font-weight:600;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.metrics3{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.metric{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.metric-label{color:var(--text3);font-size:11px;font-family:var(--mono);margin-bottom:5px}.metric-value{font-size:20px;font-weight:600;font-family:var(--mono);letter-spacing:-.5px}.metric-sub{color:var(--text3);margin-top:3px;font-size:11px}.metric.ok .metric-value{color:var(--green)}.metric.warn .metric-value{color:var(--amber)}.metric.bad .metric-value{color:var(--red)}.metric.hi .metric-value{color:var(--accent)}.metric.op .metric-value{color:var(--onprem)}.slider-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.slider-row:last-child{border-bottom:none}.slider-label{color:var(--text2);flex:1;min-width:0;font-size:13px}.slider-label small{color:var(--text3);margin-top:1px;font-size:11px;display:block}.slider-label .live{color:var(--green);font-size:10px;font-family:var(--mono);background:#4caf7d1a;border:1px solid #4caf7d40;border-radius:4px;margin-left:6px;padding:1px 6px;display:inline-block}.slider-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex}input[type=range]{-webkit-appearance:none;background:var(--bg4);cursor:pointer;border-radius:2px;outline:none;width:130px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input.op-range::-webkit-slider-thumb{background:var(--onprem)}.slider-val{font-family:var(--mono);color:var(--text);text-align:right;min-width:70px;font-size:13px;font-weight:500}.tbl{border-collapse:collapse;width:100%;font-size:13px}.tbl th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);padding:8px 12px;font-size:10px;font-weight:600}.tbl td{border-bottom:1px solid var(--border);color:var(--text2);padding:8px 12px}.tbl tr:last-child td{border-bottom:none}.tbl tr.total td{color:var(--text);background:var(--bg3);font-weight:500}.tbl tr.sub-total td{color:var(--text2);background:#ffffff05;font-style:italic}.tbl td.num{font-family:var(--mono);text-align:right;color:var(--text)}.tbl td.num.ok{color:var(--green)}.tbl td.num.warn{color:var(--amber)}.tbl td.num.bad{color:var(--red)}.tbl td.num.hi{color:var(--accent)}.tbl td.num.op{color:var(--onprem)}.tbl td.num.te{color:var(--teal)}.three-grid{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.model-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.model-card.shared{border-color:#6c8fff59}.model-card.dedicated{border-color:#2dcba459}.model-card.onprem{border-color:#f9731659}.model-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.model-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.model-icon.shared{background:#6c8fff26}.model-icon.dedicated{background:#2dcba426}.model-icon.onprem{background:#f9731626}.model-name{font-size:14px;font-weight:600}.model-tag{color:var(--text3);font-size:11px;font-family:var(--mono)}.model-big{font-size:28px;font-weight:700;font-family:var(--mono);letter-spacing:-1px;margin:10px 0 3px}.model-big.shared{color:var(--accent)}.model-big.dedicated{color:var(--teal)}.model-big.onprem{color:var(--onprem)}.model-detail{color:var(--text3);margin-bottom:12px;font-size:12px;line-height:1.65}.model-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.model-row:last-child{border-bottom:none}.model-row span:first-child{color:var(--text2)}.model-row span:last-child{font-family:var(--mono);color:var(--text);font-weight:500}.tier-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.tier-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px}.tier-card.popular{border-color:var(--accent)}.tier-pop{letter-spacing:.5px;text-transform:uppercase;color:var(--accent);background:#6c8fff1f;border-radius:4px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.tier-name{margin-bottom:2px;font-size:15px;font-weight:600}.tier-desc{color:var(--text3);margin-bottom:10px;font-size:11px}.tier-price-block{border-top:1px solid var(--border);margin-bottom:12px;padding-top:10px}.tier-row{justify-content:space-between;align-items:baseline;padding:4px 0;font-size:12px;display:flex}.tier-row-label{color:var(--text3)}.tier-row-price{font-family:var(--mono);font-size:15px;font-weight:600}.tier-row-price.sh{color:var(--accent)}.tier-row-price.de{color:var(--teal)}.tier-row-price.op{color:var(--onprem)}.tier-feat{color:var(--text2);gap:6px;padding:2px 0;font-size:12px;display:flex}.chk{color:var(--green)}.no{color:var(--text3)}.arch-layers{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.arch-layer{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px 18px}.arch-layer-title{letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:600}.arch-layer-title.blue{color:var(--accent)}.arch-layer-title.teal{color:var(--teal)}.arch-layer-title.amber{color:var(--amber)}.arch-layer-title.purple{color:var(--purple)}.arch-layer-title.orange{color:var(--onprem)}.arch-components{flex-wrap:wrap;gap:7px;display:flex}.arch-chip{border:1px solid var(--border2);color:var(--text2);background:var(--bg4);border-radius:6px;padding:4px 11px;font-size:12px}.arch-chip.s{color:var(--accent);background:#6c8fff14;border-color:#6c8fff59}.arch-chip.d{color:var(--teal);background:#2dcba414;border-color:#2dcba459}.arch-chip.b{color:var(--purple);background:#a78bfa14;border-color:#a78bfa59}.arch-chip.o{color:var(--onprem);background:#f9731614;border-color:#f9731659}.arch-legend{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.arch-legend-item{color:var(--text2);align-items:center;gap:6px;font-size:12px;display:flex}.arch-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sens-wrap{overflow-x:auto}.sens-tbl{border-collapse:collapse;font-size:12px;font-family:var(--mono);width:100%;min-width:420px}.sens-tbl th{background:var(--bg3);color:var(--text3);letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--border);text-align:center;padding:6px 9px;font-size:10px}.sens-tbl td{border:1px solid var(--border);text-align:center;padding:6px 9px;font-weight:500}.sens-tbl td.p{color:var(--green);background:#4caf7d12}.sens-tbl td.l{color:var(--red);background:#ff5a5a12}.sens-tbl td.rh{color:var(--text2);background:var(--bg3);text-align:left;font-family:var(--font);font-size:12px}.note{color:var(--text3);background:var(--bg3);border-left:3px solid var(--accent);border-radius:8px;margin-top:4px;padding:10px 14px;font-size:12px;line-height:1.65}.note.teal{border-left-color:var(--teal)}.note.orange{border-left-color:var(--onprem)}.op-section{background:#f9731608;border:1px solid #f9731633;border-radius:12px;margin-bottom:16px;padding:18px 20px}.op-section .card-title{color:var(--onprem)}.sku-row{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:6px;display:grid}.sku-row:first-of-type{grid-template-columns:1fr}.sku-cell{flex-direction:column;gap:6px;min-width:0;display:flex}.sku-label{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.sku-select{background:var(--bg3);color:var(--text);border:1px solid var(--border);font-size:13px;font-family:var(--font);cursor:pointer;border-radius:8px;outline:none;width:100%;padding:8px 10px}.sku-select:hover{border-color:var(--border2)}.sku-select:focus{border-color:var(--accent)}.sku-select option{background:var(--bg2);color:var(--text)}.sku-hint{color:var(--text3);font-size:11px;font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sku-src{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.sku-src.live{color:var(--green);background:#4caf7d26;border:1px solid #4caf7d4d}.sku-src.baseline{color:var(--accent);background:#6c8fff1a;border:1px solid #6c8fff33}.sku-derived{background:var(--bg3);border:1px solid var(--border);border-radius:10px;margin-top:14px;padding:12px 14px}.sku-derived-title{text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:600}.sku-derived-grid{flex-direction:column;gap:0;display:flex}.sku-derived-row{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;display:flex}.sku-derived-row:last-child{border-bottom:none}.sku-derived-row.sub{color:var(--text3);padding-left:14px;font-size:11px}.sku-derived-row .mono{font-family:var(--mono);color:var(--text)}.sku-derived-row .mono.hi{color:var(--green);font-weight:500}.seg{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.seg-btn{background:var(--bg3);border:1px solid var(--border);font-family:var(--font);color:var(--text2);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;font-size:13px;line-height:1.4;transition:all .15s;display:flex}.seg-btn small{color:var(--text3);font-size:11px;line-height:1.5}.seg-btn:hover{border-color:var(--border2);color:var(--text)}.seg-btn.on{border-color:var(--accent);color:var(--accent);background:#6c8fff1a;font-weight:600}.seg-btn.on small{color:var(--text2)}.theme-toggle{background:var(--bg3);color:var(--text2);border:1px solid var(--border);font-size:11px;font-family:var(--mono);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;transition:all .15s;display:inline-flex}.theme-toggle:hover{background:var(--bg4);color:var(--text);border-color:var(--border2)}.theme-toggle .icon{font-size:13px;line-height:1}.cap-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.cap-block{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.cap-block-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text2);margin-bottom:10px;font-size:11px;font-weight:600}.cap-row{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.cap-row:last-child{border-bottom:none}.cap-row .mono{font-family:var(--mono);color:var(--text);font-weight:500}.cap-row .mono.hi{color:var(--accent)}.cap-row .mono.ok{color:var(--green)}.cap-row .mono.warn{color:var(--amber)}.cap-row .mono.bad{color:var(--red)}.cap-verdict{background:var(--bg3);border-left:3px solid var(--green);color:var(--text2);border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.cap-verdict strong{color:var(--text)}.cap-verdict.bad{border-left-color:var(--red);background:#ff5a5a0d}.cap-verdict.ok{border-left-color:var(--green)}.wizard{background:var(--bg2);border-bottom:1px solid var(--border);gap:6px;padding:10px 24px;display:flex;overflow-x:auto}.wiz-step{border:1px solid var(--border);text-align:left;cursor:pointer;min-width:180px;color:var(--text2);font-family:var(--font);background:0 0;border-radius:10px;flex:1;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.wiz-step:hover{border-color:var(--border2);color:var(--text);background:var(--bg3)}.wiz-step.active{border-color:var(--accent);color:var(--text);background:#6c8fff14}.wiz-step.done{background:#4caf7d0a;border-color:#4caf7d4d}.wiz-num{background:var(--bg3);border:1px solid var(--border);width:24px;height:24px;font-family:var(--mono);color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.wiz-step.active .wiz-num{background:var(--accent);color:#fff;border-color:var(--accent)}.wiz-step.done .wiz-num{background:var(--green);color:#fff;border-color:var(--green)}.wiz-label{flex-direction:column;min-width:0;line-height:1.3;display:flex}.wiz-label-main{color:var(--text);font-size:13px;font-weight:600}.wiz-step:not(.active) .wiz-label-main{color:var(--text2)}.wiz-label-sub{color:var(--text3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.live-preview{background:var(--bg2);border-left:1px solid var(--border);padding:20px 18px;overflow-y:auto}.live-preview-section{border-bottom:1px solid var(--border);margin-bottom:14px;padding-bottom:14px}.live-preview-section:last-child{border-bottom:none}.live-preview-eyebrow{text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:600}.live-preview-headline{font-size:30px;font-weight:700;font-family:var(--mono);letter-spacing:-1px;color:var(--accent);line-height:1.1}.live-preview-headline span{color:var(--text3);letter-spacing:0;margin-left:4px;font-size:13px;font-weight:400}.live-preview-sub{color:var(--text3);margin-top:4px;font-size:11px}.live-preview-row{color:var(--text2);justify-content:space-between;padding:5px 0;font-size:12px;display:flex}.live-preview-row span:last-child{font-family:var(--mono);color:var(--text);font-weight:500}.live-preview-verdict{color:var(--green);background:#4caf7d14;border:1px solid #4caf7d33;border-radius:6px;margin-top:8px;padding:8px 10px;font-size:11px;line-height:1.5}.live-preview-verdict.bad{color:var(--red);background:#ff5a5a14;border-color:#ff5a5a40}.live-preview-prose{color:var(--text2);font-size:12px;line-height:1.6}.live-preview-prose strong{color:var(--text);font-weight:600}.slider-num{background:var(--bg3);border:1px solid var(--border);width:62px;font-family:var(--mono);color:var(--text);text-align:right;border-radius:6px;outline:none;padding:4px 6px;font-size:12px}.slider-num:focus{border-color:var(--accent)}.slider-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.slider-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.linkish{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}.linkish:hover{color:var(--accent2)}.live-panel{background:var(--bg2);border:1px solid var(--border);z-index:50;min-width:320px;box-shadow:var(--shadow);border-radius:10px;padding:14px 16px;font-size:12px;position:absolute;top:48px;right:14px}.live-panel h4{text-transform:uppercase;letter-spacing:1px;color:var(--text3);margin-bottom:8px;font-size:11px}.live-panel-row{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;padding:4px 0;display:flex}.live-panel-row:last-child{border-bottom:none}.live-panel-row span:last-child{font-family:var(--mono);color:var(--text)}.live-panel button{background:var(--accent);color:#fff;cursor:pointer;font-size:12px;font-family:var(--font);border:none;border-radius:6px;margin-top:10px;padding:6px 12px}.live-panel button:hover{background:var(--accent2)}.live-panel button:disabled{background:var(--bg4);color:var(--text3);cursor:not-allowed}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}