:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 14% -8%,#445ee21f,#0000 30%),linear-gradient(#f8faff 0%,#eff3f9 100%);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.rail{color:#fff;background:#11182b;align-content:start;gap:26px;height:100dvh;padding:28px 20px;display:grid;position:sticky;top:0}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup strong{font-size:28px;line-height:1;display:block}.brand-lockup span{color:#aeb9d5;font-size:12px}.brand-mark{background:#6847ff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.rail-nav{gap:8px;display:grid}.rail-nav a{color:#d6ddf3;border-radius:8px;padding:11px 12px;text-decoration:none}.rail-nav a.active,.rail-nav a:hover{color:#fff;background:#5b35e6}.rail-card{background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;margin-top:34px;padding:16px}.rail-card span,.rail-card small{color:#b9c4e0;display:block}.rail-card strong{margin:6px 0;font-size:28px;display:block}.page{width:min(1500px,100%);margin:0 auto;padding:28px}.topbar{border-bottom:1px solid #dfe5f0;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;padding-bottom:18px;display:flex}.breadcrumb{color:#6d7892;margin:0 0 8px;font-size:13px}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(30px,4vw,44px);line-height:1.05}h2{margin-bottom:8px;font-size:20px}.subtitle{color:#5f6c83;margin-bottom:0}.source-pill,.tag{color:#26334f;background:#fff;border:1px solid #dae1ef;border-radius:999px;align-items:center;min-height:30px;padding:5px 11px;font-size:13px;font-weight:700;display:inline-flex}.tag.muted{color:#66728a;font-weight:600}.hero-grid,.comparison-grid,.bottom-grid{gap:16px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.72fr)}.comparison-grid{grid-template-columns:minmax(250px,.72fr) minmax(420px,1.35fr) minmax(250px,.72fr);margin-top:16px}.bottom-grid{grid-template-columns:minmax(360px,.95fr) minmax(360px,1.05fr);margin-top:16px}.panel{background:#ffffffd1;border:1px solid #dfe5f0;border-radius:8px;box-shadow:0 12px 40px #15203812}.store-panel{grid-template-columns:280px 1fr;display:grid;overflow:hidden}.store-visual{background:linear-gradient(#cfddff 0%,#eef4ff 58%,#d6dbe7 58%);min-height:330px;position:relative}.sky{background:linear-gradient(135deg,#fffc 0 20%,#0000 21%),radial-gradient(circle at 80% 20%,#fff3b1 0 28px,#0000 29px);position:absolute;inset:0}.storefront{background:#27314a;border:4px solid #212a3f;border-radius:8px;grid-template-rows:48px 118px;grid-template-columns:1fr .64fr 1fr;display:grid;position:absolute;bottom:38px;left:26px;right:26px;overflow:hidden;box-shadow:0 18px 28px #19203047}.sign{color:#fff;background:linear-gradient(90deg,#3926b8,#7047ff);grid-column:1/-1;place-items:center;font-size:28px;font-weight:900;display:grid}.window,.door{background:linear-gradient(90deg,#ffffff61 0 12%,#0000 13%),linear-gradient(#bbdaf9,#6688b8);border-radius:6px;margin:10px 6px}.door{background:linear-gradient(90deg,#0000 0 44%,#29344f 45% 55%,#0000 56%),linear-gradient(#bddcf6,#7894c3);border:3px solid #151d30}.store-copy,.control-panel,.chart-panel,.panel:not(.store-panel){padding:24px}.label-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.store-copy p,.section-head p,.control-panel span,.scenario dt,.metric-card span,.metric-card small{color:#63708a}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.metric-grid.compact{grid-template-columns:repeat(4,minmax(118px,1fr))}.metric-card{background:#f9fbff;border:1px solid #e1e7f1;border-radius:8px;min-height:92px;padding:14px}.metric-card span,.metric-card small{font-size:12px;display:block}.metric-card strong{color:#1a2440;margin:6px 0 3px;font-size:22px;line-height:1.1;display:block}.control-panel{gap:16px;display:grid}.toggle-row,.section-head,.scenario-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.toggle-row strong,.toggle-row span{display:block}.switch{background:#b8c0d1;border:0;border-radius:999px;width:58px;height:34px;position:relative}.switch span{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .16s;position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #0003}.switch.on{background:#4c37e8}.switch.on span{transform:translate(24px)}.field,.range-field{gap:8px;display:grid}select{color:#1f2940;background:#fff;border:1px solid #dbe2ef;border-radius:8px;width:100%;height:42px;padding:0 12px}.segments{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.segments button,.ghost-button{color:#27324a;background:#fff;border:1px solid #dbe2ef;border-radius:8px;min-height:40px;font-weight:800}.segments button.selected{color:#fff;background:#4c37e8;border-color:#4c37e8}.range-field span{justify-content:space-between;align-items:center;gap:12px;display:flex}input[type=range]{accent-color:#4c37e8;width:100%}.scenario{align-content:start;gap:20px;display:grid}.scenario.accent{background:linear-gradient(#f7f4ff,#fff)}.scenario-head span,.delta{color:#24314c;background:#eff3fb;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.delta.positive{color:#04743a;background:#ecfdf3}.delta.negative{color:#c52c2c;background:#fff0f0}.scenario dl{gap:13px;margin:0;display:grid}.scenario dl div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.scenario dd{text-align:right;margin:0;font-weight:900}.scenario .main-value{border-bottom:1px solid #dfe5f0;padding-bottom:18px;display:block}.main-value dd{color:#4c37e8;text-align:left;margin-top:6px;font-size:34px}.chart-wrap{background:#f8faff;border:1px solid #dfe5f0;border-radius:8px;overflow:hidden}.chart-wrap svg{width:100%;height:270px;display:block}.chart-wrap line{stroke:#dce3ef;stroke-width:1px}.line{stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.line.off{stroke:#778399}.line.on{stroke:#4c37e8}.legend{color:#63708a;border-top:1px solid #dfe5f0;flex-wrap:wrap;gap:18px;padding:12px 16px;font-size:13px;display:flex}.legend b{color:#25304a;margin-left:auto}.legend span{align-items:center;gap:7px;display:inline-flex}.legend i{border-radius:999px;width:24px;height:4px}.legend i.off{background:#778399}.legend i.on{background:#4c37e8}.sku-list{gap:9px;display:grid}.sku-row{text-align:left;background:#fff;border:1px solid #dfe5f0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;width:100%;padding:13px;display:grid}.sku-row.selected{background:#f6f3ff;border-color:#6f5df1}.sku-row strong,.sku-row small{display:block}.sku-row small{color:#65718a;margin-top:3px}.sku-row em{color:#402ed1;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:13px;font-style:normal;font-weight:900}.driver-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.driver{border:1px solid #dfe5f0;border-radius:8px;padding:18px}.driver span{margin-bottom:8px;font-size:13px;font-weight:800;display:block}.driver strong{font-size:28px}.driver.good{color:#085f34;background:#f0fdf5;border-color:#bceccf}.driver.cost{color:#a81f1f;background:#fff5f5;border-color:#ffd3d3}.driver.neutral{background:#f8faff}.recommendation{border-radius:8px;margin-top:14px;padding:16px}.recommendation.good{color:#0a5c35;background:#eefcf5}.recommendation.warn{color:#714b05;background:#fff8eb}.recommendation p{margin:6px 0 0}@media (width<=1180px){.shell{grid-template-columns:1fr}.rail{height:auto;position:static}.rail-nav,.rail-card{display:none}.hero-grid,.comparison-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=780px){.page{padding:18px}.topbar,.store-panel{display:grid}.store-panel{grid-template-columns:1fr}.store-visual{min-height:220px}.metric-grid,.metric-grid.compact,.driver-grid,.segments,.sku-row{grid-template-columns:1fr}}