.speed-test-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:44px}.speed-kicker,.speed-result-header>div>span{font:700 11px 'Montserrat';letter-spacing:1.7px;color:#070c69}.speed-test-copy h2{margin:10px 0 12px;font-size:30px}.speed-test-copy p{margin:0;color:var(--qr-muted);line-height:1.75}.speed-form label{display:block;margin-bottom:9px;font:600 13px 'Montserrat';color:var(--qr-ink)}.speed-url-row{display:grid;grid-template-columns:1fr 180px;gap:10px}.speed-url-input{display:flex;align-items:center;border:1px solid #ded6e2;border-radius:9px;background:#fff;transition:.2s}.speed-url-input:focus-within{border-color:#070c69;box-shadow:0 0 0 3px rgba(7,12,105,.08)}.speed-url-input i{padding-left:15px;color:#070c69}.speed-url-input input{width:100%;padding:14px 13px;border:0;background:transparent;outline:none;color:var(--qr-ink)}.speed-url-row .qr-primary-btn{padding-left:12px;padding-right:12px}.speed-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:14px}.speed-form-bottom>span{font-size:13px;color:black}.speed-form-bottom>span i{margin-right:5px;color:#46905a}.speed-device-tabs{display:flex;padding:3px;border-radius:8px;background:#f1eef3}.speed-device-tabs button{padding:7px 11px;border:0;border-radius:6px;background:transparent;font-size:14px;color:black;cursor:pointer}.speed-device-tabs button.active{background:#070c69;box-shadow:0 2px 7px rgba(7,12,105,.22);color:#fff;font-size: 14px}.speed-device-tabs i{margin-right:5px}.speed-form .qr-error{margin-bottom:0}
.speed-loading{margin-top:28px;padding:55px;text-align:center}.speed-loading h2{margin:18px 0 8px;font-size:21px}.speed-loading p{color:var(--qr-muted);font-size:13px}.speed-loader{display:flex;justify-content:center;gap:7px}.speed-loader span{width:12px;height:12px;border-radius:50%;background:#070c69;animation:speedPulse 1.1s infinite ease-in-out}.speed-loader span:nth-child(2){animation-delay:.15s}.speed-loader span:nth-child(3){animation-delay:.3s}.speed-loading-line{max-width:360px;height:5px;margin:25px auto 0;border-radius:5px;background:#ece9ef;overflow:hidden}.speed-loading-line span{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2601bf,#000);animation:speedLine 1.5s infinite ease-in-out}@keyframes speedPulse{0%,80%,100%{transform:scale(.7);opacity:.45}40%{transform:scale(1);opacity:1}}@keyframes speedLine{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
.speed-results{margin-top:65px}.speed-result-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.speed-result-header h2{margin:6px 0;font-size:28px}.speed-result-header p{margin:0;color:black;font-size:14px;word-break:break-all}.speed-tested-meta{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:8px;background:#eeecf3;color:#070c69;font-size:12px}.speed-mode-note{margin:-8px 0 22px;padding:12px 15px;border-left:3px solid #d88a00;border-radius:6px;background:#fff8e8;color:#6f520f;font-size:14px;line-height:1.6}.speed-score-grid{display:grid;grid-template-columns:285px 1fr;gap:22px}.speed-score-card{padding:30px;text-align:center}.speed-gauge{position:relative;display:flex;align-items:center;justify-content:center;width:150px;height:150px;margin:0 auto 20px;border-radius:50%;background:conic-gradient(var(--score-color,#070c69) calc(var(--score,0)*1%),#ece9ef 0);color:var(--score-color,#070c69)}.speed-gauge:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.speed-gauge strong,.speed-gauge span{position:relative;z-index:1}.speed-gauge strong{font:700 44px/1 'Montserrat'}.speed-gauge span{margin-top:22px;font-size:13px;line-height:1}.speed-score-card h3{font-size:17px}.speed-score-card p{margin:0;color:black;font-size:14px}.speed-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.speed-metric{padding:22px;border:1px solid var(--qr-line);border-radius:13px;background:#fff}.speed-metric-head{display:flex;justify-content:space-between;gap:8px}.speed-metric-head i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--metric-color,#070c69)}.speed-metric strong,.speed-metric span{display:block}.speed-metric strong{margin:15px 0 5px;font:700 22px 'Montserrat';color:var(--qr-ink)}.speed-metric span{font-size:14px;color:black;font-weight: bold}.speed-opportunities{margin-top:22px;padding:30px}.speed-opportunity{display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:start;padding:17px 0;border-top:1px solid var(--qr-line)}.speed-opportunity:first-child{border-top:0}.speed-opportunity>i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#efedf5;color:#070c69}.speed-opportunity strong{display:block;margin-bottom:5px;font-size:14px;color: black;font-weight: bold!important;}.speed-opportunity p{margin:0;color:black;font-size:14px;line-height:1.6}.speed-opportunity>span{padding:4px 8px;border-radius:5px;background:#f0eef3;font-size:14px;color:#070c69}.speed-empty-opportunities{padding:25px;text-align:center;color:#4d7c57;background:#f2faf4;border-radius:9px}.speed-empty-opportunities i{margin-right:7px}.speed-metrics-guide{margin-top:100px}
@media(max-width:991px){.speed-test-card{grid-template-columns:1fr;gap:28px}.speed-score-grid{grid-template-columns:1fr}.speed-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.speed-test-card{padding:25px}.speed-url-row{grid-template-columns:1fr}.speed-form-bottom,.speed-result-header{align-items:flex-start;flex-direction:column}.speed-score-grid{grid-template-columns:1fr}.speed-metrics{grid-template-columns:1fr}.speed-opportunity{grid-template-columns:36px 1fr}.speed-opportunity>span{grid-column:2}.speed-loading{padding:40px 22px}}
