/* Busy Day Overflow isolated redesign */

.overflowPage{
  background:#fff;
  color:#10243d;
}

.overflowPage main{
  overflow:hidden;
}

.overflowPage .wrap{
  width:min(100% - 40px,1120px);
  margin:0 auto;
}

.overflowHero{
  position:relative;
  padding:72px 0 66px;
  background:
    radial-gradient(circle at 12% 10%,rgba(23,105,255,.15),transparent 30rem),
    radial-gradient(circle at 88% 12%,rgba(24,201,164,.12),transparent 30rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);
}

.overflowHeroGrid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  gap:46px;
  align-items:center;
}

.overflowHeroCopy h1{
  margin:0;
  max-width:650px;
  color:#071427;
  font-size:clamp(48px,5.2vw,72px);
  line-height:.96;
  letter-spacing:-.058em;
}

.overflowEyebrow,
.overflowKicker{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 15px;
  color:#0b54d0;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.overflowEyebrow:before,
.overflowKicker:before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:999px;
  background:#18c9a4;
  box-shadow:0 0 0 7px rgba(24,201,164,.13);
}

.overflowHeroLead{
  max-width:650px;
  margin:22px 0 0;
  color:#29425f;
  font-size:20px;
  line-height:1.55;
  font-weight:650;
}

.overflowHeroBenefits{
  list-style:none;
  display:grid;
  gap:12px;
  margin:28px 0 0;
  padding:0;
}

.overflowHeroBenefits li{
  position:relative;
  padding-left:38px;
  color:#10243d;
  font-weight:900;
}

.overflowHeroBenefits li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:-3px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#e7f8f4;
  color:#07937a;
  font-weight:1000;
}

.overflowActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.overflowBtn{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:13px 22px;
  border-radius:999px;
  font-weight:1000;
  transition:transform .15s ease,box-shadow .15s ease;
}

.overflowBtn:hover{
  transform:translateY(-2px);
}

.overflowBtnPrimary{
  background:linear-gradient(135deg,#1769ff,#4f94ff);
  color:#fff;
  box-shadow:0 16px 38px rgba(23,105,255,.25);
}

.overflowBtnSecondary{
  background:#fff;
  color:#10243d;
  border:1px solid #cedff2;
  box-shadow:0 12px 28px rgba(31,66,110,.08);
}

.overflowTextLink{
  display:inline-flex;
  margin-top:16px;
  color:#1769ff;
  font-weight:950;
}

.overflowVideoCard{
  padding:18px;
  border:1px solid rgba(190,214,244,.96);
  border-radius:30px;
  background:rgba(255,255,255,.94);
  box-shadow:0 34px 88px rgba(17,53,99,.17);
}

.overflowVideoLabel{
  display:inline-flex;
  margin:0 0 12px;
  padding:8px 12px;
  border-radius:999px;
  background:#eaf3ff;
  color:#1769ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.overflowVideoFrame{
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:20px;
  background:#000;
}

.overflowVideoPlayer{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
}

.overflowVideoCard p{
  margin:14px 4px 2px;
  color:#52657a;
  line-height:1.5;
  font-weight:700;
}

.overflowProblem,
.overflowCapabilities,
.overflowUseCases,
.overflowFaq{
  padding:84px 0;
  background:#fff;
}

.overflowHow,
.overflowComparison,
.overflowHandover,
.overflowSetup,
.overflowArticle{
  padding:84px 0;
  background:#f4f9ff;
}

.overflowSectionHead{
  max-width:770px;
  margin-bottom:34px;
}

.overflowSectionHeadCentre{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.overflowSectionHeadCentre .overflowKicker{
  justify-content:center;
}

.overflowSectionHead h2,
.overflowSetupCopy h2,
.overflowArticleIntro h2,
.overflowFinalCard h2{
  margin:0;
  color:#071427;
  font-size:clamp(36px,4.2vw,58px);
  line-height:1;
  letter-spacing:-.052em;
}

.overflowSectionHead > p:last-child,
.overflowSetupCopy > p,
.overflowArticleIntro > p:last-child{
  margin:17px 0 0;
  color:#52657a;
  font-size:18px;
  line-height:1.58;
  font-weight:650;
}

.overflowProblemGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.overflowProblemGrid article,
.overflowCapabilityGrid article,
.overflowUseCaseGrid article{
  padding:26px;
  border:1px solid #d9e7f5;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(17,53,99,.09);
}

.overflowIcon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  margin-bottom:19px;
  border-radius:15px;
  background:linear-gradient(135deg,#eaf3ff,#e8fbf7);
  color:#1769ff;
  font-size:18px;
  font-weight:1000;
}

.overflowProblemGrid h3,
.overflowCapabilityGrid h3,
.overflowUseCaseGrid h3,
.overflowStepGrid h3{
  margin:0 0 10px;
  color:#10243d;
  font-size:21px;
  line-height:1.15;
  letter-spacing:-.025em;
}

.overflowProblemGrid p,
.overflowCapabilityGrid p,
.overflowUseCaseGrid p,
.overflowStepGrid p{
  margin:0;
  color:#52657a;
  line-height:1.55;
  font-weight:700;
}

.overflowStepGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.overflowStepGrid article{
  min-height:240px;
  padding:26px;
  border:1px solid #d8e6f5;
  border-radius:26px;
  background:#fff;
  box-shadow:0 18px 48px rgba(17,53,99,.09);
}

.overflowStepNumber{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:24px;
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#62a2ff);
  color:#fff;
  font-weight:1000;
  box-shadow:0 12px 30px rgba(23,105,255,.22);
}

.overflowCapabilityGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.overflowComparisonGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.overflowComparisonCard{
  padding:34px;
  border:1px solid #d8e6f5;
  border-radius:30px;
  background:#fff;
  box-shadow:0 22px 60px rgba(17,53,99,.10);
}

.overflowComparisonFeatured{
  border-color:rgba(23,105,255,.40);
  background:
    radial-gradient(circle at 90% 8%,rgba(24,201,164,.13),transparent 16rem),
    linear-gradient(180deg,#fff,#f3f8ff);
}

.overflowComparisonLabel{
  margin:0 0 12px;
  color:#1769ff;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.overflowComparisonCard h3{
  margin:0;
  color:#071427;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.035em;
}

.overflowComparisonCard ul{
  list-style:none;
  display:grid;
  gap:13px;
  margin:26px 0 0;
  padding:0;
}

.overflowComparisonCard li{
  position:relative;
  padding:13px 14px 13px 44px;
  border:1px solid #e0ebf7;
  border-radius:15px;
  background:#f8fbff;
  color:#29425f;
  font-weight:850;
}

.overflowComparisonCard li:before{
  content:"✓";
  position:absolute;
  left:14px;
  color:#18a98e;
  font-weight:1000;
}

.overflowUseCaseGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.overflowUseCaseGrid article{
  min-height:175px;
}

.overflowHandoverCard{
  overflow:hidden;
  border:1px solid #d4e4f4;
  border-radius:30px;
  background:#fff;
  box-shadow:0 28px 76px rgba(17,53,99,.13);
}

.overflowHandoverTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:26px 30px;
  border-bottom:1px solid #e0ebf6;
  background:linear-gradient(90deg,#f8fbff,#eef6ff);
}

.overflowHandoverTop h3{
  margin:9px 0 0;
  color:#071427;
  font-size:25px;
}

.overflowStatus{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:#e7f8f4;
  color:#087661;
  font-size:12px;
  font-weight:1000;
  text-transform:uppercase;
}

.overflowHandoverTime{
  color:#52657a;
  font-weight:850;
}

.overflowHandoverGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
}

.overflowHandoverGrid div{
  min-height:150px;
  padding:27px 30px;
  border-right:1px solid #e5edf7;
  border-bottom:1px solid #e5edf7;
}

.overflowHandoverGrid div:nth-child(3n){
  border-right:0;
}

.overflowHandoverGrid dt{
  margin-bottom:9px;
  color:#1769ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.overflowHandoverGrid dd{
  margin:0;
  color:#10243d;
  line-height:1.5;
  font-weight:800;
}

.overflowSetupGrid{
  display:grid;
  grid-template-columns:minmax(310px,.42fr) minmax(520px,.58fr);
  gap:34px;
  align-items:stretch;
}

.overflowSetupCopy,
.overflowGuideCard{
  padding:32px;
  border:1px solid #d4e4f4;
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 68px rgba(17,53,99,.11);
}

.overflowSetupList{
  display:grid;
  gap:14px;
  margin:26px 0 0;
  padding-left:23px;
}

.overflowSetupList li{
  padding-left:8px;
}

.overflowSetupList strong,
.overflowSetupList span{
  display:block;
}

.overflowSetupList strong{
  color:#10243d;
}

.overflowSetupList span{
  margin-top:5px;
  color:#52657a;
  line-height:1.45;
  font-weight:650;
}

.overflowGuideCard{
  min-width:0;
}

.overflowArticleWrap{
  max-width:920px;
}

.overflowArticleIntro{
  margin-bottom:42px;
}

.overflowArticleContent{
  display:grid;
  gap:0;
  overflow:hidden;
  border:1px solid #d7e5f4;
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 70px rgba(17,53,99,.10);
}

.overflowArticleContent section{
  padding:30px 34px;
  border-bottom:1px solid #e2ecf7;
}

.overflowArticleContent section:last-child{
  border-bottom:0;
}

.overflowArticleContent h3{
  margin:0 0 13px;
  color:#10243d;
  font-size:25px;
  letter-spacing:-.025em;
}

.overflowArticleContent p{
  margin:0;
  color:#52657a;
  font-size:17px;
  line-height:1.7;
  font-weight:600;
}

.overflowArticleContent p + p{
  margin-top:15px;
}

.overflowFaqGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.overflowFaqGrid details{
  align-self:start;
  overflow:hidden;
  border:1px solid #d8e6f5;
  border-radius:17px;
  background:#fff;
  box-shadow:0 12px 30px rgba(17,53,99,.06);
}

.overflowFaqGrid summary{
  padding:18px 20px;
  cursor:pointer;
  color:#10243d;
  font-weight:950;
}

.overflowFaqGrid details p{
  margin:0;
  padding:0 20px 19px;
  color:#52657a;
  line-height:1.55;
  font-weight:650;
}

.overflowFinal{
  padding:0 0 84px;
  background:#fff;
}

.overflowFinalCard{
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
  padding:42px;
  overflow:hidden;
  border-radius:32px;
  color:#fff;
  background:
    radial-gradient(circle at 90% 20%,rgba(24,201,164,.25),transparent 24rem),
    linear-gradient(135deg,#071427,#0c3159 70%,#1769ff 150%);
  box-shadow:0 30px 82px rgba(7,20,39,.22);
}

.overflowFinalCard h2{
  color:#fff;
}

.overflowFinalEyebrow{
  margin:0 0 12px;
  color:#9ed5ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.overflowFinalCard > div > p:not(.overflowFinalEyebrow){
  max-width:670px;
  margin:16px 0 0;
  color:#d7e7f7;
  font-size:18px;
  line-height:1.55;
  font-weight:650;
}

.overflowFinalNote{
  display:block;
  margin-top:15px;
  color:#bff6e8;
  font-weight:900;
}

.overflowFinalActions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px;
}

.overflowBtnLight{
  color:#0b54d0;
  background:#fff;
  box-shadow:0 16px 36px rgba(0,0,0,.16);
}

.overflowBtnOutline{
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.08);
}

@media(max-width:980px){
  .overflowHeroGrid,
  .overflowSetupGrid,
  .overflowFinalCard{
    grid-template-columns:1fr;
  }

  .overflowStepGrid,
  .overflowUseCaseGrid{
    grid-template-columns:1fr 1fr;
  }

  .overflowFinalActions{
    justify-content:flex-start;
  }
}

@media(max-width:760px){
  .overflowPage .wrap{
    width:min(100% - 28px,1120px);
  }

  .overflowHero{
    padding:44px 0;
  }

  .overflowHeroCopy h1{
    font-size:clamp(40px,12vw,55px);
  }

  .overflowHeroLead{
    font-size:17px;
  }

  .overflowProblem,
  .overflowHow,
  .overflowCapabilities,
  .overflowComparison,
  .overflowUseCases,
  .overflowHandover,
  .overflowSetup,
  .overflowArticle,
  .overflowFaq{
    padding:54px 0;
  }

  .overflowProblemGrid,
  .overflowCapabilityGrid,
  .overflowComparisonGrid,
  .overflowFaqGrid,
  .overflowHandoverGrid{
    grid-template-columns:1fr;
  }

  .overflowHandoverGrid div,
  .overflowHandoverGrid div:nth-child(3n){
    border-right:0;
  }

  .overflowHandoverTop{
    align-items:flex-start;
    flex-direction:column;
  }

  .overflowSetupCopy,
  .overflowGuideCard,
  .overflowComparisonCard{
    padding:23px;
    border-radius:24px;
  }

  .overflowFinal{
    padding-bottom:54px;
  }

  .overflowFinalCard{
    padding:28px 23px;
    border-radius:25px;
  }
}

@media(max-width:560px){
  .overflowStepGrid,
  .overflowUseCaseGrid{
    grid-template-columns:1fr;
  }

  .overflowActions,
  .overflowFinalActions{
    display:grid;
    grid-template-columns:1fr;
  }

  .overflowBtn{
    width:100%;
    text-align:center;
  }

  .overflowVideoCard{
    padding:10px;
    border-radius:23px;
  }

  .overflowVideoFrame{
    border-radius:17px;
  }

  .overflowArticleContent section{
    padding:24px 21px;
  }
}


/* COMPACT WHY + PROCESS SECTION */

.overflowWhy{
  padding:58px 0;
  background:
    radial-gradient(circle at 9% 8%,rgba(23,105,255,.08),transparent 24rem),
    linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%);
}

