/* LoveU | Custom Service V1.1. Independent editorial inner page.
   Intentional exception: home widget NOT reused because this is a full
   explanation page rather than a second copy of the home four-card teaser.
   All selectors scoped to body.loveu-custom-service-page .loveu-csp.
*/
body.loveu-custom-service-page .loveu-csp {
  --csp-navy:#11356e; --csp-deep:#0d2855; --csp-blue:#1c4b8b;
  --csp-ink:#273242; --csp-muted:#667387; --csp-light:#eef3fa;
  --csp-border:#e0e8f1; color:var(--csp-ink); background:#fff;
  font-family:var(--loveu-font,'Poppins',Arial,sans-serif);
}
body.loveu-custom-service-page .loveu-csp *,
body.loveu-custom-service-page .loveu-csp *::before,
body.loveu-custom-service-page .loveu-csp *::after { box-sizing:border-box; }
body.loveu-custom-service-page .loveu-csp__section { padding:clamp(4rem,6.5vw,6.7rem) 0; }
body.loveu-custom-service-page .loveu-csp__eyebrow {
  display:block; font-size:.875rem; line-height:1.7; font-weight:650;
  letter-spacing:.13em; color:#5073a8; margin-bottom:1.2rem;
}
body.loveu-custom-service-page .loveu-csp__eyebrow--light { color:#bdcde5; }
body.loveu-custom-service-page .loveu-csp h1,
body.loveu-custom-service-page .loveu-csp h2,
body.loveu-custom-service-page .loveu-csp h3 { font-family:var(--loveu-font,'Poppins',Arial,sans-serif); }
body.loveu-custom-service-page .loveu-csp h2 {
  color:var(--csp-deep); font-size:clamp(1.9rem,2.7vw,2.95rem);
  line-height:1.23; font-weight:700; letter-spacing:-.035em; margin:0 0 1.35rem;
}
body.loveu-custom-service-page .loveu-csp h2 span { color:#3d6095; }
body.loveu-custom-service-page .loveu-csp p { overflow-wrap:anywhere; }
/* Hero — use uploaded label 5 image directly (already has blue overlay).
   Base gradient only shows when the backend background is not configured. */
body.loveu-custom-service-page .loveu-csp__hero {
  color:#fff; background:#0c2552 linear-gradient(120deg,#0d254d,#193f73);
  background-position:center; background-size:cover; background-repeat:no-repeat;
  min-height:clamp(34rem,43vw,42rem); padding:0 0 clamp(3rem,4.5vw,5rem);
  overflow:hidden;
}
body.loveu-custom-service-page .loveu-csp__breadcrumb {
  display:flex; align-items:center; gap:.875rem; padding:1.5rem 0 0;
  margin:0 0 clamp(2rem,4vw,3.3rem); color:#d9e3f0;
  font-size:.875rem; line-height:1.5; flex-wrap:wrap;
}
body.loveu-custom-service-page .loveu-csp__breadcrumb a { color:#f3f6fc; text-decoration:none; }
body.loveu-custom-service-page .loveu-csp__breadcrumb a:hover { text-decoration:underline; color:#fff; }
body.loveu-custom-service-page .loveu-csp__hero-row { min-height:clamp(27rem,34vw,34rem); }
body.loveu-custom-service-page .loveu-csp__hero-copy { position:relative; z-index:1; }
body.loveu-custom-service-page .loveu-csp__hero h1 {
  color:#fff; font-size:clamp(2.8rem,4.45vw,4.8rem); line-height:1.12;
  font-weight:730; letter-spacing:-.042em; margin:0 0 1.4rem;
}
body.loveu-custom-service-page .loveu-csp__hero-lead {
  color:#e1e8f2; font-size:clamp(.95rem,1.2vw,1.13rem);
  line-height:1.8; max-width:42rem; margin:0 0 .9rem;
}
body.loveu-custom-service-page .loveu-csp__hero-note {
  color:#e0e5ed; font-size:.93rem; line-height:1.85;
  margin:0 0 2rem; max-width:39rem;
}
body.loveu-custom-service-page .loveu-csp__hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.5rem; }
body.loveu-custom-service-page .loveu-csp__button {
  display:inline-flex; align-items:center; justify-content:space-between; gap:1.5rem;
  min-height:3.25rem; padding:.85rem 1.45rem; border-radius:999px;
  font-weight:650; font-size:.91rem; line-height:1.4; text-decoration:none;
  border:1px solid transparent; transition:color .2s,background .2s,transform .2s;
}
body.loveu-custom-service-page .loveu-csp__button span { font-size:1.2rem; }
body.loveu-custom-service-page .loveu-csp__button--white { background:#fff; color:var(--csp-deep); }
body.loveu-custom-service-page .loveu-csp__button--white:hover,
body.loveu-custom-service-page .loveu-csp__button--white:focus-visible { color:var(--csp-deep);background:#e5edf8;transform:translateY(-2px); }
body.loveu-custom-service-page .loveu-csp__text-link { color:#fff; font-size:.92rem;font-weight:550;text-decoration:none; }
body.loveu-custom-service-page .loveu-csp__text-link:hover { color:#fff; text-decoration:underline; }
body.loveu-custom-service-page .loveu-csp__text-link span { margin-left:.45rem; }
body.loveu-custom-service-page .loveu-csp__hero-media {
  display:flex; justify-content:center; align-items:flex-end;
  height:100%; min-height:21rem; max-height:34rem;
}
body.loveu-custom-service-page .loveu-csp__hero-media img {
  display:block; width:min(100%,32rem); height:auto; max-height:33rem;
  object-fit:contain; object-position:center bottom;
  filter:drop-shadow(0 15px 30px rgba(0,13,33,.16));
}
/* Capabilities — readable editorial rows rather than home teaser cards. */
body.loveu-custom-service-page .loveu-csp__section-intro { max-width:26rem; }
body.loveu-custom-service-page .loveu-csp__section-intro>p {
  color:var(--csp-muted); line-height:1.9; font-size:.96rem; margin:0 0 1.65rem;
}
body.loveu-custom-service-page .loveu-csp__plain-link {
  font-weight:650; font-size:.92rem; color:var(--csp-navy);
  text-decoration:none; display:inline-flex; gap:.6rem; align-items:center;
  padding-bottom:.35rem; border-bottom:1px solid var(--csp-navy);
}
body.loveu-custom-service-page .loveu-csp__plain-link:hover { color:#3b64a0; }
body.loveu-custom-service-page .loveu-csp__service-list { border-top:1px solid var(--csp-border); }
body.loveu-custom-service-page .loveu-csp__service-row {
  display:grid; grid-template-columns:2rem 3.2rem minmax(0,1fr); gap:1rem;
  align-items:start; border-bottom:1px solid var(--csp-border);
  padding:1.45rem .5rem 1.65rem;
  transition:background .2s;
}
body.loveu-custom-service-page .loveu-csp__service-row:hover { background:#f7f9fd; }
body.loveu-custom-service-page .loveu-csp__service-num { color:#8b9cba; font-size:.875rem; font-weight:700; padding-top:.875rem; }
body.loveu-custom-service-page .loveu-csp__service-icon {
  display:flex; align-items:center;justify-content:center;
  width:3rem; height:3rem; background:#153b77; border-radius:50%;
}
body.loveu-custom-service-page .loveu-csp__service-icon img {
  width:1.5rem;height:1.5rem;object-fit:contain;filter:brightness(0) invert(1);
}
body.loveu-custom-service-page .loveu-csp__service-copy h3 {
  color:var(--csp-deep); font-size:clamp(1.1rem,1.35vw,1.35rem);
  font-weight:700; line-height:1.45; margin:0 0 .45rem;
}
body.loveu-custom-service-page .loveu-csp__service-copy p { font-size:.93rem; line-height:1.8; color:#657184; margin:0; }
/* Buyer brief — practical selection requirements, no invented business claims. */
body.loveu-custom-service-page .loveu-csp__brief { background:linear-gradient(180deg,#f3f6fb,#ebf1f9); }
body.loveu-custom-service-page .loveu-csp__section-head--center { text-align:center; margin:0 auto 2.8rem; max-width:52rem; }
body.loveu-custom-service-page .loveu-csp__section-head--center p { color:var(--csp-muted);font-size:.95rem;line-height:1.85;margin:0 auto;max-width:45rem; }
body.loveu-custom-service-page .loveu-csp__brief-card {
  background:#fff; border-radius:.55rem; padding:clamp(1.45rem,2.5vw,2.2rem);
  box-shadow:0 .5rem 1.8rem rgba(21,55,108,.06);
  height:100%;
}
body.loveu-custom-service-page .loveu-csp__brief-head { display:flex;gap:.9rem;align-items:center;margin-bottom:1.4rem; }
body.loveu-custom-service-page .loveu-csp__brief-head span { font-size:1.1rem;font-weight:750;color:#7391bb; }
body.loveu-custom-service-page .loveu-csp__brief-head h3 { margin:0; color:var(--csp-navy);font-size:1.1rem;line-height:1.45;font-weight:700; }
body.loveu-custom-service-page .loveu-csp__brief-card ul { padding:0;list-style:none;margin:0; }
body.loveu-custom-service-page .loveu-csp__brief-card li {
  position:relative; padding:0 0 0 1.15rem; margin:0 0 .85rem;
  font-size:.9rem;line-height:1.7;color:#657186;
}
body.loveu-custom-service-page .loveu-csp__brief-card li:last-child { margin:0; }
body.loveu-custom-service-page .loveu-csp__brief-card li::before { content:""; position:absolute; left:0;top:.7em;width:.33rem;height:.33rem;border-radius:50%;background:#3765a5; }
/* Workflow — one connected 7-step vertical timeline, asymmetry solved. */
body.loveu-custom-service-page .loveu-csp__process { background:#fff; }
body.loveu-custom-service-page .loveu-csp__process-stat {
  display:flex;align-items:baseline;gap:1rem;color:var(--csp-navy);font-weight:750;
  font-size:4.25rem;line-height:1.1;margin-top:2rem;letter-spacing:-.06em;
}
body.loveu-custom-service-page .loveu-csp__process-stat small { font-size:.875rem;line-height:1.5;letter-spacing:.13em;color:#718aaf;font-weight:650;max-width:10rem; }
body.loveu-custom-service-page .loveu-csp__timeline { position:relative; padding:0; margin:0; list-style:none; }
body.loveu-custom-service-page .loveu-csp__timeline::before {
  content:"";position:absolute;top:2rem;bottom:2.2rem;left:1.68rem;width:2px;background:#c7d7eb;
}
body.loveu-custom-service-page .loveu-csp__timeline-item { position:relative; display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:1.25rem;padding:0 0 1.45rem; }
body.loveu-custom-service-page .loveu-csp__timeline-item:last-child { padding-bottom:0; }
body.loveu-custom-service-page .loveu-csp__timeline-number {
  position:relative;z-index:1; display:flex;align-items:center;justify-content:center;
  width:3.45rem;height:3.45rem;border-radius:50%;border:2px solid #bed0e7;
  background:#fff;color:var(--csp-navy);font-size:1rem;font-weight:750;
}
body.loveu-custom-service-page .loveu-csp__timeline-item:first-child .loveu-csp__timeline-number { background:var(--csp-navy);color:#fff;border-color:var(--csp-navy); }
body.loveu-custom-service-page .loveu-csp__timeline-copy {
  border-bottom:1px solid #e2e9f2; padding:0 0 1.35rem; min-width:0;
}
body.loveu-custom-service-page .loveu-csp__timeline-item:last-child .loveu-csp__timeline-copy { border-bottom:0; }
body.loveu-custom-service-page .loveu-csp__timeline-copy h3 {
  color:var(--csp-deep);font-size:clamp(1.05rem,1.35vw,1.26rem);
  margin:.15rem 0 .45rem;line-height:1.4;font-weight:700;
}
body.loveu-custom-service-page .loveu-csp__timeline-copy p { color:var(--csp-muted);font-size:.91rem;line-height:1.8;margin:0; }
/* CTA — generous but focused, not an isolated tiny box. */
body.loveu-custom-service-page .loveu-csp__cta { background:#f1f5fb; padding:clamp(3.5rem,5.5vw,5.3rem) 0; }
body.loveu-custom-service-page .loveu-csp__cta-panel {
  background:#fff; padding:clamp(1.7rem,3.5vw,3.5rem);
  border-radius:.8rem;box-shadow:0 .85rem 2.5rem rgba(19,53,102,.07);
  display:flex;justify-content:space-between;align-items:center;gap:2.5rem;
}
body.loveu-custom-service-page .loveu-csp__cta-content { max-width:44rem; }
body.loveu-custom-service-page .loveu-csp__cta h2 { font-size:clamp(1.65rem,2.4vw,2.55rem);margin:0 0 .9rem; }
body.loveu-custom-service-page .loveu-csp__cta p { color:var(--csp-muted);font-size:.94rem;line-height:1.8;margin:0; }
body.loveu-custom-service-page .loveu-csp__button--navy { flex:0 0 auto;background:var(--csp-navy);color:#fff; }
body.loveu-custom-service-page .loveu-csp__button--navy:hover,
body.loveu-custom-service-page .loveu-csp__button--navy:focus-visible { color:#fff;background:#28569a;transform:translateY(-2px); }
@media(min-width:992px) { body.loveu-custom-service-page .loveu-csp__process-intro { position:sticky;top:8.5rem; } }
@media(max-width:991.98px) {
  body.loveu-custom-service-page .loveu-csp__hero { min-height:0; }
  body.loveu-custom-service-page .loveu-csp__hero-row { min-height:0; }
  body.loveu-custom-service-page .loveu-csp__hero-media { min-height:0;max-height:20rem; }
  body.loveu-custom-service-page .loveu-csp__hero-media img { max-height:20rem;width:auto;max-width:100%; }
  body.loveu-custom-service-page .loveu-csp__section-intro { max-width:45rem; }
  body.loveu-custom-service-page .loveu-csp__cta-panel { align-items:flex-start;flex-direction:column; }
  body.loveu-custom-service-page .loveu-csp__process-stat { margin-top:1rem; }
}
@media(max-width:575.98px) {
  body.loveu-custom-service-page .loveu-csp__hero { padding-bottom:2.7rem; }
  body.loveu-custom-service-page .loveu-csp__breadcrumb { padding-top:1.65rem;margin-bottom:2.5rem; }
  body.loveu-custom-service-page .loveu-csp__hero h1 { font-size:clamp(2.5rem,9.5vw,3.4rem); }
  body.loveu-custom-service-page .loveu-csp__hero-media img { max-height:17rem; }
  body.loveu-custom-service-page .loveu-csp__hero-media { max-height:17rem; }
  body.loveu-custom-service-page .loveu-csp__hero-actions { gap:1.05rem; }
  body.loveu-custom-service-page .loveu-csp__service-row { grid-template-columns:1.6rem 2.65rem minmax(0,1fr);gap:.65rem;padding:1.3rem 0; }
  body.loveu-custom-service-page .loveu-csp__service-icon { width:2.65rem;height:2.65rem; }
  body.loveu-custom-service-page .loveu-csp__service-num { font-size:.875rem; }
  body.loveu-custom-service-page .loveu-csp__timeline::before { left:1.37rem; }
  body.loveu-custom-service-page .loveu-csp__timeline-item { grid-template-columns:2.85rem minmax(0,1fr);gap:.85rem; }
  body.loveu-custom-service-page .loveu-csp__timeline-number { width:2.85rem;height:2.85rem;font-size:.875rem; }
  body.loveu-custom-service-page .loveu-csp__timeline-copy h3 { font-size:1.03rem; }
  body.loveu-custom-service-page .loveu-csp__cta-panel { padding:1.6rem 1.3rem; }
  body.loveu-custom-service-page .loveu-csp__button--navy { width:100%; }
  body.loveu-custom-service-page .loveu-quote-modal .loveu-quote-modal__close {top:1rem;right:1rem;}
}
@media(prefers-reduced-motion:reduce) {
  body.loveu-custom-service-page .loveu-csp__button { transition:none; }
}