/* ============================================================
   SEO Services - page-specific bits on top of styles.css + service-page.css
   ============================================================ */

/* SERP rows inside the shared hero browser card */
.serp-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid #f0efec;}
.serp-row:last-of-type{border-bottom:none;}
.serp-rank{width:22px;height:22px;border-radius:6px;background:#f2f1ee;color:#8a8884;font-size:12px;font-weight:800;display:grid;place-items:center;flex:none;}
.serp-row.top .serp-rank{background:var(--accent);color:#fff;}
.serp-t{font-size:13.5px;font-weight:600;color:#16181a;line-height:1.2;}
.serp-row.top .serp-t{color:var(--accent);}
.serp-u{font-size:11.5px;color:#9a9893;margin-top:1px;}

/* ---------- ranking ladder section ---------- */
.seo-rank-sec{background:var(--bg-cream);}
.seo-rank-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(32px,5vw,60px);align-items:center;}
.seo-rank-copy h2{font-size:clamp(30px,4.2vw,48px);letter-spacing:-.03em;}
.seo-rank-copy p{margin:18px 0 26px;color:var(--muted);font-size:clamp(16px,1.8vw,18px);line-height:1.6;max-width:430px;}

.seo-rank-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:26px 26px 22px;}
.seo-rank-head{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:20px;}
.seo-rank-tag{font-size:12.5px;font-weight:700;color:var(--accent);background:#fdeee8;border:1px solid #f7cdbd;padding:4px 11px;border-radius:999px;}
.seo-ladder{display:flex;flex-direction:column;gap:14px;}
.seo-kw{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;}
.kw-name{font-size:14.5px;font-weight:600;color:var(--ink);}
.kw-pos{font-size:13px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums;}
.kw-pos.hot{color:var(--accent);}
.kw-bar{grid-column:1 / -1;height:8px;border-radius:999px;background:var(--bg-soft);overflow:hidden;}
.kw-bar i{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width 1.1s cubic-bezier(.2,.7,.2,1);}
.reveal.in .kw-bar i{width:var(--w);}
.seo-kw:nth-child(1) .kw-bar i{transition-delay:.1s;}
.seo-kw:nth-child(2) .kw-bar i{transition-delay:.2s;}
.seo-kw:nth-child(3) .kw-bar i{transition-delay:.3s;}
.seo-kw:nth-child(4) .kw-bar i{transition-delay:.4s;}
.seo-kw:nth-child(5) .kw-bar i{transition-delay:.5s;}

@media (max-width:920px){
  .seo-rank-grid{grid-template-columns:1fr;gap:30px;}
}