/* Stagg Studio — results dashboard. Scoped to .ss-results. */
.estimator-panel:has(.ss-results){width:min(1160px,calc(100% - 40px))}
.wizard-form:has(.ss-results){padding:0;background:transparent;box-shadow:none;border:0}
.ss-results{--ss-ink:#101725;--ss-navy:#0b1627;--ss-blue:#3566b5;--ss-orange:#fe8200;--ss-line:#e4eaf3;--ss-muted:#647089;--ss-soft:#f7f9fc;display:grid;gap:22px;color:var(--ss-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.ss-results *{box-sizing:border-box}
.ss-results button,.ss-results a{font:inherit}
.ss-results .ss-icon{width:19px;height:19px;flex:none;vertical-align:middle}
.ss-hero{background:radial-gradient(circle at 87% -8%,rgba(53,102,181,.28),transparent 42%),linear-gradient(140deg,#0b1525,#111e33);color:white;border-radius:27px;padding:clamp(25px,4vw,47px);overflow:hidden;box-shadow:0 25px 48px rgba(16,23,37,.12)}
.ss-hero-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.ss-overline{font-weight:750;font-size:11px;letter-spacing:.2em;color:#b3c5df;margin:0 0 16px}
.ss-overline span{color:var(--ss-orange);padding:0 5px}
.ss-hero h1{font-size:clamp(27px,3.8vw,45px);line-height:1.11;letter-spacing:-.045em;color:#fff;max-width:680px;margin:0 0 12px;font-weight:800}
.ss-hero-description{max-width:650px;line-height:1.6;font-size:15px;color:#bdcbe0;margin:0}
.ss-status{display:inline-flex;gap:7px;align-items:center;white-space:nowrap;color:#d9e2f0;background:rgba(255,255,255,.08);padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:12px;font-weight:700}
.ss-status-dot{width:7px;height:7px;border-radius:50%;background:#9aacc5}
.ss-status.is-ready .ss-status-dot{background:#72d8ad}
.ss-status.is-review .ss-status-dot{background:#ffcd7c}
.ss-tag-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.ss-tag-row span{font-size:12px;color:#d9e4f5;border:1px solid rgba(231,239,255,.2);padding:7px 12px;border-radius:7px}
.ss-investment{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding:26px 0 25px}
.ss-investment p{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:#b5c4da;margin:0 0 10px}
.ss-investment strong{display:block;font-size:clamp(30px,4.2vw,51px);letter-spacing:-.05em;line-height:1.11;color:#fff}
.ss-investment small{display:block;color:#adc0da;font-size:13px;margin-top:12px}
.ss-micro-mark{font-size:58px;font-weight:900;line-height:1;color:#fff;opacity:.12;letter-spacing:-.08em;user-select:none}
.ss-micro-mark span{color:var(--ss-orange)}
.ss-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ss-metrics>div{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);padding:19px;border-radius:13px;min-width:0}
.ss-metrics span{display:flex;align-items:center;gap:8px;color:#b9c9e0;font-size:12px;margin-bottom:11px}
.ss-metrics .ss-icon{height:16px;width:16px;color:#91b6ff}
.ss-metrics strong{font-size:clamp(14px,1.7vw,20px);color:white;line-height:1.35}
.ss-hero-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:27px}
.ss-hero-foot p{margin:0;max-width:500px;color:#a8bbd3;font-size:12px;line-height:1.6}
.ss-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none!important;border-radius:12px;background:#3566b5;color:#fff!important;white-space:nowrap;min-height:47px;padding:12px 17px;font-weight:650;font-size:13px!important;transition:transform .16s,background .16s}
.ss-button:hover,.ss-button:focus-visible{background:#447ad1;transform:translateY(-1px)}
.ss-button .ss-icon{width:17px;height:17px}
.ss-budget{border:1px solid #dfebfa;background:#f1f6fe;border-radius:16px;padding:19px 22px;display:flex;gap:15px;align-items:flex-start}
.ss-budget>.ss-icon{color:#3461ab;margin-top:2px}
.ss-budget>div{flex:1}
.ss-budget strong{font-size:14px}
.ss-budget p{color:#50627e;font-size:13px;line-height:1.55;margin:5px 0 6px}
.ss-budget small{font-size:12px;color:#6f7d94}
.ss-budget-above{background:#fff8ee;border-color:#f6e3c6}
.ss-budget-above>.ss-icon{color:#b76d0a}
.ss-budget-within{background:#f1f9f5;border-color:#d6eade}
.ss-budget-within>.ss-icon{color:#187c50}
.ss-inline-action{border:0;background:transparent;color:#3566b5;cursor:pointer;font-size:12px!important;font-weight:750!important;white-space:nowrap}
.ss-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(265px,.85fr);gap:22px;align-items:start}
.ss-primary-content,.ss-secondary-content{display:grid;gap:22px;min-width:0}
.ss-panel{background:#fff;border:1px solid var(--ss-line);border-radius:20px;padding:27px;box-shadow:0 7px 26px rgba(20,34,59,.025)}
.ss-kicker{display:block;color:#3566b5;letter-spacing:.16em;font-size:10px;font-weight:800;margin-bottom:8px}
.ss-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
.ss-panel h2{font-size:23px;letter-spacing:-.03em;line-height:1.19;margin:0;color:var(--ss-ink)}
.ss-panel-head p{margin:8px 0 0;color:var(--ss-muted);font-size:13px;line-height:1.5}
.ss-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.ss-feature{border:1px solid #e8edf5;border-radius:13px;padding:15px 16px;display:flex;gap:13px;align-items:flex-start;background:#fff}
.ss-feature-symbol{width:27px;height:27px;flex:none;border-radius:8px;display:grid;place-items:center;background:#e8f4ee;color:#15805c;font-weight:700}
.ss-feature-symbol .ss-icon{width:16px;height:16px}
.ss-feature-symbol.is-optional{background:#eef3ff;color:#3566b5;font-size:18px}
.ss-feature strong{display:block;font-size:14px;line-height:1.35}
.ss-feature small{color:var(--ss-muted);display:block;margin-top:5px;font-size:12px;line-height:1.55}
.ss-mvp{margin-top:19px;border:1px solid #e7effb;background:#f6f9fd;border-radius:13px;padding:17px}
.ss-mvp span{display:flex;align-items:center;gap:8px;color:#3566b5;letter-spacing:.08em;font-size:10px;font-weight:800}
.ss-mvp span .ss-icon{width:17px;height:17px}
.ss-mvp p{font-size:13px;color:#35455e;line-height:1.65;margin:9px 0 0}
.ss-muted,.ss-help{color:var(--ss-muted);font-size:12px;line-height:1.55}
.ss-help{margin:14px 0 0}
.ss-note{display:flex;gap:12px;align-items:flex-start;background:#f5f8fd;padding:17px;border-radius:12px}
.ss-note>.ss-icon{color:#3566b5}
.ss-note p{margin:0;color:#53627b;font-size:13px;line-height:1.6}
.ss-facts{margin:0}
.ss-facts>div{padding:12px 0;border-bottom:1px solid #edf0f5}
.ss-facts>div:first-child{padding-top:0}
.ss-facts>div:last-child{border:0}
.ss-facts dt{font-size:11px;color:#758198;margin-bottom:5px}
.ss-facts dd{font-size:13px;color:#142038;margin:0;font-weight:650}
.ss-outline-action{background:transparent;border:1px solid #dbe4f0;color:#3566b5;padding:11px 13px;border-radius:9px;font-size:12px!important;font-weight:700!important;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-top:16px}
.ss-outline-action .ss-icon{width:15px;height:15px}
.ss-next-panel{background:#f7f9fc}
.ss-next-panel h2{font-size:21px;margin-bottom:17px}
.ss-next-panel ol{list-style:none;counter-reset:staggsteps;display:grid;gap:13px;margin:0 0 23px;padding:0}
.ss-next-panel li{counter-increment:staggsteps;display:flex;gap:10px;align-items:center;color:#39465a;font-size:12px;line-height:1.5}
.ss-next-panel li:before{content:counter(staggsteps);height:24px;width:24px;border-radius:50%;background:#e5edf9;color:#3566b5;font-size:11px;font-weight:700;display:grid;place-items:center;flex:none}
.ss-next-panel .ss-button{width:100%}
.ss-next-panel>p{color:#7a8799;text-align:center;font-size:11px;margin:12px 0 0}
.ss-details-section{display:grid;gap:11px}
.ss-details{border:1px solid var(--ss-line);border-radius:15px;background:#fff;overflow:hidden}
.ss-details summary{padding:20px 24px;font-size:14px;font-weight:700;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px}
.ss-details summary::-webkit-details-marker{display:none}
.ss-details summary>.ss-icon{color:#3566b5}
.ss-details summary span{margin-left:auto;display:flex;align-items:center;gap:10px;color:#738197;font-size:11px;font-weight:500}
.ss-details summary i{display:block;width:8px;height:8px;border-right:1.7px solid;border-bottom:1.7px solid;transform:rotate(45deg);transition:transform .15s}
.ss-details[open] summary i{transform:rotate(225deg)}
.ss-details-body{border-top:1px solid var(--ss-line);padding:18px 24px;color:#42506a;font-size:13px;line-height:1.6}
.ss-details-body ul{list-style:none;margin:5px 0 15px;padding:0}
.ss-details-body li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0f2f6}
.ss-details-body li:last-child{border-bottom:0}
.ss-details-body li small{color:#8290a3;white-space:nowrap}
.ss-details-body h3{font-size:12px;font-weight:800;margin:16px 0 5px}
.ss-original-description{white-space:pre-wrap;margin:0}
.ss-disclaimer{font-size:11px;color:#7b8799;line-height:1.65;text-align:center;padding:1px 25px 15px}
@media(max-width:880px){.ss-content-grid{grid-template-columns:1fr}.ss-secondary-content{grid-template-columns:1fr 1fr}.ss-hero-head{flex-wrap:wrap}.ss-hero-foot{flex-wrap:wrap}}
@media(max-width:650px){.estimator-panel:has(.ss-results){width:min(1160px,calc(100% - 28px))}.ss-results{gap:15px}.ss-hero{border-radius:20px;padding:25px 19px}.ss-hero h1{font-size:29px}.ss-status{font-size:11px}.ss-investment{margin-top:22px}.ss-investment strong{font-size:33px}.ss-micro-mark{display:none}.ss-metrics{grid-template-columns:1fr 1fr}.ss-metrics>div:last-child{grid-column:span 2}.ss-hero-foot .ss-button{width:100%}.ss-budget{flex-wrap:wrap;padding:17px}.ss-budget .ss-inline-action{margin-left:31px}.ss-content-grid,.ss-secondary-content{grid-template-columns:1fr}.ss-panel{padding:20px;border-radius:16px}.ss-panel h2{font-size:21px}.ss-details summary{padding:18px 16px;font-size:12px}.ss-details summary span{font-size:10px}.ss-details-body{padding:16px}.ss-details-body li{display:block}.ss-details-body li small{display:block;margin-top:2px}}
@media(prefers-reduced-motion:reduce){.ss-button{transition:none}.ss-details summary i{transition:none}}