:root{color:#eff4ef;--card-bg:#07111bb3;--card-border:#ffffff1f;--muted:#a7bbca;--accent:#ff6b6b;--accent-strong:#ff4757;--teal:#34d399;--danger:#fb7185;--shadow:0 28px 80px #01081273;background:radial-gradient(circle at 0 0,#ff6b6b2e,#0000 35%),radial-gradient(circle at 100%,#10b98129,#0000 30%),#08111a linear-gradient(135deg,#07111b 0%,#10273c 46%,#0c1b26 100%);font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{min-height:100vh;position:relative;overflow:hidden}.background-orb{filter:blur(16px);opacity:.8;border-radius:999px;width:28rem;height:28rem;position:absolute}.background-orb--one{background:radial-gradient(circle,#ff6b6b59,#0000 65%);top:-8rem;left:-6rem}.background-orb--two{background:radial-gradient(circle,#34d39947,#0000 65%);bottom:-8rem;right:-8rem}.layout{gap:24px;max-width:1180px;margin:0 auto;padding:48px 20px 72px;display:grid;position:relative}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero-card,.progress-panel,.section-card,.error-card{padding:28px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 10px;font-size:.77rem}.hero-card h1,.results-header h2{margin:0;font-size:clamp(2rem,3.4vw,4rem);line-height:1.02}.hero-copy,.report-subtitle{color:var(--muted);max-width:52rem;line-height:1.7}.audit-form{gap:16px;margin-top:24px;display:grid}.field{gap:10px;display:grid}.field span{font-weight:700}.field input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;width:100%;padding:16px 18px}.strategy-switch{background:#ffffff0f;border-radius:20px;gap:0;width:fit-content;padding:6px;display:inline-flex}.strategy-switch button,.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:16px;transition:transform .18s,opacity .18s,background .18s}.strategy-switch button{color:var(--muted);background:0 0;border-radius:14px;padding:12px 28px;font-weight:600}.strategy-switch button:hover:not(.is-selected){color:#fff}.strategy-switch button.is-selected{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff;font-weight:800;box-shadow:0 4px 12px #ff47574d}.primary-button,.secondary-button{cursor:pointer;width:fit-content;padding:14px 18px;font-weight:800;transition:all .2s}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#fff}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #ff475766}.secondary-button{color:#fff;background:#ffffff17;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.secondary-button:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.primary-button:disabled{opacity:.7;cursor:wait}.form-error{color:#fecdd3;margin:0}.progress-panel{align-items:center;gap:24px;display:grid}.progress-summary{gap:14px;display:grid}.progress-summary__header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.progress-summary__header .eyebrow{margin-bottom:8px}.progress-summary__header h2{margin:0;font-size:clamp(1.5rem,2.8vw,2.4rem)}.progress-summary__meta{color:var(--muted);margin:8px 0 0}.progress-summary__score{text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:18px;flex:none;min-width:88px;padding:14px 16px}.progress-summary__score strong{font-size:1.9rem}.progress-bar{background:#ffffff14;border-radius:999px;height:16px;position:relative;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, var(--accent-strong) 45%, #34d399 100%);height:100%;transition:width .4s;display:block;position:relative;overflow:hidden}.progress-bar__fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%);animation:1.6s linear infinite progress-shimmer;position:absolute;inset:0;transform:translate(-100%)}.progress-panel__content h3{margin:6px 0 0;font-size:1.8rem}.progress-stage-list{gap:12px;margin-top:18px;display:grid}.progress-stage{color:var(--muted);align-items:center;gap:12px;display:flex}.progress-stage__circle{--stage-progress:0%;border-radius:999px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:hidden}.progress-stage__circle:before{content:"";background:conic-gradient(var(--teal) var(--stage-progress), #ffffff1f 0);z-index:0;border-radius:999px;position:absolute;inset:0}.progress-stage__circle:after{content:"";z-index:1;background:#07111beb;border:1px solid #ffffff14;border-radius:999px;position:absolute;inset:4px}.progress-stage__circle-inner{z-index:2;color:#dbe7ef;font-size:.9rem;font-weight:800;position:relative}.progress-stage__text{gap:2px;display:grid}.progress-stage__text strong{font-size:1rem}.progress-stage__text small{color:var(--muted)}.progress-stage.is-complete,.progress-stage.is-active{color:#fff}.progress-stage.is-complete .progress-stage__circle,.progress-stage.is-active .progress-stage__circle{box-shadow:0 0 0 6px #34d39914}.progress-stage.is-active .progress-stage__circle{animation:1.2s ease-in-out infinite stage-pulse}.progress-stage.is-active .progress-stage__circle:before{background:conic-gradient(#facc15 var(--stage-progress), #ffffff1f 0);animation:1.1s linear infinite stage-ring-spin}.progress-stage.is-active .progress-stage__circle-inner{color:#fef3c7}.progress-stage.is-complete .progress-stage__text small,.progress-stage.is-active .progress-stage__text small{color:#dbe7ef}@keyframes stage-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stage-pulse{0%,to{box-shadow:0 0 0 6px #facc1514}50%{box-shadow:0 0 0 10px #facc1529}}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.results-shell{gap:20px;display:grid}.results-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.score-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.score-card{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:22px;padding:20px}.score-card span{color:var(--muted);display:block}.score-card strong{margin-top:12px;font-size:2rem;display:block}.score-card.good strong{color:#86efac}.score-card.average strong{color:#fcd34d}.score-card.poor strong{color:#fda4af}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.section-card h3,.section-card h4{margin-top:0}.developer-section+.developer-section{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px}.developer-section h4{margin-bottom:14px}.full-width{grid-column:1/-1}.pill-row,.recommendations,.technology-grid,.detail-list{gap:12px;display:grid}.pill-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:16px}.pill{color:#fef3c7;background:#f59e0b24;border-radius:16px;padding:12px 14px}.recommendation-item,.detail-item,.technology-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:16px}.detail-item{gap:10px;display:grid}.detail-item__row{gap:4px;margin:0;display:grid}.detail-item__label{display:block}.detail-item__value{min-width:0;color:var(--muted);overflow-wrap:anywhere;word-break:break-word;display:block}.technology-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.technology-item{align-content:start;gap:10px;min-height:180px;display:grid}.technology-item__top{justify-content:flex-start;display:flex}.technology-item__category{color:#fcd34d;letter-spacing:.04em;text-transform:uppercase;background:#f59e0b1f;border-radius:999px;align-items:center;width:fit-content;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.technology-item__name{overflow-wrap:anywhere;font-size:1.15rem;line-height:1.3;display:block}.technology-item__meta,.technology-item__evidence,.empty-state{color:var(--muted)}.technology-item__meta,.technology-item__evidence{overflow-wrap:anywhere;margin:0;line-height:1.6}.technology-item__meta{font-weight:600}.error-card h2{margin-top:0}@media (width<=820px){.results-header,.progress-panel,.report-grid{grid-template-columns:1fr;display:grid}.results-header{justify-content:initial}}.co2-widget{background:linear-gradient(135deg,#10b98126,#34d3990d);border:1px solid #34d39933;border-radius:18px;align-items:center;gap:16px;margin-top:16px;padding:16px 20px;display:flex}.co2-widget__icon{font-size:2rem}.co2-widget__text h4{color:#a7f3d0;margin:0 0 4px;font-size:1.1rem}.co2-widget__text p{color:#d1fae5;margin:0;font-size:.9rem}.resource-breakdown{gap:24px;margin-top:16px;display:grid}.pie-chart{border-radius:50%;width:180px;height:180px;margin:0 auto;box-shadow:inset 0 0 0 2px #ffffff1a}.pie-legend{gap:12px;display:grid}.pie-legend__item{background:#ffffff0a;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.pie-legend__label{align-items:center;gap:8px;font-weight:600;display:flex}.pie-legend__color{border-radius:50%;width:12px;height:12px}.pie-legend__value{color:var(--muted);font-size:.9rem}@media (width>=600px){.resource-breakdown{grid-template-columns:auto 1fr;align-items:center}}@media (width>=900px){.performance-split{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.performance-split .performance-details-grid{margin-top:16px}}