h1,h2,h3,h4,h5,h6,p{font-family:Gilroy!important}.audit-status-banner::before,.banner-intro::before,.stat-card::before{position:absolute;right:0;content:''}.site-health-card h3,.z-1{z-index:1;position:relative}.audit-status-banner,.input--field input,.site-health-card,.stat-card,nav.navbar{backdrop-filter:blur(10px)}.censored,.score-card-value{user-select:none;filter:blur(8px)}.metric-label,.score-card-label,.stat-label{letter-spacing:.5px;text-transform:uppercase}.config-status,.metric-label,.seo-config-title,.site-health-card h3{text-transform:uppercase}.full-report-section,.report-stat,.score-card,.site-health-card{text-align:center}:root{--page-primary-bg:#FF5500;--page-secondary-bg:#c04000;--page-fade:#FDF8F4;--page-dark:#1A1A1A;--text-grey:#555555;--bg-primary:#0a0e27;--bg-secondary:#131829;--bg-tertiary:#1a1f3a;--bg-card:rgba(26, 31, 58, 0.6);--accent-orange:#ff6b35;--accent-orange-glow:rgba(255, 107, 53, 0.3);--accent-green:#00d4aa;--accent-red:#ff4757;--accent-yellow:#ffa502;--accent-blue:#3498db;--text-primary:#e8eaf6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border-color:rgba(255, 255, 255, 0.08);--success-bg:rgba(0, 212, 170, 0.1);--success-border:rgba(0, 212, 170, 0.3);--warning-bg:rgba(255, 165, 2, 0.1);--warning-border:rgba(255, 165, 2, 0.3);--error-bg:rgba(255, 71, 87, 0.1);--error-border:rgba(255, 71, 87, 0.3);--info-bg:rgba(52, 152, 219, 0.1);--info-border:rgba(52, 152, 219, 0.3);--gradient--bg:linear-gradient(90deg, #121212 0%, #FF5500 100%);--tick-icon:url(../images/keyword-images/tick-green.webp)}.page-primary{background-color:var(--page-primary-bg)}.gradient--bg{background:var(--gradient--bg)}.page-secondary{background-color:var(--page-secondary-bg)}.page-fade{background-color:var(--page-fade)}.page-light{background-color:#f9f9f9}.page-dark{background-color:var(--page-dark)}.text-grey{color:var(--text-grey)}.button-primary{color:var(--white-color);background:var(--page-primary-bg)!important;font-weight:600!important}.button-primary:hover,.sections-wrapper .text-white{color:var(--white-color)!important}.button-primary:hover{background:var(--page-dark)!important}.button-secondary,.button-secondary:hover{background-color:var(--page-primary-bg)!important;color:var(--white-color)!important}.button svg{animation:2s infinite pulso-effect;border-radius:100px}.highlight-text{color:var(--page-primary-bg)!important}@keyframes pulso-effect{0%{-moz-box-shadow:0 0 0 0 rgb(255 255 255 / .8);box-shadow:0 0 0 0 rgb(255 255 255 / .8)}70%{-moz-box-shadow:0 0 0 20px #fff0;box-shadow:0 0 0 20px #fff0}100%{-moz-box-shadow:0 0 0 0 #fff0;box-shadow:0 0 0 0 #fff0}}h1,h2,h3,h4,h5,h6{color:var(--page-dark)!important}.h1,h1{font-size:clamp(2.125rem, -.1211rem + 6.25vw, 3.75rem)}.h2,h2{font-size:clamp(1.875rem, .1472rem + 4.8077vw, 3.125rem)}.font-lg,.h5,h5{font-size:clamp(24px, 11.56px + 2.1635vw, 24px)}p{font-size:clamp(.875rem, .2107rem + 1.3857vw, 1.25rem)}nav.navbar{background-color:rgb(0 0 0 / .75)!important}.banner-intro{border-radius:20px;margin:120px 30px 0}.list--wrapper{display:flex;flex-direction:column;gap:30px}.step--block,.website--from{padding:20px;gap:20px;display:flex;width:100%}.list--wrapper li{display:flex;align-items:center;gap:15px}.ts-control input,.ts-control>input{display:none!important}.list--wrapper.list-grid{gap:30px;display:grid;grid-template-columns:repeat(5,1fr)}.website--from{align-items:center;background:#d74902;border-radius:50px}.check-style{max-width:100%;margin:auto}.check-style .form-check-input{background-color:#fff0;border:1px solid #fff;border-radius:4px}.check-style .form-check-input:checked{background-color:#fff;border-color:#fff;background-image:url(../images/core-web-vitals-checker-images/dark-check.svg)}.input--field{width:100%;max-width:100%}.input--field input::placeholder{color:#eee;color:rgb(255 255 255 / .6)}.website--from .button{padding:16px 20px!important;text-align:center;justify-content:center;width:100%;border:0}.step--block{flex-direction:column;border-right:2px dashed #a7a7a7}.step--block.border-0{border:none}.cta--block{background:var(--gradient--bg);padding:90px;border-radius:20px}.new-faq .accordion-item{padding:36px 0!important}.section-wrapper .new-faq .accordion-item h2.accordion-header button{font-size:26px!important}.banner-intro{padding:100px 0 80px;position:relative;overflow:hidden;background:rgb(0 0 0);background-image:radial-gradient(circle at 20% 20%,rgb(255 107 53 / .05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgb(0 212 170 / .05) 0,transparent 50%)}.banner-intro::before{top:0;left:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.3}.banner-intro h1,.banner-intro p{color:var(--text-primary)!important}.website--from{display:flex;gap:1rem;align-items:stretch;max-width:700px;margin:0 auto;flex-wrap:wrap}.input--field{flex:1;min-width:300px}.input--field input{background-color:#fff0;width:100%;padding:1rem 1.5rem;border-radius:50px;border:2px solid;background:rgb(255 255 255 / .1);color:#fff;font-size:1rem;transition:.3s}.input--field input:focus{outline:0;border-color:var(--accent-orange);background:rgb(255 255 255 / .15)}.submit--field{flex-shrink:0}.submit--field input{padding:16px 30px!important;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,var(--accent-orange) 0,#ff8c5a 100%);border:none;color:#fff;border-radius:50px;font-weight:600;transition:.3s}.submit--field input:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgb(255 107 53 / .3)}.submit--field input:disabled{opacity:.5;cursor:not-allowed;transform:none}.audit-dashboard{display:none}.audit-dashboard.active{display:block}.audit-status-banner{background:linear-gradient(135deg,var(--success-bg) 0,rgb(0 212 170 / .05) 100%);border:1px solid var(--success-border);border-radius:16px;padding:2rem;margin-bottom:3rem;display:flex;align-items:flex-start;gap:1.5rem;position:relative;overflow:hidden}.audit-status-banner::before{top:0;left:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent);animation:3s infinite shimmer}@keyframes shimmer{0%,100%{opacity:0}50%{opacity:1}}.audit-status-banner.crawling{background:linear-gradient(135deg,var(--info-bg) 0,rgb(52 152 219 / .05) 100%);border-color:var(--info-border)}.audit-status-banner.crawling::before{background:linear-gradient(90deg,transparent,var(--accent-blue),transparent)}.audit-status-banner.error{background:linear-gradient(135deg,var(--error-bg) 0,rgb(255 71 87 / .05) 100%);border-color:var(--error-border)}.audit-status-banner.error::before{background:linear-gradient(90deg,transparent,var(--accent-red),transparent)}.audit-status-banner .status-icon{font-size:3rem;line-height:1;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.audit-status-banner .status-content h3{margin:0 0 1rem;font-size:1.75rem;color:var(--accent-green);font-family:Sora,sans-serif;font-weight:700}.audit-status-banner.crawling .status-content h3{color:var(--accent-blue)}.audit-status-banner.error .status-content h3{color:var(--accent-red)}.audit-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.audit-meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);font-family:'JetBrains Mono',monospace}.audit-meta-item strong{color:var(--text-primary);font-weight:600}.site-health-card{background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}.site-health-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--accent-orange-glow) 0,transparent 70%);animation:20s linear infinite rotate;opacity:.3}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.site-health-card h3{font-size:.95rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)!important;letter-spacing:2px}.health-score-circle{width:220px;height:220px;margin:0 auto 2rem;position:relative;z-index:1;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--accent-orange);box-shadow:0 0 0 8px rgb(255 107 53 / .1),0 0 0 16px rgb(255 107 53 / .05),0 10px 40px rgb(255 107 53 / .2)}.report-features,.report-subtitle{margin-left:auto;margin-right:auto;z-index:1}.score-card,.stat-card{background:var(--bg-card);border:1px solid var(--border-color);position:relative;overflow:hidden}.health-score-value{font-size:5rem;font-weight:800;color:var(--accent-orange);font-family:Sora,sans-serif;text-shadow:0 0 30px var(--accent-orange-glow)}.health-score-label{font-size:.85rem;color:var(--text-muted);position:relative;z-index:1;font-family:'JetBrains Mono',monospace}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;height:100%}.stat-card{border-radius:16px;padding:1.75rem;transition:.3s cubic-bezier(.4, 0, .2, 1)}.stat-card::before{top:0;left:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-orange),transparent);transform:translateX(-100%);transition:transform .5s}.score-card:hover,.stat-card:hover{transform:translateY(-4px);border-color:var(--accent-orange)}.cta-button-report::before,.score-card::after{position:absolute;right:0;bottom:0;transition:opacity .3s}.stat-card:hover::before{transform:translateX(100%)}.stat-card:hover{box-shadow:0 8px 32px rgb(255 107 53 / .2)}.stat-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.stat-icon{font-size:1.75rem;line-height:1}.score-card-label,.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.score-card-value,.stat-value{font-weight:800;color:var(--text-primary);font-family:Sora,sans-serif}.stat-value{font-size:2.75rem}.stat-card.pages-crawled{background:linear-gradient(135deg,rgb(255 107 53 / .1) 0,var(--bg-card) 100%)}.stat-card.critical-issues{background:linear-gradient(135deg,rgb(255 71 87 / .1) 0,var(--bg-card) 100%)}.stat-card.warnings{background:linear-gradient(135deg,rgb(255 165 2 / .1) 0,var(--bg-card) 100%)}.stat-card.info-issues{background:linear-gradient(135deg,rgb(52 152 219 / .1) 0,var(--bg-card) 100%)}.score-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.score-card{border-radius:16px;padding:2rem 1.5rem;backdrop-filter:blur(10px);transition:.3s}.metric-card,.seo-config-section{background:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(10px)}.score-card::after{content:'';top:0;left:0;background:linear-gradient(135deg,transparent 0,rgb(255 107 53 / .05) 100%);opacity:0}.cta-button-report:hover::before,.score-card:hover::after{opacity:1}.score-card-icon{font-size:2rem;margin-bottom:1rem;filter:blur(10px)}.score-card-value{font-size:2.5rem;margin-bottom:.5rem}.censored{position:relative;pointer-events:none}.censored::after{content:'🔒';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;filter:blur(0);opacity:.6}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:.3s}.config-item:hover,.metric-card:hover{border-color:var(--accent-orange);transform:translateX(4px)}.metric-icon{font-size:2rem;filter:blur(8px)}.metric-info{flex:1}.metric-value{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;color:var(--text-primary);font-family:Sora,sans-serif;filter:blur(6px)}.metric-label{font-size:.85rem;color:var(--text-secondary)}.config-label,.report-title,.seo-config-title{color:var(--text-primary)}.seo-config-section{display:none;border-radius:20px;padding:2.5rem;margin-bottom:3rem}.config-item,.full-report-section{border:1px solid var(--border-color)}.seo-config-title{font-size:1.1rem;font-weight:700;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;letter-spacing:1px}.config-label,.config-status{font-weight:600;font-family:'JetBrains Mono',monospace}.seo-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.config-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--bg-secondary);border-radius:12px;transition:.3s}.config-label{font-size:.9rem;filter:blur(6px)}.config-status{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;letter-spacing:.5px}.cta-button-report,.report-stat-label{text-transform:uppercase;letter-spacing:1px}.cta-button-report,.report-stat-value,.report-title{font-family:Sora,sans-serif}.config-status.present{background:var(--success-bg);color:var(--accent-green);border:1px solid var(--success-border)}.config-status.missing{background:var(--error-bg);color:var(--accent-red);border:1px solid var(--error-border);filter:blur(6px)}.full-report-section{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-radius:24px;padding:4rem 3rem;position:relative;overflow:hidden;backdrop-filter:blur(10px);margin-bottom:3rem}.report-icon{font-size:5rem;margin-bottom:1.5rem;position:relative;z-index:1;animation:3s ease-in-out infinite float}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.report-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;position:relative;z-index:1}.report-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;position:relative;line-height:1.7}.report-stats{display:flex;justify-content:center;gap:4rem;margin-bottom:3rem;position:relative;z-index:1;flex-wrap:wrap}.report-stat-value{font-size:3rem;font-weight:800;color:var(--accent-orange);margin-bottom:.5rem;filter:blur(8px)}.report-stat-label{font-size:.9rem;color:var(--text-muted);font-weight:600}.report-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.5rem;margin-bottom:3rem;max-width:1050px;position:relative;text-align:start}.report-feature{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;font-size:.9rem;color:var(--text-secondary);transition:.3s}.report-feature:hover{border-color:var(--accent-orange);transform:translateY(-2px)}.report-feature::before{content:'✓';color:var(--accent-green);font-weight:700;font-size:1.2rem}.cta-button-report{display:inline-flex;align-items:center;gap:1rem;padding:1.25rem 3rem;background:linear-gradient(135deg,var(--accent-orange) 0,#ff8c5a 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:1;text-decoration:none;box-shadow:0 10px 40px rgb(255 107 53 / .3)}.progress-bar-pct,.progress-bar-status{font-family:'JetBrains Mono',monospace}.cta-button-report::before{content:'';top:0;left:0;background:linear-gradient(135deg,#ff8c5a 0,var(--accent-orange) 100%);border-radius:12px;opacity:0}.cta-button-report:hover{transform:translateY(-2px);box-shadow:0 15px 50px rgb(255 107 53 / .4);color:#fff}.cta-button-report span{position:relative;z-index:1}.signup-link{margin-top:1.5rem;font-size:.95rem;color:var(--text-secondary);position:relative;z-index:1}.signup-link a{color:var(--accent-orange);text-decoration:none;font-weight:600;transition:color .3s}.signup-link a:hover{color:#ff8c5a;text-decoration:underline}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid;border-radius:50%;border-top-color:#fff;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.country-select-wrapper{flex-shrink:0;height:100%}.ts-wrapper.single{margin-right:8px;flex-shrink:0;height:100%!important;min-height:60px}.ts-control,.ts-dropdown .option{display:flex;align-items:center}.ts-control .item{display:flex;align-items:center;gap:6px}.ts-dropdown [data-selectable] .highlight{background:linear-gradient(90deg,#f50 0,#ffdcca 49.52%,#f50 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:#fff0}.ts-dropdown .option.active,.ts-dropdown .option:hover{background:#ff6a00!important;color:#fff}.ts-wrapper.single .ts-control::after{content:"";opacity:.7;flex-shrink:0}.progress-bar-container{border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--accent-orange);width:0%;transition:width .3s;box-shadow:0 0 10px var(--accent-orange-glow)}@media (max-width:1024px){.report-stats{gap:2rem}}@media (max-width:768px){.website--from{flex-direction:column}.input--field{min-width:100%}.metrics-grid,.report-features,.stats-grid{grid-template-columns:1fr}.health-score-circle{width:180px;height:180px}.health-score-value{font-size:4rem}.score-cards-grid{grid-template-columns:repeat(2,1fr)}.report-title{font-size:1.75rem}.report-subtitle{font-size:1rem}.full-report-section{padding:3rem 1.5rem}.country-select-wrapper{flex-shrink:0;width:auto;min-width:120px}.ts-wrapper.single{width:100%;margin-right:8px;flex-shrink:0;height:100%}.ts-control,.ts-control .item{align-items:center;display:flex}.ts-control{background:rgb(255 255 255 / .1)!important;border:2px solid!important;box-shadow:none!important;height:100%;font-weight:600;color:#fff;border-radius:8px;padding:0 12px!important}.ts-control input{display:none!important}.ts-control .item{gap:6px;font-size:14px;color:#fff!important}.ts-control .item .fi{font-size:17px;border-radius:3px}.ts-dropdown{background:#111!important;border-radius:12px;border:1px solid;margin-top:8px;overflow:hidden}.ts-dropdown .option{padding:10px 14px;color:#fff;display:flex;align-items:center;gap:10px}.ts-dropdown .option.active,.ts-dropdown .option:hover{background:#ff6a00!important;color:#fff}.ts-wrapper.single .ts-control::after{content:"";display:inline-block;width:8px;height:5px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;margin-left:4px;opacity:.7;transition:transform .2s;flex-shrink:0}.ts-wrapper.single.input-active .ts-control::after{transform:rotate(180deg)}}.ts-dropdown .option{flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;min-width:0!important}.ts-control,.ts-control .item{gap:8px!important;font-weight:600!important}.ts-dropdown .option .opt-code{flex-shrink:0!important;min-width:28px!important}.ts-dropdown-content{min-width:260px!important}.country-select-wrapper{flex-shrink:0;width:auto;min-width:100px;align-self:stretch;position:relative}.ts-wrapper.single{width:100%;display:flex;align-items:stretch;position:relative}.ts-control,.ts-control .item,.ts-dropdown .option{display:flex!important;color:#fff!important}.ts-control{background:rgb(255 107 53 / .15)!important;border:2px solid!important;box-shadow:none!important;align-items:center!important;border-radius:50px!important;padding:0 16px!important;min-height:54px!important;cursor:pointer!important;transition:.3s!important;flex-shrink:0!important;flex-grow:0!important;overflow:visible!important;width:100%!important;height:60px!important}.ts-control .item,.ts-dropdown,.ts-dropdown .option{overflow:hidden!important}.ts-control:hover{background:rgb(255 107 53 / .25)!important;border-color:rgb(255 107 53 / .5)!important}.ts-control>input{width:0!important;min-width:0!important;opacity:0!important;position:absolute!important;pointer-events:none!important}.ts-control .item{align-items:center!important;font-size:14px!important;white-space:nowrap!important}.ts-control .item .fi{font-size:18px!important;border-radius:4px!important;box-shadow:0 2px 4px rgb(0 0 0 / .2)!important;flex-shrink:0!important}.ts-wrapper.single .ts-control::after{content:""!important;display:inline-block!important;width:0!important;height:0!important;border-left:5px solid transparent!important;border-right:5px solid transparent!important;border-top:5px solid #fff!important;background:0 0!important;margin-left:4px!important;opacity:.8!important;transition:transform .2s!important;flex-shrink:0!important}.ts-wrapper.single.input-active .ts-control::after{transform:rotate(180deg)!important}.ts-dropdown{position:absolute!important;top:calc(100% + 8px)!important;right:0!important;left:auto!important;width:300px!important;min-width:280px!important;z-index:99999!important;background:#1a1a1a!important;border:2px solid!important;border-radius:12px!important;box-shadow:0 16px 48px rgb(0 0 0 / .6),0 0 0 1px rgb(255 107 53 / .2)!important;max-height:min(320px,60vh)!important;margin:0!important;padding:0!important}.ts-dropdown-content{max-height:min(280px,55vh)!important;overflow-y:auto!important;padding:8px 0!important;scrollbar-width:thin!important;scrollbar-color:rgb(255 107 53 / .5) transparent!important}.ts-dropdown-content::-webkit-scrollbar{width:6px!important}.ts-dropdown-content::-webkit-scrollbar-track{background:0 0!important}.ts-dropdown-content::-webkit-scrollbar-thumb{background:rgb(255 107 53 / .5)!important;border-radius:3px!important}.ts-dropdown-content::-webkit-scrollbar-thumb:hover{background:rgb(255 107 53 / .7)!important}.ts-dropdown .ts-dropdown-header{padding:12px!important;border-bottom:1px solid!important;background:#222!important;position:sticky!important;top:0!important;z-index:2!important}.ts-dropdown input[type=text],.ts-wrapper .ts-dropdown input{width:100%!important;border:2px solid!important;border-radius:8px!important;padding:10px 14px 10px 38px!important;font-size:14px!important;outline:0!important;color:#fff!important;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.5' r='5' stroke='%23ff6b35' stroke-width='1.5'/%3E%3Cpath d='M10.5 10.5l3 3' stroke='%23ff6b35' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") 12px center/16px no-repeat #2a2a2a!important;box-sizing:border-box!important;transition:.3s!important;display:block!important}.ts-wrapper .ts-dropdown input:focus{border-color:var(--accent-orange)!important;background-color:#333!important;box-shadow:0 0 0 3px rgb(255 107 53 / .15)!important}.ts-wrapper .ts-dropdown input::placeholder{color:rgb(255 255 255 / .5)!important}.ts-dropdown .option{padding:12px 16px!important;align-items:center!important;gap:12px!important;font-size:14px!important;cursor:pointer!important;transition:.2s!important;border-left:3px solid transparent!important;white-space:nowrap!important}.ts-dropdown .option .fi{font-size:20px!important;border-radius:4px!important;box-shadow:0 2px 4px rgb(0 0 0 / .3)!important;flex-shrink:0!important}.ts-dropdown .option .opt-name{word-break:break-word!important;flex:1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:500!important}.ts-dropdown .option .opt-code{font-size:11px!important;font-weight:700!important;color:rgb(255 107 53 / .7)!important;letter-spacing:.5px!important;flex-shrink:0!important}.ts-dropdown .option.active,.ts-dropdown .option:hover{background:linear-gradient(90deg,rgb(255 107 53 / .2) 0,rgb(255 107 53 / .05) 100%)!important;border-left-color:var(--accent-orange)!important}.ts-dropdown .option.selected{background:linear-gradient(90deg,rgb(255 107 53 / .3) 0,rgb(255 107 53 / .1) 100%)!important;border-left-color:var(--accent-orange)!important;font-weight:600!important}.ts-dropdown .option.selected .opt-code,.ts-dropdown .option.selected .opt-name{color:var(--accent-orange)!important}.ts-dropdown .no-results{padding:20px!important;text-align:center!important;color:rgb(255 255 255 / .5)!important;font-size:14px!important}.ts-control .placeholder{color:rgb(255 255 255 / .6)!important;font-size:14px!important;font-weight:500!important}.domain-error{color:#000;font-size:14px;margin-top:8px;display:none;font-weight:500}@media (max-width:768px){.country-select-wrapper{width:auto!important;min-width:100px!important;flex-shrink:0!important}.ts-dropdown{right:0!important;left:auto!important;width:260px!important}.ts-control{min-height:50px!important}}@media only screen and (max-width:1599px){.padding-left,.padding-right{--page-width:1200px!important}.padding-left{padding-left:calc(50% -(var(--page-width)/ 2) + 12px)}.padding-right{padding-right:calc(50% -(var(--page-width)/ 2) + 12px)}}@media (width <=1199px){.process-list li:last-child::before,.process-list li:nth-child(2n):not(:last-child)::before,.process-list li:nth-child(odd)::before{width:140px}}@media only screen and (max-width:991px){.banner-intro{padding:40px 20px 0;margin:80px 10px 0}.work--grid{grid-template-columns:repeat(2,1fr)}.website--from{flex-direction:column;max-width:100%}.faq-section .accordion-button{gap:20px}.cta--block{padding:50px 20px}.counter--block{min-height:unset}}@media only screen and (max-width:767px){.mb-50{margin-bottom:30px!important}.section-wrapper .new-faq .accordion-item h2.accordion-header button{font-size:19px!important;line-height:30px}.work--block{flex-direction:column;align-items:flex-start}.input--field{max-width:100%}.website--from .button{max-width:fit-content}.list--wrapper{text-align:left}.list--wrapper.list-grid{grid-template-columns:repeat(1,1fr)}.step--block{border:none}.position-sticky{position:static!important}}@media (max-width:575px){.sections-wrapper .h2,.sections-wrapper h2{font-size:1.875rem!important;line-height:40px!important}}.progress-bar-container{width:100%;margin-top:1rem;display:none}.progress-bar-track{width:100%;height:22px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.progress-bar-fill{height:100%;width:0%;border-radius:99px;background-color:#f50;background-image:repeating-linear-gradient(-55deg,transparent,transparent 10px,rgba(255,255,255,.18) 10px,rgba(255,255,255,.18) 20px);background-size:200% 100%;animation:1s linear infinite stripes-move;transition:width .4s;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}@keyframes stripes-move{0%{background-position:0 0}100%{background-position:-56px 0}}.progress-bar-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.progress-bar-status{font-size:13px;color:rgba(255,255,255,.75);display:flex;align-items:center;gap:8px}.progress-bar-status .dot{width:8px;height:8px;border-radius:50%;background:#f50;animation:1s infinite blink;flex-shrink:0}@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}.progress-bar-pct{font-size:14px;font-weight:700;color:#fff}

/* ==========================================================================
   SEO Checker Hero (light redesign)
   ========================================================================== */
.seo-hero {
    --seo-orange: #ff5500;
    --seo-orange-2: #ff7a1f;
    --seo-ink: #0f1115;
    --seo-text: #5b6170;
    --seo-line: rgba(15, 17, 21, .09);
    --seo-tint: rgba(255, 85, 0, .09);
    --mx: 50%;
    --my: 30%;
    padding: 64px 0 64px;
    border-radius: 28px;
    background: linear-gradient(180deg, #fff1e7 0%, #fff8f3 55%, #fffdfb 100%);
    box-shadow: inset 0 0 0 1px rgba(255, 85, 0, .06);
    isolation: isolate;
}

.seo-hero::before {
    display: none;
}

/* ---------- Decorative background ---------- */
.seo-hero__bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
}

.seo-hero__arc {
    position: absolute;
    border-radius: 50%;
    background: radial-gradient(circle, transparent 54%, rgba(255, 122, 48, .11) 55%, rgba(255, 122, 48, .035) 68%, transparent 69%);
}

.seo-hero__arc--left {
    width: 1100px;
    height: 1100px;
    left: -720px;
    top: -380px;
    animation: seoDrift 18s ease-in-out infinite alternate;
}

.seo-hero__arc--right {
    width: 1000px;
    height: 1000px;
    right: -700px;
    top: -120px;
    animation: seoDrift 22s ease-in-out infinite alternate-reverse;
}

.seo-hero__dots {
    position: absolute;
    width: 240px;
    height: 240px;
    background-image: radial-gradient(rgba(255, 85, 0, .3) 1.4px, transparent 1.6px);
    background-size: 22px 22px;
    -webkit-mask-image: radial-gradient(closest-side, #000 30%, transparent);
    mask-image: radial-gradient(closest-side, #000 30%, transparent);
}

.seo-hero__dots--left {
    left: 1%;
    top: 46%;
}

.seo-hero__dots--right {
    right: 1%;
    top: 8%;
}

.seo-hero__spotlight {
    position: absolute;
    inset: 0;
    background: radial-gradient(640px circle at var(--mx) var(--my), rgba(255, 122, 48, .13), transparent 62%);
    transition: background .2s;
}

@keyframes seoDrift {
    from { transform: translate3d(0, 0, 0) rotate(0deg); }
    to { transform: translate3d(30px, 20px, 0) rotate(8deg); }
}

/* ---------- Floating preview cards ---------- */
.seo-hero__float {
    position: absolute;
    z-index: 0;
    display: none;
    align-items: center;
    gap: 12px;
    padding: 12px 18px 12px 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(255, 255, 255, .95);
    box-shadow: 0 22px 44px -22px rgba(170, 64, 8, .4), 0 2px 6px rgba(15, 17, 21, .04);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    text-align: left;
    pointer-events: none;
    transition: translate .35s cubic-bezier(.2, .7, .2, 1);
    animation: seoFloat 6s ease-in-out infinite;
}

.seo-hero__float--score { left: 4%; top: 150px; }
.seo-hero__float--speed { right: 4%; top: 185px; animation-delay: -1.5s; }
.seo-hero__float--issues { left: 6%; top: 330px; animation-delay: -3s; }
.seo-hero__float--rank { right: 6%; top: 360px; animation-delay: -4.5s; }

@keyframes seoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.seo-float__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--seo-text);
    line-height: 1.2;
}

.seo-float__value {
    font-size: 18px;
    font-weight: 800;
    color: var(--seo-ink);
    line-height: 1.25;
}

.seo-float__value small {
    font-size: 12px;
    font-weight: 600;
    color: var(--seo-text);
}

.seo-float__icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: var(--seo-orange);
    background: var(--seo-tint);
}

