/* ===================== EDUCATION PAGE ===================== */
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ----- BREADCRUMB ----- */
.crumb{padding:calc(var(--h-head) + 18px) 0 0;background:#fff}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:.78rem;color:var(--slate-light)}
.crumb a{color:var(--slate);text-decoration:none;transition:.2s}
.crumb a:hover{color:var(--blue)}
.crumb li[aria-current]{color:var(--blue);font-weight:700}
.crumb svg{width:12px;height:12px;color:var(--slate-light)}

/* ----- HERO ----- */
.rehero{position:relative;padding:calc(var(--h-head) + 30px) 0 58px;background:#fff;overflow:hidden}
.rehero .hero-mesh .h1b{top:-240px;right:-40px}.rehero .hero-mesh .h2b{bottom:-180px;left:-70px}
.reh-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.reh-copy .eyebrow{margin-bottom:14px}
.reh-copy h1{font-size:clamp(2rem,4.2vw,3.05rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:16px}
.reh-copy h1 .grad{background:linear-gradient(110deg,var(--blue),var(--blue-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.reh-copy .sub{color:var(--slate);font-size:1.04rem;max-width:530px;margin-bottom:20px}
.reh-ticks{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:24px}
.reh-ticks li{display:flex;gap:10px;align-items:center;font-size:.92rem;font-weight:600;color:var(--ink)}
.reh-ticks svg{width:17px;height:17px;color:var(--blue);flex:0 0 auto}
.reh-cta{display:flex;gap:13px;flex-wrap:wrap}

/* lead pipeline board (hero visual) */
.re-board{position:relative;background:#fff;border:1px solid var(--blue-12);border-radius:22px;box-shadow:0 28px 66px rgba(24,104,251,.17);padding:18px}
.re-board::before{content:"";position:absolute;inset:-18px;border-radius:32px;background:radial-gradient(closest-side,var(--blue-12),transparent);z-index:-1;filter:blur(12px)}
.re-bh{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:0 4px}
.re-bh b{font-family:var(--font-head);font-size:.92rem;flex:1}
.re-bh .live{display:flex;align-items:center;gap:6px;font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ok)}
.re-bh .live i{width:7px;height:7px;border-radius:50%;background:var(--ok);font-style:normal;animation:reP 1.6s infinite}
@keyframes reP{0%{box-shadow:0 0 0 0 rgba(23,154,82,.45)}70%{box-shadow:0 0 0 7px rgba(23,154,82,0)}100%{box-shadow:0 0 0 0 rgba(23,154,82,0)}}
.re-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.re-col{background:var(--bg-tint);border:1px solid var(--line);border-radius:13px;padding:10px 8px;min-height:230px}
.re-col .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 2px}
.re-col .ch span{font-size:.63rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--slate)}
.re-col .ch b{font-size:.63rem;font-weight:800;color:var(--blue);background:var(--blue-08);border-radius:999px;padding:2px 7px}
.re-lc{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 9px;margin-bottom:6px;box-shadow:0 1px 3px rgba(10,19,48,.05);opacity:0;transform:translateY(-6px);transition:.4s}
.re-lc.show{opacity:1;transform:none}
.re-lc b{display:block;font-size:.72rem;line-height:1.3}
.re-lc span{display:block;font-size:.63rem;color:var(--slate);font-family:var(--font-mono);margin-top:2px}
.re-lc .tg{display:inline-block;margin-top:5px;font-size:.55rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);background:var(--blue-08);border-radius:999px;padding:2px 6px}
.re-lc.hot .tg{color:var(--fail);background:var(--fail-bg)}
.re-lc.won{border-color:var(--ok)}
.re-lc.won .tg{color:var(--ok);background:var(--ok-bg)}
.re-badge{position:absolute;z-index:4;background:#fff;border:1px solid var(--blue-12);border-radius:13px;padding:9px 13px;box-shadow:var(--shadow-blue);display:flex;align-items:center;gap:9px;animation:floaty 5s ease-in-out infinite}
.re-badge .bi{width:30px;height:30px;border-radius:9px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;flex:0 0 auto}
.re-badge .bi svg{width:16px;height:16px}
.re-badge b{font-family:var(--font-head);font-size:.92rem;display:block;line-height:1}
.re-badge span{font-size:.66rem;color:var(--slate)}

/* ----- STATS ----- */
.re-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.re-s{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px 16px;text-align:center;box-shadow:var(--shadow-soft)}
.re-s .num{font-family:var(--font-head);font-weight:800;font-size:1.9rem;color:var(--blue);line-height:1}
.re-s .lbl{font-size:.79rem;color:var(--slate);margin-top:6px}

/* ----- SEGMENTS ----- */
.re-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.re-sg{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 18px;transition:.26s;position:relative;overflow:hidden}
.re-sg::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--blue);transition:.3s}
.re-sg:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.re-sg:hover::after{width:100%}
.re-sg .ic{width:42px;height:42px;border-radius:12px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin-bottom:12px}
.re-sg .ic svg{width:21px;height:21px}
.re-sg h3{font-size:.94rem;margin-bottom:5px}
.re-sg p{font-size:.79rem;color:var(--slate);line-height:1.55}

/* ----- SERVICE ACCORDION ----- */
.re-acc{display:flex;flex-direction:column;gap:12px}
.re-a{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.28s}
.re-a.open{border-color:var(--blue);box-shadow:var(--shadow-blue)}
.re-ah{display:flex;align-items:center;gap:15px;padding:20px 24px;cursor:pointer;width:100%;background:none;border:none;text-align:left;font-family:var(--font-body);transition:.22s}
.re-ah:hover{background:var(--bg-tint)}
.re-ah .ic{width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;transition:.3s}
.re-a.open .re-ah .ic{background:var(--blue);color:#fff;box-shadow:var(--shadow-blue)}
.re-ah .ic svg{width:23px;height:23px}
.re-ah .tx{flex:1;min-width:0}
.re-ah h3{font-size:1.1rem;margin-bottom:3px}
.re-ah p{font-size:.84rem;color:var(--slate)}
.re-ah .cv{width:32px;height:32px;flex:0 0 auto;border-radius:50%;background:var(--bg-tint);color:var(--slate);display:grid;place-items:center;transition:.3s}
.re-a.open .re-ah .cv{background:var(--blue);color:#fff;transform:rotate(180deg)}
.re-ah .cv svg{width:16px;height:16px}
.re-ab{max-height:0;overflow:hidden;transition:max-height .45s ease}
.re-a.open .re-ab{max-height:800px}
.re-ai{padding:0 24px 24px;display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}
.re-mm-img{border:1px solid var(--blue-12);border-radius:14px;overflow:hidden;max-width:380px;width:100%;align-self:center;margin-left:auto}
.re-mm-img img{width:100%;height:auto;display:block}
.re-ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.re-ul li{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--slate);line-height:1.55}
.re-ul li svg{width:16px;height:16px;color:var(--blue);flex:0 0 auto;margin-top:3px}
.re-ul li b{color:var(--ink)}
.re-lnk{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--blue);text-decoration:none;margin-top:16px}
.re-lnk svg{width:15px;height:15px;transition:.2s}
.re-lnk:hover svg{transform:translateX(4px)}
.re-mm{background:var(--bg-tint);border:1px solid var(--line);border-radius:14px;padding:16px}
.re-mm .hd{font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-light);margin-bottom:9px}
.re-mm .bod{font-size:.85rem;color:var(--ink);line-height:1.6;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px}
.re-mm .bod b{color:var(--ink)}
.re-mm .btns{display:flex;gap:6px;margin-top:9px}
.re-mm .btns span{flex:1;text-align:center;font-size:.71rem;font-weight:700;color:var(--blue);border:1px solid var(--blue-25);border-radius:8px;padding:7px;background:#fff}
.re-mm .btns span.solid{background:var(--blue);color:#fff;border-color:var(--blue)}

/* ----- FUNNEL ----- */
.re-fn{background:var(--navy);color:#fff}
.re-fn .section-head h2{color:#fff}
.re-fn .section-head p{color:#a9c4f0}
.re-fn .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#9dc0ff}
.re-fgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.re-f{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px 18px;transition:.28s;position:relative}
.re-f:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}
.re-f .n{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:#7fb0ff;letter-spacing:.1em;margin-bottom:10px}
.re-f h3{color:#fff;font-size:1rem;margin-bottom:7px}
.re-f p{font-size:.82rem;color:#a9c4f0;line-height:1.55;margin-bottom:12px}
.re-f .ch{display:inline-block;font-size:.68rem;font-weight:700;color:#9dc0ff;background:rgba(127,176,255,.14);border:1px solid rgba(127,176,255,.22);border-radius:999px;padding:4px 10px}

/* ----- INTEGRATIONS ----- */
.re-int{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.re-int h2{font-size:clamp(1.6rem,3.1vw,2.3rem);margin-bottom:14px}
.re-int p{color:var(--slate);font-size:1rem;margin-bottom:16px}
.re-plat{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.re-p{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 10px;text-align:center;transition:.25px}
.re-p:hover{transform:translateY(-4px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.re-p .pi{width:40px;height:40px;border-radius:11px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin:0 auto 9px}
.re-p .pi svg{width:20px;height:20px}
.re-p b{font-size:.82rem;display:block}
.re-p span{font-size:.67rem;color:var(--slate-light)}

/* ----- FALLBACK STRIP ----- */
.re-fb{background:#fff;border:1px solid var(--blue-12);border-radius:20px;box-shadow:var(--shadow-blue);padding:28px;display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:center}
.re-fb h2{font-size:clamp(1.4rem,2.8vw,2rem);margin-bottom:10px}
.re-fb>div>p{color:var(--slate);font-size:.95rem;margin-bottom:16px}
.re-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.re-cn{text-align:center;border:1px solid var(--line);border-radius:13px;padding:16px 8px;transition:.35s;background:var(--bg-tint)}
.re-cn .ic{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--line);color:var(--slate-light);display:grid;place-items:center;margin:0 auto 9px;transition:.3s}
.re-cn .ic svg{width:18px;height:18px}
.re-cn b{display:block;font-size:.73rem;margin-bottom:5px}
.re-cn .st{font-size:.6rem;font-weight:800;border-radius:999px;padding:3px 7px;display:inline-block;background:#eef2f8;color:var(--slate-light);transition:.3s}
.re-cn.try{background:var(--blue-08);border-color:var(--blue)}
.re-cn.try .ic{background:var(--blue);color:#fff;border-color:var(--blue)}
.re-cn.try .st{background:#fff;color:var(--blue)}
.re-cn.fail .ic{background:var(--fail-bg);color:var(--fail);border-color:var(--fail-bg)}
.re-cn.fail .st{background:var(--fail-bg);color:var(--fail)}
.re-cn.done{background:var(--ok-bg);border-color:var(--ok)}
.re-cn.done .ic{background:var(--ok);color:#fff;border-color:var(--ok)}
.re-cn.done .st{background:#fff;color:var(--ok)}

/* ----- WHY ----- */
.re-why{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.re-w{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:26px;transition:.28s}
.re-w:hover{transform:translateY(-5px);box-shadow:var(--shadow-blue);border-color:var(--blue-18)}
.re-w .ic{width:48px;height:48px;border-radius:13px;background:var(--blue-08);color:var(--blue);display:grid;place-items:center;margin-bottom:14px}
.re-w .ic svg{width:24px;height:24px}
.re-w h3{font-size:1.02rem;margin-bottom:7px}
.re-w p{font-size:.87rem;color:var(--slate)}

/* ----- PREMIUM SEO GRID & CARDS ----- */
.re-seo-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 40px;
  margin-bottom: 40px;
  align-items: start;
}
.re-seo-main h2 {
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  line-height: 1.15;
  margin-bottom: 20px;
  background: linear-gradient(110deg, var(--blue), var(--blue-deep));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-weight: 800;
}
.re-seo-main p {
  color: var(--slate);
  font-size: 1.02rem;
  line-height: 1.75;
  margin-bottom: 16px;
}
.re-seo-gap-card {
  background: #ffffff;
  border: 1px solid var(--blue-12);
  border-radius: 20px;
  padding: 30px;
  box-shadow: var(--shadow-blue);
}
.re-seo-gap-card h3 {
  font-size: 1.15rem;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.re-seo-gap-item {
  margin-bottom: 20px;
}
.re-seo-gap-item:last-child {
  margin-bottom: 0;
}
.re-seo-gap-item b {
  display: block;
  font-size: 0.95rem;
  color: var(--blue);
  margin-bottom: 4px;
}
.re-seo-gap-item p {
  font-size: 0.88rem;
  color: var(--slate);
  line-height: 1.5;
}

.re-seo-uses-title {
  text-align: center;
  font-size: 1.5rem;
  margin: 40px 0 24px;
  font-weight: 800;
}
.re-seo-uses-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 40px;
}
.re-seo-use-card {
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  transition: all 0.25s ease;
  box-shadow: var(--shadow-soft);
}
.re-seo-use-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-blue);
  border-color: var(--blue-18);
}
.re-seo-use-card .icon-check {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--blue-08);
  color: var(--blue);
  display: grid;
  place-items: center;
  margin-bottom: 12px;
}
.re-seo-use-card .icon-check svg {
  width: 14px;
  height: 14px;
}
.re-seo-use-card b {
  display: block;
  font-size: 0.95rem;
  margin-bottom: 6px;
  color: var(--ink);
}
.re-seo-use-card p {
  font-size: 0.85rem;
  color: var(--slate);
  line-height: 1.5;
}

.re-seo-compliance {
  background: linear-gradient(135deg, #ffffff, var(--bg-tint));
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 26px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.re-seo-compliance .badge {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: var(--blue);
  color: #ffffff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  box-shadow: var(--shadow-blue);
}
.re-seo-compliance .badge svg {
  width: 24px;
  height: 24px;
}
.re-seo-compliance h3 {
  font-size: 1.1rem;
  margin-bottom: 4px;
}
.re-seo-compliance p {
  font-size: 0.9rem;
  color: var(--slate);
  line-height: 1.5;
}

/* ----- RESPONSIVE ----- */
@media(max-width:1024px){
  .reh-grid{grid-template-columns:1fr;gap:32px}
  .re-stats{grid-template-columns:repeat(2,1fr)}
  .re-seg{grid-template-columns:repeat(2,1fr)}
  .re-ai{grid-template-columns:1fr;gap:18px}
  .re-fgrid{grid-template-columns:repeat(2,1fr)}
  .re-int{grid-template-columns:1fr;gap:26px}
  .re-plat{grid-template-columns:repeat(3,1fr)}
  .re-fb{grid-template-columns:1fr;gap:24px}
  .re-why{grid-template-columns:repeat(2,1fr)}
  .re-cols{grid-template-columns:repeat(2,1fr)}
  .re-col{min-height:auto}
  .re-seo-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .re-seo-uses-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media(max-width:640px){
  .re-seg{grid-template-columns:1fr}
  .re-why{grid-template-columns:1fr}
  .re-fgrid{grid-template-columns:1fr}
  .re-plat{grid-template-columns:repeat(2,1fr)}
  .re-chain{grid-template-columns:1fr;gap:6px}
  .re-cn{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px}
  .re-cn .ic{margin:0}
  .re-cn b{flex:1;margin:0}
  .reh-cta .btn{width:100%;justify-content:center}
  .re-badge{display:none}
  .re-ah{padding:16px}
  .re-ai{padding:0 16px 18px}
  .re-seo-uses-grid {
    grid-template-columns: 1fr;
  }
  .re-seo-compliance {
    flex-direction: column;
    text-align: center;
  }
  /* Global button centering for mobile view */
  .btn {
    display: flex !important;
    margin: 0 auto !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 320px !important;
  }
}