/* === LOCT Homepage Facelift (scoped) === */
:root{
  --loct-red:#be1e2d; --loct-orange:#f15a29; --loct-yellow:#f9ed33;
  --loct-green:#8cc63f; --loct-blue:#1b75bc; --loct-indigo:#262261; --loct-violet:#662d91;
  --loct-border:#e5e7eb; --loct-card:#fff; --loct-shadow:0 2px 10px rgba(0,0,0,.06);
  --loct-maxw:1080px;
  --loct-rainbow:linear-gradient(90deg,var(--loct-red),var(--loct-orange),var(--loct-yellow),
                                  var(--loct-green),var(--loct-blue),var(--loct-indigo),var(--loct-violet));
}

/* Constrain only our homepage sections */
.home .loct-hero > *,
.home .loct-section > *{
  max-width:var(--loct-maxw);
  margin-left:auto;margin-right:auto;
  padding-left:16px;padding-right:16px;
}

/* Hero */
.home .loct-hero{padding:80px 0;text-align:center}
.home .loct-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.1;margin:0 0 8px}
.home .loct-hero .lede{font-size:clamp(18px,2.2vw,20px);opacity:.9}

/* Rainbow (Separator block → Advanced → Additional CSS class: loct-rainbow) */
.home .wp-block-separator.loct-rainbow{
  display:block;width:160px;max-width:160px;height:4px;
  margin:10px auto 20px;background:var(--loct-rainbow);
  border:0;border-radius:2px;opacity:1;
}

/* Buttons (homepage only) */
.home .wp-block-button .wp-block-button__link,
.home .wp-element-button{
  background:var(--loct-blue);color:#fff;
  border-radius:10px;padding:12px 20px;font-weight:600;text-decoration:none;box-shadow:none;
}
.home .wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent;color:var(--loct-blue);border:2px solid var(--loct-blue);
}

/* Sections & cards */
.home .loct-section{padding:40px 0}
.home .loct-section h2{font-size:clamp(24px,2.6vw,32px);margin:.2rem 0 .6rem}
.home .loct-section h3{font-size:clamp(20px,2vw,24px);margin:.2rem 0 .4rem}
.home .loct-card{
  background:var(--loct-card);border:1px solid var(--loct-border);
  border-radius:12px;box-shadow:var(--loct-shadow);padding:20px;
}
.home .loct-card img{max-width:100%;height:auto;border-radius:8px}