.overflowWhyHead{
  max-width:720px;
  margin-bottom:28px;
}

.overflowWhyGrid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:20px;
  align-items:stretch;
}

.overflowCompactPanel{
  padding:24px;
  border:1px solid #d8e6f5;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(17,53,99,.08);
}

.overflowCompactPanelHead{
  margin-bottom:18px;
}

.overflowMiniKicker{
  margin:0 0 8px;
  color:#1769ff;
  font-size:11px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.overflowCompactPanelHead h3{
  margin:0;
  color:#071427;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.035em;
}

.overflowProblemList{
  display:grid;
  gap:10px;
}

.overflowProblemList article{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:16px;
  border:1px solid #e0ebf7;
  border-radius:17px;
  background:#f8fbff;
}

.overflowCompactIcon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(135deg,#eaf3ff,#e7f8f4);
  color:#1769ff;
  font-size:16px;
  font-weight:1000;
}

.overflowProblemList h4,
.overflowProcessList h4{
  margin:0 0 5px;
  color:#10243d;
  font-size:17px;
  line-height:1.2;
  letter-spacing:-.015em;
}

.overflowProblemList p,
.overflowProcessList p{
  margin:0;
  color:#52657a;
  font-size:14px;
  line-height:1.48;
  font-weight:650;
}

.overflowProcessList{
  position:relative;
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.overflowProcessList:before{
  content:"";
  position:absolute;
  left:18px;
  top:22px;
  bottom:22px;
  width:2px;
  background:linear-gradient(180deg,#1769ff,#18c9a4);
  opacity:.24;
}

.overflowProcessList li{
  position:relative;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:13px 0;
}

.overflowProcessNumber{
  position:relative;
  z-index:1;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#5d9fff);
  color:#fff;
  font-size:14px;
  font-weight:1000;
  box-shadow:0 10px 24px rgba(23,105,255,.18);
}

@media(max-width:900px){
  .overflowWhyGrid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .overflowWhy{
    padding:42px 0;
  }

  .overflowWhyHead{
    margin-bottom:22px;
  }

  .overflowCompactPanel{
    padding:20px;
    border-radius:21px;
  }

  .overflowCompactPanelHead h3{
    font-size:23px;
  }
}

@media(max-width:480px){
  .overflowProblemList article{
    grid-template-columns:36px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }

  .overflowCompactIcon,
  .overflowProcessNumber{
    width:34px;
    height:34px;
  }

  .overflowProcessList{
    gap:2px;
  }

  .overflowProcessList:before{
    left:16px;
  }

  .overflowProcessList li{
    grid-template-columns:34px minmax(0,1fr);
    gap:12px;
  }
}


/* COMPACT TEMPORARY COVER + USE CASE SECTION */

.overflowTemporary{
  padding:58px 0;
  background:
    radial-gradient(circle at 90% 12%,rgba(23,105,255,.08),transparent 24rem),
    linear-gradient(180deg,#f4f9ff 0%,#ffffff 100%);
}

.overflowTemporaryHead{
  max-width:720px;
  margin-bottom:28px;
}

.overflowTemporaryGrid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  align-items:stretch;
}

.overflowTemporaryPanel{
  padding:24px;
  border:1px solid #d8e6f5;
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(17,53,99,.08);
}

.overflowCompactComparison{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.overflowCompactComparisonColumn{
  padding:17px;
  border:1px solid #e0ebf7;
  border-radius:17px;
  background:#f8fbff;
}

.overflowCompactComparisonPrimary{
  border-color:rgba(23,105,255,.34);
  background:
    radial-gradient(circle at 90% 8%,rgba(24,201,164,.10),transparent 12rem),
    linear-gradient(180deg,#f8fbff,#eef6ff);
}

.overflowCompactComparisonColumn h4{
  margin:0 0 13px;
  color:#10243d;
  font-size:17px;
  line-height:1.2;
}

.overflowCompactComparisonColumn ul{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.overflowCompactComparisonColumn li{
  position:relative;
  padding-left:23px;
  color:#52657a;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
}

.overflowCompactComparisonColumn li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#18a98e;
  font-weight:1000;
}

.overflowCompactComparisonColumn:not(.overflowCompactComparisonPrimary) li:before{
  content:"–";
  color:#8293a8;
}

.overflowCompactUseCases{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.overflowCompactUseCases article{
  padding:14px;
  border:1px solid #e0ebf7;
  border-radius:15px;
  background:#f8fbff;
}

.overflowCompactUseCases strong,
.overflowCompactUseCases span{
  display:block;
}

.overflowCompactUseCases strong{
  margin-bottom:5px;
  color:#10243d;
  font-size:15px;
  line-height:1.2;
}

.overflowCompactUseCases span{
  color:#52657a;
  font-size:13px;
  line-height:1.42;
  font-weight:650;
}

@media(max-width:900px){
  .overflowTemporaryGrid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .overflowTemporary{
    padding:42px 0;
  }

  .overflowTemporaryHead{
    margin-bottom:22px;
  }

  .overflowTemporaryPanel{
    padding:20px;
    border-radius:21px;
  }
}

@media(max-width:560px){
  .overflowCompactComparison,
  .overflowCompactUseCases{
    grid-template-columns:1fr;
  }
}


/* LOWER PAGE DENSITY REFINEMENT */

.overflowTemporary{
  padding:38px 0 30px !important;
}

.overflowTemporaryHead{
  max-width:900px !important;
  margin-bottom:18px !important;
}

.overflowTemporaryHead h2{
  max-width:760px;
  font-size:clamp(32px,3.2vw,46px) !important;
  line-height:1.02 !important;
}

.overflowTemporaryHead > p:last-child{
  max-width:720px;
  margin-top:10px !important;
  font-size:16px !important;
  line-height:1.45 !important;
}

.overflowTemporaryGrid{
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) !important;
  gap:14px !important;
}

.overflowTemporaryPanel{
  padding:18px !important;
  border-radius:20px !important;
}

.overflowTemporaryPanel .overflowCompactPanelHead{
  margin-bottom:12px !important;
}

.overflowTemporaryPanel .overflowCompactPanelHead h3{
  font-size:21px !important;
}

.overflowCompactComparison{
  gap:8px !important;
}

.overflowCompactComparisonColumn{
  padding:13px !important;
  border-radius:14px !important;
}

.overflowCompactComparisonColumn h4{
  margin-bottom:9px !important;
  font-size:15px !important;
}

.overflowCompactComparisonColumn ul{
  gap:6px !important;
}

.overflowCompactComparisonColumn li{
  padding-left:19px !important;
  font-size:12px !important;
  line-height:1.32 !important;
}

.overflowCompactUseCases{
  gap:7px !important;
}

.overflowCompactUseCases article{
  padding:10px 11px !important;
  border-radius:12px !important;
}

.overflowCompactUseCases strong{
  margin-bottom:3px !important;
  font-size:13px !important;
}

.overflowCompactUseCases span{
  font-size:11px !important;
  line-height:1.32 !important;
}


/* Make the handover a compact proof strip instead of a full page section */

.overflowHandover{
  padding:28px 0 40px !important;
  background:#f4f9ff !important;
}

.overflowHandover .overflowSectionHead{
  max-width:900px !important;
  margin-bottom:16px !important;
  text-align:left !important;
}

.overflowHandover .overflowSectionHead .overflowKicker{
  justify-content:flex-start !important;
  margin-bottom:8px !important;
}

.overflowHandover .overflowSectionHead h2{
  font-size:clamp(30px,3vw,42px) !important;
}

.overflowHandover .overflowSectionHead > p:last-child{
  max-width:720px;
  margin-top:8px !important;
  font-size:15px !important;
  line-height:1.42 !important;
}

.overflowHandoverCard{
  border-radius:20px !important;
  box-shadow:0 16px 44px rgba(17,53,99,.09) !important;
}

.overflowHandoverTop{
  padding:15px 18px !important;
}

.overflowHandoverTop h3{
  margin-top:5px !important;
  font-size:19px !important;
}

.overflowStatus{
  padding:5px 8px !important;
  font-size:10px !important;
}

.overflowHandoverTime{
  font-size:13px !important;
}

.overflowHandoverGrid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
}

.overflowHandoverGrid div{
  min-height:0 !important;
  padding:15px 16px !important;
  border-right:1px solid #e5edf7 !important;
  border-bottom:0 !important;
}

.overflowHandoverGrid div:last-child{
  border-right:0 !important;
}

.overflowHandoverGrid dt{
  margin-bottom:6px !important;
  font-size:9px !important;
}

.overflowHandoverGrid dd{
  font-size:12px !important;
  line-height:1.38 !important;
}


/* Reduce remaining lower-page spacing */

.overflowSetup{
  padding:46px 0 !important;
}

.overflowSetupGrid{
  gap:20px !important;
}

.overflowSetupCopy,
.overflowGuideCard{
  padding:24px !important;
  border-radius:24px !important;
}

.overflowSetupCopy h2{
  font-size:clamp(30px,3.3vw,44px) !important;
}

.overflowSetupCopy > p{
  margin-top:11px !important;
  font-size:16px !important;
}

.overflowSetupList{
  gap:9px !important;
  margin-top:18px !important;
}

.overflowSetupList span{
  margin-top:2px !important;
  font-size:13px !important;
}

.overflowArticle{
  padding:50px 0 !important;
}

.overflowArticleIntro{
  margin-bottom:22px !important;
}

.overflowArticleIntro h2{
  font-size:clamp(32px,3.5vw,48px) !important;
}

.overflowArticleContent section{
  padding:22px 26px !important;
}

.overflowArticleContent h3{
  margin-bottom:8px !important;
  font-size:21px !important;
}

.overflowArticleContent p{
  font-size:15px !important;
  line-height:1.58 !important;
}

.overflowFaq{
  padding:46px 0 !important;
}

.overflowFaq .overflowSectionHead{
  margin-bottom:20px !important;
}

.overflowFaqGrid{
  gap:8px !important;
}

.overflowFaqGrid summary{
  padding:14px 16px !important;
  font-size:14px !important;
}

.overflowFaqGrid details p{
  padding:0 16px 14px !important;
  font-size:14px !important;
}

@media(max-width:980px){
  .overflowTemporaryGrid{
    grid-template-columns:1fr !important;
  }

  .overflowHandoverGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .overflowHandoverGrid div{
    border-bottom:1px solid #e5edf7 !important;
  }
}

@media(max-width:640px){
  .overflowTemporary,
  .overflowHandover{
    padding:34px 0 !important;
  }

  .overflowHandoverGrid{
    grid-template-columns:1fr !important;
  }

  .overflowHandoverGrid div{
    border-right:0 !important;
  }

  .overflowCompactComparison,
  .overflowCompactUseCases{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:440px){
  .overflowCompactComparison,
  .overflowCompactUseCases{
    grid-template-columns:1fr !important;
  }
}


/* RESTORE SECTION BACKGROUNDS AFTER DENSITY PASS */

.overflowWhy{
  background:
    radial-gradient(circle at 10% 10%,rgba(23,105,255,.13),transparent 28rem),
    radial-gradient(circle at 88% 18%,rgba(24,201,164,.10),transparent 26rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%) !important;
}

.overflowCapabilities{
  background:
    radial-gradient(circle at 88% 12%,rgba(23,105,255,.10),transparent 28rem),
    linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}

.overflowTemporary{
  background:
    radial-gradient(circle at 12% 14%,rgba(24,201,164,.18),transparent 26rem),
    radial-gradient(circle at 88% 18%,rgba(23,105,255,.18),transparent 28rem),
    linear-gradient(135deg,#071427 0%,#102a48 58%,#123b62 100%) !important;
  color:#fff !important;
}

.overflowTemporary .overflowKicker,
.overflowTemporary h2,
.overflowTemporary .overflowSectionHead > p:last-child{
  color:#fff !important;
}

.overflowTemporary .overflowSectionHead > p:last-child{
  color:#d7e5f5 !important;
}

.overflowTemporaryPanel{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.22) !important;
}

.overflowTemporaryPanel .overflowMiniKicker,
.overflowTemporaryPanel h3{
  color:#fff !important;
}

.overflowCompactComparisonColumn,
.overflowCompactUseCases article{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.14) !important;
}

.overflowCompactComparisonColumn h4,
.overflowCompactComparisonColumn li,
.overflowCompactUseCases strong,
.overflowCompactUseCases span{
  color:#eef6ff !important;
}

.overflowCompactComparisonColumn li:before{
  color:#8ef0d7 !important;
}

.overflowCompactComparisonColumn:not(.overflowCompactComparisonPrimary) li:before{
  color:#9db0c6 !important;
}

.overflowHandover{
  background:
    radial-gradient(circle at 14% 20%,rgba(24,201,164,.12),transparent 26rem),
    linear-gradient(180deg,#edf6ff 0%,#f8fbff 100%) !important;
}

.overflowSetup{
  background:
    radial-gradient(circle at 85% 14%,rgba(23,105,255,.11),transparent 28rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%) !important;
}

.overflowArticle{
  background:
    linear-gradient(180deg,#071427 0%,#0d2b50 100%) !important;
  color:#fff !important;
}

.overflowArticle .overflowKicker,
.overflowArticleIntro h2{
  color:#fff !important;
}

.overflowArticleIntro > p:last-child{
  color:#d7e5f5 !important;
}

.overflowArticleContent{
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.22) !important;
}

.overflowFaq{
  background:
    radial-gradient(circle at 10% 12%,rgba(23,105,255,.08),transparent 26rem),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 100%) !important;
}


/* RESTORE SHARED HERO ARTWORK */

.overflowHero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(248,251,255,.97) 0%,rgba(248,251,255,.88) 40%,rgba(248,251,255,.54) 68%,rgba(248,251,255,.72) 100%),
    url("/assets/one-day-receptionist-hero.webp") right center / cover no-repeat !important;
}

.overflowHero:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-3%;
  background:
    radial-gradient(circle at 12% 10%,rgba(23,105,255,.14),transparent 30rem),
    radial-gradient(circle at 84% 16%,rgba(24,201,164,.12),transparent 28rem);
  pointer-events:none;
}

.overflowHeroGrid{
  position:relative;
  z-index:1;
}

@media(max-width:980px){
  .overflowHero{
    background:
      linear-gradient(180deg,rgba(248,251,255,.97) 0%,rgba(248,251,255,.90) 55%,rgba(248,251,255,.76) 100%),
      url("/assets/one-day-receptionist-hero.webp") 72% center / cover no-repeat !important;
  }
}

@media(max-width:640px){
  .overflowHero{
    background:
      linear-gradient(180deg,rgba(248,251,255,.98) 0%,rgba(248,251,255,.94) 62%,rgba(248,251,255,.84) 100%),
      url("/assets/one-day-receptionist-hero.webp") 68% top / auto 100% no-repeat !important;
  }
}


/* BUSY DAY OVERFLOW ROUTING VISUAL SECTION */

.overflowWhyVisual{
  position:relative;
  padding:64px 0 58px !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 12%,rgba(23,105,255,.14),transparent 30rem),
    radial-gradient(circle at 90% 18%,rgba(24,201,164,.12),transparent 28rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%) !important;
}

