*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:#f8fafc}
.topbar{display:flex;justify-content:center;padding:6px;background:#fff;border-bottom:1px solid #e2e8f0}.coffee{background:#ffdd00;color:#000;font-weight:600;font-size:13px;padding:4px 12px;border-radius:999px;text-decoration:none}.coffee:hover{background:#facc15}
header{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:14px 18px}.logo{font-size:22px;color:#1e3a8a;text-decoration:none}.logo b{color:#f59e0b}nav a{margin-left:16px;color:#334155;text-decoration:none}
main{max-width:1100px;margin:auto;padding:0 18px 40px}.hero{text-align:center;padding:30px 0}.hero h1{font-size:2.3rem;margin:0}#filter{width:100%;max-width:480px;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;color:inherit;text-decoration:none}.card:hover{border-color:#1e3a8a;box-shadow:0 4px 14px #0001}.card h3{margin:0 0 4px;font-size:17px;color:#1e3a8a}.card p{margin:0;font-size:14px;color:#475569}
.crumbs{font-size:14px;margin:8px 0}.crumbs a{color:#1e3a8a}.lead{color:#475569}form.tool,.ctool{display:flex;flex-wrap:wrap;gap:10px;background:#fff;padding:16px;border:1px solid #e2e8f0;border-radius:12px}
input,textarea,select{padding:11px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}form.tool input{flex:1;min-width:220px}textarea{width:100%;min-height:140px}
button{background:#1e3a8a;color:#fff;border:0;border-radius:8px;padding:11px 22px;font:inherit;font-weight:600;cursor:pointer}button:disabled{opacity:.6}
#out{margin-top:18px}table{width:100%;border-collapse:collapse;background:#fff;margin:8px 0 18px;font-size:14px}td,th{border:1px solid #e2e8f0;padding:7px 9px;text-align:left;vertical-align:top;word-break:break-word}th{background:#f1f5f9}
pre{background:#0f172a;color:#e2e8f0;padding:14px;border-radius:10px;overflow:auto;max-height:520px;white-space:pre-wrap;word-break:break-all;font-size:13px}.err{color:#b91c1c;font-weight:600}.ok{color:#15803d;font-weight:600}.bad{color:#b91c1c;font-weight:600}
.about{margin-top:30px}footer{text-align:center;color:#64748b;font-size:14px;padding:24px;border-top:1px solid #e2e8f0}footer a{color:#475569}
:root{--bg:#f8fafc;--card:#fff;--tx:#0f172a;--mu:#475569;--bd:#e2e8f0;--pr:#4f46e5}
@media(prefers-color-scheme:dark){:root{--bg:#0b1020;--card:#141a2e;--tx:#e5e7eb;--mu:#9ca3af;--bd:#263049;--pr:#818cf8}body{background:var(--bg);color:var(--tx)}.topbar,header{background:var(--bg)}.topbar{border-color:var(--bd)}nav a,.crumbs a{color:#c7d2fe}.logo{color:#a5b4fc}.card,form.tool,.ctool,table{background:var(--card);border-color:var(--bd);color:var(--tx)}th{background:#1c2440}td,th{border-color:var(--bd)}.card h3{color:#c7d2fe}.card p,.lead{color:var(--mu)}input,textarea,select{background:#0f1529;color:var(--tx);border-color:var(--bd)}footer{border-color:var(--bd)}}
body.home main{max-width:none;padding:0}body.home main>*:not(.hero):not(.stats){max-width:1100px;margin-left:auto;margin-right:auto;padding-left:18px;padding-right:18px}
.hero{position:relative;overflow:hidden;padding:70px 18px 90px;text-align:center;color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 45%,#db2777 100%);background-size:200% 200%;animation:gm 14s ease infinite}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.45}.hero:before{width:340px;height:340px;background:#22d3ee;top:-120px;left:-80px}.hero:after{width:300px;height:300px;background:#fbbf24;bottom:-140px;right:-60px}
@keyframes gm{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero-in{position:relative;z-index:1;max-width:820px;margin:auto}
.badge{display:inline-block;background:#ffffff26;border:1px solid #ffffff55;padding:5px 14px;border-radius:999px;font-size:14px;font-weight:600;backdrop-filter:blur(4px)}
.hero h1{font-size:clamp(2rem,5.5vw,3.6rem);line-height:1.1;margin:18px 0 12px;font-weight:800;letter-spacing:-.02em}.hl{background:linear-gradient(90deg,#fde68a,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{font-size:clamp(1rem,2.2vw,1.25rem);opacity:.92;margin:0 0 28px}
form.big{display:flex;max-width:640px;margin:auto;background:#fff;border-radius:16px;padding:7px;box-shadow:0 18px 50px #0004}form.big input{flex:1;border:0;font-size:18px;padding:14px;min-width:0;background:transparent;color:#0f172a;outline:none}
form.big button{background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:17px;padding:14px 26px;border-radius:12px;transition:transform .15s}form.big button:hover{transform:scale(1.04)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1000px;margin:-42px auto 30px;padding:0 18px;position:relative;z-index:2}
.stats div{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px;text-align:center;box-shadow:0 8px 24px #0f172a14}.stats b{display:block;font-size:1.7rem;background:linear-gradient(135deg,#4f46e5,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.stats span{color:var(--mu);font-size:14px}
.sec{font-size:1.45rem;margin:34px 0 14px}.sec small{font-size:.8rem;background:#e0e7ff;color:#4338ca;border-radius:999px;padding:2px 9px;vertical-align:middle}
.searchbar{margin-top:30px}#filter{display:block;width:100%;max-width:none;padding:15px 18px;font-size:17px;border-radius:14px;border:2px solid var(--bd);background:var(--card);color:var(--tx)}#filter:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 4px #7c3aed22}
body.home .card{display:flex;gap:13px;align-items:flex-start;border-radius:14px;padding:16px;border-top:4px solid var(--a);transition:transform .18s,box-shadow .18s}body.home .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0f172a1f;border-color:var(--a)}
.card .ic{flex:0 0 46px;height:46px;display:grid;place-items:center;font-size:22px;border-radius:12px;background:var(--s);transition:transform .25s}.card:hover .ic{transform:rotate(-8deg) scale(1.12)}
.c1{--a:#6366f1;--s:#eef2ff}.c2{--a:#0ea5e9;--s:#e0f2fe}.c3{--a:#f59e0b;--s:#fef3c7}@media(prefers-color-scheme:dark){.c1{--s:#312e81}.c2{--s:#0c4a6e}.c3{--s:#78350f}.sec small{background:#312e81;color:#c7d2fe}}
.pop .card{background:linear-gradient(180deg,var(--s),var(--card) 60%)}#none{text-align:center;color:var(--mu)}
form.tool .row{display:flex;gap:8px}form.tool .row input{flex:1}form.tool label{display:block;text-align:left;margin:6px 0;font-size:14px}form.tool label input{width:auto;margin-right:6px}footer{text-align:left;margin-top:50px;background:#0f172a;color:#cbd5e1;border:0;padding:36px 18px 18px}.fcols{max-width:1100px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}footer .fh{margin:0 0 8px;color:#fff}footer a{display:block;color:#cbd5e1;text-decoration:none;margin:4px 0}footer a:hover{color:#fbbf24}footer .logo{color:#fff;font-size:22px}footer p{margin:6px 0}.copy{text-align:center;color:#64748b;margin-top:20px!important}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}.fcols{grid-template-columns:1fr 1fr}.fcols>div:first-child{grid-column:1/-1}form.big{flex-direction:column;background:transparent;box-shadow:none;gap:8px;padding:0}form.big input{background:#fff;border-radius:12px}.hero{padding:44px 16px 80px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* round47b: classic seotoolsets look - sky-blue masthead, white tile grid */
header{max-width:1170px}.logo-svg{display:block}nav a{font-weight:600;color:#33414e}nav a:hover{color:#2babcf}
.hero{background:linear-gradient(120deg,#51bad6 0%,#2babcf 60%,#1f8fb0 100%);animation:none;padding:50px 18px 80px;text-align:left}.hero:before,.hero:after{display:none}
.hero-in{max-width:1170px;display:flex;align-items:center;gap:30px}.htxt{flex:1}.banner-art{flex:0 0 380px;width:380px;height:auto;filter:drop-shadow(0 12px 24px #0003)}
.hero h1{font-family:Arial,system-ui,sans-serif}.hl{background:none;color:#ffd34d;-webkit-text-fill-color:#ffd34d}.tag{color:#e0f4fa}form.big{margin:0}form.big button{background:#f39c12}form.big button:hover{background:#e67e22}
.stats b{background:none;color:#2babcf;-webkit-text-fill-color:#2babcf}.sec small{background:#e0f4fa;color:#1f8fb0}#filter:focus{border-color:#2babcf;box-shadow:0 0 0 4px #2babcf22}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tile{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--card);border:1px solid #ddd;border-radius:6px;padding:22px 14px 18px;color:#333;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}
.tile:hover{transform:translateY(-4px);border-color:#2babcf;box-shadow:0 10px 24px #2babcf33}.ti{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 -4px 0 #0002;transition:transform .25s}.tile:hover .ti{transform:scale(1.1) rotate(-6deg)}
.tn{margin-top:12px;font-weight:700;font-size:15px;color:#444}.tile:hover .tn{color:#2babcf}.td{font-size:12.5px;color:#999;margin-top:4px;line-height:1.4}
@media(max-width:980px){.tiles{grid-template-columns:repeat(3,1fr)}.banner-art{flex-basis:280px;width:280px}}
@media(max-width:720px){.tiles{grid-template-columns:repeat(2,1fr);gap:12px}.banner-art{display:none}.hero{text-align:center}.td{display:none}}
@media(prefers-color-scheme:dark){.tile{border-color:var(--bd);color:var(--tx)}.tn{color:var(--tx)}.td{color:var(--mu)}nav a{color:#c7d2fe}.logo-svg text:last-of-type{fill:#e5e7eb}}

.serp{font-family:Arial,sans-serif;max-width:600px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px}.sr-u{color:#202124;font-size:14px}.sr-t{color:#1a0dab;font-size:20px;line-height:1.3;margin:4px 0}.sr-d{color:#4d5156;font-size:14px;line-height:1.58}.mut{color:#64748b}
.score{display:inline-flex;align-items:center;gap:10px;border:4px solid var(--c);border-radius:999px;padding:8px 22px;margin:6px 0 12px}.score b{font-size:2.2rem;color:var(--c)}.score span{font-weight:700;color:var(--c)}
.ogc{max-width:520px;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:14px}.ogc img{width:100%;aspect-ratio:1.91/1;object-fit:cover;display:block}.ogn{aspect-ratio:1.91/1;display:grid;place-items:center;background:#f1f5f9;color:#94a3b8}.ogc div{padding:10px 14px}.ogc small{color:#64748b}.ogc b{display:block;color:#0f172a}.ogc p{margin:4px 0 0;color:#475569;font-size:14px}