.seo-calculator{max-width:700px;margin:0 auto;padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:0 8px 32px #0000001f}.calculator-input{text-align:center}.calculator-title{font-size:2rem;font-weight:900;color:#0f172a;margin-bottom:1rem}@media(min-width:640px){.calculator-title{font-size:2.5rem}}.calculator-subtitle{font-size:1rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.input-group{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.input-group{flex-direction:row}}.url-input{flex:1;padding:1rem 1.5rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:.75rem;transition:border-color .2s ease}.url-input:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.url-input:disabled{background:#f8fafc;cursor:not-allowed}.analyze-button{padding:1rem 2rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#06f,#0052cc);border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.analyze-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0066ff4d}.analyze-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.analyzing-state{text-align:center;padding:3rem 1rem}.spinner{width:64px;height:64px;border:6px solid #e2e8f0;border-top-color:#06f;border-radius:50%;margin:0 auto 2rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analyzing-text{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:2rem}.analyzing-steps{display:flex;flex-direction:column;gap:.75rem;max-width:400px;margin:0 auto;text-align:left}.step{font-size:.875rem;color:#64748b;padding:.5rem 1rem;background:#f8fafc;border-radius:.5rem}.step.active{color:#06f;background:#0066ff1a;font-weight:600}.score-display{text-align:center;padding:2rem 0}.score-grade{font-size:6rem;font-weight:900;line-height:1;margin-bottom:.5rem}@media(min-width:640px){.score-grade{font-size:8rem}}.score-percentage{font-size:1.5rem;color:#64748b;margin-bottom:1rem}.score-message{font-size:1.125rem;color:#475569;margin-bottom:2rem}.metrics-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.metric{text-align:left}.metric-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.metric-bar{height:12px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.metric-fill{height:100%;border-radius:6px;transition:width 1s ease-out}.metric-value{font-size:.875rem;font-weight:700;color:#0f172a}.email-capture{padding:2rem;background:linear-gradient(135deg,#0066ff0d,#00d0840d);border-radius:1rem;border:2px solid rgba(0,102,255,.1);margin-top:2rem}.email-capture h4{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:.5rem}.email-capture>p{font-size:.875rem;color:#64748b;margin-bottom:1.5rem}.email-input-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media(min-width:640px){.email-input-group{flex-direction:row}}.email-input{flex:1;padding:1rem 1.5rem;font-size:1rem;border:2px solid #e2e8f0;border-radius:.75rem;transition:border-color .2s ease}.email-input:focus{outline:none;border-color:#06f;box-shadow:0 0 0 3px #0066ff1a}.submit-button{padding:1rem 2rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#00d084,#00b872);border:none;border-radius:.75rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00d0844d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.privacy-note{font-size:.75rem;color:#94a3b8;text-align:center;margin:0}.thank-you-state{text-align:center;padding:3rem 1rem}.success-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#00d084,#00b872);color:#fff;font-size:3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 8px 24px #00d0844d}.thank-you-state h3{font-size:2rem;font-weight:900;color:#0f172a;margin-bottom:1rem}.thank-you-state>p{font-size:1.125rem;color:#64748b;margin-bottom:1rem}.next-step{font-size:1rem;color:#475569;margin:2rem 0 1.5rem}.book-call-button{display:inline-block;padding:1rem 2rem;font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#06f,#0052cc);border:none;border-radius:.75rem;text-decoration:none;cursor:pointer;transition:all .3s ease}.book-call-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0066ff4d}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.metric-fill{transition:none}.analyze-button:hover,.submit-button:hover,.book-call-button:hover{transform:none}}