.speed-test-page{min-height:100vh;background:linear-gradient(180deg,#f7f7f5,#e8eee7);color:#38393e;padding-top:10rem;padding-bottom:6rem}.speed-test-container{max-width:920px;margin:0 auto;padding:0 1.5rem}.speed-test-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#233c32;background:rgba(49,83,69,.12);border:1px solid rgba(49,83,69,.3);padding:.35rem .85rem;border-radius:99px;margin-bottom:1.25rem}.speed-test-title{font-size:clamp(2rem,5vw,3.25rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 1rem;color:#1c1d21}.speed-test-lead{font-size:1.1rem;line-height:1.55;color:#6d6e72;margin:0 0 2.5rem;max-width:620px}.speed-form{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.speed-form input[type=url]{flex:1;min-width:0;background:#ffffff;border:1px solid rgba(20,20,19,.14);border-radius:12px;padding:1rem 1.25rem;color:#1c1d21;font-size:1rem;font-family:inherit}.speed-form input[type=url]:focus{outline:none;border-color:#315345;background:rgba(49,83,69,.08)}.speed-form input::placeholder{color:#b0aea5}.speed-form button{background:#1c1d21;color:#f7f7f5;border:none;border-radius:99px;padding:1rem 1.75rem;font-weight:600;font-size:1rem;font-family:inherit;cursor:pointer;transition:transform .15s ease,background .15s ease;white-space:nowrap}.speed-form button:hover:not(:disabled){background:#2a2a27;transform:translateY(-1px)}.speed-form button:disabled{opacity:.6;cursor:not-allowed}.speed-fineprint{font-size:.85rem;color:#6d6e72;margin:0 0 3rem}.speed-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);color:#b91c1c;padding:1rem 1.25rem;border-radius:10px;margin-bottom:1.5rem}.speed-result-url{margin:0 0 1rem;color:#6d6e72;font-size:.85rem;overflow-wrap:anywhere}.speed-measurement-note,.speed-provider-notice{margin:0 0 1.5rem;padding:1rem 1.15rem;border:1px solid rgba(49,83,69,.22);border-radius:12px;background:rgba(49,83,69,.07);color:#38393e;font-size:.9rem;line-height:1.55}.speed-provider-notice{border-color:rgba(161,98,7,.28);background:rgba(234,179,8,.1)}.speed-measurement-note.is-basic{border-color:rgba(61,106,153,.24);background:rgba(106,155,204,.1)}.speed-mode-label{display:inline-flex;margin:0 0 1.5rem;padding:.55rem .9rem;border:1px solid rgba(20,20,19,.1);border-radius:99px;background:#fff;color:#38393e;font-size:.85rem;font-weight:600}.speed-tabs{display:inline-flex;background:#e8eee7;border:1px solid rgba(20,20,19,.08);border-radius:99px;padding:4px;margin-bottom:1.5rem}.speed-tab{appearance:none;background:transparent;border:none;padding:.6rem 1.4rem;color:#6d6e72;font-size:.9rem;font-family:inherit;border-radius:99px;cursor:pointer;font-weight:500;transition:all .15s ease}.speed-tab.active{background:#1c1d21;color:#f7f7f5}.speed-tab:hover:not(.active){color:#1c1d21}.speed-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2.5rem}.score-gauge{background:#ffffff;border:1px solid rgba(20,20,19,.08);border-radius:16px;padding:1.5rem;text-align:center}.score-circle{width:90px;height:90px;margin:0 auto .75rem;position:relative;display:flex;align-items:center;justify-content:center}.score-circle svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.score-circle circle{fill:none;stroke-width:8}.score-circle .track{stroke:rgba(20,20,19,.1)}.score-circle.good .indicator{stroke:#22c55e}.score-circle.mid .indicator{stroke:#eab308}.score-circle.bad .indicator{stroke:#ef4444}.score-circle.na .indicator{stroke:#b8b8b2}.score-value{font-size:1.6rem;font-weight:700;position:relative;z-index:1;color:#1c1d21}.score-label{font-size:.8rem;color:#6d6e72;text-transform:uppercase;letter-spacing:.08em}.metrics-section h2,.opportunities-section h2{font-size:1.3rem;margin:0 0 1rem;color:#1c1d21}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-bottom:2.5rem}.metric-card{background:#ffffff;border:1px solid rgba(20,20,19,.08);border-radius:12px;padding:1.1rem 1.25rem}.metric-card.is-na{background:rgba(255,255,255,.72)}.metric-name{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#6d6e72;margin:0 0 .5rem;display:flex;align-items:center;gap:.45rem}.metric-status-dot{width:8px;height:8px;border-radius:99px}.metric-status-dot.good{background:#22c55e}.metric-status-dot.mid{background:#eab308}.metric-status-dot.bad{background:#ef4444}.metric-status-dot.na{background:#9a9a94}.metric-value{font-size:1.4rem;font-weight:700;margin:0;color:#1c1d21;overflow-wrap:anywhere}.metric-hint{color:#6d6e72;font-size:.78rem;margin:.25rem 0 0}.opportunities-section{margin-bottom:2.5rem}.opportunity{background:#ffffff;border:1px solid rgba(20,20,19,.08);border-radius:12px;padding:1.1rem 1.25rem;margin-bottom:.6rem}.opportunity-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.opportunity-title{font-weight:600;font-size:1rem;margin:0;color:#1c1d21}.opportunity-savings{font-size:.85rem;color:#233c32;white-space:nowrap;font-weight:600}.opportunity-desc{margin:.4rem 0 0}.opportunity-desc,.speed-empty-note{color:#6d6e72;font-size:.9rem;line-height:1.5}.speed-empty-note{margin:0 0 2.5rem;padding:1rem 1.15rem;border:1px solid rgba(20,20,19,.08);border-radius:12px;background:rgba(255,255,255,.7)}.speed-basic h2{margin:0 0 1rem;color:#1c1d21;font-size:1.3rem}.speed-cta-box{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,rgba(49,83,69,.12),rgba(73,107,91,.05));border:1px solid rgba(49,83,69,.3);border-radius:18px}.speed-cta-box h3{font-size:1.4rem;margin:0 0 .5rem;color:#1c1d21}.speed-cta-box p{color:#38393e;margin:0 0 1.25rem;line-height:1.55}.speed-cta-actions{display:flex;flex-wrap:wrap;gap:.75rem}.speed-cta-actions a{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding:.8rem 1.4rem;border-radius:99px;font-weight:600;font-size:.95rem;transition:transform .15s ease,background .15s ease}.speed-cta-primary{background:#315345;color:#fff}.speed-cta-primary:hover{background:#233c32;transform:translateY(-1px)}.speed-cta-secondary{background:transparent;color:#1c1d21;border:1px solid rgba(20,20,19,.18)}.speed-cta-secondary:hover{background:rgba(20,20,19,.04)}@media (max-width:640px){.speed-test-page{padding-top:6.5rem;padding-bottom:3.5rem}.speed-form{flex-direction:column}.speed-tab{padding:.75rem 1.3rem}}