/*
 * Hilive Homepage — Training services and studio team training.
 * Draft-only, scoped to the homepage. Keeps existing Programs / Courses intact.
 */
.hilive-home-v3 .hl-services-v3{
  position:relative;
  padding:clamp(75px,7.6vw,106px) 0 clamp(76px,7vw,100px);
  background:linear-gradient(180deg,#eef2f3 0%,#f6f8f8 100%);
  color:#183a3d;
  scroll-margin-top:88px;
}
.hilive-home-v3 .hl-services-v3::before{
  content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,transparent,#c6deda,transparent);
}
.hilive-home-v3 .hl-services-v3__head{
  display:grid;
  grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);
  align-items:end;gap:44px;
  margin-bottom:36px;
}
.hilive-home-v3 .hl-services-v3 .hl-eyebrow{
  color:#178486;
  display:inline-flex;align-items:center;gap:9px;
  margin:0 0 13px;font-size:12px;
}
.hilive-home-v3 .hl-services-v3 .hl-eyebrow::before{
  content:"";display:block;width:7px;height:7px;
  flex:0 0 7px;border-radius:50%;
  background:#f2c84b;box-shadow:0 0 0 4px rgba(242,200,75,.15);
}
.hilive-home-v3 .hl-services-v3__head h2{
  margin:0;
  color:#143c3f;
  font-size:clamp(35px,4vw,54px);
  font-weight:800;line-height:1.28;
  letter-spacing:-.028em;
}
.hilive-home-v3 .hl-services-v3__head > p{
  color:#526b6d;font-size:clamp(14px,1.35vw,16px);
  font-weight:600;line-height:1.95;
  margin:0 0 3px;
}
.hilive-home-v3 .hl-services-v3__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
}
.hilive-home-v3 .hl-service-v3{
  position:relative;
  display:flex;flex-direction:column;
  min-width:0;min-height:392px;
  border:1px solid #d4e3e3;
  border-top:4px solid #41b9b5;
  border-radius:23px;
  padding:clamp(24px,2.7vw,33px);
  background:linear-gradient(151deg,#fff 35%,#f2f9f9 100%);
  color:#1b393b!important;
  text-decoration:none!important;
  box-shadow:0 7px 26px rgba(20,70,74,.045);
  overflow:hidden;
  transition:transform .27s ease,border-color .27s ease,
    box-shadow .27s ease,background .27s ease;
}
.hilive-home-v3 .hl-service-v3--session,
.hilive-home-v3 .hl-service-v3--bootcamp{
  border-color:#e9e0bc;border-top-color:#efc646;
  background:linear-gradient(151deg,#fff 35%,#fffcf0 100%);
}
.hilive-home-v3 .hl-service-v3__top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  margin:0 0 19px;
}
.hilive-home-v3 .hl-service-v3__number{
  display:grid;place-items:center;
  flex:0 0 44px;width:44px;height:44px;
  background:#e1f3f1;color:#116c70;
  border-radius:50%;
  font-size:16px;font-weight:900;
  letter-spacing:-.02em;line-height:1;
}
.hilive-home-v3 .hl-service-v3--session .hl-service-v3__number,
.hilive-home-v3 .hl-service-v3--bootcamp .hl-service-v3__number{
  background:#fff0b9;color:#735400;
}
.hilive-home-v3 .hl-service-v3__top small{
  font-size:10px;font-weight:800;line-height:1.5;
  letter-spacing:.09em;text-align:end;
  color:#759293;
}
.hilive-home-v3 .hl-service-v3 h3{
  font-size:clamp(26px,2.7vw,35px);
  line-height:1.25;margin:0 0 14px;
  font-weight:800;color:#173b3d;
  letter-spacing:-.025em;
  direction:ltr;text-align:start;
}
.hilive-home-v3 .hl-service-v3__desc{
  color:#4a6466;margin:0 0 22px;
  font-size:15px;font-weight:600;line-height:1.9;
}
.hilive-home-v3 .hl-service-v3__benefit{
  background:#eef8f7;
  border:1px solid #dcefed;
  border-radius:14px;
  padding:17px 18px;
  margin-top:auto;
}
.hilive-home-v3 .hl-service-v3--session .hl-service-v3__benefit,
.hilive-home-v3 .hl-service-v3--bootcamp .hl-service-v3__benefit{
  background:#fff8df;border-color:#f6e8b8;
}
.hilive-home-v3 .hl-service-v3__benefit strong{
  display:block;color:#0b6e72;
  font-size:13px;font-weight:800;margin:0 0 6px;
}
.hilive-home-v3 .hl-service-v3--session .hl-service-v3__benefit strong,
.hilive-home-v3 .hl-service-v3--bootcamp .hl-service-v3__benefit strong{
  color:#78600e;
}
.hilive-home-v3 .hl-service-v3__benefit p{
  color:#486163;font-size:13px;
  line-height:1.85;font-weight:650;margin:0;
}
.hilive-home-v3 .hl-service-v3__cta{
  display:flex;align-items:center;gap:12px;
  margin-top:23px;
  padding-top:17px;
  border-top:1px solid rgba(23,73,76,.11);
  color:#146e70;
  font-size:14px;font-weight:800;
}
.hilive-home-v3 .hl-service-v3__cta b{
  display:grid;place-items:center;
  width:33px;height:33px;flex:0 0 33px;
  border-radius:9px;
  background:#269497;color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:18px;line-height:1;direction:ltr;
  margin-inline-start:auto;
  transition:transform .25s ease,background .25s ease;
}
.hilive-home-v3 .hl-service-v3--session .hl-service-v3__cta b,
.hilive-home-v3 .hl-service-v3--bootcamp .hl-service-v3__cta b{
  background:#f2c84b;color:#114f54;
}
.hilive-home-v3 .hl-service-v3:focus-visible{
  outline:3px solid #228b91;outline-offset:4px;
}
@media(hover:hover) and (pointer:fine){
  .hilive-home-v3 .hl-service-v3:hover{
    transform:translateY(-5px);
    border-color:#7cc8c4;
    box-shadow:0 22px 44px rgba(19,78,81,.12);
  }
  .hilive-home-v3 .hl-service-v3--session:hover,
  .hilive-home-v3 .hl-service-v3--bootcamp:hover{
    border-color:#e7c656;
    box-shadow:0 22px 44px rgba(115,90,18,.095);
  }
  .hilive-home-v3 .hl-service-v3:hover .hl-service-v3__cta b{
    transform:translate(-2px,-2px);
  }
}
.hilive-home-v3 .hl-services-v3__team-note{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;gap:19px;
  margin-top:19px;
  padding:23px 25px;
  border-radius:21px;
  border:1px solid #bcdad9;
  background:linear-gradient(120deg,#e3f3f1,#f7fbfb);
  box-shadow:0 6px 22px rgba(18,75,76,.035);
}
.hilive-home-v3 .hl-services-v3__team-symbol{
  display:grid;place-items:center;
  width:52px;height:52px;
  border-radius:15px;
  color:#fff;background:#174e52;
  font-size:22px;font-weight:900;
}
.hilive-home-v3 .hl-services-v3__team-note strong{
  display:block;color:#1b4a4c;
  font-size:17px;line-height:1.5;
}
.hilive-home-v3 .hl-services-v3__team-note p{
  color:#506a6c;font-size:13px;
  font-weight:600;line-height:1.8;margin:4px 0 0;
}
.hilive-home-v3 .hl-services-v3__team-note > a{
  display:inline-flex;align-items:center;gap:10px;
  color:#185a5d;text-decoration:none!important;
  font-size:13px;font-weight:800;white-space:nowrap;
}
.hilive-home-v3 .hl-services-v3__team-note > a b{
  width:31px;height:31px;border-radius:8px;
  display:grid;place-items:center;
  background:#f2c84b;color:#16484d;
  font-family:Arial,Helvetica,sans-serif;font-size:18px;
  direction:ltr;transition:transform .2s ease;
}
.hilive-home-v3 .hl-services-v3__team-note > a:focus-visible{
  outline:3px solid #258e96;outline-offset:4px;
}
@media(hover:hover) and (pointer:fine){
  .hilive-home-v3 .hl-services-v3__team-note > a:hover b{
    transform:translate(-2px,-2px);
  }
}

/* Feature banner: articulate the training service, not the B2B label. */
.hilive-home-v3 .hl-companies-v3{
  background:#eef1f2;padding:15px 0 clamp(75px,7vw,105px);
  scroll-margin-top:95px;
}
.hilive-home-v3 .hl-companies-v3__panel{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:25px;align-items:center;
  padding:clamp(30px,4vw,48px);
  border-radius:27px;
  background:
    radial-gradient(circle at 9% 8%,rgba(242,200,75,.14),transparent 38%),
    linear-gradient(122deg,#123b3d,#226b6c);
  color:#fff;
  box-shadow:0 20px 50px rgba(14,66,68,.13);
}
.hilive-home-v3 .hl-companies-v3__mark{
  display:grid;place-items:center;
  width:72px;height:72px;border-radius:18px;
  background:#f2c84b;color:#164649;
  font-size:13px;font-weight:900;letter-spacing:.09em;
}
.hilive-home-v3 .hl-companies-v3 .hl-eyebrow{
  margin:0 0 12px;color:#f6d774;
  font-size:11px;line-height:1.5;letter-spacing:.11em;
}
.hilive-home-v3 .hl-companies-v3__copy{min-width:0}
.hilive-home-v3 .hl-companies-v3 h2{
  font-size:clamp(27px,3vw,39px);
  font-weight:800;line-height:1.35;
  color:#fff;margin:0 0 15px;
}
.hilive-home-v3 .hl-companies-v3 p:not(.hl-eyebrow){
  color:#e0f0ef;
  font-size:15px;line-height:1.95;
  font-weight:600;margin:0;
  max-width:660px;
}
.hilive-home-v3 .hl-companies-v3__outcome{
  max-width:740px;
  margin-top:17px;padding-top:14px;
  border-top:1px solid rgba(255,255,255,.22);
  color:#f5deb1;font-size:13px;
  line-height:1.85;font-weight:800;
}
.hilive-home-v3 .hl-companies-v3__panel .hl-btn--dark{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 16px;
  min-height:54px;
  background:#f2c84b;
  color:#184a4c!important;
  border-color:#f2c84b;
  font-size:13px;font-weight:800;
  text-align:center;
  white-space:normal;max-width:215px;
}
.hilive-home-v3 .hl-companies-v3__panel .hl-btn--dark:hover{
  background:#ffe27e;border-color:#ffe27e;
}
.hilive-home-v3 .hl-companies-v3__panel .hl-btn--dark::after{
  background:#184f51;color:#fff;
  border-radius:8px;
}

/* Extra nav item for services: modest desktop spacing adjustment only. */
@media(min-width:861px){
  .hilive-home-v3 .hl-home-header .hl-nav{gap:clamp(10px,1.2vw,16px);margin-left:8px}
  .hilive-home-v3 .hl-home-header .hl-nav a{font-size:12px}
  .hilive-home-v3 .hl-home-header__inner{gap:clamp(12px,1.5vw,20px)}
}

@media(max-width:1050px){
  .hilive-home-v3 .hl-companies-v3__panel{grid-template-columns:64px minmax(0,1fr)}
  .hilive-home-v3 .hl-companies-v3__mark{width:64px;height:64px}
  .hilive-home-v3 .hl-companies-v3__panel .hl-btn--dark{
    grid-column:2;justify-self:start;max-width:none;
  }
}
@media(max-width:860px){
  .hilive-home-v3 .hl-services-v3__head{
    grid-template-columns:1fr;gap:14px;margin-bottom:27px;
  }
  .hilive-home-v3 .hl-services-v3__team-note{
    grid-template-columns:52px 1fr;
  }
  .hilive-home-v3 .hl-services-v3__team-note>a{
    grid-column:2;justify-self:start;
  }
}
@media(max-width:640px){
  .hilive-home-v3 .hl-services-v3{
    padding:66px 0 72px;
  }
  .hilive-home-v3 .hl-services-v3__grid{grid-template-columns:1fr;gap:14px}
  .hilive-home-v3 .hl-service-v3{
    min-height:0;padding:24px 22px;
    border-radius:20px;
  }
  .hilive-home-v3 .hl-service-v3 h3{font-size:30px}
  .hilive-home-v3 .hl-service-v3__desc{font-size:14px}
  .hilive-home-v3 .hl-service-v3__top small{font-size:9px}
  .hilive-home-v3 .hl-services-v3__team-note{
    padding:21px;grid-template-columns:44px minmax(0,1fr);gap:15px;
  }
  .hilive-home-v3 .hl-services-v3__team-symbol{width:44px;height:44px}
  .hilive-home-v3 .hl-services-v3__team-note > a{
    grid-column:1 / -1;margin-top:3px;
  }
  .hilive-home-v3 .hl-companies-v3__panel{
    grid-template-columns:1fr;gap:21px;padding:26px 22px;
  }
  .hilive-home-v3 .hl-companies-v3__panel .hl-btn--dark{
    grid-column:auto;width:100%;max-width:none;
    justify-self:stretch;justify-content:center;
  }
  .hilive-home-v3 .hl-companies-v3 h2{font-size:29px}
  .hilive-home-v3 .hl-companies-v3 p:not(.hl-eyebrow){font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .hilive-home-v3 .hl-service-v3,
  .hilive-home-v3 .hl-service-v3__cta b,
  .hilive-home-v3 .hl-services-v3__team-note > a b{
    transition:none!important;transform:none!important;
  }
}