.spot-savings-page{position:absolute;inset:0;overflow-y:auto;padding:24px 16px 80px}.spot-savings-container{max-width:800px;margin:0 auto}.spot-savings-hero{text-align:center;margin-bottom:40px}.spot-savings-hero h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.spot-savings-hero p{font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto}.spot-savings-integrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:40px}.spot-savings-integration-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.spot-savings-integration-card:hover:not(.disabled){border-color:var(--accent-text);box-shadow:var(--shadow-md)}.spot-savings-integration-card.disabled{opacity:.5;cursor:default}.spot-savings-integration-card .card-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.spot-savings-integration-card .card-logo span{font-size:16px;font-weight:600;color:var(--text-primary)}.spot-savings-integration-card .card-description{font-size:13px;color:var(--text-secondary);margin:0}.spot-savings-integration-card .card-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-top:12px}.card-actions{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.card-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.card-cta:hover{opacity:.9}.card-cta:disabled{opacity:.5;cursor:default}.card-cta--tibber{background:#1ed0e7;color:#fff}.card-badge.available{background:transparent;border:1px solid var(--accent-text);color:var(--accent-text)}.card-badge.coming-soon{background:#9ca3af1a;color:var(--text-tertiary)}.spot-savings-result{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;margin-bottom:40px;text-align:center;position:relative}.result-share-row{position:absolute;top:12px;right:12px}.spot-savings-result .result-amount{font-size:48px;font-weight:700;margin-bottom:4px}.spot-savings-result .result-label{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.spot-savings-result .result-percent{font-size:13px;color:var(--text-tertiary)}.spot-savings-result .result-details{display:flex;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.spot-savings-result .result-detail-label{font-size:13px;color:var(--text-secondary)}.spot-savings-result .result-detail-value{font-size:16px;font-weight:600;color:var(--text-primary);margin-top:4px}.spot-savings-result .result-note{font-size:11px;color:var(--text-tertiary);text-align:center;margin-top:16px}.spot-savings-result .result-home-info{font-size:13px;color:var(--text-tertiary);margin-bottom:16px}.spot-savings-period-row{display:flex;justify-content:center;margin-bottom:16px}.period-selector{display:inline-flex;background:var(--segmented-bg);border-radius:8px;padding:3px;gap:2px}.period-selector__btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-secondary);transition:background .15s,color .15s}.period-selector__btn:hover:not(:disabled){color:var(--text-primary)}.period-selector__btn--active{background:#1ed0e726;color:#1ed0e7;font-weight:600;box-shadow:var(--shadow-sm)}.period-selector__btn:disabled{opacity:.4;cursor:default}.spot-savings-chart-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px}.spot-savings-chart-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.spot-savings-chart-section h2{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.spot-savings-chart-description{font-size:13px;color:var(--text-secondary);margin:0 0 20px}.spot-savings-chart-wrapper{margin:0 -8px}.spot-savings-chart-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted)}.spot-savings-chart-legend span{display:flex;align-items:center;gap:6px}.legend-bar{display:inline-block;width:12px;height:10px;border-radius:2px}.legend-line{display:inline-block;width:16px;height:2px;border-radius:1px}.legend-line--dashed{background:none!important;border-top:2px dashed;border-color:inherit;height:0}.spot-savings-methodology{margin-bottom:40px}.spot-savings-methodology h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.methodology-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.methodology-step{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px}.methodology-step .step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:transparent;border:2px solid var(--accent-text);color:var(--accent-text);font-size:14px;font-weight:700;margin-bottom:12px}.methodology-step h3{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.methodology-step p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.spot-savings-faq{margin-bottom:40px}.spot-savings-faq h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.spot-savings-faq details{border-bottom:1px solid var(--border-color);padding:16px 0}.spot-savings-faq summary{font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none}.spot-savings-faq summary::-webkit-details-marker{display:none}.spot-savings-faq details p{font-size:14px;color:var(--text-secondary);margin:12px 0 0;line-height:1.6}.spot-savings-cta{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px;text-align:center}.spot-savings-cta h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.spot-savings-cta p{font-size:14px;color:var(--text-secondary);margin:0 0 20px}.spot-savings-cta a{display:inline-block;padding:12px 28px;background:var(--accent-text);color:#fff;border-radius:8px;font-weight:600;text-decoration:none}@media(max-width:640px){.spot-savings-page{padding:16px 12px 60px}.spot-savings-hero h1{font-size:24px}.spot-savings-integrations,.methodology-steps{grid-template-columns:1fr}.spot-savings-result .result-amount{font-size:36px}.period-selector__btn{padding:6px 12px;font-size:12px}.spot-savings-chart-section{padding:16px 12px}.spot-savings-chart-legend{gap:10px;font-size:11px}}