.overflowWhyVisual:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.26),transparent 35%,rgba(255,255,255,.18));
}

.overflowWhyVisual > .wrap{
  position:relative;
  z-index:1;
}

.overflowWhyVisual .overflowWhyHead{
  max-width:820px !important;
  margin-bottom:30px !important;
}

.overflowWhyVisualGrid{
  display:grid;
  grid-template-columns:minmax(320px,.38fr) minmax(560px,.62fr);
  gap:22px;
  align-items:stretch;
}

.overflowProblemPanel{
  height:100%;
  padding:24px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(185,210,240,.92) !important;
  box-shadow:0 24px 64px rgba(17,53,99,.12) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.overflowRoutingVisual{
  display:grid;
  align-content:start;
  margin:0;
  padding:12px;
  overflow:hidden;
  border:1px solid rgba(185,210,240,.94);
  border-radius:26px;
  background:rgba(255,255,255,.94);
  box-shadow:0 26px 72px rgba(17,53,99,.15);
}

.overflowRoutingVisual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:18px;
  background:#edf6ff;
}

.overflowRoutingVisual figcaption{
  margin:0;
  padding:14px 10px 4px;
  color:#3c5672;
  font-size:14px;
  line-height:1.48;
  font-weight:750;
}

.overflowProcessStrip{
  display:grid;
  grid-template-columns:minmax(190px,.24fr) minmax(0,.76fr);
  gap:22px;
  align-items:center;
  margin-top:22px;
  padding:20px 22px;
  border:1px solid rgba(185,210,240,.92);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 48px rgba(17,53,99,.09);
}

.overflowProcessStripHead{
  padding-right:20px;
  border-right:1px solid #dce8f5;
}

.overflowProcessStripHead .overflowMiniKicker{
  margin-bottom:7px;
}

.overflowProcessStripHead h3{
  margin:0;
  color:#071427;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.overflowProcessStripGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.overflowProcessStripGrid li{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:10px;
  align-items:start;
  min-width:0;
}

.overflowProcessStripGrid li > span{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#62a2ff);
  color:#fff;
  font-size:12px;
  font-weight:1000;
  box-shadow:0 9px 22px rgba(23,105,255,.18);
}

.overflowProcessStripGrid strong,
.overflowProcessStripGrid small{
  display:block;
}

.overflowProcessStripGrid strong{
  color:#10243d;
  font-size:14px;
  line-height:1.22;
}

.overflowProcessStripGrid small{
  margin-top:4px;
  color:#52657a;
  font-size:12px;
  line-height:1.38;
  font-weight:650;
}

@media(max-width:1050px){
  .overflowWhyVisualGrid{
    grid-template-columns:1fr;
  }

  .overflowProblemPanel{
    display:grid;
    grid-template-columns:minmax(220px,.32fr) minmax(0,.68fr);
    gap:20px;
  }

  .overflowProblemPanel .overflowCompactPanelHead{
    margin:0;
  }

  .overflowProcessStrip{
    grid-template-columns:1fr;
  }

  .overflowProcessStripHead{
    padding-right:0;
    padding-bottom:15px;
    border-right:0;
    border-bottom:1px solid #dce8f5;
  }
}

@media(max-width:760px){
  .overflowWhyVisual{
    padding:46px 0 !important;
  }

  .overflowProblemPanel{
    display:block;
  }

  .overflowRoutingVisual{
    padding:8px;
    border-radius:21px;
  }

  .overflowRoutingVisual img{
    border-radius:15px;
  }

  .overflowProcessStrip{
    padding:18px;
    border-radius:20px;
  }

  .overflowProcessStripGrid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){
  .overflowProcessStripGrid{
    grid-template-columns:1fr;
  }

  .overflowProcessStripGrid li{
    grid-template-columns:34px minmax(0,1fr);
  }
}


/* ROUTED HANDOVER VISUAL */

.overflowHandoverVisual{
  position:relative;
  padding:58px 0 !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 18%,rgba(24,201,164,.15),transparent 28rem),
    radial-gradient(circle at 90% 16%,rgba(23,105,255,.13),transparent 30rem),
    linear-gradient(180deg,#edf6ff 0%,#f8fbff 100%) !important;
}

.overflowHandoverVisual .overflowSectionHead{
  max-width:780px !important;
  margin-bottom:28px !important;
}