.seo-float__icon svg {
    width: 22px;
    height: 22px;
}

.seo-float__icon--warn {
    color: #e5484d;
    background: rgba(229, 72, 77, .1);
}

.seo-float__icon--up {
    color: #12a150;
    background: rgba(18, 161, 80, .1);
}

.seo-float__ring {
    --val: 87;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: conic-gradient(var(--seo-orange) calc(var(--val) * 1%), #ffe3d3 0);
    position: relative;
}

.seo-float__ring::before {
    content: '';
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: #fff;
}

.seo-float__ring span {
    position: relative;
    font-size: 14px;
    font-weight: 800;
    color: var(--seo-ink);
}

@media (min-width: 1400px) {
    .seo-hero__float--score,
    .seo-hero__float--speed { display: flex; }
}

@media (min-width: 1640px) {
    .seo-hero__float--issues,
    .seo-hero__float--rank { display: flex; }
}

/* ---------- Heading block ---------- */
.seo-hero__breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 26px;
    font-size: 16px;
    font-weight: 500;
    color: #5f6470;
}

.seo-hero__breadcrumb a {
    color: var(--seo-orange);
    text-decoration: none;
    transition: color .2s;
}

.seo-hero__breadcrumb a:hover {
    color: var(--seo-ink);
}

.seo-hero__crumb-sep {
    color: #a3a7b0;
}

