:root{color-scheme:dark;--bg:#07111f;--panel:rgba(13,24,42,.9);--panel-border:rgba(148,163,184,.14);--text:#e5eefb;--muted:#8ea2c0;--accent:#62d4ff;--accent-2:#8b5cf6;--success:#34d399;--warning:#fbbf24}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top,#102346 0,var(--bg) 50%,#030712 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}body{min-height:100vh}.shell{max-width:1280px;margin:0 auto;padding:40px 20px 72px}.grid{display:grid;grid-gap:20px;gap:20px;margin-top:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.2);padding:24px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.hero h1,.sectionHeader h2{margin:6px 0 8px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--accent);margin:0}.muted{color:var(--muted);line-height:1.5}.small{font-size:14px}.heroMeta{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.badgeRow{display:flex;gap:8px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:hsla(0,0%,100%,.08)}.badge.healthy,.badge.live{background:rgba(52,211,153,.14);color:#9bf5cf}.badge.degraded{background:rgba(251,191,36,.14);color:#fcd977}.badge.demo{background:rgba(98,212,255,.14);color:#99ebff}.primaryButton,.secondaryButton{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.primaryButton{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04111f;font-weight:700}.secondaryButton{background:hsla(0,0%,100%,.08);color:var(--text)}.primaryButton:hover,.secondaryButton:hover{transform:translateY(-1px)}.primaryButton:disabled{opacity:.7;cursor:wait}.sectionHeader,.statusHeader,.timelineHeader{display:flex;justify-content:space-between;gap:12px;align-items:center}.statusDot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.statusDot.healthy{background:var(--success);box-shadow:0 0 0 6px rgba(52,211,153,.12)}.statusDot.degraded{background:var(--warning)}.statusDot.demo{background:var(--accent);box-shadow:0 0 0 6px rgba(98,212,255,.12)}.form{display:flex;flex-direction:column;gap:18px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}input,select{background:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.18);color:var(--text);border-radius:12px;padding:12px 14px}.metricsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.metricsGrid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:hsla(0,0%,100%,.04);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:14px}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.metric strong{font-size:24px}table{width:100%;border-collapse:collapse}td,th{padding:12px 10px;text-align:left;border-bottom:1px solid rgba(148,163,184,.12)}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.timeline{display:flex;flex-direction:column;gap:18px}.timelineItem{display:grid;grid-template-columns:16px 1fr;grid-gap:12px;gap:12px}.timelineMarker{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));margin-top:6px}code{display:inline-block;margin-top:8px;background:rgba(2,6,23,.8);padding:8px 10px;border-radius:10px;color:#bde7ff}.emptyState{color:var(--muted);padding:32px 0}.vizGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:18px 0}.miniChart{background:hsla(0,0%,100%,.03);border:1px solid rgba(148,163,184,.1);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px}.miniChart strong{font-size:14px}.chartSvg{width:100%;height:64px}.calendarGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px;margin:14px 0}.calendarDay{background:hsla(0,0%,100%,.03);border:1px solid rgba(148,163,184,.08);border-radius:10px;padding:8px;min-height:64px}.calendarDay.active{border-color:var(--accent);background:rgba(98,212,255,.06)}.calendarDayHeader{display:flex;justify-content:space-between;gap:4px;margin-bottom:4px}.calendarDayHeader span{font-size:11px;color:var(--muted)}.calendarDayHeader strong{font-size:12px}.calendarAction .badge{font-size:10px;padding:2px 6px;margin-bottom:4px}.calibrationPanel{margin-top:18px}.calibrationHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calibrationHeader h3{margin:4px 0 0}.calibrationFooter{display:flex;align-items:center;gap:12px;margin:12px 0 4px}.confidenceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:12px}.confidenceMetric{background:hsla(0,0%,100%,.03);border:1px solid rgba(148,163,184,.08);border-radius:12px;padding:12px}.confidenceMetric span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.confidenceMetric strong{font-size:14px}.resultsSection{margin-top:20px}.brandMark{font-size:42px;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.tagline{font-size:18px;color:var(--muted);margin:8px 0 0;font-weight:400}.badge.wonder{background:rgba(52,211,153,.12);color:#9bf5cf}.badge.ml{background:rgba(139,92,246,.14);color:#c4b5fd}.mlToggleRow{display:flex;flex-direction:column;gap:8px}.segmentedToggle{display:inline-flex;background:rgba(2,6,23,.72);border:1px solid rgba(148,163,184,.18);border-radius:12px;overflow:hidden}.segment{padding:10px 18px;font-size:13px;font-weight:500;background:transparent;border:none;color:var(--muted);cursor:pointer;transition:background .2s ease,color .2s ease}.segment.active{background:rgba(98,212,255,.12);color:var(--accent)}.segment.active.ml{background:rgba(139,92,246,.12);color:#c4b5fd}.mlToggleHint{margin:0;font-style:italic}.stepResults.mlActive{border-left:3px solid var(--accent-2);padding-left:24px}.forecastPanel{margin-top:24px;border-top:2px dashed rgba(139,92,246,.3)}.forecastHeader{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.forecastBody{margin-top:20px}.forecastFormRow{display:flex;align-items:flex-end;gap:16px}.forecastFormRow label{flex:1 1}.forecastFormRow .primaryButton{white-space:nowrap}.stepPanel{margin-top:32px;border:1px solid var(--panel-border);border-radius:24px;background:var(--panel);padding:32px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.2);transition:opacity .3s ease,filter .3s ease;position:relative}.stepHeader{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}.stepBadge{font-size:20px;font-weight:700;width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(98,212,255,.08);color:var(--accent);transition:background .3s ease,color .3s ease}.stepBadge.completed{background:rgba(52,211,153,.14);color:var(--success)}.stepBody{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:28px;gap:28px;align-items:start}.stepForm{position:-webkit-sticky;position:sticky;top:24px}.stepResults{scroll-margin-top:24px;min-height:120px}.stepLocked{opacity:.35;pointer-events:none;filter:grayscale(.3)}.stepLockLabel{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:hsla(0,0%,100%,.06);color:var(--muted);margin-left:auto}.stepPanel:after{content:"";position:absolute;bottom:-32px;left:55px;width:2px;height:32px;background:repeating-linear-gradient(to bottom,var(--panel-border) 0,var(--panel-border) 4px,transparent 4px,transparent 8px)}.stepPanel:last-of-type:after{display:none}.statusRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.statusChip{display:flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.04);border:1px solid var(--panel-border);border-radius:12px;padding:8px 14px;font-size:13px}@media (max-width:980px){.calendarGrid,.confidenceGrid,.formGrid,.grid.three,.grid.two,.metricsGrid,.metricsGrid.compact,.stepBody,.vizGrid{grid-template-columns:1fr}.hero{flex-direction:column}.heroMeta{align-items:flex-start}.stepForm{position:static}}