.overflowRouteHandover{
  display:grid;
  grid-template-columns:minmax(260px,.34fr) 130px minmax(360px,.50fr);
  gap:18px;
  align-items:center;
  padding:22px;
  border:1px solid rgba(180,207,239,.92);
  border-radius:30px;
  background:rgba(255,255,255,.88);
  box-shadow:0 28px 78px rgba(17,53,99,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.overflowRouteCaller,
.overflowRouteEmployee{
  height:100%;
  padding:22px;
  border:1px solid #dbe8f5;
  border-radius:22px;
  background:#fff;
}

.overflowRouteLabel{
  display:block;
  margin-bottom:15px;
  color:#1769ff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.overflowRouteAvatar{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:18px;
  color:#fff;
  font-size:16px;
  font-weight:1000;
  box-shadow:0 12px 28px rgba(23,105,255,.20);
}

.overflowRouteAvatarCaller{
  margin-bottom:14px;
  background:linear-gradient(135deg,#1769ff,#64a2ff);
}

.overflowRouteAvatarEmployee{
  background:linear-gradient(135deg,#071427,#1769ff);
}

.overflowRouteCaller > div > strong,
.overflowEmployeeTop strong{
  display:block;
  color:#071427;
  font-size:20px;
  line-height:1.2;
}

.overflowRouteCaller > div > span,
.overflowEmployeeTop div > span{
  display:block;
  margin-top:5px;
  color:#52657a;
  line-height:1.45;
  font-weight:700;
}

.overflowRouteCaller dl{
  display:grid;
  gap:9px;
  margin:20px 0 0;
}

.overflowRouteCaller dl div{
  padding:12px;
  border-radius:14px;
  background:#f6faff;
  border:1px solid #e1ebf6;
}

.overflowRouteCaller dt{
  color:#1769ff;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.overflowRouteCaller dd{
  margin:5px 0 0;
  color:#10243d;
  font-size:13px;
  line-height:1.4;
  font-weight:800;
}

.overflowRouteDecision{
  position:relative;
  display:grid;
  justify-items:center;
  text-align:center;
  color:#10243d;
}

.overflowRouteDecision:before,
.overflowRouteDecision:after{
  content:"";
  position:absolute;
  top:32px;
  width:50%;
  height:2px;
  background:linear-gradient(90deg,#1769ff,#18c9a4);
  opacity:.36;
}

.overflowRouteDecision:before{
  right:50%;
}

.overflowRouteDecision:after{
  left:50%;
}

.overflowRouteDecisionIcon{
  position:relative;
  z-index:1;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#18c9a4);
  color:#fff;
  font-size:22px;
  font-weight:1000;
  box-shadow:
    0 14px 32px rgba(23,105,255,.22),
    0 0 0 10px rgba(23,105,255,.07);
}

.overflowRouteDecision strong{
  margin-top:18px;
  font-size:14px;
  line-height:1.25;
}

.overflowRouteDecision small{
  margin-top:5px;
  color:#52657a;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
}

.overflowEmployeeTop{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}

.overflowDeliveredBadge{
  padding:7px 10px;
  border-radius:999px;
  background:#e6f9f4;
  color:#087864;
  font-size:10px;
  font-weight:1000;
  text-transform:uppercase;
}

.overflowEmployeeReason,
.overflowEmployeeSummary{
  margin-top:16px;
  padding:14px 16px;
  border-radius:16px;
}

.overflowEmployeeReason{
  background:linear-gradient(135deg,#edf6ff,#eafaf6);
  border:1px solid rgba(24,201,164,.20);
}

.overflowEmployeeSummary{
  background:#f7fbff;
  border:1px solid #dfeaf6;
}

.overflowEmployeeReason > span,
.overflowEmployeeSummary > span{
  display:block;
  color:#1769ff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.overflowEmployeeReason p,
.overflowEmployeeSummary p{
  margin:7px 0 0;
  color:#29425f;
  font-size:13px;
  line-height:1.48;
  font-weight:750;
}

.overflowDeliveryMethods{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
}

.overflowDeliveryMethods span{
  padding:7px 10px;
  border-radius:999px;
  background:#eef5fd;
  border:1px solid #d8e6f5;
  color:#365473;
  font-size:10px;
  font-weight:900;
}

@media(max-width:980px){
  .overflowRouteHandover{
    grid-template-columns:1fr;
  }

  .overflowRouteDecision{
    padding:8px 0;
  }

  .overflowRouteDecision:before,
  .overflowRouteDecision:after{
    display:none;
  }
}

@media(max-width:600px){
  .overflowHandoverVisual{
    padding:44px 0 !important;
  }

  .overflowRouteHandover{
    padding:12px;
    border-radius:23px;
  }

  .overflowRouteCaller,
  .overflowRouteEmployee{
    padding:18px;
    border-radius:18px;
  }

  .overflowEmployeeTop{
    grid-template-columns:48px minmax(0,1fr);
  }

  .overflowDeliveredBadge{
    grid-column:1 / -1;
    justify-self:start;
  }
}


/* REAL-LIFE ROUTING SCENARIO — HTML, TEXT AND ICONS */

.overflowScenarioFlow{
  position:relative;
  padding:64px 0 !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 12%,rgba(24,201,164,.14),transparent 28rem),
    radial-gradient(circle at 90% 16%,rgba(23,105,255,.13),transparent 30rem),
    linear-gradient(180deg,#edf6ff 0%,#f8fbff 100%) !important;
}

.overflowScenarioFlow .overflowSectionHead{
  max-width:860px !important;
  margin-bottom:30px !important;
}

.overflowScenarioFlowGrid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.overflowScenarioStage{
  position:relative;
  min-width:0;
  padding:22px;
  border:1px solid rgba(180,207,239,.94);
  border-radius:26px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 66px rgba(17,53,99,.11);
}

.overflowScenarioStage:not(:last-child):after{
  content:"›";
  position:absolute;
  z-index:3;
  right:-25px;
  top:50%;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#5f9fff);
  color:#fff;
  font-size:24px;
  font-weight:1000;
  box-shadow:0 12px 28px rgba(23,105,255,.22);
}

.overflowScenarioStageHead{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:start;
  margin-bottom:18px;
}

.overflowScenarioStageNumber{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#62a2ff);
  color:#fff;
  font-size:13px;
  font-weight:1000;
  box-shadow:0 10px 24px rgba(23,105,255,.20);
}

.overflowScenarioStageHead .overflowMiniKicker{
  margin-bottom:6px;
}

.overflowScenarioStageHead h3{
  margin:0;
  color:#071427;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.03em;
}

.overflowScenarioIcon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  background:#eaf3ff;
  color:#1769ff;
  font-size:17px;
  font-weight:1000;
}

.overflowCallerIdentity{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.overflowCallerIdentity strong,
.overflowCallerIdentity span{
  display:block;
}

.overflowCallerIdentity strong{
  color:#10243d;
  font-size:18px;
}

.overflowCallerIdentity span{
  margin-top:3px;
  color:#52657a;
  font-size:13px;
  font-weight:750;
}

.overflowScenarioCaller blockquote{
  margin:0;
  padding:16px;
  border-left:4px solid #1769ff;
  border-radius:0 16px 16px 0;
  background:#f3f8ff;
  color:#29425f;
  font-size:14px;
  line-height:1.56;
  font-weight:750;
}

.overflowScenarioFacts{
  display:grid;
  gap:9px;
  margin:16px 0 0;
}

.overflowScenarioFacts div{
  padding:11px 12px;
  border:1px solid #e0ebf7;
  border-radius:14px;
  background:#f8fbff;
}

.overflowScenarioFacts dt{
  color:#1769ff;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.overflowScenarioFacts dd{
  margin:5px 0 0;
  color:#10243d;
  font-size:13px;
  line-height:1.4;
  font-weight:800;
}

.overflowEmployeeOptions{
  display:grid;
  gap:10px;
}

.overflowEmployeeOption{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:13px;
  border:1px solid #e0ebf7;
  border-radius:16px;
  background:#f8fbff;
}

.overflowEmployeeOption.is-selected{
  border-color:rgba(23,105,255,.52);
  background:
    radial-gradient(circle at 92% 8%,rgba(24,201,164,.12),transparent 10rem),
    linear-gradient(180deg,#f8fbff,#edf6ff);
  box-shadow:0 12px 30px rgba(23,105,255,.11);
}

.overflowEmployeeIcon{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:14px;
  font-size:18px;
  font-weight:1000;
}

.overflowEmployeeIconSales{
  background:#e8f8f2;
  color:#0d8e72;
}

.overflowEmployeeIconAccounts{
  background:#f4eaff;
  color:#8f4fd6;
}

.overflowEmployeeIconMaintenance{
  background:#eaf3ff;
  color:#1769ff;
}

.overflowEmployeeIconLettings{
  background:#fff1e8;
  color:#df7a32;
}

.overflowEmployeeOption strong,
.overflowEmployeeOption span,
.overflowEmployeeOption small{
  display:block;
}

.overflowEmployeeOption strong{
  color:#10243d;
  font-size:15px;
}

.overflowEmployeeOption span{
  margin-top:3px;
  color:#29425f;
  font-size:13px;
  font-weight:800;
}

.overflowEmployeeOption small{
  margin-top:5px;
  color:#52657a;
  font-size:11px;
  line-height:1.4;
  font-weight:650;
}

.overflowEmployeeSelectedBadge{
  position:absolute;
  right:10px;
  top:10px;
  padding:5px 8px;
  border-radius:999px;
  background:#1769ff;
  color:#fff !important;
  font-size:9px !important;
  font-weight:1000 !important;
  text-transform:uppercase;
}

.overflowDecisionChecks{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}

.overflowDecisionChecks li{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border:1px solid #e0ebf7;
  border-radius:13px;
  background:#f8fbff;
  color:#29425f;
  font-size:13px;
  font-weight:800;
}

.overflowDecisionChecks li span{
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#e4f8f2;
  color:#0c8a70;
  font-size:12px;
  font-weight:1000;
}

.overflowMatchedResponsibility,
.overflowSelectedEmployee{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin-top:14px;
  padding:14px;
  border-radius:16px;
}

.overflowMatchedResponsibility{
  border:1px solid rgba(24,201,164,.24);
  background:linear-gradient(135deg,#edf9f6,#f4fbff);
}

.overflowSelectedEmployee{
  border:1px solid rgba(23,105,255,.28);
  background:#f3f8ff;
}

.overflowMatchedResponsibility small,
.overflowMatchedResponsibility strong,
.overflowSelectedEmployee small,
.overflowSelectedEmployee strong,
.overflowSelectedEmployee span{
  display:block;
}

.overflowMatchedResponsibility small,
.overflowSelectedEmployee small{
  color:#1769ff;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.overflowMatchedResponsibility strong,
.overflowSelectedEmployee strong{
  margin-top:4px;
  color:#10243d;
  font-size:15px;
  line-height:1.3;
}

.overflowSelectedEmployee span{
  margin-top:3px;
  color:#52657a;
  font-size:12px;
  font-weight:750;
}

.overflowNotificationCard{
  padding:14px;
  border-radius:16px;
  border:1px solid #dce8f5;
  background:#f8fbff;
}

.overflowNotificationCard + .overflowNotificationCard{
  margin-top:11px;
}

.overflowNotificationTop{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.overflowNotificationTop strong{
  color:#10243d;
  font-size:14px;
}

.overflowNotificationTop time{
  color:#52657a;
  font-size:11px;
  font-weight:800;
}

.overflowNotificationCard p{
  margin:10px 0 0;
  color:#29425f;
  font-size:12px;
  line-height:1.5;
  font-weight:750;
}

.overflowOutcomeNote{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:10px;
  align-items:start;
  margin-top:12px;
  padding:13px;
  border-radius:15px;
  background:linear-gradient(135deg,#edf9f6,#f3f8ff);
  border:1px solid rgba(24,201,164,.20);
}

.overflowOutcomeNote p{
  margin:0;
  color:#29425f;
  font-size:12px;
  line-height:1.48;
  font-weight:800;
}

@media(max-width:1180px){
  .overflowScenarioFlowGrid{
    grid-template-columns:1fr 1fr;
  }

  .overflowScenarioStage:not(:last-child):after{
    display:none;
  }
}

@media(max-width:700px){
  .overflowScenarioFlow{
    padding:46px 0 !important;
  }

  .overflowScenarioFlowGrid{
    grid-template-columns:1fr;
  }

  .overflowScenarioStage{
    padding:18px;
    border-radius:21px;
  }
}


/* REAL-LIFE ROUTING SECTION BACKGROUND IMAGE */

.overflowScenarioFlow{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.96) 0%,
      rgba(247,251,255,.91) 38%,
      rgba(247,251,255,.82) 68%,
      rgba(247,251,255,.88) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

.overflowScenarioFlow:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 16%,rgba(23,105,255,.10),transparent 28rem),
    radial-gradient(circle at 88% 20%,rgba(24,201,164,.08),transparent 26rem);
}

.overflowScenarioFlow > .wrap{
  position:relative;
  z-index:1;
}

.overflowScenarioStage{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

@media(max-width:760px){
  .overflowScenarioFlow{
    background:
      linear-gradient(
        180deg,
        rgba(247,251,255,.97) 0%,
        rgba(247,251,255,.92) 55%,
        rgba(247,251,255,.90) 100%
      ),
      url("/training/busy-day-overflow/hero/background/background1.webp")
        68% center / cover no-repeat !important;
  }
}


/* FIX ROUTING SCENARIO BACKGROUND AND REMOVE CARD ARROWS */

.overflowScenarioFlow{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.82) 0%,
      rgba(247,251,255,.72) 46%,
      rgba(247,251,255,.58) 76%,
      rgba(247,251,255,.66) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

.overflowScenarioFlow:before{
  background:
    radial-gradient(circle at 12% 16%,rgba(23,105,255,.07),transparent 28rem),
    radial-gradient(circle at 88% 20%,rgba(24,201,164,.06),transparent 26rem) !important;
}

/* Remove the blue circular arrow controls between cards */
.overflowScenarioStage:not(:last-child):after{
  display:none !important;
  content:none !important;
}

/* Keep the cards readable while allowing the background to show */
.overflowScenarioStage{
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
  box-shadow:
    0 24px 66px rgba(17,53,99,.12),
    0 1px 0 rgba(255,255,255,.82) inset !important;
}

/* Add spacing now that the arrows are removed */
.overflowScenarioFlowGrid{
  gap:18px !important;
}

@media(max-width:760px){
  .overflowScenarioFlow{
    background:
      linear-gradient(
        180deg,
        rgba(247,251,255,.88) 0%,
        rgba(247,251,255,.78) 58%,
        rgba(247,251,255,.72) 100%
      ),
      url("/training/busy-day-overflow/hero/background/background1.webp")
        72% center / cover no-repeat !important;
  }

  .overflowScenarioStage{
    background:rgba(255,255,255,.92) !important;
  }
}


/* ROUTING SCENARIO POLISH — GLASS, HOVER AND CONSISTENT ICONS */

.overflowScenarioFlow{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.80) 0%,
      rgba(247,251,255,.68) 44%,
      rgba(247,251,255,.54) 76%,
      rgba(247,251,255,.62) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

.overflowScenarioStage{
  position:relative;
  overflow:hidden;
  padding:20px !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 24px 62px rgba(17,53,99,.12),
    0 1px 0 rgba(255,255,255,.88) inset,
    0 -1px 0 rgba(23,105,255,.05) inset !important;
  backdrop-filter:blur(16px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08) !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease;
}

.overflowScenarioStage:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:34%;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.48) 0%,
      rgba(255,255,255,.16) 52%,
      transparent 100%
    );
}

.overflowScenarioStage:hover{
  transform:translateY(-6px);
  background:rgba(255,255,255,.82) !important;
  border-color:rgba(112,169,255,.58) !important;
  box-shadow:
    0 34px 86px rgba(17,53,99,.18),
    0 0 0 1px rgba(255,255,255,.58) inset,
    0 14px 46px rgba(23,105,255,.10) !important;
}

.overflowScenarioStage > *{
  position:relative;
  z-index:1;
}

.overflowScenarioStageHead{
  margin-bottom:15px !important;
}

.overflowScenarioStageHead h3{
  font-size:20px !important;
}

.overflowScenarioFacts{
  gap:7px !important;
  margin-top:13px !important;
}

.overflowScenarioFacts div,
.overflowEmployeeOption,
.overflowDecisionChecks li,
.overflowNotificationCard,
.overflowMatchedResponsibility,
.overflowSelectedEmployee,
.overflowOutcomeNote{
  background:rgba(247,251,255,.76) !important;
  border-color:rgba(204,222,242,.78) !important;
  box-shadow:
    0 8px 22px rgba(17,53,99,.05),
    0 1px 0 rgba(255,255,255,.82) inset;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.overflowScenarioFacts div:hover,
.overflowEmployeeOption:hover,
.overflowDecisionChecks li:hover,
.overflowNotificationCard:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.90) !important;
  border-color:rgba(112,169,255,.44) !important;
  box-shadow:
    0 14px 30px rgba(17,53,99,.10),
    0 1px 0 rgba(255,255,255,.92) inset;
}

.overflowEmployeeOption.is-selected{
  background:
    linear-gradient(
      145deg,
      rgba(236,246,255,.94),
      rgba(232,250,246,.88)
    ) !important;
  border-color:rgba(23,105,255,.54) !important;
  box-shadow:
    0 16px 36px rgba(23,105,255,.14),
    0 1px 0 rgba(255,255,255,.88) inset !important;
}

.overflowEmployeeOption.is-selected:hover{
  transform:translateY(-3px);
  box-shadow:
    0 22px 46px rgba(23,105,255,.18),
    0 1px 0 rgba(255,255,255,.92) inset !important;
}

.overflowEmployeeIcon,
.overflowScenarioIcon{
  position:relative;
  font-size:0 !important;
}

.overflowEmployeeIcon:before,
.overflowScenarioIcon:before{
  font-size:18px;
  line-height:1;
  font-weight:1000;
}

.overflowEmployeeIconSales:before{
  content:"↗";
}

.overflowEmployeeIconAccounts:before{
  content:"£";
}

.overflowEmployeeIconMaintenance:before{
  content:"⚙";
}

.overflowEmployeeIconLettings:before{
  content:"⌂";
}

.overflowCallerIdentity .overflowScenarioIcon:before{
  content:"●";
  font-size:14px;
}

.overflowMatchedResponsibility .overflowScenarioIcon:before{
  content:"◎";
}

.overflowNotificationSms .overflowScenarioIcon:before{
  content:"…";
}

.overflowNotificationEmail .overflowScenarioIcon:before{
  content:"✉";
}

.overflowOutcomeNote .overflowScenarioIcon:before{
  content:"✓";
}

.overflowScenarioCaller blockquote{
  padding:14px 15px !important;
  background:rgba(239,247,255,.78) !important;
  box-shadow:
    0 10px 26px rgba(17,53,99,.05),
    0 1px 0 rgba(255,255,255,.76) inset;
}

.overflowNotificationCard p{
  font-size:11px !important;
  line-height:1.45 !important;
}

.overflowNotificationSms p{
  font-size:0 !important;
}

.overflowNotificationSms p:after{
  content:"Urgent maintenance enquiry from Rachel Evans at 18 Station Road. Active kitchen leak. Callback: 07700 900 214.";
  font-size:11px;
  line-height:1.45;
}

.overflowNotificationEmail p{
  font-size:0 !important;
}

.overflowNotificationEmail p:after{
  content:"Rachel reports water coming through the kitchen ceiling and asks whether somebody can attend today. Existing tenant. High urgency.";
  font-size:11px;
  line-height:1.45;
}

.overflowScenarioFlowGrid{
  gap:20px !important;
}

@media(max-width:700px){
  .overflowScenarioStage{
    padding:17px !important;
    backdrop-filter:blur(12px) saturate(1.05) !important;
    -webkit-backdrop-filter:blur(12px) saturate(1.05) !important;
  }

  .overflowScenarioStage:hover{
    transform:none;
  }
}


/* FORCE CLEAR DESKTOP HOVER EFFECTS */

@media (hover:hover) and (pointer:fine){

  .overflowScenarioStage{
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
    transition:
      transform .22s ease,
      box-shadow .22s ease,
      border-color .22s ease,
      background-color .22s ease !important;
  }

  .overflowScenarioStage:hover{
    transform:translateY(-10px) scale(1.018) !important;
    border-color:rgba(23,105,255,.78) !important;
    background:rgba(255,255,255,.88) !important;
    box-shadow:
      0 38px 90px rgba(17,53,99,.24),
      0 0 0 2px rgba(23,105,255,.16),
      0 1px 0 rgba(255,255,255,.96) inset !important;
  }

  .overflowScenarioStage:hover .overflowScenarioStageNumber{
    transform:scale(1.12) rotate(-4deg) !important;
    box-shadow:
      0 14px 34px rgba(23,105,255,.34),
      0 0 0 7px rgba(23,105,255,.10) !important;
  }

  .overflowScenarioStageNumber{
    transition:
      transform .22s ease,
      box-shadow .22s ease !important;
  }

  .overflowEmployeeOption,
  .overflowScenarioFacts div,
  .overflowDecisionChecks li,
  .overflowNotificationCard,
  .overflowMatchedResponsibility,
  .overflowSelectedEmployee,
  .overflowOutcomeNote{
    transform:translateY(0) !important;
    transition:
      transform .18s ease,
      box-shadow .18s ease,
      border-color .18s ease,
      background-color .18s ease !important;
  }

  .overflowEmployeeOption:hover,
  .overflowScenarioFacts div:hover,
  .overflowDecisionChecks li:hover,
  .overflowNotificationCard:hover,
  .overflowMatchedResponsibility:hover,
  .overflowSelectedEmployee:hover,
  .overflowOutcomeNote:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(23,105,255,.60) !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:
      0 18px 42px rgba(17,53,99,.16),
      0 0 0 1px rgba(23,105,255,.10) !important;
  }

  .overflowEmployeeOption.is-selected:hover{
    transform:translateY(-5px) scale(1.015) !important;
    border-color:#1769ff !important;
    box-shadow:
      0 22px 50px rgba(23,105,255,.22),
      0 0 0 2px rgba(23,105,255,.12) !important;
  }
}


/* =========================================================
   BUSY DAY OVERFLOW — FULL PAGE GLASS + HOVER FINISH
   Scoped to .overflowPage only
   ========================================================= */

.overflowPage{
  --overflow-glass:rgba(255,255,255,.76);
  --overflow-glass-strong:rgba(255,255,255,.90);
  --overflow-border:rgba(190,214,244,.78);
  --overflow-border-hover:rgba(23,105,255,.66);
  --overflow-shadow:0 22px 58px rgba(17,53,99,.11);
  --overflow-shadow-hover:0 34px 82px rgba(17,53,99,.20);
}


/* Shared glass surface */

.overflowPage .overflowVideoCard,
.overflowPage .overflowCompactPanel,
.overflowPage .overflowProblemPanel,
.overflowPage .overflowRoutingVisual,
.overflowPage .overflowProcessStrip,
.overflowPage .overflowProblemGrid article,
.overflowPage .overflowStepGrid article,
.overflowPage .overflowCapabilityGrid article,
.overflowPage .overflowTemporaryPanel,
.overflowPage .overflowCompactComparisonColumn,
.overflowPage .overflowCompactUseCases article,
.overflowPage .overflowComparisonCard,
.overflowPage .overflowUseCaseGrid article,
.overflowPage .overflowScenarioStage,
.overflowPage .overflowSetupCopy,
.overflowPage .overflowGuideCard,
.overflowPage .overflowArticleContent,
.overflowPage .overflowFaqGrid details,
.overflowPage .overflowFinalCard{
  position:relative;
  overflow:hidden;
  border:1px solid var(--overflow-border) !important;
  background:var(--overflow-glass) !important;
  box-shadow:
    var(--overflow-shadow),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(23,105,255,.04) !important;
  backdrop-filter:blur(15px) saturate(1.08);
  -webkit-backdrop-filter:blur(15px) saturate(1.08);
}


/* Gloss highlight */

.overflowPage .overflowVideoCard:before,
.overflowPage .overflowCompactPanel:before,
.overflowPage .overflowProblemPanel:before,
.overflowPage .overflowRoutingVisual:before,
.overflowPage .overflowProcessStrip:before,
.overflowPage .overflowProblemGrid article:before,
.overflowPage .overflowStepGrid article:before,
.overflowPage .overflowCapabilityGrid article:before,
.overflowPage .overflowTemporaryPanel:before,
.overflowPage .overflowComparisonCard:before,
.overflowPage .overflowUseCaseGrid article:before,
.overflowPage .overflowScenarioStage:before,
.overflowPage .overflowSetupCopy:before,
.overflowPage .overflowGuideCard:before,
.overflowPage .overflowArticleContent:before,
.overflowPage .overflowFaqGrid details:before,
.overflowPage .overflowFinalCard:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 auto 0;
  height:38%;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.46) 0%,
      rgba(255,255,255,.13) 58%,
      transparent 100%
    );
}

.overflowPage .overflowVideoCard > *,
.overflowPage .overflowCompactPanel > *,
.overflowPage .overflowProblemPanel > *,
.overflowPage .overflowRoutingVisual > *,
.overflowPage .overflowProcessStrip > *,
.overflowPage .overflowProblemGrid article > *,
.overflowPage .overflowStepGrid article > *,
.overflowPage .overflowCapabilityGrid article > *,
.overflowPage .overflowTemporaryPanel > *,
.overflowPage .overflowComparisonCard > *,
.overflowPage .overflowUseCaseGrid article > *,
.overflowPage .overflowScenarioStage > *,
.overflowPage .overflowSetupCopy > *,
.overflowPage .overflowGuideCard > *,
.overflowPage .overflowArticleContent > *,
.overflowPage .overflowFaqGrid details > *,
.overflowPage .overflowFinalCard > *{
  position:relative;
  z-index:1;
}


/* General interactive transitions */

.overflowPage .overflowVideoCard,
.overflowPage .overflowCompactPanel,
.overflowPage .overflowRoutingVisual,
.overflowPage .overflowProcessStrip,
.overflowPage .overflowProblemGrid article,
.overflowPage .overflowStepGrid article,
.overflowPage .overflowCapabilityGrid article,
.overflowPage .overflowTemporaryPanel,
.overflowPage .overflowComparisonCard,
.overflowPage .overflowUseCaseGrid article,
.overflowPage .overflowScenarioStage,
.overflowPage .overflowSetupCopy,
.overflowPage .overflowGuideCard,
.overflowPage .overflowArticleContent,
.overflowPage .overflowFaqGrid details{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}


/* Desktop hover behaviour */

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowVideoCard:hover,
  .overflowPage .overflowCompactPanel:hover,
  .overflowPage .overflowRoutingVisual:hover,
  .overflowPage .overflowProcessStrip:hover,
  .overflowPage .overflowProblemGrid article:hover,
  .overflowPage .overflowStepGrid article:hover,
  .overflowPage .overflowCapabilityGrid article:hover,
  .overflowPage .overflowTemporaryPanel:hover,
  .overflowPage .overflowComparisonCard:hover,
  .overflowPage .overflowUseCaseGrid article:hover,
  .overflowPage .overflowScenarioStage:hover,
  .overflowPage .overflowSetupCopy:hover,
  .overflowPage .overflowGuideCard:hover,
  .overflowPage .overflowArticleContent:hover{
    transform:translateY(-7px) scale(1.008) !important;
    border-color:var(--overflow-border-hover) !important;
    background:var(--overflow-glass-strong) !important;
    box-shadow:
      var(--overflow-shadow-hover),
      0 0 0 1px rgba(23,105,255,.10),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

  .overflowPage .overflowFaqGrid details:hover{
    transform:translateY(-3px) !important;
    border-color:var(--overflow-border-hover) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:
      0 18px 40px rgba(17,53,99,.14),
      inset 0 1px 0 rgba(255,255,255,.94) !important;
  }

}


/* Hero */

.overflowPage .overflowHeroCopy{
  position:relative;
  z-index:2;
}

.overflowPage .overflowHero h1{
  text-shadow:0 2px 18px rgba(255,255,255,.76);
}

.overflowPage .overflowHeroBenefits li{
  transition:transform .18s ease,color .18s ease;
}

@media (hover:hover) and (pointer:fine){
  .overflowPage .overflowHeroBenefits li:hover{
    transform:translateX(5px);
    color:#1769ff;
  }
}


/* Buttons */

.overflowPage .overflowBtn,
.overflowPage .btn,
.overflowPage .busyOverflowGuideButton,
.overflowPage .busyOverflowGuideDownload{
  position:relative;
  overflow:hidden;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    filter .18s ease !important;
}

.overflowPage .overflowBtn:before,
.overflowPage .btn:before,
.overflowPage .busyOverflowGuideButton:before,
.overflowPage .busyOverflowGuideDownload:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      115deg,
      transparent 18%,
      rgba(255,255,255,.35) 44%,
      transparent 68%
    );
  transform:translateX(-130%);
  transition:transform .42s ease;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowBtn:hover,
  .overflowPage .btn:hover,
  .overflowPage .busyOverflowGuideButton:hover,
  .overflowPage .busyOverflowGuideDownload:hover{
    transform:translateY(-3px) !important;
    filter:saturate(1.08);
    box-shadow:0 18px 38px rgba(23,105,255,.24) !important;
  }

  .overflowPage .overflowBtn:hover:before,
  .overflowPage .btn:hover:before,
  .overflowPage .busyOverflowGuideButton:hover:before,
  .overflowPage .busyOverflowGuideDownload:hover:before{
    transform:translateX(130%);
  }

}


/* Problem rows and compact process rows */

.overflowPage .overflowProblemList article,
.overflowPage .overflowProcessStripGrid li,
.overflowPage .overflowScenarioFacts div,
.overflowPage .overflowEmployeeOption,
.overflowPage .overflowDecisionChecks li,
.overflowPage .overflowNotificationCard,
.overflowPage .overflowMatchedResponsibility,
.overflowPage .overflowSelectedEmployee,
.overflowPage .overflowOutcomeNote{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background-color .18s ease;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowProblemList article:hover,
  .overflowPage .overflowProcessStripGrid li:hover,
  .overflowPage .overflowScenarioFacts div:hover,
  .overflowPage .overflowEmployeeOption:hover,
  .overflowPage .overflowDecisionChecks li:hover,
  .overflowPage .overflowNotificationCard:hover,
  .overflowPage .overflowMatchedResponsibility:hover,
  .overflowPage .overflowSelectedEmployee:hover,
  .overflowPage .overflowOutcomeNote:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(23,105,255,.54) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:
      0 17px 38px rgba(17,53,99,.14),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

}


/* Capability icons */

.overflowPage .overflowIcon,
.overflowPage .overflowCompactIcon,
.overflowPage .overflowStepNumber,
.overflowPage .overflowProcessNumber,
.overflowPage .overflowProcessStripGrid li > span,
.overflowPage .overflowScenarioStageNumber,
.overflowPage .overflowScenarioIcon,
.overflowPage .overflowEmployeeIcon{
  transition:
    transform .20s ease,
    box-shadow .20s ease,
    filter .20s ease;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage article:hover > .overflowIcon,
  .overflowPage article:hover .overflowCompactIcon,
  .overflowPage article:hover .overflowStepNumber,
  .overflowPage article:hover .overflowProcessNumber,
  .overflowPage li:hover > span,
  .overflowPage .overflowScenarioStage:hover .overflowScenarioStageNumber,
  .overflowPage .overflowEmployeeOption:hover .overflowEmployeeIcon{
    transform:scale(1.10) rotate(-3deg);
    filter:saturate(1.14);
    box-shadow:
      0 14px 30px rgba(23,105,255,.24),
      0 0 0 6px rgba(23,105,255,.08);
  }

}


/* Temporary-cover dark section */

.overflowPage .overflowTemporaryPanel{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.20) !important;
  box-shadow:
    0 26px 64px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.overflowPage .overflowCompactComparisonColumn,
.overflowPage .overflowCompactUseCases article{
  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowCompactComparisonColumn:hover,
  .overflowPage .overflowCompactUseCases article:hover{
    transform:translateY(-4px);
    background:rgba(255,255,255,.16) !important;
    border-color:rgba(135,193,255,.54) !important;
    box-shadow:0 18px 42px rgba(0,0,0,.20);
  }

}


/* Setup guide image */

.overflowPage .busyOverflowGuideFrame{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .busyOverflowGuideFrame:hover{
    transform:translateY(-5px) scale(1.008);
    border-color:rgba(23,105,255,.56);
    box-shadow:0 24px 58px rgba(17,53,99,.17);
  }

}


/* SEO article */

.overflowPage .overflowArticleContent section{
  transition:
    background-color .18s ease,
    padding-left .18s ease;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowArticleContent section:hover{
    padding-left:32px !important;
    background:linear-gradient(
      90deg,
      rgba(235,245,255,.78),
      rgba(255,255,255,.94)
    );
  }

}


/* FAQ interaction */

.overflowPage .overflowFaqGrid summary{
  position:relative;
  transition:color .18s ease,padding-left .18s ease;
}

.overflowPage .overflowFaqGrid summary:after{
  content:"+";
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  color:#1769ff;
  font-size:20px;
  font-weight:1000;
  transition:transform .18s ease;
}

.overflowPage .overflowFaqGrid details[open] summary:after{
  transform:translateY(-50%) rotate(45deg);
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowFaqGrid summary:hover{
    padding-left:22px !important;
    color:#1769ff;
  }

}


/* Final CTA retains dark finish */

.overflowPage .overflowFinalCard{
  background:
    radial-gradient(circle at 90% 18%,rgba(24,201,164,.28),transparent 24rem),
    linear-gradient(135deg,#071427,#0c3159 70%,#1769ff 150%) !important;
  border-color:rgba(255,255,255,.18) !important;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowFinalCard:hover{
    transform:translateY(-6px);
    box-shadow:
      0 38px 92px rgba(7,20,39,.30),
      0 0 0 1px rgba(255,255,255,.14) inset !important;
  }

}


/* Mobile: retain glass finish but remove movement */

@media(max-width:700px){

  .overflowPage .overflowVideoCard,
  .overflowPage .overflowCompactPanel,
  .overflowPage .overflowRoutingVisual,
  .overflowPage .overflowProcessStrip,
  .overflowPage .overflowProblemGrid article,
  .overflowPage .overflowStepGrid article,
  .overflowPage .overflowCapabilityGrid article,
  .overflowPage .overflowTemporaryPanel,
  .overflowPage .overflowComparisonCard,
  .overflowPage .overflowUseCaseGrid article,
  .overflowPage .overflowScenarioStage,
  .overflowPage .overflowSetupCopy,
  .overflowPage .overflowGuideCard,
  .overflowPage .overflowArticleContent,
  .overflowPage .overflowFaqGrid details{
    backdrop-filter:blur(11px) saturate(1.05);
    -webkit-backdrop-filter:blur(11px) saturate(1.05);
  }

}


/* FIX TEMPORARY COVER SECTION CONTRAST */

.overflowPage .overflowTemporaryPanel{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#fff !important;
}

.overflowPage .overflowTemporaryPanel h2,
.overflowPage .overflowTemporaryPanel h3,
.overflowPage .overflowTemporaryPanel > p,
.overflowPage .overflowTemporaryPanel .eyebrow{
  color:#fff !important;
}

.overflowPage .overflowCompactComparisonColumn,
.overflowPage .overflowCompactUseCases article{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.82) !important;
  color:#10213a !important;
  box-shadow:
    0 12px 30px rgba(3,16,35,.16),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.overflowPage .overflowCompactComparisonColumn h3,
.overflowPage .overflowCompactComparisonColumn h4,
.overflowPage .overflowCompactComparisonColumn strong,
.overflowPage .overflowCompactComparisonColumn li,
.overflowPage .overflowCompactComparisonColumn p,
.overflowPage .overflowCompactUseCases article h3,
.overflowPage .overflowCompactUseCases article h4,
.overflowPage .overflowCompactUseCases article strong,
.overflowPage .overflowCompactUseCases article p{
  color:#10213a !important;
}

.overflowPage .overflowCompactComparisonColumn li::marker{
  color:#18c9a4;
}

.overflowPage .overflowCompactComparisonColumn.is-muted{
  background:rgba(238,243,249,.94) !important;
}

.overflowPage .overflowCompactComparisonColumn.is-muted li,
.overflowPage .overflowCompactComparisonColumn.is-muted p{
  color:#52647a !important;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowCompactComparisonColumn:hover,
  .overflowPage .overflowCompactUseCases article:hover{
    transform:translateY(-4px) !important;
    background:#fff !important;
    border-color:rgba(92,158,255,.70) !important;
    color:#10213a !important;
    box-shadow:
      0 20px 46px rgba(3,16,35,.22),
      0 0 0 1px rgba(23,105,255,.10) !important;
  }

  .overflowPage .overflowCompactComparisonColumn:hover *,
  .overflowPage .overflowCompactUseCases article:hover *{
    color:inherit;
  }
}


/* COMPACT CAPABILITY SECTION */

.overflowPage .overflowCapabilities{
  padding-top:54px !important;
  padding-bottom:58px !important;
}

.overflowPage .overflowCapabilities .overflowSectionHeader{
  max-width:900px !important;
  margin-bottom:28px !important;
}

.overflowPage .overflowCapabilities .overflowSectionHeader h2{
  margin-bottom:12px !important;
}

.overflowPage .overflowCapabilities .overflowSectionHeader p{
  max-width:780px !important;
  margin-bottom:0 !important;
}

.overflowPage .overflowCapabilityGrid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}

.overflowPage .overflowCapabilityGrid article{
  min-height:0 !important;
  padding:20px 20px 19px !important;
  display:grid !important;
  grid-template-columns:46px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:14px !important;
  row-gap:5px !important;
  align-items:start !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.80) !important;
}