.seo-hero .seo-hero__title {
    margin: 0 0 18px;
    font-size: clamp(2.75rem, 1.1rem + 6.2vw, 5.75rem);
    font-weight: 800;
    line-height: 1.02;
    letter-spacing: -.035em;
    color: var(--seo-ink) !important;
}

.seo-hero__title span {
    color: var(--seo-orange);
    background: linear-gradient(100deg, var(--seo-orange) 25%, #ff9a52 45%, var(--seo-orange) 65%) 0 0 / 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: seoShine 6s linear infinite;
}

@keyframes seoShine {
    from { background-position: 120% 0; }
    to { background-position: -120% 0; }
}

.seo-hero .seo-hero__lead {
    margin: 0 0 16px;
    font-size: clamp(1.2rem, .85rem + 1.15vw, 1.875rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -.01em;
    color: var(--seo-ink) !important;
}

.seo-hero .seo-hero__desc {
    max-width: 820px;
    margin: 0 auto 40px;
    font-size: clamp(1rem, .9rem + .4vw, 1.3rem);
    font-weight: 400;
    line-height: 1.55;
    color: var(--seo-text) !important;
}

/* ---------- Analyzer form ---------- */
.seo-hero .website--from.seo-form {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    padding: 8px 8px 8px 24px;
    background: #fff;
    border: 1px solid rgba(15, 17, 21, .06);
    border-radius: 999px;
    box-shadow: 0 24px 60px -28px rgba(170, 64, 8, .32), 0 4px 14px rgba(15, 17, 21, .04);
    transition: box-shadow .3s, border-color .3s, transform .3s;
}

.seo-hero .website--from.seo-form:focus-within {
    border-color: rgba(255, 85, 0, .35);
    box-shadow: 0 0 0 5px rgba(255, 85, 0, .1), 0 28px 64px -28px rgba(255, 85, 0, .45);
}

.seo-hero .website--from.seo-form.is-filled {
    animation: seoPing .6s ease-out;
}

@keyframes seoPing {
    0% { box-shadow: 0 0 0 0 rgba(255, 85, 0, .35), 0 24px 60px -28px rgba(170, 64, 8, .32); }
    100% { box-shadow: 0 0 0 14px rgba(255, 85, 0, 0), 0 24px 60px -28px rgba(170, 64, 8, .32); }
}

.seo-hero .seo-form .input--field {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    padding-right: 22px;
}

.seo-hero .seo-form .input--field::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 40px;
    transform: translateY(-50%);
    background: #e6e7ea;
}

.seo-form__icon {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    margin: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #2b2e35;
    background: #f3f3f5;
    cursor: text;
    transition: background .25s, color .25s, transform .25s;
}

.seo-form__icon svg {
    width: 24px;
    height: 24px;
}

.seo-form:focus-within .seo-form__icon {
    color: var(--seo-orange);
    background: var(--seo-tint);
    transform: rotate(-45deg);
}

.seo-hero .seo-form .input--field input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
    outline: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--seo-ink);
}

