:root{--ds4t-blue: #0024fd;--ds4t-cyan: #00beff;--ds4t-turquoise: #33cbcf;--ds4t-green: #75fa91;--ds4t-gray: #969696;--ds4t-black: #000000;--ds4t-white: #ffffff;--ds4t-text-primary: #111111;--ds4t-text-secondary: #606775;--ds4t-border: #d9dfe8;--ds4t-surface: #f7f8fa;font-family:Safiro,Roboto,Inter,Helvetica Neue,Arial,sans-serif;color:var(--ds4t-text-primary);background:#f4f7fb}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at 80% 0%,rgba(0,190,255,.15),transparent 30%),linear-gradient(180deg,#061329,#0b1533 430px,#f4f7fb 430px)}.hero-band{color:#fff;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) minmax(280px,380px);margin:0 auto;max-width:1480px;min-height:380px;padding:28px 32px 40px}.brand-lockup{align-items:center;display:flex;gap:18px;grid-column:1 / -1}.brand-icon{background:#ffffff14;border-radius:8px;height:52px;object-fit:contain;padding:6px;width:48px}.brand-logo{display:block;height:46px;max-width:min(340px,62vw);object-fit:contain;object-position:left center}.hero-copy{align-self:end;max-width:960px}.hero-copy p,.panel-heading p,.interpretation p,.recommendation p,.lead-panel p{color:var(--ds4t-cyan);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.hero-copy h1{font-size:clamp(2rem,4.6vw,4rem);letter-spacing:0;line-height:1;margin:0}.hero-stats{align-self:end;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:8px;display:grid;gap:18px;padding:20px;width:100%}.hero-stats span,.hero-stats small{display:block}.hero-stats span{color:var(--ds4t-green);font-size:clamp(1.08rem,2vw,1.35rem);font-weight:800;line-height:1.1;overflow-wrap:anywhere}.hero-stats small{color:#c8d2df}.workspace{display:grid;gap:24px;grid-template-columns:minmax(460px,540px) 1fr;margin:0 auto;max-width:1480px;padding:10px 32px 48px}.panel,.metric-card{background:#fffffff5;border:1px solid var(--ds4t-border);border-radius:8px;box-shadow:0 18px 42px #0e1f4014}.input-panel{align-self:start;padding:22px}.panel-heading{align-items:start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.case-actions{display:grid;gap:8px;grid-template-columns:minmax(130px,1fr) auto auto;min-width:min(100%,300px)}.panel-heading.compact{margin-bottom:12px}h2{font-size:1.25rem;letter-spacing:0;line-height:1.15;margin:0}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}label{color:#374151;display:grid;font-size:.82rem;font-weight:700;gap:6px}label.wide{grid-column:1 / -1}label.span-2{grid-column:span 2}label.span-3{grid-column:span 3}input,select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;min-height:40px;padding:9px 10px;width:100%}input:focus,select:focus{border-color:var(--ds4t-blue);outline:3px solid rgba(0,36,253,.12)}.sliders{border-top:1px solid var(--ds4t-border);display:grid;gap:14px;margin-top:18px;padding-top:18px}.sliders label span{align-items:center;display:flex;justify-content:space-between}input[type=range]{accent-color:var(--ds4t-blue);padding:0}.results-area{display:grid;gap:18px}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(150px,1fr))}.metric-card{min-height:130px;padding:20px}.metric-card p{color:var(--ds4t-text-secondary);font-weight:700;margin:0 0 18px}.metric-card strong{display:block;font-size:clamp(1.5rem,2.5vw,2.35rem);letter-spacing:0}.metric-card.blue{border-top:5px solid var(--ds4t-blue)}.metric-card.cyan{border-top:5px solid var(--ds4t-cyan)}.metric-card.green{border-top:5px solid var(--ds4t-green)}.metric-card.dark{background:#071b3a;color:#fff}.metric-card.dark p{color:#b8c5d8}.interpretation,.lead-panel{align-items:center;display:flex;gap:18px;justify-content:space-between;padding:22px}.mini-metrics{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.mini-metrics span{background:#edf5ff;border:1px solid #d3e6ff;border-radius:6px;color:#17324f;padding:9px 11px}.analysis-grid{display:grid;gap:24px;grid-template-columns:1.4fr .9fr;padding:22px}.bar-list{display:grid;gap:16px}.bar-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.bar-track{background:#e8eef6;border-radius:999px;height:12px;overflow:hidden}.bar-track span{background:linear-gradient(90deg,var(--ds4t-blue),var(--ds4t-turquoise));display:block;height:100%}.recommendation{background:#071b3a;border-radius:8px;color:#fff;padding:20px}.recommendation span,.recommendation small{color:#b8c5d8;display:block}.recommendation h2{color:var(--ds4t-green);font-size:2rem;margin-bottom:6px}.recommendation p:last-of-type{color:#fff;font-size:1rem;font-weight:600;line-height:1.45;margin-top:24px;text-transform:none}.lead-panel form{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(130px,1fr)) auto}button{background:var(--ds4t-blue);border:0;border-radius:6px;color:#fff;cursor:pointer;font-weight:800;min-height:40px;padding:0 16px}button:hover{background:#001bc0}button:disabled{cursor:not-allowed;opacity:.45}.secondary-button,.danger-button{min-width:66px;padding:0 12px}.secondary-button{background:#e8f7ff;color:#004c76}.secondary-button:hover{background:#d7f1ff}.danger-button{background:#fff1f2;color:#be123c}.danger-button:hover{background:#ffe4e6}.success{color:#047857;font-weight:800}.alert{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#be123c;padding:14px 16px}.loading{color:var(--ds4t-text-secondary);margin:0}@media(max-width:1180px){.hero-band{grid-template-columns:1fr;min-height:auto}.hero-copy{align-self:start}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1080px){.hero-band,.workspace,.analysis-grid{grid-template-columns:1fr}.hero-stats{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.lead-panel,.interpretation{align-items:stretch;flex-direction:column}.lead-panel form{grid-template-columns:1fr 1fr}}@media(max-width:680px){.app-shell{background:radial-gradient(circle at 80% 0%,rgba(0,190,255,.15),transparent 34%),linear-gradient(180deg,#061329,#0b1533 560px,#f4f7fb 560px)}.hero-band,.workspace{padding-left:16px;padding-right:16px}.hero-band{gap:24px;padding-bottom:24px}.hero-copy h1{font-size:2.1rem;line-height:1.05}.form-grid,.metric-grid,.hero-stats,.lead-panel form{grid-template-columns:1fr}label.span-2,label.span-3{grid-column:1 / -1}.panel-heading{display:grid}.case-actions{grid-template-columns:1fr 1fr}.case-actions select{grid-column:1 / -1}}