.overflowPage .overflowCapabilityGrid .overflowIcon{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:46px !important;
  height:46px !important;
  margin:0 !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.overflowPage .overflowCapabilityGrid article h3{
  grid-column:2 !important;
  grid-row:1 !important;
  margin:2px 0 0 !important;
  font-size:17px !important;
  line-height:1.25 !important;
}

.overflowPage .overflowCapabilityGrid article p{
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

@media (hover:hover) and (pointer:fine){

  .overflowPage .overflowCapabilityGrid article:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(23,105,255,.64) !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:
      0 22px 48px rgba(17,53,99,.16),
      0 0 0 1px rgba(23,105,255,.08),
      inset 0 1px 0 rgba(255,255,255,.96) !important;
  }

}

@media(max-width:900px){

  .overflowPage .overflowCapabilityGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

}

@media(max-width:620px){

  .overflowPage .overflowCapabilities{
    padding-top:42px !important;
    padding-bottom:44px !important;
  }

  .overflowPage .overflowCapabilityGrid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .overflowPage .overflowCapabilityGrid article{
    padding:17px !important;
  }

}


/* FINAL TEMPORARY COVER TEXT CONTRAST FIX */

.overflowPage .overflowCompactUseCases article,
.overflowPage .overflowCompactUseCases article:hover{
  background:rgba(255,255,255,.94) !important;
  color:#10213a !important;
}

.overflowPage .overflowCompactUseCases article h3,
.overflowPage .overflowCompactUseCases article h4,
.overflowPage .overflowCompactUseCases article strong{
  color:#10213a !important;
  opacity:1 !important;
}

.overflowPage .overflowCompactUseCases article p,
.overflowPage .overflowCompactUseCases article span,
.overflowPage .overflowCompactUseCases article small{
  color:#52647a !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.overflowPage .overflowCompactUseCases article:hover h3,
.overflowPage .overflowCompactUseCases article:hover h4,
.overflowPage .overflowCompactUseCases article:hover strong{
  color:#10213a !important;
}

.overflowPage .overflowCompactUseCases article:hover p,
.overflowPage .overflowCompactUseCases article:hover span,
.overflowPage .overflowCompactUseCases article:hover small{
  color:#42566f !important;
}

/* Ensure comparison columns retain readable text too */

.overflowPage .overflowCompactComparisonColumn,
.overflowPage .overflowCompactComparisonColumn:hover{
  color:#10213a !important;
}

.overflowPage .overflowCompactComparisonColumn h3,
.overflowPage .overflowCompactComparisonColumn h4,
.overflowPage .overflowCompactComparisonColumn strong{
  color:#10213a !important;
}

.overflowPage .overflowCompactComparisonColumn p,
.overflowPage .overflowCompactComparisonColumn li,
.overflowPage .overflowCompactComparisonColumn span,
.overflowPage .overflowCompactComparisonColumn small{
  color:#42566f !important;
  opacity:1 !important;
  text-shadow:none !important;
}


/* SOFTEN SECTION TRANSITIONS */

.overflowPage section{
  position:relative;
  isolation:isolate;
}

.overflowPage .overflowWhy,
.overflowPage .overflowCapabilities,
.overflowPage .overflowTemporary,
.overflowPage .overflowScenarioFlow,
.overflowPage .overflowSetup,
.overflowPage .overflowArticle,
.overflowPage .overflowFaq,
.overflowPage .overflowFinal{
  overflow:hidden;
}

/* Soft fade at the top of light sections */
.overflowPage .overflowWhy::before,
.overflowPage .overflowCapabilities::before,
.overflowPage .overflowScenarioFlow::before,
.overflowPage .overflowSetup::before,
.overflowPage .overflowArticle::before,
.overflowPage .overflowFaq::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  height:72px;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(220,233,249,.42) 0%,
      rgba(240,247,255,.20) 45%,
      transparent 100%
    );
}