.seo-hero .seo-form .input--field input::placeholder {
    color: #8a8f99;
    opacity: 1;
}

/* Country select (Tom Select) */
.seo-hero .seo-form .country-select-wrapper {
    flex: 0 0 auto;
    align-self: center;
    width: auto !important;
    min-width: 0 !important;
    height: auto;
    margin: 0 14px 0 22px;
}

.seo-hero .seo-form .ts-wrapper.single {
    width: auto;
    height: auto !important;
    min-height: 0;
    margin: 0;
}

.seo-hero .seo-form .ts-wrapper.single .ts-control {
    width: auto !important;
    height: 56px !important;
    min-height: 0 !important;
    padding: 0 16px 0 10px !important;
    gap: 10px !important;
    border: 1px solid #e3e4e8 !important;
    border-radius: 999px !important;
    background: #fff !important;
    box-shadow: none !important;
    color: var(--seo-ink) !important;
    transition: border-color .2s, box-shadow .2s, background .2s !important;
}

.seo-hero .seo-form .ts-wrapper.single .ts-control:hover,
.seo-hero .seo-form .ts-wrapper.single.focus .ts-control,
.seo-hero .seo-form .ts-wrapper.single.dropdown-active .ts-control {
    border-color: rgba(255, 85, 0, .45) !important;
    background: #fffaf6 !important;
    box-shadow: 0 0 0 4px rgba(255, 85, 0, .08) !important;
}

