.audit-container{min-height:calc(100vh - 80px);padding:120px 0 80px}.intro-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;max-width:600px;margin:0 auto;padding:64px 48px;animation:.5s fadeInUp;box-shadow:0 8px 32px #0000004d}.intro-icon{margin-bottom:24px;font-size:80px;display:block}.intro-card h1{font-family:var(--font-display);color:var(--text-primary);background:linear-gradient(135deg,var(--accent-blue)0%,var(--accent-amber)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:42px;font-weight:800}.intro-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.intro-benefits{text-align:left;flex-direction:column;gap:16px;margin-bottom:32px;padding:0 24px;display:flex}.benefit{color:var(--text-secondary);align-items:center;gap:12px;font-size:15px;display:flex}.benefit-icon{font-size:24px}.intro-time{color:var(--text-muted);margin-bottom:24px;font-size:14px}.progress-section{max-width:800px;margin:0 auto 48px}.progress-bar{background:#94a3b81a;border-radius:8px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3b82f6 0%,#f59e0b 100%);border-radius:8px;height:100%;transition:width .4s;box-shadow:0 0 20px #3b82f64d}.progress-label{text-align:center;color:var(--text-muted);font-size:14px;font-weight:500}.question-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:800px;margin:0 auto;padding:48px;box-shadow:0 4px 24px #0003}.question{animation:.3s fadeIn}.question-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.3}.question-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.options-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.option-btn{border:2px solid var(--border-color);cursor:pointer;text-align:left;background:#94a3b80d;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .25s;display:flex}.option-btn:hover{background:#3b82f60d;border-color:#3b82f64d;transform:translateY(-2px)}.option-btn.selected{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.option-icon{font-size:32px;line-height:1}.option-text{flex:1}.option-label{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600;display:block}.option-desc{color:var(--text-secondary);font-size:13px;display:block}.options-list{flex-direction:column;gap:12px;display:flex}.option-btn-list{border:2px solid var(--border-color);cursor:pointer;text-align:left;background:#94a3b80d;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .25s;display:flex}.option-btn-list:hover{background:#3b82f60d;border-color:#3b82f64d;transform:translate(4px)}.option-btn-list.selected{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 0 20px #3b82f633}.time-inputs{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.time-input-row{border:2px solid var(--border-color);background:#94a3b80d;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .25s;display:flex}.time-input-row:focus-within{background:#3b82f60d;border-color:#3b82f680}.time-input-label{flex:1;align-items:center;gap:16px;display:flex}.time-input-icon{font-size:28px;line-height:1}.time-input-title{color:var(--text-primary);margin-bottom:2px;font-size:16px;font-weight:600;display:block}.time-input-desc{color:var(--text-secondary);font-size:13px;display:block}.time-input-control{align-items:center;gap:8px;display:flex}.time-input-control input{background:var(--bg-tertiary);border:2px solid var(--border-color);width:80px;color:var(--text-primary);text-align:center;border-radius:8px;padding:12px 16px;font-size:18px;font-weight:600;transition:all .25s}.time-input-control input:focus{background:#3b82f61a;border-color:#3b82f6;outline:none}.time-input-control input::placeholder{color:var(--text-muted)}.time-input-unit{color:var(--text-muted);white-space:nowrap;font-size:14px}.nav-buttons{justify-content:flex-end;gap:16px;margin-top:32px;display:flex}.loading-card{text-align:center;padding:80px 48px}.loading-spinner{border:4px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;width:60px;height:60px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-card h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:24px}.loading-card p{color:var(--text-secondary)}.results-container{max-width:900px;margin:0 auto;animation:.4s fadeIn}.results-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:48px;box-shadow:0 4px 24px #0003}.results-header{text-align:center;margin-bottom:40px}.results-icon{margin-bottom:16px;font-size:64px}.results-header h2{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.results-tagline{color:var(--text-secondary);font-size:16px}.results-stats{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;display:grid}.stat-large{text-align:center;border:1px solid var(--border-color);background:#94a3b80d;border-radius:12px;padding:24px}.stat-large.highlight{background:#3b82f61a;border-color:#3b82f64d}.stat-large .stat-value{font-family:var(--font-display);color:#3b82f6;margin-bottom:8px;font-size:36px;font-weight:700;line-height:1}.stat-large .stat-label{color:var(--text-secondary);font-size:14px}.savings-bar{background:#94a3b81a;border-radius:12px;height:48px;margin-bottom:40px;position:relative;overflow:hidden}.savings-bar-fill{background:linear-gradient(90deg,#3b82f6 0%,#22c55e 100%);border-radius:12px;height:100%;animation:1s ease-out fillBar;position:absolute;top:0;left:0}@keyframes fillBar{0%{width:0}}.savings-bar-text{color:var(--text-primary);text-shadow:0 1px 2px #00000080;white-space:nowrap;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.solutions-heading{font-family:var(--font-display);color:var(--text-primary);margin-bottom:24px;font-size:24px;font-weight:700}.solutions-list{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.solution-item{border:1px solid var(--border-color);background:#94a3b80d;border-radius:12px;align-items:flex-start;gap:20px;padding:24px;animation:.4s both slideInUp;display:flex}.solution-item:first-child{animation-delay:.1s}.solution-item:nth-child(2){animation-delay:.2s}.solution-item:nth-child(3){animation-delay:.3s}.solution-number{color:#fff;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}.solution-content{flex:1}.solution-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:700}.solution-benefit{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.solution-stats{align-items:center;gap:12px;font-size:14px;display:flex}.solution-current{color:var(--text-muted)}.solution-arrow{color:var(--accent-blue)}.solution-savings{color:#22c55e;font-weight:600}.value-breakdown{background:#3b82f60d;border:1px solid #3b82f633;border-radius:16px;margin-bottom:40px;padding:32px}.value-breakdown h3{font-family:var(--font-display);color:var(--text-primary);text-align:center;margin-bottom:24px;font-size:20px;font-weight:700}.value-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.value-item{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.value-item.featured{background:linear-gradient(135deg,#3b82f633 0%,#22c55e33 100%);border-color:#3b82f64d}.value-number{font-family:var(--font-display);color:#3b82f6;margin-bottom:4px;font-size:28px;font-weight:700;display:block}.value-item.featured .value-number{color:#22c55e;font-size:32px}.value-label{color:var(--text-muted);font-size:13px}.value-note{text-align:center;color:var(--text-muted);margin-top:16px;font-size:12px}.email-capture{border-top:1px solid var(--border-color);padding-top:40px}.email-capture-header h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.email-capture-header p{color:var(--text-secondary);margin-bottom:20px;font-size:16px}.email-capture-benefits{margin:0 0 32px;padding:0;list-style:none}.email-capture-benefits li{color:var(--text-secondary);align-items:center;gap:12px;padding:12px 0;font-size:15px;display:flex}.email-capture-benefits svg{color:#10b981;flex-shrink:0}.email-form{flex-direction:column;gap:16px;display:flex}.email-form .form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.email-form input[type=email],.email-form input[type=text]{border:2px solid var(--border-color);color:var(--text-primary);background:#94a3b80d;border-radius:8px;padding:16px 20px;font-size:15px;transition:all .25s}.email-form input:focus{background:#3b82f60d;border-color:#3b82f6;outline:none}.privacy-consent{align-items:flex-start;gap:12px;display:flex}.privacy-consent input[type=checkbox]{cursor:pointer;width:20px;height:20px;margin-top:4px}.privacy-consent label{color:var(--text-secondary);cursor:pointer;font-size:13px;line-height:1.6}.privacy-consent a{color:var(--accent-blue)}.privacy-note{text-align:center;color:var(--text-muted);margin-top:16px;font-size:13px}.success-message{text-align:center;padding:48px 0;animation:.4s fadeIn}.success-icon{margin-bottom:24px;font-size:64px}.success-message h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:16px;font-size:28px;font-weight:700}.success-message p{color:var(--text-secondary);margin-bottom:12px;font-size:16px}.success-note{color:var(--text-muted);margin-bottom:32px;font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.audit-container{padding:100px 0 60px}.intro-card{border-radius:16px;padding:40px 24px}.intro-card h1{font-size:32px}.intro-subtitle{font-size:16px}.intro-benefits{padding:0}.progress-section{margin-bottom:32px}.question-card,.results-card{border-radius:12px;padding:24px}.question-title{font-size:22px}.question-subtitle{margin-bottom:24px;font-size:15px}.options-grid{grid-template-columns:1fr;gap:12px}.option-btn{padding:16px}.option-icon{font-size:28px}.option-btn-list{padding:16px}.time-input-row{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.time-input-control{justify-content:space-between;width:100%}.time-input-control input{flex:1;max-width:100px}.nav-buttons{flex-direction:column-reverse}.nav-buttons .btn{width:100%}.results-header h2{font-size:24px}.results-stats{grid-template-columns:1fr;gap:16px}.stat-large{padding:20px}.stat-large .stat-value{font-size:28px}.savings-bar-text{font-size:12px}.solutions-heading{font-size:20px}.solution-item{gap:12px;padding:16px}.solution-number{width:32px;height:32px;font-size:16px}.solution-title{font-size:18px}.solution-stats{flex-direction:column;align-items:flex-start;gap:4px}.solution-arrow{display:none}.value-breakdown{padding:24px 16px}.value-grid{grid-template-columns:1fr;gap:12px}.value-item{padding:16px}.value-number{font-size:24px}.value-item.featured .value-number{font-size:28px}.email-capture{padding-top:32px}.email-form .form-row{grid-template-columns:1fr}.email-capture-header h3{font-size:20px}.success-message h3{font-size:24px}.success-icon{font-size:48px}}