.seo-tool-page{min-height:75vh;padding-block:150px 70px}.seo-tool-heading{margin-bottom:42px}.seo-tool-heading>p{letter-spacing:.12em;color:#a59bae;margin:0 0 18px;font-size:12px}.seo-tool-heading h1{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 18px;font-size:clamp(34px,4.4vw,60px);font-weight:400;line-height:1.15}.seo-tool-heading>span{color:#b8b0c1;font-size:17px}.seo-workbench{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:26px;display:grid}.seo-mode-nav{gap:14px;display:grid;position:sticky;top:110px}.seo-mode-nav button{text-align:left;color:#e7e2ec;cursor:pointer;background:linear-gradient(145deg,#242127,#101013);border:1px solid #ffffff26;border-radius:20px;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:24px 20px;display:grid}.seo-mode-nav strong{font-size:17px;font-weight:500}.seo-mode-nav span{color:#aaa2b4;grid-column:1/-1;font-size:14px;line-height:1.65}.seo-mode-nav button[aria-pressed=true]{background:linear-gradient(145deg,#39323f,#141317);border-color:#c4afd8;box-shadow:inset 0 0 0 1px #b9a3cc55}.seo-workspace{min-width:0}.seo-input-card,.seo-results{background:linear-gradient(140deg,#211f25,#101012);border:1px solid #ffffff24;border-radius:22px;padding:26px}.seo-input-card label{color:#c3bacd;margin-bottom:12px;font-size:14px;display:block}.seo-url-row{gap:12px;display:flex}.seo-url-row input{color:#efebf3;min-width:0;font:inherit;background:#0c0c0f;border:1px solid #ffffff29;border-radius:13px;flex:1;padding:17px 18px;font-size:16px}.seo-tool-page button:disabled{opacity:.45;cursor:not-allowed}.seo-primary{color:#17141a;cursor:pointer;background:#eeeaf2;border:1px solid #eeeaf2;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:15px;display:flex}.seo-service-note{color:#aaa1b4;margin:14px 0 0;font-size:12px;line-height:1.7}.seo-sample{max-width:440px;margin-top:22px}.seo-sample label{justify-content:space-between;display:flex}.seo-sample input{accent-color:#b59cce;width:100%}.seo-tool-page :is(button,a,input,select):focus-visible{outline-offset:4px;outline:2px solid #bba0d3}.seo-progress{color:#c5bdcf;border:1px solid #ffffff25;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;padding:18px;font-size:14px;display:flex}.seo-progress button{margin-left:auto}.seo-progress progress{accent-color:#a5c8b6;width:100%}.seo-error{color:#efc3c3;background:#46272c5c;border:1px solid #d196963d;border-radius:12px;padding:16px;font-size:15px;line-height:1.65}.seo-progress button,.seo-link-controls button,.seo-pagination button{color:#e0d9e8;cursor:pointer;background:#242128;border:1px solid #ffffff30;border-radius:9px;padding:9px 13px;font-size:13px}.seo-results{margin-top:24px}.seo-results-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.seo-results-top h2{margin:0;font-size:23px;font-weight:400}.seo-download{color:#cdbdda;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:13px;display:flex}.seo-search-preview{background:#0c0c10;border-radius:14px;margin-bottom:20px;padding:20px}.seo-search-preview>a{color:#9eada3;overflow-wrap:anywhere;font-size:12px}.seo-search-preview h3{color:#cbb2ef;margin:10px 0;font-size:20px;font-weight:400;line-height:1.45}.seo-search-preview p{color:#b7afc0;margin:0;font-size:14px;line-height:1.75}.seo-result-nav{border-bottom:1px solid #ffffff1b;flex-wrap:wrap;gap:7px;margin-bottom:18px;padding-bottom:17px;display:flex}.seo-result-nav button{color:#b4aabd;cursor:pointer;background:0 0;border:1px solid #ffffff20;border-radius:999px;padding:9px 12px;font-size:13px}.seo-result-nav button[aria-selected=true]{color:#16131b;background:#dacee5;border-color:#dacee5}.seo-panel{outline-offset:4px;min-height:180px}.seo-findings{gap:0;display:grid}.seo-findings>div{border-bottom:1px solid #ffffff12;padding:17px 0}.seo-findings>div:last-child{border-bottom:0}.seo-finding-label{justify-content:space-between;align-items:center;gap:15px;display:flex}.seo-finding-label strong{font-size:15px;font-weight:500}.seo-findings p{color:#bfb4c9;overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;line-height:1.7}.seo-status{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:12px}.seo-status.is-good{color:#a2c8b8;background:#83bfa51a}.seo-status.is-warning{color:#dbbd95;background:#cca1671c}.seo-muted{color:#aaa0b6;margin:12px 0 18px;font-size:13px;line-height:1.75}.seo-filter,.seo-link-controls{color:#c2b7ce;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 22px;font-size:14px;display:flex}.seo-filter input{accent-color:#b59cce}.seo-tool-page select{color:#ddd3e7;background:#141217;border:1px solid #ffffff30;border-radius:8px;padding:8px;font-size:14px}.seo-link-controls{justify-content:space-between}.seo-table-scroll{border:1px solid #ffffff19;border-radius:12px;max-width:100%;overflow-x:auto}.seo-tool-page table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.seo-tool-page th{color:#c4b7d0;white-space:nowrap;background:#ffffff04;font-weight:500}.seo-tool-page td,.seo-tool-page th{vertical-align:top;border-bottom:1px solid #ffffff12;padding:13px 15px;line-height:1.65}.seo-tool-page td{color:#b9b0c4;overflow-wrap:anywhere;min-width:80px;max-width:350px}.seo-tool-page td a{color:#cbb9de;min-width:130px;display:block}.seo-tool-page tr:last-child td{border:0}.seo-pagination{color:#b7aec2;justify-content:flex-end;align-items:center;gap:15px;margin-top:15px;font-size:13px;display:flex}.seo-summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.seo-summary-metrics>div{background:#ffffff05;border:1px solid #ffffff15;border-radius:12px;padding:16px 12px}.seo-summary-metrics span{color:#b7a8c2;font-size:12px;line-height:1.5;display:block}.seo-summary-metrics strong{color:#e6ddef;margin-top:8px;font-size:28px;font-weight:400;display:block}.seo-results>h3{margin:28px 0 16px;font-size:19px;font-weight:400}.seo-tool-foot{flex-wrap:wrap;gap:22px;margin:32px 0 0;font-size:14px;display:flex}.seo-tool-foot a{color:#bcb0c8;align-items:center;gap:6px;text-decoration:none;display:flex}.seo-tool-page a:hover{color:#fff}.seo-spinner{animation:1s linear infinite seo-spin}@keyframes seo-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.seo-workbench{grid-template-columns:195px minmax(0,1fr);gap:18px}.seo-input-card,.seo-results{padding:20px}.seo-mode-nav button{padding:20px 15px}}@media (max-width:700px){.seo-tool-page{padding-block:115px 40px}.seo-tool-heading{margin-bottom:28px}.seo-tool-heading>span{font-size:15px}.seo-workbench{grid-template-columns:minmax(0,1fr)}.seo-mode-nav{grid-template-columns:1fr 1fr;gap:12px;position:static}.seo-mode-nav button{gap:9px;padding:17px 14px}.seo-mode-nav strong{font-size:15px}.seo-mode-nav span{font-size:12px}.seo-url-row{flex-direction:column}.seo-primary{min-height:46px}.seo-input-card,.seo-results{border-radius:17px;padding:18px}.seo-summary-metrics{grid-template-columns:1fr 1fr}.seo-results-top h2{font-size:21px}.seo-download{font-size:12px}.seo-table-scroll{margin-top:12px}.seo-tool-page td,.seo-tool-page th{padding:11px}.seo-search-preview{padding:15px}.seo-search-preview h3{font-size:18px}.seo-result-nav button,.seo-service-note{font-size:12px}.seo-progress{align-items:flex-start}.seo-progress button{margin-left:0}}@media (prefers-reduced-motion:reduce){.seo-spinner{animation:none}}.seo-tool-page{padding-block:150px 80px}.seo-hero{text-align:center;max-width:820px;margin:0 auto 34px}.seo-eyebrow{letter-spacing:.14em;color:#a99cb8;margin:0 0 18px;font-size:12px}.seo-hero h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 18px;font-size:clamp(36px,5vw,68px);font-weight:420;line-height:1.08}.seo-hero>span{color:#b8b0c1;font-size:17px;line-height:1.7}.seo-workbench{display:block}.seo-workspace{max-width:880px;margin:0 auto}.seo-input-card{background:0 0;border:0;padding:0}.seo-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.seo-input-card .seo-url-row{background:linear-gradient(#0b0a0e,#0b0a0e) padding-box padding-box,linear-gradient(115deg,#40e8ce55,#2196ff55 32%,#9270ff66 66%,#f39ce755) border-box;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:0;padding:7px 7px 7px 22px;display:flex;position:relative;box-shadow:0 18px 60px #6d4bff1f}.seo-input-card .seo-url-row:focus-within{border-color:#0000;box-shadow:0 0 0 3px #9270ff40,0 18px 60px #6d4bff2a}.seo-input-card .seo-url-row input{color:#f1edf5;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:14px 10px 14px 0;font-size:17px}.seo-input-card .seo-primary{color:#fff;cursor:pointer;background:linear-gradient(115deg,#40e8ce,#2196ff 32%,#9270ff 66%,#f39ce7);border:0;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;padding:0;display:grid}.seo-input-card .seo-primary:disabled{opacity:.45;cursor:default}.seo-input-meta{color:#8f879b;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:14px 8px 0;font-size:13px;display:flex}.seo-mode-switch{color:#c6b8d8;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.seo-sample{margin:18px 8px 0}.seo-progress,.seo-error{max-width:880px;margin:22px auto 0}.seo-summary{background:linear-gradient(150deg,#1d1a22,#0e0d11 60%);border:1px solid #ffffff1f;border-radius:26px;max-width:1040px;margin:44px auto 0;padding:34px}.seo-summary-head{justify-content:space-between;align-items:center;gap:28px;display:flex}.seo-summary-url{color:#8f879b;word-break:break-all;margin:0 0 10px;font-size:13px}.seo-summary h2{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 16px;font-size:clamp(28px,3.4vw,42px);font-weight:430}.seo-chips{flex-wrap:wrap;gap:8px;display:flex}.seo-chips span{border:1px solid #fff2;border-radius:999px;padding:6px 12px;font-size:13px}[data-level=fix]{--lv:#ff8a7a}[data-level=check]{--lv:#f5c26b}[data-level=pass]{--lv:#58d6a7}.seo-chips span{color:var(--lv);background:color-mix(in srgb,var(--lv) 12%,transparent);border-color:color-mix(in srgb,var(--lv) 35%,transparent)}.seo-ring{flex-shrink:0;width:132px;height:132px;transform:rotate(0)}.seo-ring circle{fill:none;stroke-width:4.2px}.seo-ring-track{stroke:#ffffff14}.seo-ring circle[data-level]{stroke:var(--lv)}.seo-ring-number{fill:#f3eff7;text-anchor:middle;font-size:10px;font-weight:500}.seo-ring-label{fill:#a39bb0;text-anchor:middle;font-size:3.2px}.seo-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0;display:grid}.seo-stats>div{background:#ffffff05;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.seo-stats span{color:#b3aabd;font-size:13px}.seo-stats strong{font-family:var(--font-display);color:var(--lv);font-size:30px;font-weight:450}.seo-stats small{color:#857d91;font-size:12px;line-height:1.5}.seo-serp{color:#202124;background:#fff;border-radius:16px;margin-bottom:24px;padding:18px 20px;font-family:arial,sans-serif}.seo-serp span{color:#4d5156;word-break:break-all;font-size:13px;display:block}.seo-serp strong{color:#1a0dab;margin:4px 0;font-size:19px;font-weight:400;line-height:1.35;display:block}.seo-serp p{color:#4d5156;margin:0;font-size:14px;line-height:1.58}.seo-issue-list{border-top:1px solid #ffffff14;margin:0;padding:0;list-style:none}.seo-issue-list li{border-bottom:1px solid #ffffff14;grid-template-columns:76px 1fr;gap:16px;padding:16px 0;display:grid}.seo-badge{color:var(--lv);background:color-mix(in srgb,var(--lv) 14%,transparent);border-radius:999px;place-self:start;padding:4px 10px;font-size:12px}.seo-issue-list strong{color:#eee9f3;font-size:16px;font-weight:500}.seo-issue-list p{color:#a9a0b4;margin:4px 0 0;font-size:14px;line-height:1.65}.seo-issue-list .seo-issue-tip{color:#c9bdd8}.seo-passed{color:#a9a0b4;margin-top:14px;font-size:14px}.seo-passed summary{cursor:pointer;color:#58d6a7}.seo-passed ul{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.seo-passed li{color:#9fdcc4;background:#58d6a714;border-radius:999px;padding:5px 11px;font-size:13px}.seo-cta{background:linear-gradient(115deg,#40e8ce14,#2196ff14 32%,#9270ff1f 66%,#f39ce714);border:1px solid #ffffff1f;border-radius:18px;justify-content:space-between;align-items:center;gap:22px;margin-top:28px;padding:24px;display:flex}.seo-cta strong{font-size:19px;font-weight:500}.seo-cta p{color:#b6adc1;max-width:46ch;margin:6px 0 0;font-size:14px;line-height:1.65}.seo-cta-actions{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.seo-cta-actions .button{align-items:center;gap:8px;min-height:46px;padding:12px 20px;font-size:15px;display:inline-flex}.seo-details{max-width:1040px;margin:18px auto 0}.seo-details>summary{cursor:pointer;text-align:center;color:#b9aecb;border:1px dashed #fff2;border-radius:14px;padding:14px;font-size:14px;list-style:none}.seo-details>summary::-webkit-details-marker{display:none}.seo-details[open]>summary{margin-bottom:16px}@media (max-width:760px){.seo-tool-page{padding-block:115px 60px}.seo-hero{text-align:left}.seo-input-card .seo-url-row{flex-direction:row;padding-left:18px}.seo-input-card .seo-url-row input{font-size:16px}.seo-input-card .seo-primary{width:46px;height:46px;min-height:0}.seo-hero>span{font-size:15px}.seo-summary{border-radius:20px;padding:22px}.seo-summary-head{flex-direction:column-reverse;align-items:flex-start}.seo-ring{width:104px;height:104px}.seo-stats{grid-template-columns:1fr 1fr}.seo-stats strong{font-size:26px}.seo-issue-list li{grid-template-columns:1fr;gap:8px}.seo-cta{flex-direction:column;align-items:flex-start}}