.seo-hero .seo-form .ts-wrapper.single .ts-control .item {
    max-width: 150px;
    gap: 10px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--seo-ink) !important;
    text-overflow: ellipsis;
}

.seo-hero .seo-form .ts-control .item:has(.opt-code) .opt-name {
    display: none !important;
}

.seo-hero .seo-form .ts-control .item .opt-code {
    font-size: 17px !important;
    color: var(--seo-ink) !important;
}

.seo-hero .seo-form .ts-wrapper.single .ts-control .item .fi {
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 0 0 1px rgba(15, 17, 21, .08) !important;
}

.seo-hero .seo-form .ts-wrapper.single .ts-control .placeholder {
    color: #8a8f99 !important;
}

.seo-hero .seo-form .ts-wrapper.single .ts-control::after {
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 0 0 2px !important;
    border: 0 !important;
    opacity: .75 !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%230f1115' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9L12 15L5 9'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.seo-hero .seo-form .ts-wrapper.single.dropdown-active .ts-control::after {
    transform: rotate(180deg) !important;
}

/* Dropdown: light theme (works whether it renders in the form or in <body>) */
body .ts-dropdown {
    text-align: left !important;
    background: #fff !important;
    border: 1px solid #ececef !important;
    border-radius: 16px !important;
    box-shadow: 0 24px 60px -20px rgba(15, 17, 21, .25), 0 0 0 1px rgba(255, 85, 0, .05) !important;
}

body .ts-dropdown .ts-dropdown-header {
    background: #fff !important;
    border-bottom: 1px solid #f0f0f2 !important;
}

body .ts-dropdown input[type=text],
body .ts-wrapper .ts-dropdown input {
    color: var(--seo-ink, #0f1115) !important;
    border: 1px solid #e3e4e8 !important;
    border-radius: 10px !important;
    background-color: #f7f7f9 !important;
}

body .ts-dropdown input[type=text]:focus,
body .ts-wrapper .ts-dropdown input:focus {
    border-color: rgba(255, 85, 0, .5) !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(255, 85, 0, .12) !important;
}

body .ts-dropdown input[type=text]::placeholder,
body .ts-wrapper .ts-dropdown input::placeholder {
    color: #9a9ea8 !important;
}

body .ts-dropdown .option {
    color: #22252b !important;
}

body .ts-dropdown .option .fi {
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 0 0 1px rgba(15, 17, 21, .08) !important;
}

body .ts-dropdown .option .opt-code {
    color: #9a9ea8 !important;
}

body .ts-dropdown .option.active,
body .ts-dropdown .option:hover {
    color: var(--seo-ink, #0f1115) !important;
    background: #fff4ec !important;
    border-left-color: #ff5500 !important;
}

body .ts-dropdown .option.selected {
    background: #ffe9dc !important;
}

body .ts-dropdown .option.selected .opt-name,
body .ts-dropdown .option.selected .opt-code {
    color: #ff5500 !important;
}

body .ts-dropdown .no-results {
    color: #8a8f99 !important;
}

body .ts-dropdown-content {
    scrollbar-color: rgba(255, 85, 0, .35) transparent !important;
}

/* Submit button */
.seo-hero .seo-form .submit--field {
    flex: 0 0 auto;
}

.seo-hero .seo-form .submit--field input,
.seo-hero .seo-form .submit--field input.button-primary {
    display: block;
    width: auto;
    max-width: none;
    height: 72px;
    margin: 0;
    padding: 0 66px 0 40px !important;
    border: 0;
    border-radius: 999px;
    font-size: 19px;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1;
    color: #fff !important;
    cursor: pointer;
    white-space: nowrap;
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 12H20M14 18L20 12L14 6'/%3E%3C/svg%3E") right 34px center / 22px 22px no-repeat,
        linear-gradient(180deg, var(--seo-orange-2) 0%, var(--seo-orange) 100%) !important;
    box-shadow: 0 14px 28px -12px rgba(255, 85, 0, .7), inset 0 1px 0 rgba(255, 255, 255, .25);
    transition: background-position .3s cubic-bezier(.2, .7, .2, 1), transform .25s, box-shadow .25s, filter .25s;
}

.seo-hero .seo-form .submit--field input:hover,
.seo-hero .seo-form .submit--field input.button-primary:hover {
    background-position: right 26px center, 0 0 !important;
    transform: translateY(-1px);
    box-shadow: 0 18px 34px -12px rgba(255, 85, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .25);
    filter: saturate(1.1);
}

.seo-hero .seo-form .submit--field input:active {
    transform: translateY(1px);
}

.seo-hero .seo-form .submit--field input:focus-visible {
    outline: 3px solid rgba(255, 85, 0, .35);
    outline-offset: 3px;
}

.seo-hero .seo-form .submit--field input:disabled {
    opacity: .6;
    cursor: not-allowed;
    transform: none;
}

/* ---------- Examples ---------- */
.seo-hero__examples {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px 14px;
    margin-top: 26px;
    font-size: 17px;
    font-weight: 500;
    color: #2b2e35;
}

.seo-hero__chip {
    padding: 8px 20px;
    border: 1px solid rgba(255, 85, 0, .1);
    border-radius: 999px;
    background: rgba(255, 85, 0, .08);
    font-size: 17px;
    font-weight: 500;
    color: var(--seo-ink);
    cursor: pointer;
    transition: background .2s, color .2s, border-color .2s, transform .2s;
}

.seo-hero__chip:hover,
.seo-hero__chip:focus-visible {
    background: var(--seo-orange);
    border-color: var(--seo-orange);
    color: #fff;
    transform: translateY(-2px);
    outline: 0;
}

/* ---------- Progress bar (light) ---------- */
.seo-hero .progress-bar-container {
    max-width: 1070px;
    margin: 28px auto 0;
    text-align: left;
}

.seo-hero .progress-bar-track {
    height: 14px;
    background: #ffe7d9;
    border-color: rgba(255, 85, 0, .15);
}

.seo-hero .progress-bar-status {
    color: var(--seo-text);
}

.seo-hero .progress-bar-pct {
    color: var(--seo-ink);
}

.seo-hero .domain-error {
    margin-top: 12px;
    text-align: center;
    color: #d92d20;
}

/* ---------- Report includes ---------- */
.seo-hero__includes {
    max-width: 1240px;
    margin: 52px auto 0;
    padding-top: 48px;
    border-top: 1px solid var(--seo-line);
    text-align: center;
}

.seo-hero .seo-hero__includes-title {
    margin: 0 0 34px;
    font-size: clamp(1.4rem, 1rem + 1.1vw, 2rem) !important;
    line-height: 1.25 !important;
    font-weight: 800;
    letter-spacing: -.015em;
    color: var(--seo-ink) !important;
}

.seo-hero__includes-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

.seo-hero__includes-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 4px 24px;
    text-align: left;
    font-size: 19px;
    line-height: 1.45;
    color: #22252b;
}

.seo-hero__includes-list li + li {
    border-left: 1px solid var(--seo-line);
}

.seo-hero__tick {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--seo-orange);
    background: #ffeadd;
    transition: background .3s, color .3s, transform .4s cubic-bezier(.3, 1.6, .5, 1);
}

.seo-hero__tick svg {
    width: 26px;
    height: 26px;
}

.seo-hero__includes-list li:hover .seo-hero__tick {
    color: #fff;
    background: var(--seo-orange);
    transform: scale(1.08) rotate(-8deg);
}

.seo-hero .seo-hero__note {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 40px 0 0;
    font-size: 18px;
    color: #4b4f58 !important;
}

.seo-hero__note svg {
    width: 24px;
    height: 24px;
    color: var(--seo-orange);
}

/* Keep results directly under the form once the audit runs */
.seo-hero:has(.audit-dashboard.active) .seo-hero__includes {
    display: none;
}

/* ---------- Audit dashboard sits in its own dark panel ---------- */
.seo-hero .audit-dashboard.active {
    margin-top: 40px !important;
    padding: 48px 0 8px;
    border-radius: 28px;
    background: radial-gradient(circle at 15% 0%, rgba(255, 107, 53, .14), transparent 45%), linear-gradient(180deg, #0d1020 0%, #0a0e1c 100%);
    box-shadow: 0 30px 70px -30px rgba(10, 14, 39, .55);
}

/* ---------- Entrance animation ---------- */
.seo-reveal {
    animation: seoReveal .8s cubic-bezier(.2, .7, .2, 1) both;
}

.seo-hero__title.seo-reveal { animation-delay: .08s; }
.seo-hero__lead.seo-reveal { animation-delay: .16s; }
.seo-hero__desc.seo-reveal { animation-delay: .22s; }
.seo-form.seo-reveal { animation-delay: .3s; }
.seo-hero__examples.seo-reveal { animation-delay: .38s; }
.seo-hero__includes.seo-reveal { animation-delay: .46s; }

@keyframes seoReveal {
    from { opacity: 0; transform: translateY(18px); }
    to { opacity: 1; transform: none; }
}

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
    .seo-hero__includes-list li {
        padding: 4px 16px;
        gap: 14px;
        font-size: 17px;
    }

    .seo-hero__tick {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 991px) {
    .seo-hero {
        padding: 44px 8px 44px;
        border-radius: 22px;
    }

    .seo-hero .seo-form .submit--field input,
    .seo-hero .seo-form .submit--field input.button-primary {
        height: 64px;
        padding: 0 58px 0 30px !important;
        font-size: 17px;
        background-position: right 28px center, 0 0 !important;
    }

    /* Stack the URL row above country + button so the input keeps room */
    .seo-hero .website--from.seo-form {
        max-width: 640px;
        flex-wrap: wrap;
        gap: 12px;
        padding: 12px;
        border-radius: 26px;
    }

    .seo-hero .seo-form .input--field {
        flex: 1 1 100%;
        padding: 2px 4px 12px 2px;
        border-bottom: 1px solid #eeeff1;
    }

    .seo-hero .seo-form .input--field::after {
        display: none;
    }

    .seo-hero .seo-form .country-select-wrapper {
        margin: 0;
    }

    .seo-hero .seo-form .ts-dropdown {
        left: 0 !important;
        right: auto !important;
    }

    .seo-hero .seo-form .submit--field {
        flex: 1 1 0;
        min-width: 0;
    }

    .seo-hero .seo-form .submit--field input,
    .seo-hero .seo-form .submit--field input.button-primary {
        width: 100%;
    }

    .seo-hero__includes-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px 0;
    }

    .seo-hero__includes-list li:nth-child(3) {
        border-left: 0;
    }

    .seo-hero__includes-list li {
        justify-content: flex-start;
        padding: 0 28px;
    }
}

@media (max-width: 767px) {
    .seo-hero {
        padding: 32px 0 34px;
        border-radius: 20px;
    }

    .seo-hero__arc--left {
        width: 640px;
        height: 640px;
        left: -470px;
        top: -200px;
    }

    .seo-hero__arc--right {
        width: 560px;
        height: 560px;
        right: -420px;
        top: 160px;
    }

    .seo-hero__dots {
        width: 150px;
        height: 150px;
        background-size: 18px 18px;
    }

    .seo-hero__dots--left { top: 60%; left: -30px; }
    .seo-hero__dots--right { top: 2%; right: -30px; }

    .seo-hero__breadcrumb {
        margin-bottom: 18px;
        font-size: 14px;
        gap: 8px;
    }

    .seo-hero .seo-hero__title {
        margin-bottom: 14px;
        letter-spacing: -.03em;
    }

    .seo-hero .seo-hero__lead {
        margin-bottom: 12px;
    }

    .seo-hero .seo-hero__desc {
        margin-bottom: 28px;
    }

    /* Stacked card: URL row on top, country + button below */
    .seo-hero .website--from.seo-form {
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px;
        border-radius: 24px;
    }

    .seo-hero .seo-form .input--field {
        flex: 1 1 100%;
        gap: 12px;
        padding: 2px 4px 10px 2px;
        border-bottom: 1px solid #eeeff1;
    }

    .seo-hero .seo-form .input--field::after {
        display: none;
    }

    .seo-form__icon {
        width: 44px;
        height: 44px;
    }

    .seo-form__icon svg {
        width: 20px;
        height: 20px;
    }

    .seo-hero .seo-form .input--field input {
        height: 48px;
        font-size: 16px;
    }

    .seo-hero .seo-form .country-select-wrapper {
        margin: 0;
    }

    .seo-hero .seo-form .ts-wrapper.single .ts-control {
        height: 54px !important;
        padding: 0 12px 0 8px !important;
        gap: 8px !important;
    }

    .seo-hero .seo-form .ts-wrapper.single .ts-control .item,
    .seo-hero .seo-form .ts-control .item .opt-code {
        font-size: 16px !important;
    }

    .seo-hero .seo-form .ts-wrapper.single .ts-control .item {
        max-width: 110px;
    }

    .seo-hero .seo-form .ts-wrapper.single .ts-control .item .fi {
        width: 22px !important;
        height: 22px !important;
        line-height: 22px !important;
    }

    .seo-hero .seo-form .ts-dropdown {
        left: 0 !important;
        right: auto !important;
        width: min(300px, calc(100vw - 48px)) !important;
        min-width: 0 !important;
    }

    .seo-hero .seo-form .ts-dropdown-content {
        min-width: 0 !important;
    }

    .seo-hero .seo-form .submit--field {
        flex: 1 1 0;
        min-width: 0;
    }

    .seo-hero .seo-form .submit--field input,
    .seo-hero .seo-form .submit--field input.button-primary {
        width: 100%;
        height: 54px;
        padding: 0 54px 0 22px !important;
        font-size: 16px;
        background-position: right 22px center, 0 0 !important;
        background-size: 20px 20px, auto !important;
    }

    .seo-hero .seo-form .submit--field input:hover {
        background-position: right 16px center, 0 0 !important;
    }

    .seo-hero__examples {
        margin-top: 20px;
        gap: 10px;
        font-size: 15px;
    }

    .seo-hero__examples > span {
        flex: 0 0 100%;
    }

    .seo-hero__chip {
        padding: 7px 16px;
        font-size: 15px;
    }

    .seo-hero__includes {
        margin-top: 34px;
        padding-top: 32px;
    }

    .seo-hero .seo-hero__includes-title {
        margin-bottom: 20px;
    }

    .seo-hero__includes-list {
        gap: 10px;
    }

    .seo-hero__includes-list li,
    .seo-hero__includes-list li + li {
        flex-direction: column;
        justify-content: flex-start;
        gap: 10px;
        padding: 16px 10px;
        border: 1px solid rgba(255, 85, 0, .1);
        border-radius: 16px;
        background: rgba(255, 255, 255, .7);
        text-align: center;
        font-size: 15px;
        line-height: 1.4;
    }

    .seo-hero__tick {
        width: 42px;
        height: 42px;
    }

    .seo-hero__tick svg {
        width: 20px;
        height: 20px;
    }

    .seo-hero .seo-hero__note {
        margin-top: 26px;
        font-size: 15px;
        gap: 8px;
    }

    .seo-hero__note svg {
        width: 20px;
        height: 20px;
    }

    .seo-hero .audit-dashboard.active {
        margin-top: 28px !important;
        padding: 28px 0 4px;
        border-radius: 20px;
    }
}

/* Very narrow phones: country and button each take a full row */
@media (max-width: 379px) {
    .seo-hero .seo-form .country-select-wrapper,
    .seo-hero .seo-form .submit--field {
        flex: 1 1 100%;
    }

    .seo-hero .seo-form .ts-wrapper.single,
    .seo-hero .seo-form .ts-wrapper.single .ts-control {
        width: 100% !important;
    }

    .seo-hero .seo-form .ts-wrapper.single .ts-control::after {
        margin-left: auto !important;
    }

    .seo-hero .seo-form .input--field input {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .seo-hero *,
    .seo-hero *::before,
    .seo-hero *::after {
        animation: none !important;
        transition: none !important;
    }
}