.tool-page{max-width:860px;min-height:100vh;margin:0 auto;padding:0 24px}.tool-hero{text-align:center;padding:48px 0 40px}.tool-tag{background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.tool-h1{font-family:var(--heading);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.15}.tool-sub{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:17px;line-height:1.65}.tool-cta-btn{background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;padding:14px 32px;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s;display:inline-block}.tool-cta-btn:hover{opacity:.88;transform:translateY(-1px)}.tool-error{color:var(--coral);margin:4px 0 8px;font-size:14px}.tool-privacy{text-align:center;color:var(--text-muted);margin-top:10px;font-size:13px}.tool-submit-btn{background:var(--accent);width:100%;color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s}.tool-submit-btn:hover{opacity:.88}.tool-submit-btn:disabled{opacity:.5;cursor:not-allowed}.tool-form-wrap{max-width:600px;margin:0 auto}.tool-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:560px){.tool-field-row{grid-template-columns:1fr}}.tool-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.tool-field label{color:var(--text-secondary);font-size:14px;font-weight:600}.tool-field input,.tool-field select,.tool-field textarea{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:12px 14px;font-size:15px;transition:border-color .2s}.tool-field input::placeholder,.tool-field textarea::placeholder{color:var(--text-muted)}.tool-field input:focus,.tool-field select:focus,.tool-field textarea:focus{border-color:var(--accent)}.tool-field select option{background:var(--bg-card)}.tool-chip-grid{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.tool-chip{border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer;color:var(--text-secondary);border-radius:100px;padding:8px 16px;font-size:13px;transition:all .18s}.tool-chip:hover{border-color:var(--accent);color:var(--accent)}.tool-chip.selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:600}.audit-benefits{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:44px;display:grid}@media (max-width:640px){.audit-benefits{grid-template-columns:1fr}}.audit-benefit{text-align:center;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);padding:24px 20px}.audit-benefit-icon{margin-bottom:10px;font-size:28px}.audit-benefit-title{margin-bottom:6px;font-size:15px;font-weight:700}.audit-benefit-desc{color:var(--text-muted);font-size:13px;line-height:1.55}.audit-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px}@media (max-width:600px){.audit-form{padding:24px 18px}}.audit-form-title{font-family:var(--heading);margin-bottom:4px;font-size:1.4rem;font-weight:700}.audit-form-sub{color:var(--text-muted);margin-bottom:24px;font-size:14px}.audit-thankyou{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:48px 32px}.audit-thankyou-icon{margin-bottom:16px;font-size:48px}.audit-thankyou h2{font-family:var(--heading);margin-bottom:12px;font-size:1.6rem}.audit-thankyou p{color:var(--text-secondary);line-height:1.6}.audit-proof{text-align:center;color:var(--text-muted);padding:40px 0 20px;font-size:14px}.audit-proof-label{margin-bottom:8px}.audit-proof-countries{color:var(--text-secondary);font-size:16px}.speed-form-wrap{max-width:640px;margin:0 auto 32px}.speed-form{gap:10px;display:flex}@media (max-width:560px){.speed-form{flex-direction:column}}.speed-url-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);flex:1;padding:14px 18px;font-size:15px;transition:border-color .2s}.speed-url-input::placeholder{color:var(--text-muted)}.speed-url-input:focus{border-color:var(--accent)}.speed-check-btn{background:var(--accent);color:var(--bg);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:700;transition:opacity .2s;display:flex}.speed-check-btn:hover{opacity:.88}.speed-check-btn:disabled{opacity:.5;cursor:not-allowed}.speed-spinner{border:2px solid #0b0f1a4d;border-top-color:var(--bg);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.speed-loading{text-align:center;color:var(--text-secondary);padding:32px 0;line-height:1.8}.speed-loading-bar{background:var(--border);border-radius:100px;width:280px;height:4px;margin:0 auto 20px;overflow:hidden}.speed-loading-fill{background:var(--accent);border-radius:100px;height:100%;animation:15s linear forwards loading-progress}@keyframes loading-progress{0%{width:0%}80%{width:85%}to{width:95%}}.speed-results{max-width:700px;margin:0 auto}.speed-results-url{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:14px}.speed-results-top{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:32px;margin-bottom:40px;padding:32px;display:flex}@media (max-width:600px){.speed-results-top{flex-direction:column;align-items:center}}.speed-score-col{text-align:center;flex-shrink:0}.speed-score-label{color:var(--text-muted);margin-top:8px;font-size:13px}.score-ring-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.score-ring-inner{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.score-ring-num{font-family:var(--heading);font-size:2.4rem;font-weight:800;line-height:1}.score-ring-label{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.speed-cwv-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;display:grid}.cwv-card{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-elevated);text-align:center;padding:12px 14px}.cwv-val{margin-bottom:4px;font-size:1.25rem;font-weight:700}.cwv-label{color:var(--text-muted);font-size:11px;line-height:1.3}.cwv-pass{margin-top:4px;font-size:13px;font-weight:700}.speed-opps{margin-bottom:40px}.speed-opps-title{font-family:var(--heading);margin-bottom:16px;font-size:1.2rem;font-weight:700}.speed-opp{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);cursor:pointer;margin-bottom:10px;transition:border-color .2s;overflow:hidden}.speed-opp:hover{border-color:var(--border-hover)}.speed-opp-header{align-items:center;gap:12px;padding:14px 16px;display:flex}.speed-opp-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.speed-opp-title{flex:1;font-size:15px;font-weight:600}.speed-opp-toggle{color:var(--text-muted);font-size:11px}.speed-opp-tip{color:var(--text-secondary);border-top:1px solid var(--border);padding:12px 16px 16px 38px;font-size:14px;line-height:1.65}.speed-perfect{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);margin-bottom:32px;padding:28px;font-size:15px}.speed-cta{text-align:center;background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius);margin-bottom:16px;padding:36px 28px}.speed-cta h3{font-family:var(--heading);margin-bottom:8px;font-size:1.3rem;font-weight:700}.speed-cta p{color:var(--text-secondary);margin-bottom:20px;font-size:14px;line-height:1.6}.speed-examples{text-align:center;color:var(--text-muted);padding:32px 0;font-size:14px}.checklist-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;margin:0 auto 28px;padding:24px;position:relative;overflow:hidden}.checklist-preview-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:12px;font-weight:700}.checklist-preview-item{border-bottom:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.checklist-preview-box{border:2px solid var(--border-hover);border-radius:5px;flex-shrink:0;width:18px;height:18px}.checklist-preview-blur{margin-top:8px;position:relative}.checklist-blur-items{filter:blur(5px);opacity:.5;flex-direction:column;gap:10px;padding:10px 0;display:flex}.checklist-blur-row{background:var(--bg-elevated);border-radius:6px;height:14px}.checklist-blur-overlay{color:var(--accent);background:linear-gradient(180deg, transparent, var(--bg-card) 60%);justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;position:absolute;inset:0}.checklist-gate{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;max-width:480px;margin:0 auto 40px;padding:36px 32px}.checklist-gate h2{font-family:var(--heading);margin-bottom:6px;font-size:1.4rem;font-weight:700}.checklist-gate>p{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.checklist-gate-form{text-align:left;flex-direction:column;gap:10px;display:flex}.checklist-gate-form input{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);padding:13px 14px;font-size:15px}.checklist-gate-form input::placeholder{color:var(--text-muted)}.checklist-gate-form input:focus{border-color:var(--accent)}.checklist-progress-wrap{max-width:700px;margin:0 auto 24px}.checklist-progress-bar{background:var(--bg-elevated);border-radius:100px;height:8px;margin-bottom:8px;overflow:hidden}.checklist-progress-fill{background:var(--accent);border-radius:100px;height:100%;transition:width .4s}.checklist-progress-label{color:var(--text-muted);justify-content:space-between;font-size:13px;display:flex}.checklist-score{color:var(--accent);font-weight:700}.checklist-nudge{border-radius:var(--radius-xs);background:var(--coral-dim);border:1px solid var(--coral);max-width:700px;color:var(--coral);margin:0 auto 24px;padding:14px 18px;font-size:14px;line-height:1.5}.checklist-nudge a{color:var(--coral);font-weight:700;text-decoration:underline}.checklist-nudge.good{border-color:var(--amber);color:var(--amber);background:#fbbf2414}.checklist-nudge.great{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.checklist-section{max-width:700px;margin:0 auto 36px}.checklist-section-title{font-family:var(--heading);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:10px;font-size:1.1rem;font-weight:700}.checklist-item{border-radius:var(--radius-xs);cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:12px;margin-bottom:4px;padding:13px 16px;transition:background .15s;display:flex}.checklist-item:hover{background:var(--bg-card);border-color:var(--border)}.checklist-item.checked{background:var(--accent-dim);border-color:#06d6a033}.checklist-item input[type=checkbox]{border:2px solid var(--border-hover);background:var(--bg-elevated);cursor:pointer;width:18px;height:18px;accent-color:var(--accent);border-radius:5px;flex-shrink:0;margin-top:1px}.checklist-item-text{color:var(--text-secondary);font-size:14px;line-height:1.55}.checklist-item.checked .checklist-item-text{color:var(--text);opacity:.65;text-decoration:line-through}.tools-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:56px;display:grid}@media (max-width:760px){.tools-grid{grid-template-columns:1fr}}.tools-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;padding:28px 24px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.tools-card:hover{border-color:var(--accent);box-shadow:0 12px 40px var(--accent-glow);transform:translateY(-3px)}.tools-card h2{font-family:var(--heading);margin-bottom:8px;font-size:1.1rem;font-weight:700}.tools-card p{color:var(--text-secondary);flex:1;font-size:14px;line-height:1.6}.tools-card-icon{margin-bottom:12px;font-size:28px}.tools-card-badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.tools-card-list{flex-direction:column;gap:4px;margin:14px 0 16px;list-style:none;display:flex}.tools-card-list li{color:var(--text-muted);font-size:13px}.tools-card-cta{color:var(--accent);margin-top:auto;font-size:14px;font-weight:700}.tools-footer-cta{text-align:center;border-top:1px solid var(--border);margin-bottom:64px;padding:48px 24px}.tools-footer-cta h2{font-family:var(--heading);margin-bottom:8px;font-size:1.5rem;font-weight:700}.tools-footer-cta p{color:var(--text-secondary);margin-bottom:24px;font-size:15px}[data-theme=light] .audit-form,[data-theme=light] .audit-benefit,[data-theme=light] .audit-thankyou,[data-theme=light] .tools-card,[data-theme=light] .checklist-gate,[data-theme=light] .checklist-preview,[data-theme=light] .speed-results-top,[data-theme=light] .speed-opp,[data-theme=light] .speed-perfect{box-shadow:0 1px 3px #0000000d}[data-theme=light] .tools-card:hover{box-shadow:0 12px 40px #0e8a6e1a}[data-theme=light] .checklist-gate-form input,[data-theme=light] .speed-url-input,[data-theme=light] .tool-field input,[data-theme=light] .tool-field select,[data-theme=light] .tool-field textarea{background:#f4f3f0}