/* Soft fade into the next section */
.overflowPage .overflowHero::after,
.overflowPage .overflowWhy::after,
.overflowPage .overflowCapabilities::after,
.overflowPage .overflowTemporary::after,
.overflowPage .overflowScenarioFlow::after,
.overflowPage .overflowSetup::after,
.overflowPage .overflowArticle::after,
.overflowPage .overflowFaq::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:-1px;
  height:72px;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(232,242,253,.18) 42%,
      rgba(232,242,253,.54) 100%
    );
}

/* Dark temporary-cover section needs a dark-to-light blend */
.overflowPage .overflowTemporary::before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  right:0;
  height:78px;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(232,242,253,.45) 0%,
      rgba(19,54,91,.22) 48%,
      transparent 100%
    );
}

.overflowPage .overflowTemporary::after{
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(14,44,79,.34) 34%,
      rgba(232,242,253,.72) 100%
    ) !important;
  height:88px !important;
}

/* Keep section content above the fades */
.overflowPage .overflowWhy > .wrap,
.overflowPage .overflowCapabilities > .wrap,
.overflowPage .overflowTemporary > .wrap,
.overflowPage .overflowScenarioFlow > .wrap,
.overflowPage .overflowSetup > .wrap,
.overflowPage .overflowArticle > .wrap,
.overflowPage .overflowFaq > .wrap,
.overflowPage .overflowFinal > .wrap{
  position:relative;
  z-index:3;
}

