/* SEOKIFY theme v3 – built against the real markup (.site-header, .dashboard-hero, .tool-card ...). Loaded after style.css. */
:root{
  --accent:#7c5cff;--accent-dk:#5b3fe0;--accent-lt:#f1edff;--accent-mid:#d6cbff;
  --bg2:#f6f7fc;--bg3:#eceffa;--border:#e4e8f5;--border2:#d3d9ec;--heading:#0a0f24;--text:#3a4157;--text2:#667089;
  --r:12px;--r-lg:18px;--r-xl:26px;
  --sh-xs:0 1px 2px rgba(15,20,60,.05);--sh-sm:0 6px 18px rgba(15,20,60,.07);
  --sh:0 14px 36px rgba(80,60,200,.14);--sh-lg:0 26px 70px rgba(80,60,200,.22);
  --grad:linear-gradient(120deg,#7c5cff 0%,#b05cff 50%,#ff5ca8 100%);
  --ink:#080c1e;
}
html{scroll-behavior:smooth}
body{background:var(--bg2);-webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--accent-mid);outline-offset:2px;border-radius:6px}

/* ── Header ── */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.78);backdrop-filter:saturate(1.8) blur(16px);-webkit-backdrop-filter:saturate(1.8) blur(16px);border-bottom:1px solid rgba(124,92,255,.14);box-shadow:0 4px 24px rgba(20,20,70,.05)}
.hd-logo-text{font-weight:800;letter-spacing:-.03em}
.hd-nav-btn{border-radius:999px;font-weight:600;padding-inline:14px}
.hd-nav-btn::after{display:none}
.hd-nav-item:hover .hd-nav-btn,.hd-nav-item.open .hd-nav-btn{background:var(--accent-lt);color:var(--accent-dk)}
.hd-dropdown{border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--sh-lg);overflow:hidden}
.hd-home-btn{border-radius:999px;font-weight:600;background:var(--accent-lt);color:var(--accent-dk);padding:8px 16px;text-decoration:none}
.hd-home-btn:hover{background:var(--accent);color:#fff}

/* ── Buttons ── */
.btn{border-radius:999px;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s,background .15s}
.btn-primary{background:var(--grad);border:0;color:#fff;box-shadow:0 10px 26px rgba(124,92,255,.38)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 16px 34px rgba(124,92,255,.5);color:#fff}
.btn-secondary{background:#fff;border:1.5px solid var(--border2);color:var(--heading)}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent-dk);transform:translateY(-2px)}

/* ── Home hero (dark) ── */
.dashboard-hero{background:radial-gradient(900px 480px at 82% -12%,rgba(255,92,168,.38),transparent 62%),radial-gradient(900px 520px at 8% 8%,rgba(124,92,255,.55),transparent 60%),var(--ink);border-bottom:0;padding:clamp(56px,9vw,112px) 0 clamp(52px,8vw,96px);color:#fff}
.dashboard-hero::before{display:none}
.dashboard-hero::after{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 25%,transparent 75%)}
.dashboard-hero h1{color:#fff;font-size:clamp(2.2rem,6.4vw,4.4rem);letter-spacing:-.045em;line-height:1.04}
.dashboard-hero h1 em{background:linear-gradient(120deg,#a78bfa,#f0abfc 50%,#ff8ac4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dashboard-hero p{color:#c4c9e4;font-size:clamp(1rem,2.2vw,1.2rem);max-width:640px;line-height:1.65}
.hero-eyebrow{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#e9e4ff;border-radius:999px;font-weight:600;backdrop-filter:blur(8px);margin-bottom:22px}
.dashboard-hero .btn-secondary{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.28);color:#fff}
.dashboard-hero .btn-secondary:hover{background:#fff;color:var(--ink)}
.dashboard-hero .btn-lg{margin:5px}
.stats-strip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);color:#fff}
.stats-strip *{color:inherit!important;border-color:rgba(255,255,255,.14)!important}

/* ── Tools section ── */
.tools-section{padding-top:clamp(32px,5vw,56px)}
.tools-section-header h2{font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:var(--heading)}
.tools-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:18px}
.tool-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-xs);transition:transform .2s,box-shadow .2s,border-color .2s}
.tool-card::after{height:4px;background:var(--grad)}
.tool-card:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:var(--accent-mid)}
.tc-icon{width:50px;height:50px;border-radius:14px;font-size:1.35rem}
.tc-name{font-size:1rem;letter-spacing:-.01em}
.tc-desc{font-size:.85rem;line-height:1.6}

/* ── Tool pages ── */
.tool-hero{background:linear-gradient(135deg,#fff 0%,var(--accent-lt) 100%);border-bottom:1px solid var(--accent-mid);padding:30px 0}
.tool-hero-icon{border-radius:16px;width:60px;height:60px;box-shadow:var(--sh-sm);background:#fff}
.tool-title{font-weight:800;letter-spacing:-.035em}
.card{border-radius:var(--r-lg);border-color:var(--border);box-shadow:var(--sh-sm)}
.card-title{color:var(--accent-dk)}
.page-main input:not([type=checkbox]):not([type=radio]),.page-main select,.page-main textarea{border-radius:var(--r);border:1.5px solid var(--border2);transition:border-color .15s,box-shadow .15s}
.page-main input:focus,.page-main select:focus,.page-main textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-lt);outline:0}

/* ── Footer ── */
.footer-cta-band{background:var(--grad)}
.footer-body{background:var(--ink)}
.footer-tool-list a{transition:color .15s,padding-left .15s}
.footer-tool-list a:hover{padding-left:5px;color:#fff}

/* Home SEO content blocks */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin:18px 0 8px}
.feature{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-xs)}
.feature .ico{width:44px;height:44px;border-radius:12px;background:var(--accent-lt);display:grid;place-items:center;font-size:1.3rem;margin-bottom:10px}
.feature h3{margin:0 0 6px;font-size:1.05rem;color:var(--heading)}.feature p{margin:0;font-size:.92rem;color:var(--text2);line-height:1.6}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:18px 0}
.step{counter-increment:s;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 20px 20px 64px;position:relative}
.step::before{content:counter(s);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center}
.step h3{margin:0 0 4px;font-size:1rem;color:var(--heading)}.step p{margin:0;font-size:.9rem;color:var(--text2)}
.home-seo{background:#fff;border:1px solid var(--border);border-radius:var(--r-xl);padding:clamp(20px,4vw,40px);box-shadow:var(--sh-xs)}
.home-seo+.home-seo,.home-blog,.home-faq{margin-top:28px}

/* Responsive polish */
@media (max-width:640px){.dashboard-hero .btn-lg{width:100%;justify-content:center;margin:5px 0}.blog-cta .btn{width:auto}.tool-hero{padding:20px 0}.tools-grid{grid-template-columns:1fr 1fr;gap:12px}.tool-card{padding:16px}.tc-desc{display:none}}
@media (max-width:380px){.tools-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}