/* Dedicated Digital Marketing & Advertising details section. */
.sv-card-link#marketing { cursor:pointer; text-decoration:none; color:inherit; }
.sv-card-link#marketing .sv-link { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sv-card-link#marketing:focus-visible { outline:3px solid var(--lime); outline-offset:5px; }
#digital-marketing-details { scroll-margin-top:100px; }
.sv-marketing-detail {
  position:relative;
  overflow:hidden;
  padding:clamp(76px,9vw,124px) 0;
  background:#f4f8fb;
  color:#18345b;
}
.sv-marketing-detail::before,
.sv-marketing-detail::after {
  display:none !important;
  content:none !important;
}
  content:"";
  position:absolute;
  z-index:0;
  width:min(58vw,620px);
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(58px);
  pointer-events:none;
  opacity:.55;
  will-change:transform,opacity;
}
.sv-marketing-detail::before {
  top:-42%;
  right:-18%;
  background:radial-gradient(circle,rgba(160,236,0,.22) 0%,rgba(160,236,0,.08) 34%,transparent 70%);
  animation:limeAmbientGlowOne 18s ease-in-out infinite alternate;
}
.sv-marketing-detail::after {
  left:-26%;
  bottom:-52%;
  background:radial-gradient(circle,rgba(0,174,150,.15) 0%,rgba(0,174,150,.06) 38%,transparent 72%);
  animation:limeAmbientGlowTwo 22s ease-in-out infinite alternate;
}
.sv-marketing-detail > .container { position:relative; z-index:1; }
@keyframes limeAmbientGlowOne {
  0% { transform:translate3d(0,0,0) scale(.88); opacity:.36; }
  50% { transform:translate3d(-7%,10%,0) scale(1.08); opacity:.68; }
  100% { transform:translate3d(-15%,18%,0) scale(.96); opacity:.48; }
}
@keyframes limeAmbientGlowTwo {
  0% { transform:translate3d(0,0,0) scale(1); opacity:.28; }
  50% { transform:translate3d(12%,-9%,0) scale(1.12); opacity:.52; }
  100% { transform:translate3d(20%,-16%,0) scale(.92); opacity:.34; }
}
.sv-marketing-detail-head { max-width:760px; position:relative; }
.sv-marketing-detail-head h2 {
  margin:20px 0 18px;
  font-size:clamp(42px,5.6vw,72px);
  line-height:1.04;
  letter-spacing:-.065em;
  color:#002b66;
}
.sv-marketing-detail-head h2 em { color:#8fda00; font-style:normal; }
.sv-marketing-lead { max-width:660px; font-size:17px; line-height:1.8; color:#526b86; }
.sv-marketing-detail-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
  position:relative;
}
.sv-marketing-detail-grid article {
  min-height:220px;
  padding:25px 22px;
  border:1px solid #d6e2ed;
  border-top:3px solid #a0ec00;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(160,236,0,.10),0 3px 12px rgba(0,43,102,.045);
  transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;
}
.sv-marketing-detail-grid article:hover {
  transform:translateY(-7px);
  box-shadow:0 18px 40px rgba(160,236,0,.20),0 5px 16px rgba(160,236,0,.08);
  border-color:rgba(160,236,0,.7);
}
.sv-marketing-detail-grid article>span { color:#80c900; font-size:11px; font-weight:800; letter-spacing:.12em; }
.sv-marketing-detail-grid h3 { margin:26px 0 10px; color:#18345b; font-size:18px; letter-spacing:-.035em; }
.sv-marketing-detail-grid p { margin:0; color:#60758d; font-size:13px; line-height:1.8; }
.sv-marketing-detail-bottom {
  display:flex; align-items:center; justify-content:space-between; gap:28px;
  margin-top:34px; padding-top:26px; border-top:1px solid #d3e0eb;
}
.sv-marketing-detail-bottom p { max-width:690px; margin:0; color:#526b86; font-size:15px; line-height:1.8; }
.sv-marketing-detail-bottom .btn { flex:0 0 auto; }

/* Light mode: keep supporting copy in Admiral Navy for stronger readability. */
html:not([data-theme="dark"]) .sv-marketing-detail .sv-marketing-lead,
html:not([data-theme="dark"]) .sv-marketing-detail .sv-marketing-detail-grid article p,
html:not([data-theme="dark"]) .sv-marketing-detail .sv-marketing-detail-bottom p {
  color:#002B66 !important;
}

html[data-theme="dark"] .sv-marketing-detail {
  background:#0b203b !important;
  color:#eef5ff !important;
}
html[data-theme="dark"] .sv-marketing-detail::before {
  background:radial-gradient(circle,rgba(160,236,0,.20) 0%,rgba(160,236,0,.09) 34%,transparent 70%);
  opacity:.72;
}
html[data-theme="dark"] .sv-marketing-detail::after {
  background:radial-gradient(circle,rgba(34,196,156,.20) 0%,rgba(34,196,156,.08) 38%,transparent 72%);
  opacity:.62;
}
html[data-theme="dark"] .sv-marketing-detail-head h2 { color:#f6fbff !important; }
html[data-theme="dark"] .sv-marketing-detail-head h2 em { color:#a0ec00 !important; }
html[data-theme="dark"] .sv-marketing-lead,
html[data-theme="dark"] .sv-marketing-detail-bottom p { color:#c1d1e2 !important; }
html[data-theme="dark"] .sv-marketing-detail-grid article {
  background:#002b66 !important;
  border-color:rgba(160,236,0,.25) !important;
  border-top:3px solid #a0ec00 !important;
  box-shadow:0 14px 36px rgba(160,236,0,.13),0 5px 18px rgba(0,0,0,.16);
}
html[data-theme="dark"] .sv-marketing-detail-grid h3 { color:#fff !important; }
html[data-theme="dark"] .sv-marketing-detail-grid p { color:#d5e3f2 !important; }
html[data-theme="dark"] .sv-marketing-detail-bottom { border-color:rgba(160,236,0,.25); }
@media(max-width:900px) {
  .sv-marketing-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
  .sv-marketing-detail { padding:70px 0; }
  .sv-marketing-detail-grid { grid-template-columns:1fr; gap:13px; margin-top:32px; }
  .sv-marketing-detail-grid article { min-height:0; }
  .sv-marketing-detail-bottom { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
  .sv-marketing-detail-grid article { transition:none !important; }
  .sv-marketing-detail::before,
  .sv-marketing-detail::after { animation:none !important; }
}


/* Creative Design & Branding detail section — matched to Lime's service-page system. */
#creative-design-details { scroll-margin-top:100px; }
.sv-creative-detail {
  position:relative;
  padding:clamp(76px,9vw,124px) 0;
  background:#f4f8fb;
  color:#18345b;
}
.sv-creative-detail-head { max-width:780px; }
.sv-creative-detail-head h2 {
  margin:20px 0 18px;
  font-size:clamp(42px,5.6vw,72px);
  line-height:1.04;
  letter-spacing:-.065em;
  color:#002b66;
}
.sv-creative-detail-head h2 em { color:#a0ec00; font-style:normal; }
.sv-creative-lead { max-width:700px; font-size:17px; line-height:1.8; color:#002b66; }
.sv-creative-detail-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
}
.sv-creative-detail-grid article {
  min-height:220px;
  padding:25px 22px;
  border:1px solid #d6e2ed;
  border-top:3px solid #a0ec00;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(160,236,0,.10),0 3px 12px rgba(0,43,102,.045);
  transition:transform .55s ease,box-shadow .55s ease,border-color .55s ease;
}
.sv-creative-detail-grid article:hover {
  transform:translateY(-7px);
  box-shadow:0 18px 40px rgba(160,236,0,.20),0 5px 16px rgba(160,236,0,.08);
  border-color:rgba(160,236,0,.7);
}
.sv-creative-detail-grid article>span { color:#80c900; font-size:11px; font-weight:800; letter-spacing:.12em; }
.sv-creative-detail-grid h3 { margin:26px 0 10px; color:#18345b; font-size:18px; letter-spacing:-.035em; }
.sv-creative-detail-grid p { margin:0; color:#002b66; font-size:13px; line-height:1.8; }
.sv-creative-detail-bottom {
  display:flex; align-items:center; justify-content:space-between; gap:28px;
  margin-top:34px; padding-top:26px; border-top:1px solid #d3e0eb;
}
.sv-creative-detail-bottom p { max-width:690px; margin:0; color:#002b66; font-size:15px; line-height:1.8; }
.sv-creative-detail-bottom .btn { flex:0 0 auto; }
html[data-theme="dark"] .sv-creative-detail {
  background:#0b203b !important;
  color:#eef5ff !important;
}
html[data-theme="dark"] .sv-creative-detail-head h2 { color:#f6fbff !important; }
html[data-theme="dark"] .sv-creative-detail-head h2 em { color:#a0ec00 !important; }
html[data-theme="dark"] .sv-creative-lead,
html[data-theme="dark"] .sv-creative-detail-bottom p { color:#c1d1e2 !important; }
html[data-theme="dark"] .sv-creative-detail-grid article {
  background:#002b66 !important;
  border-color:rgba(160,236,0,.25) !important;
  border-top:3px solid #a0ec00 !important;
  box-shadow:0 14px 36px rgba(160,236,0,.13),0 5px 18px rgba(0,0,0,.16);
}
html[data-theme="dark"] .sv-creative-detail-grid h3 { color:#fff !important; }
html[data-theme="dark"] .sv-creative-detail-grid p { color:#d5e3f2 !important; }
html[data-theme="dark"] .sv-creative-detail-bottom { border-color:rgba(160,236,0,.25); }
@media(max-width:900px) {
  .sv-creative-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
  .sv-creative-detail { padding:70px 0; }
  .sv-creative-detail-grid { grid-template-columns:1fr; gap:13px; margin-top:32px; }
  .sv-creative-detail-grid article { min-height:0; }
  .sv-creative-detail-bottom { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) {
  .sv-creative-detail-grid article { transition:none !important; }
}


/* Payroll & Business Operations outsourcing detail section. */
.sv-card-link#payroll { color:inherit; text-decoration:none; cursor:pointer; }
.sv-card-link#payroll h3 { color:inherit; }
.sv-card-link#payroll .sv-link { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.sv-card-link#payroll:focus-visible { outline:3px solid #A0EC00; outline-offset:5px; }
#payroll-outsourcing-details { scroll-margin-top:100px; }
.sv-payroll-detail {
  position:relative;
  overflow:hidden;
  padding:clamp(76px,9vw,124px) 0;
  background:#f4f8fb;
  color:#18345b;
}
.sv-payroll-detail-head { max-width:780px; }
.sv-payroll-detail-head h2 {
  margin:20px 0 18px;
  font-size:clamp(42px,5.6vw,72px);
  line-height:1.04;
  letter-spacing:-.065em;
  color:#002b66;
}
.sv-payroll-detail-head h2 em { color:#a0ec00; font-style:normal; }
.sv-payroll-lead { max-width:740px; font-size:17px; line-height:1.8; color:#002b66; }
.sv-payroll-detail-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
}
.sv-payroll-detail-grid article {
  min-height:220px;
  padding:25px 22px;
  border:1px solid #d6e2ed;
  border-top:3px solid #a0ec00;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(160,236,0,.10),0 3px 12px rgba(0,43,102,.045);
  transition:transform .55s ease,box-shadow .55s ease,border-color .55s ease;
}
.sv-payroll-detail-grid article:hover {
  transform:translateY(-7px);
  box-shadow:0 18px 40px rgba(160,236,0,.20),0 5px 16px rgba(160,236,0,.08);
  border-color:rgba(160,236,0,.7);
}
.sv-payroll-detail-grid article>span { color:#80c900; font-size:11px; font-weight:800; letter-spacing:.12em; }
.sv-payroll-detail-grid h3 { margin:26px 0 10px; color:#18345b; font-size:18px; letter-spacing:-.035em; }
.sv-payroll-detail-grid p { margin:0; color:#002b66; font-size:13px; line-height:1.8; }
.sv-payroll-detail-bottom {
  display:flex; align-items:center; justify-content:space-between; gap:28px;
  margin-top:34px; padding-top:26px; border-top:1px solid #d3e0eb;
}
.sv-payroll-detail-bottom p { max-width:690px; margin:0; color:#002b66; font-size:15px; line-height:1.8; }
.sv-payroll-detail-bottom .btn { flex:0 0 auto; }
html[data-theme="dark"] .sv-payroll-detail { background:#0b203b !important; color:#eef5ff !important; }
html[data-theme="dark"] .sv-payroll-detail-head h2 { color:#f6fbff !important; }
html[data-theme="dark"] .sv-payroll-detail-head h2 em { color:#a0ec00 !important; }
html[data-theme="dark"] .sv-payroll-lead,
html[data-theme="dark"] .sv-payroll-detail-bottom p { color:#c1d1e2 !important; }
html[data-theme="dark"] .sv-payroll-detail-grid article {
  background:#002b66 !important;
  border-color:rgba(160,236,0,.25) !important;
  border-top:3px solid #a0ec00 !important;
  box-shadow:0 14px 36px rgba(160,236,0,.13),0 5px 18px rgba(0,0,0,.16);
}
html[data-theme="dark"] .sv-payroll-detail-grid h3 { color:#fff !important; }
html[data-theme="dark"] .sv-payroll-detail-grid p { color:#d5e3f2 !important; }
html[data-theme="dark"] .sv-payroll-detail-bottom { border-color:rgba(160,236,0,.25); }
@media(max-width:900px) { .sv-payroll-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) {
  .sv-payroll-detail { padding:70px 0; }
  .sv-payroll-detail-grid { grid-template-columns:1fr; gap:13px; margin-top:32px; }
  .sv-payroll-detail-grid article { min-height:0; }
  .sv-payroll-detail-bottom { align-items:flex-start; flex-direction:column; }
}
@media(prefers-reduced-motion:reduce) { .sv-payroll-detail-grid article { transition:none !important; } }