*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0d14;--bg2:#111520;--bg3:#1a1f2e;--border:#2a2f42;--accent:#3b82f6;--accent2:#6366f1;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--text:#f1f5f9;--muted:#94a3b8;--radius:12px}html{font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-size:1rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}select option{background:var(--bg2)}button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s}button:hover:not(:disabled){opacity:.9}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-green{background:var(--green);color:#fff}.btn-full{width:100%}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.page-narrow{max-width:760px;margin:0 auto;padding:2rem 1.5rem}.progress-bar{gap:.5rem;margin-bottom:2.5rem;display:flex}.progress-step{background:var(--border);border-radius:2px;flex:1;height:4px}.progress-step.done{background:var(--accent)}.progress-step.active{background:#3b82f680}.section-title{margin-bottom:1rem;font-size:1.05rem;font-weight:700}.row-input{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.row-input input{flex:1}.row-input .name-input{flex:2}.remove-btn{border:1px solid var(--border);color:var(--muted);background:0 0;min-width:34px;padding:.4rem .65rem;font-size:.85rem}.remove-btn:hover:not(:disabled){color:var(--red);border-color:var(--red)}.add-btn{border:1px dashed var(--border);color:var(--muted);background:0 0;width:100%;margin-top:.5rem;padding:.5rem 1rem;font-size:.9rem}.add-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.result-panel{position:sticky;top:1.5rem}.metric-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:.6rem 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--muted);font-size:.9rem}.metric-value{font-weight:700}.metric-value.positive{color:var(--green)}.metric-value.negative{color:var(--red)}.big-number{font-size:2rem;font-weight:800;line-height:1.1}.big-margin{color:var(--muted);font-size:1.1rem;font-weight:600}.bar-track{background:var(--bg3);border-radius:4px;height:8px;margin-top:.4rem;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .4s}.bar-fill.blue{background:var(--accent)}.bar-fill.green{background:var(--green)}.stage-card{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.loading-overlay{text-align:center;padding:5rem 2rem}.loading-spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin-bottom:1.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=900px){.scenario-grid{grid-template-columns:1fr}}.scenario-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1rem;padding:1.75rem;display:flex;position:relative}.scenario-card.recommended{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.recommended-badge{background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;padding:.2rem .75rem;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tier-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}.scenario-title{font-size:1.05rem;font-weight:700}.scenario-desc{color:var(--muted);font-size:.88rem;line-height:1.55}.scenario-metrics{flex-direction:column;gap:.4rem;display:flex}.scenario-metric{justify-content:space-between;font-size:.88rem;display:flex}.scenario-metric-label{color:var(--muted)}.scenario-metric-value{color:var(--green);font-weight:700}.module-list{flex-wrap:wrap;gap:.4rem;display:flex}.module-tag{background:var(--bg3);border:1px solid var(--border);color:var(--muted);border-radius:6px;padding:.2rem .5rem;font-size:.73rem}.tier-price{margin-top:auto;font-size:1.25rem;font-weight:800}.hero{text-align:center;background:radial-gradient(at 50% 0,#3b82f61f 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:3rem 1.5rem;display:flex}.hero h1{max-width:800px;margin-bottom:1.25rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);max-width:540px;margin-bottom:2.5rem;font-size:1.15rem}.hero-cta{background:var(--accent);color:#fff;border-radius:10px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;box-shadow:0 0 40px #3b82f659}.how-it-works{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:4rem;display:flex}.how-step{text-align:center;max-width:180px}.how-icon{background:var(--bg3);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto .75rem;font-size:1.4rem;display:flex}.how-step p{color:var(--muted);font-size:.85rem}.error-box{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.success-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.success-icon{border:2px solid var(--green);background:#10b98126;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;font-size:2.5rem;display:flex}.nav-brand{letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.nav-brand span{color:var(--accent)}.two-col{grid-template-columns:3fr 2fr;align-items:start;gap:2rem;display:grid}@media (width<=900px){.two-col{grid-template-columns:1fr}}.user-count-row{align-items:center;gap:1rem;margin-top:.75rem;display:flex}.user-count-row label{color:var(--muted);white-space:nowrap;font-size:.9rem}.user-count-row input{max-width:100px}