.seo-tools-page{--bg:#fff;--bg-alt:#f4f7f6;--text:#1b2430;--muted:#5b6776;--border:#dde3e8;--brand:#0f766e;--brand-dark:#0b5952;--on-brand:#fff;--accent:#f59e0b;--accent-dark:#d97706;--good:#15803d;--bad:#b91c1c;--card:#fff;--shadow:0 6px 24px #0f233214;--radius:14px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){.seo-tools-page{--bg:#0e1418;--bg-alt:#151d23;--text:#e7edf2;--muted:#9aa8b5;--border:#26323b;--card:#121a20;--brand:#2dd4bf;--brand-dark:#14b8a6;--on-brand:#06201d;--good:#4ade80;--bad:#f87171;--shadow:0 6px 24px #00000059}}.seo-tools-page,.seo-tools-page *,.seo-tools-page :before,.seo-tools-page :after{box-sizing:border-box}.seo-tools-page a{color:var(--brand)}.seo-tools-page img{max-width:100%;height:auto}.seo-tools-page .container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.seo-tools-page .skip-link{background:var(--brand);color:var(--on-brand);z-index:100;padding:8px 12px;position:absolute;top:0;left:-999px}.seo-tools-page .skip-link:focus{left:8px}.seo-tools-page .btn{cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 26px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.seo-tools-page .btn:hover{transform:translateY(-1px)}.seo-tools-page .btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.seo-tools-page .btn-primary{background:var(--accent);color:#1b1300;box-shadow:0 4px 14px #f59e0b59}.seo-tools-page .btn-primary:hover{background:var(--accent-dark)}.seo-tools-page .btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.seo-tools-page .hero{color:#fff;background:#0b1324;padding:112px 0 72px;scroll-margin-top:0;position:relative;overflow:hidden}.seo-tools-page .hero-deco{opacity:.35;pointer-events:none;position:absolute;inset:0}.seo-tools-page .hero-deco:before{content:"";background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:3rem 3rem;position:absolute;inset:0}.seo-tools-page .hero-deco:after{content:"";outline-offset:4.5rem;border:1px solid #ffffff26;border-radius:9999px;outline:1px solid #ffffff17;width:30rem;height:30rem;position:absolute;top:50%;right:-8rem;transform:translateY(-50%);box-shadow:0 0 0 4.5rem #ffffff05,inset 0 0 0 4.5rem #ffffff05}.seo-tools-page .hero-deco{background:radial-gradient(40rem 28rem at 88%,#1c5d9938,#0000 70%)}.seo-tools-page .hero-inner{max-width:1120px;position:relative}@media (max-width:760px){.seo-tools-page .hero{padding:64px 0 44px}.seo-tools-page .hero-deco:after{opacity:.6;right:-16rem}}.seo-tools-page .hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#ffffffa6;margin:0 0 28px;font-size:.8rem;font-weight:700}.seo-tools-page h1{letter-spacing:-.02em;margin:0 0 28px;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.1}.seo-tools-page .hero h1{color:#fff;max-width:26ch}@media (max-width:640px){.seo-tools-page .hero h1 br{display:none}}.seo-tools-page .lead{color:#ffffffbf;max-width:64ch;margin:0;font-size:1.15rem;line-height:1.75}.seo-tools-page .cta-row{flex-wrap:wrap;gap:12px;margin:40px 0 32px;display:flex}.seo-tools-page .hero .btn{padding:12px 24px;font-size:.95rem}.seo-tools-page .hero .btn-primary{color:#fff;box-shadow:none;background:#1c5d99}.seo-tools-page .hero .btn-primary:hover{background:#154a7b}.seo-tools-page .hero .btn-ghost{color:#ffffffd9;border-color:#ffffff40}.seo-tools-page .hero .btn-ghost:hover{background:#ffffff14}.seo-tools-page .hero .btn:focus-visible{outline-color:#fff}.seo-tools-page .hero-points{color:#ffffffb3;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.seo-tools-page .hero-points li{align-items:center;gap:10px;display:flex}.seo-tools-page .hero-points li:before{content:"";background:#5ea3de;border-radius:9999px;width:6px;height:6px}.seo-tools-page .disclosure-bar{color:#ffffffd9;background:#ffffff08;border:1px solid #ffffff1f;border-left:3px solid #5ea3de;border-radius:8px;max-width:44rem;margin-top:48px;padding:10px 16px;font-size:.875rem;line-height:1.55}.seo-tools-page .disclosure-bar strong{color:#fff}.seo-tools-page .disclosure-bar a{color:#9fcbf0;text-underline-offset:3px;white-space:nowrap}.seo-tools-page section{padding:64px 0;scroll-margin-top:24px}.seo-tools-page section.alt{background:var(--bg-alt)}.seo-tools-page h2.section-title{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.seo-tools-page .section-sub{color:var(--muted);max-width:70ch;margin:0 0 32px}.seo-tools-page .matrix-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.seo-tools-page .matrix-tab{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.seo-tools-page .matrix-tab:hover{border-color:var(--brand)}.seo-tools-page .matrix-tab[aria-checked=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.seo-tools-page .matrix-tab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.seo-tools-page .matrix-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:880px){.seo-tools-page .matrix-grid{grid-template-columns:1fr}}.seo-tools-page .matrix-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;position:relative}.seo-tools-page .matrix-card.featured{border:2px solid var(--brand)}.seo-tools-page .matrix-card h3{margin:6px 0 16px;font-size:1.2rem}.seo-tools-page .mangools-logo{width:auto;height:36px;display:block}.seo-tools-page .se-ranking-logo-chip{border:1px solid var(--border);background:#fff;border-radius:8px;padding:10px 14px;line-height:0;display:inline-block}.seo-tools-page .se-ranking-logo{width:auto;height:30px;display:block}.seo-tools-page .matrix-value{min-height:3.2em;color:var(--text);margin:0 0 16px;font-size:1.05rem}.seo-tools-page .matrix-value strong{color:var(--brand)}.seo-tools-page .matrix-card .btn{width:100%}.seo-tools-page .plan-label{text-align:center;background:var(--bg-alt);width:100%;color:var(--muted);border:1px dashed var(--border);border-radius:10px;padding:12px 18px;font-size:.92rem;font-weight:700;display:inline-block}.seo-tools-page .table-note{color:var(--muted);margin-top:16px;font-size:.82rem}.seo-tools-page .grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.seo-tools-page .grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:880px){.seo-tools-page .grid-3,.seo-tools-page .grid-2{grid-template-columns:1fr}}.seo-tools-page .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.seo-tools-page .card h3{margin:0 0 8px;font-size:1.15rem}.seo-tools-page .card p{color:var(--muted);margin:0}.seo-tools-page .icon{background:color-mix(in srgb, var(--brand) 14%, transparent);width:44px;height:44px;color:var(--brand);border-radius:10px;place-items:center;margin-bottom:14px;font-weight:800;display:grid}.seo-tools-page .tool-card{border-top:4px solid var(--tool-color,var(--brand))}.seo-tools-page .tool-card h3{margin:0 0 14px}.seo-tools-page .tool-logo-chip{border:1px solid var(--border);background:#fff;border-radius:8px;padding:6px 10px;line-height:0;display:inline-block}.seo-tools-page .tool-logo{width:auto;height:22px;display:block}.seo-tools-page .benefit-list{color:var(--muted);margin:0;padding:0;list-style:none}.seo-tools-page .benefit-list li{padding:4px 0 4px 22px;position:relative}.seo-tools-page .benefit-list li:before{content:"→";color:var(--tool-color,var(--brand));font-weight:800;position:absolute;left:0}.seo-tools-page .pros-cons ul{margin:0;padding:0;list-style:none}.seo-tools-page .pros-cons li{border-bottom:1px dashed var(--border);padding:8px 0 8px 28px;position:relative}.seo-tools-page .pros-cons li:last-child{border-bottom:none}.seo-tools-page .pros li:before{content:"✓";color:var(--good);font-weight:800;position:absolute;left:0}.seo-tools-page .cons li:before{content:"✕";color:var(--bad);font-weight:800;position:absolute;left:0}.seo-tools-page .fit-card h3{align-items:center;gap:8px;display:flex}.seo-tools-page .fit-card .pick{background:color-mix(in srgb, var(--brand) 14%, transparent);color:var(--brand);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.seo-tools-page details{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:16px 20px}.seo-tools-page summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;font-weight:600;list-style:none;display:flex}.seo-tools-page summary::-webkit-details-marker{display:none}.seo-tools-page summary span{overflow-wrap:break-word;min-width:0}.seo-tools-page summary:after{content:"+";color:var(--brand);flex-shrink:0;font-size:1.3rem;line-height:1}.seo-tools-page details[open] summary:after{content:"–"}.seo-tools-page details p{color:var(--muted);margin:12px 0 0}.seo-tools-page .final-cta{text-align:center;background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:20px;padding:48px 24px}.seo-tools-page .final-cta h2{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.seo-tools-page .final-cta p{opacity:.92;max-width:60ch;margin:0 auto 24px}@media (prefers-color-scheme:dark){.seo-tools-page .final-cta{color:#06201d}}.seo-tools-page .mobile-cta{display:none}@media (max-width:760px){.seo-tools-page .mobile-cta{z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--card);border-top:1px solid var(--border);display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.seo-tools-page .mobile-cta .btn{width:100%}.seo-tools-page{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}}.seo-tools-page .disclaimer{background:var(--bg-alt);border:1px solid var(--border);color:var(--muted);border-radius:10px;margin:0 0 24px;padding:16px 18px;font-size:.88rem}.seo-tools-page .disclaimer strong{color:var(--text)}.seo-tools-page .disclaimer p+p{margin-top:12px}.seo-tools-page .disclaimer-wrap{padding:40px 0}@media (prefers-reduced-motion:reduce){.seo-tools-page .btn{transition:none}.seo-tools-page .btn:hover{transform:none}}
