.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:var(--color-neutral-900, #0F172A);margin-bottom:1rem}@media(min-width:640px){.calculator-title{font-size:2.5rem}}.calculator-subtitle{font-size:1rem;color:var(--color-neutral-500, #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 var(--color-neutral-200, #E2E8F0);border-radius:.75rem;transition:border-color .2s ease}.url-input:focus{outline:none;border-color:var(--color-primary-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.url-input:disabled{background:var(--color-neutral-50, #F8FAFC);cursor:not-allowed}.analyze-button{padding:1rem 2rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary-blue, #0066FF),var(--color-blue-600, #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 var(--color-neutral-200, #E2E8F0);border-top-color:var(--color-primary-blue, #0066FF);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:var(--color-neutral-900, #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:var(--color-neutral-500, #64748B);padding:.5rem 1rem;background:var(--color-neutral-50, #F8FAFC);border-radius:.5rem}.step.active{color:var(--color-primary-blue, #0066FF);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:var(--color-neutral-500, #64748B);margin-bottom:1rem}.score-message{font-size:1.125rem;color:var(--color-neutral-600, #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:var(--color-neutral-500, #64748B);margin-bottom:.5rem}.metric-bar{height:12px;background:var(--color-neutral-200, #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:var(--color-neutral-900, #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:var(--color-neutral-900, #0F172A);margin-bottom:.5rem}.email-capture>p{font-size:.875rem;color:var(--color-neutral-500, #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 var(--color-neutral-200, #E2E8F0);border-radius:.75rem;transition:border-color .2s ease}.email-input:focus{outline:none;border-color:var(--color-primary-blue, #0066FF);box-shadow:0 0 0 3px #0066ff1a}.submit-button{padding:1rem 2rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-green-500, #00D084),var(--color-green-500, var(--color-green-500, #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:var(--color-neutral-400, #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,var(--color-green-500, #00D084),var(--color-green-500, var(--color-green-500, #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:var(--color-neutral-900, #0F172A);margin-bottom:1rem}.thank-you-state>p{font-size:1.125rem;color:var(--color-neutral-500, #64748B);margin-bottom:1rem}.next-step{font-size:1rem;color:var(--color-neutral-600, #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,var(--color-primary-blue, #0066FF),var(--color-blue-600, #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}}