/* Reduce the visual severity of section boundaries */
.overflowPage .overflowWhy,
.overflowPage .overflowCapabilities,
.overflowPage .overflowScenarioFlow,
.overflowPage .overflowSetup,
.overflowPage .overflowArticle,
.overflowPage .overflowFaq{
  border-top:0 !important;
  border-bottom:0 !important;
}

@media(max-width:700px){

  .overflowPage .overflowWhy::before,
  .overflowPage .overflowCapabilities::before,
  .overflowPage .overflowScenarioFlow::before,
  .overflowPage .overflowSetup::before,
  .overflowPage .overflowArticle::before,
  .overflowPage .overflowFaq::before{
    height:48px;
  }

  .overflowPage .overflowHero::after,
  .overflowPage .overflowWhy::after,
  .overflowPage .overflowCapabilities::after,
  .overflowPage .overflowTemporary::after,
  .overflowPage .overflowScenarioFlow::after,
  .overflowPage .overflowSetup::after,
  .overflowPage .overflowArticle::after,
  .overflowPage .overflowFaq::after{
    height:52px;
  }
}


/* KEEP CLEAN EDGES AROUND THE DARK TEMPORARY-COVER SECTION */

.overflowPage .overflowTemporary::before,
.overflowPage .overflowTemporary::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Prevent neighbouring light-section fades spilling into the blue section */
.overflowPage .overflowCapabilities::after{
  display:none !important;
  content:none !important;
}

.overflowPage .overflowScenarioFlow::before{
  display:none !important;
  content:none !important;
}


/* CONSISTENT LIGHT-SECTION BACKGROUNDS */

.overflowPage .overflowWhy,
.overflowPage .overflowCapabilities,
.overflowPage .overflowScenarioFlow,
.overflowPage .overflowSetup,
.overflowPage .overflowArticle,
.overflowPage .overflowFaq{
  background:
    radial-gradient(
      circle at 14% 18%,
      rgba(23,105,255,.08),
      transparent 26rem
    ),
    radial-gradient(
      circle at 88% 24%,
      rgba(24,201,164,.07),
      transparent 24rem
    ),
    linear-gradient(
      180deg,
      #f7fbff 0%,
      #eef6ff 48%,
      #f9fcff 100%
    ) !important;
}

/* Give alternating light sections a slightly different balance */
.overflowPage .overflowCapabilities,
.overflowPage .overflowSetup,
.overflowPage .overflowFaq{
  background:
    radial-gradient(
      circle at 82% 16%,
      rgba(23,105,255,.07),
      transparent 24rem
    ),
    radial-gradient(
      circle at 12% 80%,
      rgba(24,201,164,.06),
      transparent 22rem
    ),
    linear-gradient(
      180deg,
      #f4f9ff 0%,
      #edf5ff 50%,
      #f8fbff 100%
    ) !important;
}

/* Preserve the office artwork in the routing section */
.overflowPage .overflowScenarioFlow{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.80) 0%,
      rgba(247,251,255,.68) 44%,
      rgba(247,251,255,.54) 76%,
      rgba(247,251,255,.62) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

/* Remove flat white gaps between light sections */
.overflowPage .overflowWhy + .overflowCapabilities,
.overflowPage .overflowScenarioFlow + .overflowSetup,
.overflowPage .overflowSetup + .overflowArticle,
.overflowPage .overflowArticle + .overflowFaq{
  border-top:1px solid rgba(193,216,242,.42) !important;
}

/* Keep the dark temporary section as the strong visual break */
.overflowPage .overflowTemporary{
  background:
    radial-gradient(circle at 8% 18%,rgba(24,201,164,.16),transparent 26rem),
    linear-gradient(135deg,#071b2d 0%,#0d3156 58%,#17477e 100%) !important;
}

@media(max-width:700px){

  .overflowPage .overflowWhy,
  .overflowPage .overflowCapabilities,
  .overflowPage .overflowSetup,
  .overflowPage .overflowArticle,
  .overflowPage .overflowFaq{
    background:
      radial-gradient(
        circle at 88% 14%,
        rgba(23,105,255,.07),
        transparent 18rem
      ),
      linear-gradient(
        180deg,
        #f7fbff 0%,
        #eef6ff 52%,
        #f9fcff 100%
      ) !important;
  }

}


/* REUSE OFFICE BACKGROUND ACROSS LIGHT SECTIONS */

.overflowPage .overflowWhy,
.overflowPage .overflowCapabilities,
.overflowPage .overflowSetup,
.overflowPage .overflowArticle,
.overflowPage .overflowFaq{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.93) 0%,
      rgba(247,251,255,.86) 48%,
      rgba(247,251,255,.76) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

/* Alternate the image position so every section does not look identical */

.overflowPage .overflowCapabilities,
.overflowPage .overflowArticle{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.82) 0%,
      rgba(247,251,255,.88) 48%,
      rgba(247,251,255,.94) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      right center / cover no-repeat !important;
}

.overflowPage .overflowSetup,
.overflowPage .overflowFaq{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.94) 0%,
      rgba(247,251,255,.86) 52%,
      rgba(247,251,255,.78) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      left center / cover no-repeat !important;
}

/* Routing section keeps the image slightly more visible */

.overflowPage .overflowScenarioFlow{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.80) 0%,
      rgba(247,251,255,.68) 44%,
      rgba(247,251,255,.54) 76%,
      rgba(247,251,255,.62) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

/* Keep the dark temporary-cover section separate */

.overflowPage .overflowTemporary{
  background:
    radial-gradient(
      circle at 8% 18%,
      rgba(24,201,164,.16),
      transparent 26rem
    ),
    linear-gradient(
      135deg,
      #071b2d 0%,
      #0d3156 58%,
      #17477e 100%
    ) !important;
}

@media(max-width:700px){

  .overflowPage .overflowWhy,
  .overflowPage .overflowCapabilities,
  .overflowPage .overflowSetup,
  .overflowPage .overflowArticle,
  .overflowPage .overflowFaq{
    background:
      linear-gradient(
        180deg,
        rgba(247,251,255,.94) 0%,
        rgba(247,251,255,.86) 56%,
        rgba(247,251,255,.82) 100%
      ),
      url("/training/busy-day-overflow/hero/background/background1.webp")
        70% center / cover no-repeat !important;
  }

}


/* RESTORE OVERFLOW GUIDE HEADING CONTRAST */

.overflowPage .overflowArticle .eyebrow,
.overflowPage .overflowArticle .overflowEyebrow,
.overflowPage .overflowArticle .overflowSectionEyebrow{
  color:#1769ff !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.overflowPage .overflowArticle .overflowSectionHeader h2,
.overflowPage .overflowArticle .overflowSectionHeader h1,
.overflowPage .overflowArticle > .wrap > h2,
.overflowPage .overflowArticle > .wrap > h1{
  color:#071a33 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.overflowPage .overflowArticle .overflowSectionHeader p,
.overflowPage .overflowArticle > .wrap > p,
.overflowPage .overflowArticle .overflowArticleIntro{
  color:#52647a !important;
  opacity:1 !important;
  text-shadow:none !important;
}

/* Keep the article content itself readable */
.overflowPage .overflowArticleContent,
.overflowPage .overflowArticleContent h2,
.overflowPage .overflowArticleContent h3,
.overflowPage .overflowArticleContent h4,
.overflowPage .overflowArticleContent strong{
  color:#10213a !important;
}

.overflowPage .overflowArticleContent p,
.overflowPage .overflowArticleContent li{
  color:#52647a !important;
  opacity:1 !important;
}


/* EXACT ARTICLE INTRO CONTRAST FIX */

.overflowPage .overflowArticle .overflowArticleIntro .overflowKicker{
  color:#1769ff !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.overflowPage .overflowArticle .overflowArticleIntro h2{
  color:#071a33 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.overflowPage .overflowArticle .overflowArticleIntro > p:last-child{
  color:#52647a !important;
  opacity:1 !important;
  text-shadow:none !important;
}


/* EVENT COVER — RESTORE VISIBLE LIGHT-SECTION BACKGROUNDS */

.eventCoverPage .overflowWhy,
.eventCoverPage .overflowCapabilities,
.eventCoverPage .overflowSetup,
.eventCoverPage .overflowArticle,
.eventCoverPage .overflowFaq{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.76) 0%,
      rgba(247,251,255,.66) 48%,
      rgba(247,251,255,.52) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

/* Alternate the image position so repeated sections do not look identical */

.eventCoverPage .overflowCapabilities,
.eventCoverPage .overflowArticle{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.56) 0%,
      rgba(247,251,255,.68) 52%,
      rgba(247,251,255,.80) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      right center / cover no-repeat !important;
}

.eventCoverPage .overflowSetup,
.eventCoverPage .overflowFaq{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.80) 0%,
      rgba(247,251,255,.67) 50%,
      rgba(247,251,255,.54) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      left center / cover no-repeat !important;
}

/* Event flow section: make the artwork clearer */

.eventCoverPage .overflowWhy{
  background:
    linear-gradient(
      90deg,
      rgba(247,251,255,.72) 0%,
      rgba(247,251,255,.60) 46%,
      rgba(247,251,255,.44) 100%
    ),
    url("/training/busy-day-overflow/hero/background/background1.webp")
      center center / cover no-repeat !important;
}

/* Preserve strong contrast behind text and cards */

.eventCoverPage .overflowCompactPanel,
.eventCoverPage .overflowRoutingVisual,
.eventCoverPage .overflowProcessStrip,
.eventCoverPage .overflowCapabilityGrid article,
.eventCoverPage .overflowSetupCopy,
.eventCoverPage .overflowGuideCard,
.eventCoverPage .overflowArticleContent,
.eventCoverPage .overflowFaqGrid details{
  background:rgba(255,255,255,.84) !important;
  backdrop-filter:blur(13px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(13px) saturate(1.06) !important;
}

/* Remove any pale section-fade layers that wash the artwork out */

.eventCoverPage .overflowWhy::before,
.eventCoverPage .overflowCapabilities::before,
.eventCoverPage .overflowSetup::before,
.eventCoverPage .overflowArticle::before,
.eventCoverPage .overflowFaq::before,
.eventCoverPage .overflowWhy::after,
.eventCoverPage .overflowCapabilities::after,
.eventCoverPage .overflowSetup::after,
.eventCoverPage .overflowArticle::after,
.eventCoverPage .overflowFaq::after{
  display:none !important;
  content:none !important;
}

@media(max-width:700px){

  .eventCoverPage .overflowWhy,
  .eventCoverPage .overflowCapabilities,
  .eventCoverPage .overflowSetup,
  .eventCoverPage .overflowArticle,
  .eventCoverPage .overflowFaq{
    background:
      linear-gradient(
        180deg,
        rgba(247,251,255,.82) 0%,
        rgba(247,251,255,.70) 55%,
        rgba(247,251,255,.62) 100%
      ),
      url("/training/busy-day-overflow/hero/background/background1.webp")
        72% center / cover no-repeat !important;
  }
}


/* EVENT COVER — FIX SETUP GUIDE AND ADD BLUE ARTICLE BREAK */

.eventCoverPage .overflowSetup{
  padding:64px 0 !important;
}

.eventCoverPage .overflowSetupGrid{
  display:grid !important;
  grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr) !important;
  gap:42px !important;
  align-items:center !important;
}

.eventCoverPage .overflowGuideCard{
  width:100% !important;
  min-width:0 !important;
  padding:16px !important;
  overflow:hidden !important;
  border-radius:24px !important;
}

.eventCoverPage .overflowGuideCard .eventCoverGuideCard{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.eventCoverPage .overflowGuideCard .busyOverflowGuide{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.eventCoverPage .overflowGuideCard .busyOverflowGuideFrame,
.eventCoverPage .overflowGuideCard .eventCoverGuideFrame{
  width:100% !important;
  max-width:none !important;
  aspect-ratio:16/10;
  overflow:hidden !important;
  border-radius:17px !important;
  background:#edf5ff;
}

.eventCoverPage .overflowGuideCard img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

.eventCoverPage .overflowGuideCard .busyOverflowGuideControls,
.eventCoverPage .overflowGuideCard .busyOverflowGuideFooter{
  width:100% !important;
}


/* Strong blue break below the setup guide */

.eventCoverPage .overflowArticle{
  position:relative;
  padding:68px 0 !important;
  background:
    radial-gradient(
      circle at 9% 16%,
      rgba(24,201,164,.18),
      transparent 28rem
    ),
    radial-gradient(
      circle at 92% 18%,
      rgba(64,139,255,.25),
      transparent 30rem
    ),
    linear-gradient(
      135deg,
      #06192d 0%,
      #0c3159 58%,
      #17477e 100%
    ) !important;
}

.eventCoverPage .overflowArticle::before,
.eventCoverPage .overflowArticle::after{
  display:none !important;
  content:none !important;
}

.eventCoverPage .overflowArticleIntro .overflowKicker{
  color:#7fd9ff !important;
}

.eventCoverPage .overflowArticleIntro h2{
  color:#fff !important;
}

.eventCoverPage .overflowArticleIntro > p:last-child{
  color:rgba(235,245,255,.84) !important;
}

.eventCoverPage .overflowArticleContent{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.96) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.eventCoverPage .overflowArticleContent h3{
  color:#10213a !important;
}

.eventCoverPage .overflowArticleContent p,
.eventCoverPage .overflowArticleContent li{
  color:#52647a !important;
}

@media(max-width:900px){
  .eventCoverPage .overflowSetupGrid{
    grid-template-columns:1fr !important;
  }

  .eventCoverPage .overflowGuideCard{
    max-width:760px;
  }
}

@media(max-width:700px){
  .eventCoverPage .overflowSetup{
    padding:46px 0 !important;
  }

  .eventCoverPage .overflowGuideCard{
    padding:11px !important;
  }

  .eventCoverPage .overflowArticle{
    padding:50px 0 !important;
  }
}


/* EVENT COVER — FIX ARTICLE TEXT ON BLUE BACKGROUND */

.eventCoverPage .overflowArticle .overflowArticleIntro .overflowKicker{
  color:#73d8ff !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.eventCoverPage .overflowArticle .overflowArticleIntro h2{
  color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 2px 18px rgba(0,0,0,.18) !important;
}

.eventCoverPage .overflowArticle .overflowArticleIntro > p:last-child{
  color:rgba(235,245,255,.88) !important;
  opacity:1 !important;
  text-shadow:none !important;
}

.eventCoverPage .overflowArticle .overflowArticleIntro{
  color:#ffffff !important;
}