/* One Day Receptionist call-type landing pages */
:root{
  --ink:#071427;
  --text:#10243d;
  --muted:#52657a;
  --blue:#1769ff;
  --blue2:#0b54d0;
  --mint:#18c9a4;
  --line:#dbe7f5;
  --soft:#f6faff;
  --shadow:0 24px 70px rgba(17,53,99,.13);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Calibri,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:#fff;
  min-height:100vh;
}
a{text-decoration:none}
.wrap{width:min(100% - 40px,1120px);margin:0 auto}
main{overflow:hidden}

.pageHero{
  position:relative;
  padding:72px 0 46px;
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,255,.14),transparent 34rem),
    radial-gradient(circle at 88% 14%,rgba(24,201,164,.13),transparent 32rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);
}
.pageHero:before{
  content:"";
  position:absolute;
  inset:-3%;
  background:url("/assets/one-day-receptionist-hero.webp") center center/cover no-repeat;
  opacity:.34;
  filter:blur(1px) saturate(1.14) contrast(1.05);
  transform:scale(1.03);
  pointer-events:none;
}
.pageHero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(248,251,255,.92) 0%,rgba(248,251,255,.74) 35%,rgba(248,251,255,.18) 70%,rgba(248,251,255,.40) 100%);
  pointer-events:none;
}
.heroGrid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.78fr);
  gap:26px;
  align-items:stretch;
}
.heroPanel{
  padding:42px;
  border:1px solid rgba(194,214,242,.95);
  border-radius:32px;
  background:rgba(255,255,255,.97);
  box-shadow:var(--shadow);
}
.heroSide{
  padding:34px;
  border-radius:32px;
  color:white;
  background:
    radial-gradient(circle at 88% 8%,rgba(24,201,164,.26),transparent 18rem),
    linear-gradient(145deg,#071427 0%,#0e3566 58%,#1769ff 130%);
  box-shadow:0 28px 78px rgba(7,20,39,.24);
  display:grid;
  align-content:space-between;
  min-height:100%;
}
.heroSide h2{
  margin:0 0 16px;
  color:white;
  font-size:clamp(28px,2.6vw,42px);
  line-height:1;
  letter-spacing:-.045em;
}
.heroSide ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:12px;
}
.heroSide li{
  position:relative;
  padding:14px 14px 14px 44px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.09);
  color:#eef6ff;
  font-weight:850;
  line-height:1.35;
}
.heroSide li:before{
  content:"✓";
  position:absolute;
  left:14px;
  top:13px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(24,201,164,.22);
  color:#9df4df;
  font-weight:1000;
}
.heroSide .sideNote{
  margin:22px 0 0;
  color:#cfe0f4;
  line-height:1.45;
  font-weight:750;
}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  color:var(--blue2);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.14em;
}
.eyebrow:before{
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--mint);
  box-shadow:0 0 0 8px rgba(24,201,164,.14);
}
h1{
  margin:0 0 16px;
  color:var(--ink);
  font-size:clamp(44px,5.2vw,72px);
  line-height:.94;
  letter-spacing:-.06em;
}
.lead{
  margin:0;
  max-width:720px;
  color:#233b57;
  font-size:20px;
  line-height:1.48;
  font-weight:650;
}
.mobileSetupNote{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:16px 0 0;
  padding:10px 13px;
  border-radius:999px;
  background:rgba(239,255,250,.92);
  border:1px solid rgba(24,201,164,.30);
  color:#0d4764;
  font-size:14px;
  line-height:1.25;
  font-weight:900;
}
.mobileSetupNote:before{
  content:"";
  width:9px;
  height:9px;
  flex:0 0 auto;
  border-radius:999px;
  background:var(--mint);
  box-shadow:0 0 0 7px rgba(24,201,164,.13);
}
.finalMobileNote{
  margin:0 0 12px;
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.20);
  color:#e9f8ff;
}
.trustBar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 0;
}
.trustBar span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  background:#eef6ff;
  border:1px solid #d6e8ff;
  color:#143456;
  font-weight:950;
  font-size:14px;
  line-height:1.2;
}
.actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:13px 22px;
  border-radius:999px;
  background:linear-gradient(135deg,#1769ff,#64a2ff);
  color:white;
  font-weight:1000;
  box-shadow:0 16px 36px rgba(23,105,255,.24);
}
.btn.alt{
  background:white;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 12px 28px rgba(31,66,110,.08);
}

.whyStrip{
  margin:0 auto;
  transform:translateY(-22px);
  padding:26px 30px;
  border-radius:28px;
  background:linear-gradient(135deg,#071427,#12345d);
  color:white;
  box-shadow:0 22px 56px rgba(7,20,39,.20);
  display:grid;
  gap:8px;
}
.whyStrip strong{
  font-size:clamp(24px,2.5vw,36px);
  line-height:1.06;
  letter-spacing:-.035em;
}
.whyStrip span{
  color:#d5e4f5;
  font-size:17px;
  line-height:1.45;
  font-weight:750;
}

.section{
  padding:38px 0;
  background:#fff;
}
.section:nth-of-type(even){
  background:#f7fbff;
}
.sectionHead{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:20px;
}
.sectionHead h2{
  margin:0;
  color:var(--ink);
  font-size:clamp(32px,3.3vw,48px);
  line-height:1;
  letter-spacing:-.045em;
}
.sectionHead p{
  max-width:620px;
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.5;
  font-weight:750;
}

.coverTypeChooserSection{
  padding-top:28px;
  background:
    radial-gradient(circle at 8% 12%,rgba(23,105,255,.08),transparent 28rem),
    linear-gradient(180deg,#fff 0%,#f6faff 100%);
}
.callTypeOfferPanel{
  padding:20px;
  border-radius:32px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(194,214,242,.95);
  box-shadow:
    0 28px 76px rgba(17,53,99,.14),
    inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.offerTop{
  display:grid;
  grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}
.offerHeading{
  padding:14px 10px 14px 12px;
  display:grid;
  align-content:center;
  gap:8px;
}
.offerHeading .eyebrow{
  margin-bottom:2px;
}
.flowTitle{
  color:var(--ink);
  font-size:clamp(28px,3.1vw,44px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:1000;
}
.aiMini,
.coverTypePrompt{
  margin:0;
  color:#405873;
  font-size:16px;
  line-height:1.42;
  font-weight:800;
}
.coverTypePrompt{
  color:#0b54d0;
}
.flowButtons{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.callTypeDemoCard{
  display:grid;
  gap:8px;
  min-width:0;
}
.coverTypeCard{
  min-width:0;
  min-height:100%;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:9px;
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  color:var(--ink);
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,246,255,.92));
  border:1px solid rgba(194,214,242,.95);
  box-shadow:
    0 18px 42px rgba(31,66,110,.10),
    inset 0 1px 0 rgba(255,255,255,.92);
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.coverTypeCard:hover,
.coverTypeCard:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(23,105,255,.44);
  background:
    radial-gradient(circle at 90% 6%,rgba(24,201,164,.14),transparent 9rem),
    linear-gradient(145deg,#fff,#eef6ff);
  box-shadow:
    0 24px 58px rgba(31,66,110,.16),
    0 0 0 4px rgba(23,105,255,.11),
    inset 0 1px 0 rgba(255,255,255,.98);
  outline:none;
}
.coverTypeThumb{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border-radius:13px;
  overflow:hidden;
  background:#dce8f7;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}
.coverTypeThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:saturate(.98) contrast(1.02);
}
.coverTypeThumb:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.32));
}
.coverTypePlay{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
  width:38px;
  height:38px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.94);
  color:#0f62fe;
  font-size:.9rem;
  font-weight:950;
  box-shadow:0 10px 26px rgba(0,0,0,.28);
  transition:transform .2s ease;
}
.coverTypeCard:hover .coverTypePlay,
.coverTypeCard:focus-visible .coverTypePlay{
  transform:translate(-50%,-50%) scale(1.06);
}
.coverTypeBody{
  display:grid;
  gap:4px;
  padding:0 2px 2px;
  min-width:0;
}
.coverTypeBody strong{
  color:var(--ink);
  font-size:15px;
  line-height:1.08;
  text-align:center;
}
.coverTypeBody small{
  min-height:34px;
  color:#52657a;
  font-size:12px;
  line-height:1.25;
  text-align:center;
  font-weight:750;
}
.coverTypeBody em{
  justify-self:center;
  margin-top:2px;
  padding:7px 10px;
  border-radius:999px;
  background:#0f62fe;
  color:#fff;
  font-size:11px;
  font-style:normal;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}
.coverTypeCard:hover .coverTypeBody em,
.coverTypeCard:focus-visible .coverTypeBody em{
  background:#084ed6;
}
.openTypeLink{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 10px;
  border-radius:999px;
  color:#0b54d0;
  background:#f7fbff;
  border:1px solid rgba(194,214,242,.95);
  font-size:12px;
  font-weight:1000;
  text-align:center;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.openTypeLink:after{
  content:"\2192";
  margin-left:6px;
}
.openTypeLink:hover,
.openTypeLink:focus-visible{
  transform:translateY(-2px);
  background:#fff;
  border-color:rgba(23,105,255,.36);
  box-shadow:0 12px 28px rgba(31,66,110,.10);
  outline:none;
}
.offerValue{
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 0%,rgba(24,201,164,.18),transparent 16rem),
    linear-gradient(135deg,#071427,#12345d);
  color:white;
  box-shadow:0 22px 54px rgba(7,20,39,.20);
}
.offerValueItem{
  padding:19px 20px;
  border-left:1px solid rgba(255,255,255,.13);
}
.offerValueItem:first-child{
  border-left:0;
}
.offerValueItem b{
  display:block;
  margin-bottom:4px;
  color:white;
  font-size:18px;
  line-height:1.1;
}
.offerValueItem span{
  display:block;
  color:#cfe0f4;
  font-size:13px;
  line-height:1.35;
  font-weight:750;
}
.grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.grid.five{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.card{
  border:1px solid rgba(194,214,242,.95);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 44px rgba(31,66,110,.09);
  padding:26px;
}
.card h3{
  margin:0 0 9px;
  color:var(--ink);
  font-size:21px;
  line-height:1.14;
  letter-spacing:-.02em;
}
.card p,.card li{
  color:#334a67;
  font-size:16.5px;
  line-height:1.52;
}
.card p{margin:0}
.card ul{margin:12px 0 0;padding-left:20px}
.card a{color:var(--blue2);font-weight:1000}
.bestFor .card{min-height:178px}

.experience{
  counter-reset:step;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.experience .card{
  position:relative;
  padding-top:64px;
}
.experience .card:before{
  counter-increment:step;
  content:counter(step);
  position:absolute;
  top:22px;
  left:24px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:#e9f2ff;
  color:var(--blue);
  font-weight:1000;
}
.note{
  border-left:5px solid var(--mint);
  background:#f4fffb;
}
.faqPanel{
  border:1px solid rgba(194,214,242,.95);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--shadow);
  padding:30px;
}
.faq{
  display:grid;
  gap:12px;
}
.faq details{
  border:1px solid rgba(194,214,242,.95);
  border-radius:16px;
  background:#fbfdff;
  padding:16px 18px;
}
.faq summary{
  cursor:pointer;
  font-weight:1000;
  color:var(--ink);
}
.faq p{
  margin:10px 0 0;
  color:#334a67;
  font-size:16px;
  line-height:1.5;
}

.finalCta{
  margin:52px auto 68px;
  border-radius:32px;
  padding:38px;
  background:
    radial-gradient(circle at 88% 10%,rgba(24,201,164,.24),transparent 18rem),
    linear-gradient(135deg,#071427,#12345d);
  color:white;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  box-shadow:0 30px 76px rgba(7,20,39,.26);
}
.finalCta h2{
  margin:0 0 8px;
  color:white;
  font-size:clamp(30px,3vw,46px);
  line-height:1;
  letter-spacing:-.04em;
}
.finalCta p{
  margin:0;
  color:#d5e4f5;
  font-size:17px;
  line-height:1.45;
  font-weight:750;
}
.finalCta .trustBar span{
  background:rgba(255,255,255,.11);
  border-color:rgba(255,255,255,.20);
  color:white;
}
.footer{
  padding:28px 0 34px;
  color:#52657a;
  background:#fff;
  border-top:1px solid rgba(194,214,242,.78);
}
.footer .wrap{
  display:flex;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.footer a{color:#244b80;font-weight:850}

@media(max-width:980px){
  .heroGrid{grid-template-columns:1fr}
  .offerTop{grid-template-columns:1fr}
  .flowButtons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .offerValue{grid-template-columns:1fr 1fr}
  .offerValueItem:nth-child(odd){border-left:0}
  .offerValueItem:nth-child(n+3){border-top:1px solid rgba(255,255,255,.13)}
  .grid,.grid.five,.experience{grid-template-columns:1fr 1fr}
  .sectionHead,.finalCta{display:grid}
}
@media(max-width:640px){
  .wrap{width:min(100% - 24px,1120px)}
  .pageHero{padding:42px 0 32px}
  .heroPanel,.heroSide,.faqPanel,.finalCta,.callTypeOfferPanel{padding:24px;border-radius:24px}
  h1{font-size:40px}
  .lead{font-size:18px}
  .mobileSetupNote{
    display:flex;
    align-items:flex-start;
    border-radius:16px;
  }
  .flowButtons,.offerValue{grid-template-columns:1fr}
  .offerValueItem,
  .offerValueItem:nth-child(n+3){
    border-left:0;
    border-top:1px solid rgba(255,255,255,.13);
  }
  .offerValueItem:first-child{border-top:0}
  .grid,.grid.five,.experience{grid-template-columns:1fr}
  .actions .btn,.finalCta .btn{width:100%}
}


/* CALL_TYPES_GLASS_HOVER_V1 */
.heroPanel,
.card,
.faqPanel,
.finalCta,
.whyStrip{
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease;
}

.heroPanel,
.card,
.faqPanel{
  background:
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(246,250,255,.82));
  border-color: rgba(194,214,242,.92);
  box-shadow:
    0 18px 44px rgba(31,66,110,.09),
    inset 0 1px 0 rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.heroPanel{
  box-shadow:
    0 28px 82px rgba(17,53,99,.15),
    inset 0 1px 0 rgba(255,255,255,.92);
}

.heroSide,
.whyStrip,
.finalCta{
  position: relative;
  overflow: hidden;
}

.heroSide:before,
.whyStrip:before,
.finalCta:before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(120deg, rgba(255,255,255,.18), rgba(255,255,255,0) 34%),
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.18), transparent 16rem);
  pointer-events: none;
}

.heroSide > *,
.whyStrip > *,
.finalCta > *{
  position: relative;
  z-index: 1;
}

.card:hover,
.faqPanel:hover{
  transform: translateY(-5px);
  border-color: rgba(23,105,255,.24);
  box-shadow:
    0 24px 62px rgba(31,66,110,.14),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.bestFor .card:hover,
.grid .card:hover,
.experience .card:hover{
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,246,255,.92));
}

.heroPanel:hover{
  transform: translateY(-3px);
  box-shadow:
    0 34px 92px rgba(17,53,99,.18),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.heroSide:hover,
.whyStrip:hover,
.finalCta:hover{
  transform: translateY(-3px);
  box-shadow: 0 34px 86px rgba(7,20,39,.30);
}

.trustBar span{
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.trustBar span:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.92);
  border-color: rgba(23,105,255,.30);
  box-shadow: 0 12px 28px rgba(17,53,99,.10);
}

.finalCta .trustBar span:hover{
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.32);
  box-shadow: none;
}

.btn{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease,
    background .18s ease;
}

.btn:hover{
  transform: translateY(-2px);
  filter: saturate(1.06);
  box-shadow: 0 20px 44px rgba(23,105,255,.30);
}

.btn.alt:hover{
  box-shadow: 0 16px 36px rgba(31,66,110,.14);
  border-color: rgba(23,105,255,.24);
}

.faq details{
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.faq details:hover{
  transform: translateY(-2px);
  border-color: rgba(23,105,255,.22);
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 28px rgba(31,66,110,.08);
}

@media (prefers-reduced-motion: reduce){
  .heroPanel,
  .heroSide,
  .card,
  .faqPanel,
  .finalCta,
  .whyStrip,
  .trustBar span,
  .btn,
  .faq details{
    transition: none;
  }

  .heroPanel:hover,
  .heroSide:hover,
  .card:hover,
  .faqPanel:hover,
  .finalCta:hover,
  .whyStrip:hover,
  .trustBar span:hover,
  .btn:hover,
  .faq details:hover{
    transform: none;
  }
}
/* CALL_TYPES_GLASS_HOVER_V1_END */


/* CALL_TYPES_HOVER_REACTIVITY_FORCE_V1 */
.heroPanel,
.heroSide,
.whyStrip,
.card,
.faqPanel,
.finalCta,
.faq details,
.trustBar span,
.btn {
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease,
    filter .2s ease;
}

.heroPanel,
.card,
.faqPanel {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.heroPanel:hover {
  transform: translateY(-4px);
  box-shadow:
    0 34px 92px rgba(17,53,99,.18),
    inset 0 1px 0 rgba(255,255,255,.95);
}

.heroSide:hover,
.whyStrip:hover,
.finalCta:hover {
  transform: translateY(-4px);
  box-shadow: 0 34px 86px rgba(7,20,39,.30);
}

.card:hover {
  transform: translateY(-6px);
  border-color: rgba(23,105,255,.28);
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(238,246,255,.92));
  box-shadow:
    0 26px 66px rgba(31,66,110,.16),
    inset 0 1px 0 rgba(255,255,255,.96);
}

.faqPanel:hover {
  transform: translateY(-4px);
  border-color: rgba(23,105,255,.24);
  box-shadow:
    0 28px 72px rgba(31,66,110,.15),
    inset 0 1px 0 rgba(255,255,255,.96);
}

.faq details:hover {
  transform: translateY(-2px);
  border-color: rgba(23,105,255,.24);
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 28px rgba(31,66,110,.09);
}

.trustBar span:hover {
  transform: translateY(-2px);
  border-color: rgba(23,105,255,.32);
  box-shadow: 0 12px 28px rgba(17,53,99,.10);
}

.finalCta .trustBar span:hover,
.heroSide .trustBar span:hover {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.34);
  box-shadow: none;
}

.btn:hover {
  transform: translateY(-2px);
  filter: saturate(1.07);
  box-shadow: 0 20px 44px rgba(23,105,255,.30);
}

.btn.alt:hover {
  border-color: rgba(23,105,255,.28);
  box-shadow: 0 16px 36px rgba(31,66,110,.14);
}

@media (prefers-reduced-motion: reduce) {
  .heroPanel,
  .heroSide,
  .whyStrip,
  .card,
  .faqPanel,
  .finalCta,
  .faq details,
  .trustBar span,
  .btn {
    transition: none;
  }

  .heroPanel:hover,
  .heroSide:hover,
  .whyStrip:hover,
  .card:hover,
  .faqPanel:hover,
  .finalCta:hover,
  .faq details:hover,
  .trustBar span:hover,
  .btn:hover {
    transform: none;
  }
}
/* CALL_TYPES_HOVER_REACTIVITY_FORCE_V1_END */


/* CALL_TYPES_DEMO_VIDEO_AND_SURFACES_V1 */
body{
  background:#eef6ff;
}
main{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 10%,rgba(23,105,255,.14),transparent 34rem),
    radial-gradient(circle at 88% 24%,rgba(24,201,164,.13),transparent 32rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);
}
main>*{
  position:relative;
  z-index:1;
}
.whyStrip,
.demoVideoSection,
.section,
.finalCta{
  position:relative;
  overflow:hidden;
}
.demoVideoSection,
.section{
  padding:54px 0;
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,255,.14),transparent 34rem),
    radial-gradient(circle at 88% 14%,rgba(24,201,164,.13),transparent 32rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);
}
.demoVideoSection:before,
.section:before{
  content:"";
  position:absolute;
  inset:-3%;
  background:url("/assets/one-day-receptionist-hero.webp") center center/cover no-repeat;
  opacity:.38;
  filter:saturate(1.18) contrast(1.08);
  transform:scale(1.01);
  pointer-events:none;
}
.demoVideoSection:after,
.section:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(248,251,255,.80) 0%,rgba(248,251,255,.52) 42%,rgba(248,251,255,.24) 100%);
  pointer-events:none;
}
.demoVideoSection>.wrap,
.section>.wrap{
  position:relative;
  z-index:1;
}
.section:nth-of-type(even){
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,255,.14),transparent 34rem),
    radial-gradient(circle at 88% 14%,rgba(24,201,164,.13),transparent 32rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);
}
.sectionSurface>.wrap{
  position:relative;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  overflow:visible;
}
.sectionSurface>.wrap:before{
  content:none;
}
.sectionSurface>.wrap>*{
  position:relative;
  z-index:1;
}
.demoVideoShell{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(360px,1fr);
  gap:30px;
  align-items:center;
  padding:34px;
  border:1px solid rgba(194,214,242,.86);
  border-radius:34px;
  background:rgba(255,255,255,.82);
  box-shadow:0 28px 78px rgba(17,53,99,.15);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.demoVideoCopy h2{
  margin:0 0 12px;
  color:var(--ink);
  font-size:clamp(32px,3.4vw,50px);
  line-height:1;
  letter-spacing:-.045em;
}
.demoVideoCopy p:not(.eyebrow){
  margin:0;
  color:#334a67;
  font-size:18px;
  line-height:1.5;
  font-weight:750;
}
.demoVideoFrame{
  position:relative;
  aspect-ratio:16/9;
  min-height:260px;
  overflow:hidden;
  border-radius:28px;
  border:1px solid rgba(153,187,231,.72);
  background:
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.98),rgba(255,255,255,.32) 18%,transparent 34%),
    radial-gradient(circle at 82% 24%,rgba(24,201,164,.24),transparent 25%),
    linear-gradient(135deg,#fafdff 0%,#dceeff 52%,#f7fbff 100%);
  box-shadow:
    0 26px 66px rgba(31,66,110,.16),
    inset 0 1px 0 rgba(255,255,255,.9);
  display:grid;
  place-items:center;
}
.demoVideoFrame:before{
  content:"";
  position:absolute;
  width:48%;
  height:70%;
  right:-8%;
  bottom:-20%;
  border:28px solid rgba(7,20,39,.08);
  border-radius:50%;
  transform:rotate(-24deg);
}
.demoVideoFrame:after{
  content:"";
  position:absolute;
  left:9%;
  right:9%;
  top:50%;
  height:82px;
  border-radius:22px;
  background:rgba(255,255,255,.42);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 18px 42px rgba(31,66,110,.09);
  transform:translateY(-50%);
}
.demoVideoBadge{
  position:absolute;
  left:22px;
  top:22px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(153,187,231,.74);
  color:#0b54d0;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 26px rgba(31,66,110,.09);
}
.demoVideoPlay{
  position:relative;
  z-index:4;
  width:94px;
  height:94px;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(153,187,231,.66);
  box-shadow:0 22px 58px rgba(23,105,255,.24);
}
.demoVideoPlay:before{
  content:"";
  position:absolute;
  left:39px;
  top:29px;
  border-left:27px solid var(--blue);
  border-top:18px solid transparent;
  border-bottom:18px solid transparent;
}
.demoVideoFrame p{
  position:absolute;
  z-index:4;
  left:24px;
  bottom:20px;
  margin:0;
  color:#24415f;
  font-size:15px;
  font-weight:950;
}
.demoVideoWave{
  position:absolute;
  z-index:3;
  right:34px;
  top:50%;
  display:flex;
  align-items:center;
  gap:7px;
  transform:translateY(-50%);
}
.demoVideoWave span{
  display:block;
  width:6px;
  border-radius:999px;
  background:linear-gradient(180deg,#7bd8ff,#1769ff);
  opacity:.58;
}
.demoVideoWave span:nth-child(1){height:24px}.demoVideoWave span:nth-child(2){height:46px}.demoVideoWave span:nth-child(3){height:68px}.demoVideoWave span:nth-child(4){height:52px}.demoVideoWave span:nth-child(5){height:34px}.demoVideoWave span:nth-child(6){height:20px}
.demoVideoActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.demoVideoShell,
.demoVideoFrame,
.sectionSurface>.wrap{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;
}
.demoVideoShell:hover,
.sectionSurface>.wrap:hover{
  transform:translateY(-4px);
  border-color:rgba(23,105,255,.26);
  box-shadow:0 34px 88px rgba(17,53,99,.16);
}
.demoVideoFrame:hover{
  transform:translateY(-3px);
  box-shadow:0 30px 74px rgba(31,66,110,.20),inset 0 1px 0 rgba(255,255,255,.94);
}
@media(max-width:980px){
  .demoVideoSection:before,
  .section:before{
    background-position:center center;
    opacity:.32;
  }
  .demoVideoSection:after,
  .section:after{
    background:linear-gradient(90deg,rgba(248,251,255,.86) 0%,rgba(248,251,255,.60) 100%);
  }
  .demoVideoShell{grid-template-columns:1fr;gap:24px}
  .demoVideoFrame{min-height:220px}
}
@media(max-width:640px){
  .section{padding:34px 0}
  .demoVideoShell{padding:22px;border-radius:26px}
  .demoVideoSection{padding:34px 0 28px}
  .demoVideoFrame{min-height:190px;border-radius:22px}
  .demoVideoPlay{width:76px;height:76px}
  .demoVideoPlay:before{left:32px;top:24px;border-left-width:22px;border-top-width:14px;border-bottom-width:14px}
  .demoVideoWave{right:18px;gap:5px;opacity:.72}
  .demoVideoBadge{left:16px;top:16px}
  .demoVideoActions .btn{width:100%}
}
@media (prefers-reduced-motion: reduce){
  .demoVideoShell,
  .demoVideoFrame,
  .sectionSurface>.wrap{transition:none}
  .demoVideoShell:hover,
  .demoVideoFrame:hover,
  .sectionSurface>.wrap:hover{transform:none}
}
/* CALL_TYPES_DEMO_VIDEO_AND_SURFACES_V1_END */


/* CALL_TYPES_TOP_DEMO_HERO_V1 */
.demoHero{position:relative;overflow:hidden;padding:66px 0 40px;background:radial-gradient(circle at 12% 14%,rgba(23,105,255,.14),transparent 34rem),radial-gradient(circle at 90% 18%,rgba(24,201,164,.13),transparent 34rem),linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%);outline:none}.demoHero:before{content:"";position:absolute;inset:-4%;background:url("/assets/one-day-receptionist-hero.webp") right center/cover no-repeat;opacity:.34;filter:saturate(1.12) contrast(1.04);transform:scale(1.02);pointer-events:none}.demoHero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,255,.96) 0%,rgba(248,251,255,.80) 38%,rgba(248,251,255,.36) 72%,rgba(248,251,255,.68) 100%);pointer-events:none}.demoHeroGrid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.42fr) minmax(480px,.58fr);gap:38px;align-items:center}.demoHeroCopy{display:grid;gap:20px;align-content:center}.demoEyebrow{display:inline-flex;align-items:center;gap:9px;margin:0;color:var(--blue2);font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.demoEyebrow:before{content:"";width:9px;height:9px;border-radius:999px;background:var(--mint);box-shadow:0 0 0 8px rgba(24,201,164,.14)}.demoHeroTitle{margin:0;color:var(--ink);font-size:clamp(48px,5.4vw,76px);line-height:.95;letter-spacing:-.06em}.demoHeroIntro{margin:0;max-width:610px;color:#233b57;font-size:20px;line-height:1.48;font-weight:750}.demoBulletList{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:14px}.demoBulletList li{position:relative;min-height:42px;display:flex;align-items:center;padding-left:56px;color:#10243d;font-size:16px;font-weight:950;line-height:1.3}.demoBulletList li:before{content:"✓";position:absolute;left:0;top:50%;width:38px;height:38px;transform:translateY(-50%);display:grid;place-items:center;border-radius:999px;background:#e8f3ff;color:var(--mint);font-size:22px;font-weight:1000}.demoHeroActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.demoHeroNote{margin:0;color:#6a7d93;font-size:14px;font-weight:800}.demoHeroNote:before{content:"◆";margin-right:8px;color:var(--blue);font-size:12px}.demoVideoCard{position:relative;padding:18px;border-radius:32px;background:rgba(255,255,255,.90);border:1px solid rgba(194,214,242,.92);box-shadow:0 34px 86px rgba(17,53,99,.18);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.demoVideoPoster{position:relative;aspect-ratio:16 / 10.2;min-height:430px;overflow:hidden;border-radius:20px;border:1px solid rgba(153,187,231,.62);background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.86),transparent 22rem),radial-gradient(circle at 78% 28%,rgba(23,105,255,.18),transparent 18rem),linear-gradient(135deg,#eaf4ff 0%,#f9fcff 45%,#d8ebff 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.demoVideoPoster:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,20,39,.08),rgba(7,20,39,.00) 45%,rgba(7,20,39,.10)),radial-gradient(circle at 84% 72%,rgba(7,20,39,.16),transparent 16rem);pointer-events:none}.demoVideoBadge{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:1000;letter-spacing:.02em;box-shadow:0 12px 26px rgba(31,66,110,.10)}.demoVideoBadgePrimary{left:22px;top:22px;color:white;background:linear-gradient(135deg,#1769ff,#3f8bff)}.demoVideoBadgePrimary:before{content:"";width:14px;height:14px;border-radius:4px;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.9) 25% 36%,transparent 36% 48%,rgba(255,255,255,.9) 48% 58%,transparent 58% 70%,rgba(255,255,255,.9) 70%)}.demoVideoBadgeSecondary{right:22px;top:22px;color:#10243d;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.8)}.demoVideoBadgeSecondary:before{content:"";width:8px;height:13px;border-radius:2px;background:#071427;transform:skew(-12deg)}.demoVideoPlay{position:absolute;z-index:4;left:50%;top:50%;width:112px;height:112px;border:0;border-radius:999px;transform:translate(-50%,-50%);background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(23,105,255,.28);cursor:pointer}.demoVideoPlay:before{content:"";position:absolute;left:46px;top:35px;border-left:34px solid var(--blue);border-top:22px solid transparent;border-bottom:22px solid transparent}.demoVideoScene{position:absolute;inset:0;overflow:hidden}.demoSceneLogo{position:absolute;left:28%;top:18%;color:#1769ff;font-size:clamp(34px,4vw,58px);font-weight:1000;letter-spacing:-.06em;opacity:.34;filter:blur(1px)}.demoSceneHeadset{position:absolute;right:9%;bottom:15%;width:220px;height:220px;border:24px solid rgba(7,20,39,.62);border-bottom-color:transparent;border-radius:50%;transform:rotate(-18deg);box-shadow:0 24px 54px rgba(7,20,39,.16)}.demoSceneHeadset:after{content:"";position:absolute;left:-48px;bottom:6px;width:132px;height:34px;border-radius:999px;background:rgba(7,20,39,.76);transform:rotate(16deg)}.demoSceneWave{position:absolute;left:9%;bottom:23%;width:32%;height:54px;border-radius:18px;background:repeating-linear-gradient(90deg,rgba(23,105,255,.62) 0 4px,transparent 4px 11px);mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);opacity:.72}.demoVideoControls{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;min-height:58px;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;color:white;background:rgba(7,20,39,.58);box-shadow:0 14px 40px rgba(7,20,39,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.demoControlPlay{width:0;height:0;border-left:16px solid white;border-top:11px solid transparent;border-bottom:11px solid transparent}.demoControlTime{font-weight:850;white-space:nowrap}.demoControlProgress{flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.24);overflow:hidden}.demoControlProgress i{display:block;width:24%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1769ff,#7bd8ff)}.demoControlIcon{min-width:28px;min-height:28px;display:inline-grid;place-items:center;border-radius:8px;color:#eef6ff;font-size:11px;font-weight:1000;text-transform:uppercase}.demoReassuranceStrip{position:relative;z-index:2;margin-top:-8px;margin-bottom:32px;padding:22px 28px;border-radius:18px;display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:4px;align-items:center;color:white;background:linear-gradient(135deg,#071427,#0d2b50);box-shadow:0 22px 58px rgba(7,20,39,.20)}.demoReassuranceIcon{grid-row:1 / span 2;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#1769ff,#64a2ff);position:relative}.demoReassuranceIcon:before{content:"";position:absolute;inset:13px 15px;background:repeating-linear-gradient(90deg,#fff 0 3px,transparent 3px 7px);opacity:.9}.demoReassuranceStrip strong{font-size:20px;line-height:1.2}.demoReassuranceStrip span:last-child{color:#d8e6f6;font-size:15px;font-weight:750}@media(max-width:1040px){.demoHeroGrid{grid-template-columns:1fr;gap:28px}.demoVideoPoster{min-height:360px}}@media(max-width:640px){.demoHero{padding:42px 0 28px}.demoHeroTitle{font-size:clamp(40px,13vw,54px)}.demoHeroIntro{font-size:17px}.demoHeroActions .btn{width:100%}.demoVideoCard{padding:10px;border-radius:24px}.demoVideoPoster{min-height:260px;border-radius:18px}.demoVideoBadge{top:14px;font-size:11px;min-height:30px;padding:7px 10px}.demoVideoBadgePrimary{left:14px}.demoVideoBadgeSecondary{right:14px}.demoVideoPlay{width:82px;height:82px}.demoVideoPlay:before{left:34px;top:26px;border-left-width:25px;border-top-width:16px;border-bottom-width:16px}.demoSceneLogo{left:18%;top:24%;font-size:36px}.demoSceneHeadset{right:-16%;bottom:18%;width:170px;height:170px;border-width:18px}.demoVideoControls{left:10px;right:10px;bottom:10px;gap:8px;padding:10px 11px}.demoControlIcon{display:none}.demoReassuranceStrip{grid-template-columns:1fr;padding:20px;margin-bottom:22px}.demoReassuranceIcon{grid-row:auto}}
/* CALL_TYPES_TOP_DEMO_HERO_V1_END */

/* Real uploaded demo videos */
.demoVideoPosterReal {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #000 !important;
  box-shadow: inset 0 0 0 1px rgba(20, 64, 130, 0.12);
}

.demoVideoPosterReal .demoVideoPlayer {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 18px !important;
  object-fit: contain !important;
  background: #000 !important;
}

.demoVideoPosterReal::before,
.demoVideoPosterReal::after {
  content: none !important;
}

.demoVideoPosterReal .demoVideoBadge,
.demoVideoPosterReal .demoVideoPlay,
.demoVideoPosterReal .demoVideoScene,
.demoVideoPosterReal .demoVideoControls {
  display: none !important;
}



/* CALLBACK_BELOW_FOLD_REBUILD_V1 */
.callbackBelowWrap{
  position:relative;
  overflow:hidden;
  padding:54px 0 72px;
  background:
    linear-gradient(180deg,rgba(248,251,255,.96),rgba(237,246,255,.98)),
    url("/assets/one-day-receptionist-hero.webp") right top / 1180px auto no-repeat;
}

.callbackBelowWrap:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,255,.12),transparent 26rem),
    radial-gradient(circle at 84% 28%,rgba(24,201,164,.10),transparent 28rem);
  pointer-events:none;
}

.callbackBelowWrap > section,
.callbackBelowWrap > .wrap{
  position:relative;
  z-index:1;
}

.callbackSetupWalkthrough,
.callbackFlowSection,
.callbackUseCaseSection,
.callbackOutcomeSection,
.callbackNoteSection,
.callbackFaqSection{
  padding:36px 0;
}

.callbackTwoCol{
  display:grid;
  grid-template-columns:minmax(320px,.42fr) minmax(460px,.58fr);
  gap:28px;
  align-items:center;
}

.callbackSectionCopy,
.callbackSetupVideoCard,
.callbackUseCasePanel,
.callbackOutcomePanel,
.callbackFaqPanel,
.callbackCleanNote,
.callbackFinalCta{
  border:1px solid rgba(180,204,235,.72);
  background:rgba(255,255,255,.82);
  box-shadow:0 24px 70px rgba(17,53,99,.12);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

.callbackSectionCopy{
  padding:32px;
  border-radius:30px;
}

.callbackKicker{
  margin:0 0 12px;
  color:var(--blue2);
  font-size:12px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.callbackKicker:before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:9px;
  border-radius:999px;
  background:var(--mint);
  box-shadow:0 0 0 7px rgba(24,201,164,.12);
  vertical-align:middle;
}

.callbackSectionCopy h2,
.callbackSectionHead h2,
.callbackOutcomePanel h2,
.callbackFinalCta h2{
  margin:0;
  color:var(--ink);
  font-size:clamp(34px,4vw,54px);
  line-height:.98;
  letter-spacing:-.055em;
}

.callbackSectionCopy p,
.callbackSectionHead p,
.callbackOutcomePanel p,
.callbackFinalCta p{
  margin:14px 0 0;
  color:#29425f;
  font-size:17px;
  line-height:1.56;
  font-weight:700;
}

.callbackMiniChecks{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:22px;
}

.callbackMiniChecks span{
  padding:12px 13px;
  border-radius:14px;
  background:#f3f8ff;
  border:1px solid rgba(176,202,235,.78);
  color:#10243d;
  font-weight:900;
  font-size:14px;
}

.callbackActionRow{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.callbackSetupVideoCard{
  position:relative;
  padding:16px;
  border-radius:30px;
}

.callbackSetupVideoCard video{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  object-fit:cover;
  border-radius:20px;
  background:#071427;
  box-shadow:0 18px 48px rgba(7,20,39,.18);
}

.callbackSetupVideoLabel{
  position:absolute;
  z-index:2;
  left:30px;
  top:30px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(7,20,39,.76);
  color:#fff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
  backdrop-filter:blur(12px);
}

.busyOverflowGuideCard{
  display:grid;
  align-content:start;
  gap:14px;
  overflow:hidden;
}

.busyOverflowGuide{
  display:grid;
  gap:12px;
}

.busyOverflowGuideCard .callbackSetupVideoLabel{
  position:static;
  justify-self:start;
  background:rgba(23,105,255,.10);
  color:#1769ff;
  border:1px solid rgba(23,105,255,.16);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.busyOverflowGuideFrame{
  margin:0;
  overflow:hidden;
  border-radius:18px;
  background:#edf6ff;
  border:1px solid rgba(176,202,235,.76);
  box-shadow:0 14px 36px rgba(7,20,39,.10);
}

.busyOverflowGuideFrame img{
  display:block;
  width:100%;
  height:clamp(250px,38vw,430px);
  object-fit:contain;
  background:#f5faff;
}

.busyOverflowGuideFrame figcaption{
  margin:0;
  padding:13px 16px;
  color:#10243d;
  font-size:15px;
  line-height:1.4;
  font-weight:900;
  border-top:1px solid rgba(176,202,235,.72);
  background:rgba(255,255,255,.92);
}

.busyOverflowGuideFooter{
  display:grid;
  gap:12px;
  padding:14px;
  border-radius:18px;
  background:#f7fbff;
  border:1px solid rgba(176,202,235,.70);
}

.busyOverflowGuideControls{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
}

.busyOverflowGuideButton{
  min-height:42px;
  padding:10px 18px;
  border:1px solid rgba(176,202,235,.88);
  border-radius:999px;
  background:white;
  color:#10243d;
  font:inherit;
  font-size:14px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 12px 26px rgba(31,66,110,.08);
}

.busyOverflowGuideButton:focus-visible,
.busyOverflowGuideDot:focus-visible,
.busyOverflowGuideDownload:focus-visible{
  outline:3px solid rgba(23,105,255,.30);
  outline-offset:3px;
}

.busyOverflowGuideCount{
  color:#365473;
  font-size:14px;
  line-height:1.2;
  font-weight:950;
  text-align:center;
}

.busyOverflowGuideDots{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}

.busyOverflowGuideDot{
  width:10px;
  height:10px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(176,202,235,.84);
  border-radius:999px;
  background:white;
  color:#29425f;
  font:inherit;
  font-size:12px;
  line-height:1;
  font-weight:1000;
  cursor:pointer;
}

.busyOverflowGuideDot.is-active,
.busyOverflowGuideDot.isActive{
  border-color:transparent;
  background:linear-gradient(135deg,#1769ff,#64a2ff);
  color:white;
  box-shadow:0 10px 24px rgba(23,105,255,.22);
}

.busyOverflowGuideActions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.busyOverflowGuideDownload{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border:1px solid rgba(23,105,255,.22);
  border-radius:999px;
  background:white;
  color:#1769ff;
  font-size:14px;
  font-weight:1000;
  box-shadow:0 10px 24px rgba(31,66,110,.08);
  font-family:inherit;
  cursor:pointer;
  text-align:center;
}

.busyOverflowGuideOpen{
  overflow:hidden;
}

.busyOverflowGuideModal{
  position:fixed;
  z-index:9999;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(7,20,39,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow:hidden;
}

.busyOverflowGuideModalPanel{
  position:relative;
  width:min(1180px,100%);
  max-height:calc(100vh - 48px);
  display:grid;
  gap:12px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(210,226,246,.88);
  border-radius:24px;
  background:#f8fbff;
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.busyOverflowGuideModalTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.busyOverflowGuideModalTop span{
  color:#365473;
  font-size:14px;
  font-weight:1000;
}

.busyOverflowGuideModalPanel img{
  display:block;
  width:100%;
  height:min(68vh,760px);
  object-fit:contain;
  border-radius:16px;
  background:white;
  border:1px solid rgba(176,202,235,.70);
}

.busyOverflowGuideModalPanel p{
  margin:0;
  color:#10243d;
  font-size:16px;
  line-height:1.4;
  font-weight:900;
  text-align:center;
}

.busyOverflowGuideModalControls{
  display:grid;
  grid-template-columns:auto auto auto;
  justify-content:center;
  gap:10px;
  align-items:center;
}

.busyOverflowGuideModalClose{
  justify-self:end;
  min-height:40px;
  padding:9px 14px;
  border:1px solid rgba(176,202,235,.88);
  border-radius:999px;
  background:white;
  color:#10243d;
  font:inherit;
  font-size:14px;
  font-weight:1000;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(31,66,110,.10);
}

@media(max-width:640px){
  .busyOverflowGuideActions,
  .busyOverflowGuideModalControls{
    grid-template-columns:1fr;
    display:grid;
  }

  .busyOverflowGuideDownload,
  .busyOverflowGuideModalControls .busyOverflowGuideButton{
    width:100%;
  }

  .busyOverflowGuideModal{
    padding:12px;
  }

  .busyOverflowGuideModalPanel{
    max-height:calc(100vh - 24px);
    padding:12px;
    border-radius:20px;
  }

  .busyOverflowGuideModalPanel img{
    height:58vh;
  }
}

.callbackSectionHead{
  max-width:760px;
  margin-bottom:22px;
}

.callbackSectionHead.compact{
  margin-bottom:18px;
}

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

.callbackFlowCard,
.callbackUseCaseGrid article{
  min-height:190px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(180,204,235,.72);
  background:rgba(255,255,255,.84);
  box-shadow:0 18px 48px rgba(17,53,99,.10);
}

.callbackFlowCard span{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  margin-bottom:18px;
  border-radius:12px;
  background:linear-gradient(135deg,#1769ff,#5ca1ff);
  color:#fff;
  font-weight:1000;
}

.callbackFlowCard h3,
.callbackUseCaseGrid h3{
  margin:0 0 9px;
  color:#10243d;
  font-size:19px;
  line-height:1.12;
  letter-spacing:-.025em;
}

.callbackFlowCard p,
.callbackUseCaseGrid p{
  margin:0;
  color:#52657a;
  line-height:1.5;
  font-weight:750;
}

.callbackUseCasePanel,
.callbackOutcomePanel,
.callbackFaqPanel{
  padding:32px;
  border-radius:32px;
}

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

.callbackOutcomePanel{
  display:grid;
  grid-template-columns:minmax(280px,.44fr) minmax(0,.56fr);
  gap:28px;
  align-items:start;
  background:linear-gradient(135deg,rgba(7,20,39,.96),rgba(13,43,80,.96));
  color:#fff;
  border-color:rgba(255,255,255,.14);
}

.callbackOutcomePanel h2,
.callbackOutcomePanel .callbackKicker{
  color:#fff;
}

.callbackOutcomePanel p{
  color:#d7e5f5;
}

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

.callbackOutcomeList div{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
}

.callbackOutcomeList strong{
  display:block;
  color:#fff;
  font-size:16px;
  margin-bottom:6px;
}

.callbackOutcomeList span{
  color:#d8e6f6;
  line-height:1.45;
  font-weight:750;
}

.callbackCleanNote{
  padding:22px 24px;
  border-radius:22px;
}

.callbackCleanNote strong{
  display:block;
  margin-bottom:8px;
  color:#10243d;
  font-size:18px;
}

.callbackCleanNote p{
  margin:0;
  color:#52657a;
  line-height:1.55;
  font-weight:700;
}

.callbackFaq .faq,
.callbackFaqPanel .faq{
  margin-top:12px;
}

.callbackFaq details{
  border:1px solid rgba(180,204,235,.78);
  background:#fff;
  border-radius:14px;
  margin-top:10px;
  overflow:hidden;
}

.callbackFaq summary{
  padding:15px 17px;
  cursor:pointer;
  color:#10243d;
  font-weight:950;
}

.callbackFaq details p{
  margin:0;
  padding:0 17px 16px;
  color:#52657a;
  line-height:1.5;
  font-weight:700;
}

.callbackFinalCta{
  margin-top:38px;
  padding:30px 34px;
  border-radius:30px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:center;
  background:linear-gradient(135deg,#071427,#0d2b50);
  border-color:rgba(255,255,255,.12);
  color:#fff;
}

.callbackFinalCta h2{
  color:#fff;
}

.callbackFinalCta p{
  color:#d8e6f6;
}

.callbackCtaPills{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:16px;
}

.callbackCtaPills span{
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  color:#ecf5ff;
  font-size:13px;
  font-weight:900;
}

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

@media(max-width:1050px){
  .callbackTwoCol,
  .callbackOutcomePanel,
  .callbackFinalCta{
    grid-template-columns:1fr;
  }

  .callbackFlowGrid,
  .callbackUseCaseGrid{
    grid-template-columns:1fr 1fr;
  }

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

@media(max-width:640px){
  .callbackBelowWrap{
    padding:28px 0 52px;
  }

  .callbackSetupWalkthrough,
  .callbackFlowSection,
  .callbackUseCaseSection,
  .callbackOutcomeSection,
  .callbackNoteSection,
  .callbackFaqSection{
    padding:24px 0;
  }

  .callbackSectionCopy,
  .callbackUseCasePanel,
  .callbackOutcomePanel,
  .callbackFaqPanel,
  .callbackFinalCta{
    padding:22px;
    border-radius:24px;
  }

  .callbackMiniChecks,
  .callbackFlowGrid,
  .callbackUseCaseGrid,
  .callbackOutcomeList{
    grid-template-columns:1fr;
  }

  .callbackSetupVideoCard{
    padding:10px;
    border-radius:22px;
  }

  .callbackSetupVideoLabel{
    left:20px;
    top:20px;
    font-size:11px;
  }

  .callbackFinalActions .btn,
  .callbackActionRow .btn{
    width:100%;
  }
}




/* CALLBACK_ALTERNATING_BACKGROUNDS_V1 */
.callbackBelowWrap{
  padding:0!important;
  background:#eef6ff!important;
}

.callbackBelowWrap:before{
  display:none!important;
}

.callbackSetupWalkthrough{
  padding:76px 0 64px!important;
  background:
    radial-gradient(circle at 14% 12%,rgba(23,105,255,.10),transparent 28rem),
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%)!important;
}

.callbackFlowSection{
  padding:76px 0!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(24,201,164,.16),transparent 30rem),
    radial-gradient(circle at 88% 22%,rgba(23,105,255,.18),transparent 30rem),
    linear-gradient(135deg,#071427 0%,#102a48 58%,#123b62 100%)!important;
  color:#fff!important;
}

.callbackFlowSection .callbackKicker,
.callbackFlowSection h2{
  color:#fff!important;
}

.callbackFlowSection .callbackSectionHead p{
  color:#d7e5f5!important;
}

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

.callbackFlowSection .callbackFlowCard h3{
  color:#fff!important;
}

.callbackFlowSection .callbackFlowCard p{
  color:#d8e6f6!important;
}

.callbackUseCaseSection{
  padding:76px 0!important;
  background:
    radial-gradient(circle at 85% 16%,rgba(23,105,255,.10),transparent 30rem),
    linear-gradient(180deg,#f8fbff 0%,#edf6ff 100%)!important;
}

.callbackOutcomeSection{
  padding:76px 0!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(24,201,164,.14),transparent 28rem),
    linear-gradient(135deg,#06111f 0%,#09233f 56%,#0d355c 100%)!important;
}

.callbackOutcomePanel{
  box-shadow:0 30px 86px rgba(0,0,0,.26)!important;
}

.callbackNoteSection{
  padding:48px 0!important;
  background:#edf6ff!important;
}

.callbackFaqSection{
  padding:70px 0!important;
  background:
    linear-gradient(180deg,#edf6ff 0%,#f8fbff 100%)!important;
}

.callbackFinalCta{
  margin-top:0!important;
  margin-bottom:76px!important;
}

.callbackBelowWrap > .callbackFinalCta{
  position:relative!important;
  z-index:1!important;
}

/* make light sections feel less like thin strips */
.callbackSectionCopy,
.callbackSetupVideoCard,
.callbackUseCasePanel,
.callbackFaqPanel,
.callbackCleanNote{
  background:rgba(255,255,255,.90)!important;
}

/* setup walkthrough should not look like it is floating in empty space */
.callbackSetupWalkthrough .callbackTwoCol{
  align-items:stretch!important;
}

.callbackSetupWalkthrough .callbackSectionCopy,
.callbackSetupWalkthrough .callbackSetupVideoCard{
  min-height:100%!important;
}

/* stronger separation after hero */
.demoHero + .callbackBelowWrap{
  border-top:1px solid rgba(180,204,235,.54)!important;
}

@media(max-width:640px){
  .callbackSetupWalkthrough,
  .callbackFlowSection,
  .callbackUseCaseSection,
  .callbackOutcomeSection,
  .callbackFaqSection{
    padding:46px 0!important;
  }

  .callbackFinalCta{
    margin-bottom:46px!important;
  }
}



/* CALLBACK_HANDLE_CARDS_V1 */
.callbackOutcomeSection{
  padding:80px 0!important;
  background:
    radial-gradient(circle at 16% 16%,rgba(24,201,164,.14),transparent 28rem),
    radial-gradient(circle at 88% 24%,rgba(23,105,255,.16),transparent 30rem),
    linear-gradient(135deg,#06111f 0%,#09233f 56%,#0d355c 100%)!important;
}

.callbackHandlePanel{
  padding:42px!important;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.24)!important;
}

.callbackHandleIntro{
  max-width:760px!important;
  margin-bottom:28px!important;
}

.callbackHandleIntro h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(36px,4vw,58px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}

.callbackHandleIntro p{
  margin:16px 0 0!important;
  color:#d8e6f6!important;
  font-size:18px!important;
  line-height:1.56!important;
  font-weight:750!important;
}

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

.callbackHandleCards article{
  display:block!important;
  min-height:250px!important;
  padding:24px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.075))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.18)!important;
}

.callbackHandleIcon{
  width:48px!important;
  height:48px!important;
  margin-bottom:20px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#1769ff,#18c9a4)!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:1000!important;
  box-shadow:0 14px 32px rgba(23,105,255,.26)!important;
}

.callbackHandleCards h3{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}

.callbackHandleCards p{
  margin:0!important;
  color:#d8e6f6!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:750!important;
}

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

  .callbackHandleCards article{
    min-height:0!important;
  }
}

@media(max-width:640px){
  .callbackHandlePanel{
    padding:24px!important;
    border-radius:26px!important;
  }
}

/* MOBILE_VIEWPORT_REVAMP_CALL_TYPES_20260703 */
@media (max-width: 768px) {
  html, body {
    max-width: 100% !important;
    overflow-x: clip;
  }

  body {
    background: #f4f9ff !important;
  }

  img, video, canvas, svg, iframe {
    max-width: 100% !important;
    height: auto;
  }

  .wrap {
    width: min(100% - 32px, 1120px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  .pageHero {
    padding: 34px 0 34px !important;
  }

  .heroGrid,
  .splitGrid,
  .twoCol,
  .cardsGrid,
  .featureGrid,
  .exampleGrid,
  .pricingGrid,
  .faqGrid,
  .demoVideoShell,
  .sectionSurface,
  .callbackTwoCol,
  .callbackHandleCards,
  .callbackOutcomeGrid,
  .callbackUseCaseGrid,
  .callbackFlowGrid {
    grid-template-columns: 1fr !important;
  }

  .heroPanel,
  .heroSide,
  .sectionSurface,
  .demoVideoShell,
  .callbackHandlePanel,
  .callbackSectionCopy,
  .callbackSetupVideoCard,
  .callbackUseCasePanel,
  .callbackFaqPanel,
  .callbackCleanNote {
    width: 100% !important;
    max-width: 100% !important;
    padding: 22px !important;
    border-radius: 24px !important;
  }

  h1 {
    font-size: clamp(36px, 12vw, 48px) !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    overflow-wrap: anywhere;
  }

  h2,
  .callbackHandleIntro h2 {
    font-size: clamp(28px, 9vw, 40px) !important;
    line-height: 1.05 !important;
  }

  .lead,
  .heroSide .sideNote,
  .demoVideoCopy p,
  .sectionSurface p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  .actions,
  .demoVideoActions,
  .ctaActions,
  .trustBar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .btn,
  .actions .btn,
  .demoVideoActions .btn,
  .trustBar span {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .demoVideoFrame {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 20px !important;
  }

  .demoVideoPlay {
    width: 66px !important;
    height: 66px !important;
  }

  .whyStrip {
    transform: none !important;
    margin-top: 16px !important;
    padding: 22px !important;
    border-radius: 24px !important;
  }

  section,
  .demoVideoSection,
  .callbackSetupWalkthrough,
  .callbackFlowSection,
  .callbackUseCaseSection,
  .callbackOutcomeSection,
  .callbackFaqSection {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
}

@media (max-width: 480px) {
  .wrap {
    width: min(100% - 24px, 1120px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .heroPanel,
  .heroSide,
  .sectionSurface,
  .demoVideoShell,
  .callbackHandlePanel,
  .callbackSectionCopy,
  .callbackSetupVideoCard,
  .callbackUseCasePanel,
  .callbackFaqPanel,
  .callbackCleanNote {
    padding: 18px !important;
    border-radius: 22px !important;
  }
}


/* MOBILE_VIEWPORT_REVAMP_DEMO_HERO_FIX_20260703 */
@media (max-width: 768px) {
  .demoHeroGrid,
  .demoHeroCopy,
  .demoVideoCard,
  .demoVideoPoster,
  .demoReassuranceStrip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .demoHeroGrid {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .demoHeroCopy {
    overflow-wrap: anywhere;
  }

  .demoHeroActions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .demoHeroActions .btn {
    width: 100% !important;
  }

  .demoBulletList li {
    padding-left: 46px !important;
  }
}

/* MANUAL_CALL_TYPES_RESCUE_20260704
   Direct manual fix after Codex revamp looked washed out.
   Goal: stronger contrast, clearer hero, usable above-fold CTA area.
*/

body {
  background: #f5f8fc !important;
}

.pageHero {
  position: relative !important;
  padding: 48px 18px 26px !important;
  background:
    radial-gradient(circle at top right, rgba(43, 108, 176, 0.10), transparent 34%),
    linear-gradient(180deg, #eef6ff 0%, #f8fbff 58%, #f5f8fc 100%) !important;
  overflow: hidden !important;
}

.pageHero::before,
.pageHero::after {
  opacity: 0.16 !important;
  filter: blur(1px) !important;
}

.heroPanel {
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 44px 42px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid rgba(15, 35, 60, 0.11) !important;
  box-shadow: 0 24px 70px rgba(18, 43, 74, 0.14) !important;
  border-radius: 26px !important;
  backdrop-filter: blur(10px) !important;
}

.heroPanel .eyebrow,
.eyebrow {
  color: #2563eb !important;
  font-weight: 900 !important;
  letter-spacing: 0.16em !important;
}

.heroPanel h1 {
  max-width: 780px !important;
  color: #0f1f33 !important;
  font-size: clamp(2.35rem, 4.2vw, 4.35rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
  margin-bottom: 22px !important;
}

.heroPanel .lead {
  max-width: 690px !important;
  color: #344761 !important;
  font-size: 1.12rem !important;
  line-height: 1.65 !important;
  font-weight: 650 !important;
}

.mobileSetupNote {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 10px 14px !important;
  color: #0f3c68 !important;
  background: #eaf6ff !important;
  border: 1px solid #b9defa !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.trustBar {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}

.trustBar span {
  color: #10253d !important;
  background: #ffffff !important;
  border: 1px solid #d5e3f3 !important;
  box-shadow: 0 8px 22px rgba(20, 45, 75, 0.07) !important;
  font-weight: 850 !important;
  padding: 11px 15px !important;
  border-radius: 999px !important;
}

.actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 26px !important;
}

.btn,
.actions .btn {
  min-height: 48px !important;
  padding: 14px 22px !important;
  border-radius: 999px !important;
  background: #0f2f55 !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  border: 1px solid #0f2f55 !important;
  box-shadow: 0 14px 28px rgba(15, 47, 85, 0.22) !important;
  opacity: 1 !important;
}

.btn.alt,
.actions .btn.alt {
  background: #ffffff !important;
  color: #0f2f55 !important;
  border-color: #c8d7e8 !important;
  box-shadow: 0 10px 22px rgba(15, 47, 85, 0.08) !important;
}

.btn:hover,
.actions .btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 34px rgba(15, 47, 85, 0.26) !important;
}

.coverTypeSection,
.coverTypeDemo,
.flowSelector,
.coverTypePanel {
  margin-top: 24px !important;
}

.notSure,
.notSurePanel,
.coverHelp,
.chooseHelp {
  max-width: 980px !important;
  margin: 22px auto 28px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, #10253d, #07182c) !important;
  box-shadow: 0 18px 42px rgba(7, 24, 44, 0.18) !important;
}

.flowButtons,
.coverTypeGrid,
.demoCards {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

.callTypeDemoCard {
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  align-items: stretch !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.coverTypeCard {
  min-height: 188px !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: auto 1fr !important;
  align-items: stretch !important;
  gap: 10px !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  border: 1px solid #d7e4f2 !important;
  box-shadow: 0 14px 36px rgba(17, 43, 73, 0.10) !important;
  overflow: hidden !important;
  color: #10253d !important;
  text-decoration: none !important;
}

.coverTypeCard:hover,
.coverTypeCard:focus-visible {
  transform: translateY(-3px) !important;
  border-color: #7fb5ff !important;
  box-shadow: 0 22px 48px rgba(17, 43, 73, 0.16) !important;
}

.coverTypeBody strong {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0f1f33 !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

.coverTypeBody small {
  min-height: 48px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  color: #42566f !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-align: center !important;
}

.coverTypeBody em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: end !important;
  min-height: 34px !important;
  margin-top: 8px !important;
  padding: 8px 12px !important;
  color: #ffffff !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
}

.openTypeLink {
  width: 100% !important;
  min-height: 52px !important;
  padding: 10px 12px !important;
  align-self: stretch !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

@media (max-width: 1100px) {
  .flowButtons,
  .coverTypeGrid,
  .demoCards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 720px) {
  .pageHero {
    padding: 22px 12px 18px !important;
  }

  .heroPanel {
    padding: 28px 20px !important;
    border-radius: 20px !important;
  }

  .heroPanel h1 {
    font-size: clamp(2.05rem, 12vw, 3.2rem) !important;
    line-height: 1.02 !important;
  }

  .heroPanel .lead {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .mobileSetupNote {
    border-radius: 16px !important;
    align-items: flex-start !important;
  }

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

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

  .btn,
  .actions .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  .flowButtons,
  .coverTypeGrid,
  .demoCards {
    grid-template-columns: 1fr !important;
  }
}
/* ONE_DAY_DEMO_REGISTRY_LABELS_V1 */
.demoVideoLabel{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 12px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(23,105,255,.10);
  color:#1769ff;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.demoVideoLabel:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--mint);
  box-shadow:0 0 0 5px rgba(24,201,164,.12);
}
@media(max-width:640px){
  .demoVideoLabel{margin:2px 0 10px;font-size:11px}
}

/* Busy Day Overflow route-and-alert explainer */
.overflowRoutingExplainer{
  position:relative;
  padding:56px 0;
  background:linear-gradient(180deg,#edf6ff 0%,#f8fbff 100%);
  border-top:1px solid rgba(180,205,238,.7);
  border-bottom:1px solid rgba(180,205,238,.7);
}
.overflowRoutingExplainerWrap{
  display:grid;
  grid-template-columns:minmax(320px,.44fr) minmax(520px,.56fr);
  gap:34px;
  align-items:center;
}
.overflowRoutingExplainerCopy{
  padding:34px;
  border-radius:30px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(190,214,244,.9);
  box-shadow:0 24px 70px rgba(17,53,99,.12);
}
.overflowRoutingExplainerCopy h2{
  margin:8px 0 14px;
  color:var(--ink);
  font-size:clamp(34px,3.6vw,56px);
  line-height:1;
  letter-spacing:-.055em;
}
.overflowRoutingExplainerCopy > p{
  margin:0;
  color:#263e5c;
  font-size:18px;
  line-height:1.55;
  font-weight:750;
}
.overflowRoutingStepGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:24px;
}
.overflowRoutingStepGrid article{
  position:relative;
  min-height:138px;
  padding:18px 16px 16px 58px;
  border-radius:20px;
  background:#f7fbff;
  border:1px solid rgba(194,214,242,.88);
}
.overflowRoutingStepGrid span{
  position:absolute;
  left:16px;
  top:18px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:white;
  background:linear-gradient(135deg,#1769ff,#4d94ff);
  font-weight:1000;
}
.overflowRoutingStepGrid strong{
  display:block;
  color:#10243d;
  font-size:15px;
  line-height:1.2;
  font-weight:1000;
}
.overflowRoutingStepGrid p{
  margin:8px 0 0;
  color:#536982;
  font-size:13px;
  line-height:1.45;
  font-weight:750;
}
.overflowRoutingProof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.overflowRoutingProof span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border-radius:999px;
  background:#eaf7f4;
  color:#075f52;
  border:1px solid rgba(24,201,164,.25);
  font-size:13px;
  font-weight:1000;
}
.overflowRoutingProof span:before{
  content:"✓";
  margin-right:8px;
  color:var(--mint);
  font-weight:1000;
}
.overflowRoutingExplainerImage{
  margin:0;
  padding:14px;
  border-radius:30px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(190,214,244,.9);
  box-shadow:0 30px 82px rgba(17,53,99,.16);
}
.overflowRoutingExplainerImage img{
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
}
@media(max-width:1040px){
  .overflowRoutingExplainerWrap{grid-template-columns:1fr}
}
@media(max-width:680px){
  .overflowRoutingExplainer{padding:34px 0}
  .overflowRoutingExplainerCopy{padding:22px;border-radius:24px}
  .overflowRoutingStepGrid{grid-template-columns:1fr}
  .overflowRoutingExplainerImage{padding:9px;border-radius:22px}
  .overflowRoutingExplainerImage img{border-radius:16px}
}

/* Override Busy Day Overflow routing section: keep image controlled, not billboard-sized */
.overflowRoutingShowcase{
  padding:52px 0;
}

.overflowRoutingShowcaseWrap{
  display:grid;
  grid-template-columns:minmax(360px,.48fr) minmax(360px,.52fr);
  gap:28px;
  align-items:center;
}

.overflowRoutingShowcaseHead{
  max-width:none;
  margin:0;
  text-align:left;
  padding:34px;
  border-radius:30px;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(190,214,244,.9);
  box-shadow:0 24px 70px rgba(17,53,99,.10);
}

.overflowRoutingShowcaseHead h2{
  font-size:clamp(34px,3.4vw,54px);
  line-height:1;
  margin:10px 0 16px;
}

.overflowRoutingShowcaseHead p{
  max-width:620px;
  margin:0;
  font-size:18px;
}

.overflowRoutingShowcaseImage{
  width:100%;
  max-width:620px;
  margin:0;
  padding:10px;
  border-radius:26px;
  box-shadow:0 22px 58px rgba(17,53,99,.14);
}

.overflowRoutingShowcaseImage img{
  border-radius:18px;
}

.overflowRoutingShowcaseCards{
  grid-column:1 / -1;
  width:100%;
  max-width:none;
  margin:0;
}

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

  .overflowRoutingShowcaseImage{
    max-width:100%;
  }
}

/* Busy Day Overflow routing section final layout: image first, explanation below */
.overflowRoutingShowcase{
  padding:58px 0 64px;
}

.overflowRoutingShowcaseWrap{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:26px !important;
  align-items:center;
}

.overflowRoutingShowcaseImage{
  order:1;
  width:min(1040px,100%) !important;
  max-width:1040px !important;
  margin:0 auto !important;
  padding:12px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(185,211,244,.95) !important;
  box-shadow:0 30px 80px rgba(17,53,99,.16) !important;
}

.overflowRoutingShowcaseImage img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
}

.overflowRoutingShowcaseHead{
  order:2;
  width:min(1040px,100%) !important;
  max-width:1040px !important;
  margin:0 auto !important;
  text-align:center !important;
  padding:28px 32px !important;
  border-radius:28px !important;
}

.overflowRoutingShowcaseHead h2{
  max-width:840px;
  margin:8px auto 14px !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1 !important;
}

.overflowRoutingShowcaseHead p{
  max-width:860px !important;
  margin:0 auto !important;
  font-size:18px !important;
  line-height:1.5 !important;
}

.overflowRoutingShowcaseCards{
  order:3;
  grid-column:auto !important;
  width:min(1040px,100%) !important;
  max-width:1040px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
}

.overflowRoutingShowcaseCards article{
  padding:18px 18px 16px !important;
  border-radius:20px !important;
}

.overflowRoutingShowcaseCards strong{
  font-size:15px !important;
}

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

@media(max-width:900px){
  .overflowRoutingShowcaseImage,
  .overflowRoutingShowcaseHead,
  .overflowRoutingShowcaseCards{
    width:100% !important;
  }

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

@media(max-width:560px){
  .overflowRoutingShowcase{
    padding:38px 0 44px;
  }

  .overflowRoutingShowcaseImage{
    padding:7px !important;
    border-radius:22px !important;
  }

  .overflowRoutingShowcaseImage img{
    border-radius:16px;
  }

  .overflowRoutingShowcaseHead{
    padding:22px !important;
    text-align:left !important;
  }

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

/* FINAL Busy Day Overflow route picture section */
.busyRoutePictureSection{
  position:relative;
  padding:56px 0 60px;
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,255,.08),transparent 30rem),
    radial-gradient(circle at 88% 20%,rgba(24,201,164,.08),transparent 30rem),
    linear-gradient(180deg,#eef7ff 0%,#f8fbff 100%);
  border-top:1px solid rgba(183,208,240,.75);
  border-bottom:1px solid rgba(183,208,240,.75);
}

.busyRoutePictureWrap{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:22px !important;
  align-items:center !important;
}

.busyRoutePictureFrame{
  width:min(860px,100%) !important;
  margin:0 auto !important;
  padding:10px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(185,211,244,.95) !important;
  box-shadow:0 28px 78px rgba(17,53,99,.16) !important;
}

.busyRoutePictureFrame img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:20px !important;
}

.busyRoutePictureCopy{
  width:min(860px,100%) !important;
  margin:0 auto !important;
  padding:28px 30px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(190,214,244,.9) !important;
  box-shadow:0 22px 62px rgba(17,53,99,.10) !important;
  text-align:center !important;
}

.busyRoutePictureCopy h2{
  margin:8px auto 12px !important;
  max-width:760px !important;
  color:var(--ink) !important;
  font-size:clamp(34px,3.6vw,56px) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

.busyRoutePictureCopy > p{
  max-width:720px !important;
  margin:0 auto !important;
  color:#263e5c !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:800 !important;
}

.busyRoutePictureSteps{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:12px !important;
  margin-top:22px !important;
  text-align:left !important;
}

.busyRoutePictureSteps article{
  padding:16px !important;
  border-radius:18px !important;
  background:#f7fbff !important;
  border:1px solid rgba(194,214,242,.88) !important;
}

.busyRoutePictureSteps strong{
  display:block !important;
  color:#10243d !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:1000 !important;
}

.busyRoutePictureSteps span{
  display:block !important;
  margin-top:7px !important;
  color:#536982 !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:760 !important;
}

@media(max-width:900px){
  .busyRoutePictureFrame,
  .busyRoutePictureCopy{
    width:100% !important;
  }

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

@media(max-width:560px){
  .busyRoutePictureSection{
    padding:36px 0 42px !important;
  }

  .busyRoutePictureFrame{
    padding:7px !important;
    border-radius:22px !important;
  }

  .busyRoutePictureFrame img{
    border-radius:16px !important;
  }

  .busyRoutePictureCopy{
    padding:22px !important;
    text-align:left !important;
  }

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

/* Take Messages explainer + guide */
.takeMessageExplainer{
  position:relative;
  padding:54px 0 58px;
  background:
    radial-gradient(circle at 12% 8%,rgba(23,105,255,.08),transparent 30rem),
    radial-gradient(circle at 88% 18%,rgba(24,201,164,.08),transparent 30rem),
    linear-gradient(180deg,#eef7ff 0%,#f8fbff 100%);
  border-top:1px solid rgba(183,208,240,.75);
  border-bottom:1px solid rgba(183,208,240,.75);
}
.takeMessageExplainerWrap{
  display:grid;
  grid-template-columns:1fr;
}
.takeMessageExplainerCopy{
  width:min(1040px,100%);
  margin:0 auto;
  padding:30px;
  border-radius:30px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(190,214,244,.9);
  box-shadow:0 24px 70px rgba(17,53,99,.10);
  text-align:center;
}
.takeMessageExplainerCopy h2{
  margin:8px auto 14px;
  max-width:820px;
  color:var(--ink);
  font-size:clamp(34px,4vw,60px);
  line-height:1;
  letter-spacing:-.055em;
}
.takeMessageExplainerCopy > p{
  max-width:800px;
  margin:0 auto;
  color:#263e5c;
  font-size:18px;
  line-height:1.5;
  font-weight:800;
}
.takeMessageExplainerCards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:24px;
  text-align:left;
}
.takeMessageExplainerCards article{
  padding:18px;
  border-radius:20px;
  background:#f7fbff;
  border:1px solid rgba(194,214,242,.88);
}
.takeMessageExplainerCards strong{
  display:block;
  color:#10243d;
  font-size:15px;
  line-height:1.2;
  font-weight:1000;
}
.takeMessageExplainerCards span{
  display:block;
  margin-top:7px;
  color:#536982;
  font-size:13px;
  line-height:1.4;
  font-weight:760;
}
.takeMessageGuideFrame img{
  display:block;
  width:100%;
  height:auto;
}
.takeMessageGuideCard{
  align-self:stretch;
}
@media(max-width:860px){
  .takeMessageExplainer{padding:36px 0 42px}
  .takeMessageExplainerCopy{
    padding:22px;
    text-align:left;
  }
  .takeMessageExplainerCards{
    grid-template-columns:1fr;
  }
}

/* Tighten guide modal image viewer */
.busyOverflowGuideModal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  background:rgba(12,25,42,.78) !important;
}

.busyOverflowGuideModalPanel{
  position:relative !important;
  z-index:1 !important;
  width:min(1180px,96vw) !important;
  max-height:94vh !important;
  display:grid !important;
  grid-template-rows:auto minmax(0,1fr) auto auto !important;
  gap:12px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:#f8fbff !important;
  box-shadow:0 30px 90px rgba(0,0,0,.35) !important;
  overflow:hidden !important;
}

.busyOverflowGuideModalBackdrop{
  position:absolute !important;
  inset:0 !important;
}

.busyOverflowGuideModalPanel img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:72vh !important;
  object-fit:contain !important;
  border-radius:14px !important;
  background:#fff !important;
  border:1px solid rgba(185,211,244,.9) !important;
}

.busyOverflowGuideModalPanel p{
  margin:0 !important;
  text-align:center !important;
  color:#10243d !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

.busyOverflowGuideModalTop{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.busyOverflowGuideModalControls{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}

@media(max-width:720px){
  .busyOverflowGuideModal{
    padding:10px !important;
  }

  .busyOverflowGuideModalPanel{
    width:98vw !important;
    max-height:96vh !important;
    padding:12px !important;
    border-radius:18px !important;
  }

  .busyOverflowGuideModalPanel img{
    max-height:66vh !important;
  }

  .busyOverflowGuideModalControls{
    flex-wrap:wrap !important;
  }
}

/* Take Messages image-led explainer */
.takeMessageHeroExplainer{
  padding:58px 0 64px;
}

.takeMessageHeroExplainerWrap{
  display:grid;
  gap:24px;
}

.takeMessageHeroExplainerHead{
  width:min(980px,100%);
  margin:0 auto;
  text-align:center;
}

.takeMessageHeroExplainerHead h2{
  margin:8px auto 14px;
  max-width:860px;
  color:var(--ink);
  font-size:clamp(34px,4vw,60px);
  line-height:1;
  letter-spacing:-.055em;
}

.takeMessageHeroExplainerHead p{
  max-width:820px;
  margin:0 auto;
  color:#263e5c;
  font-size:18px;
  line-height:1.5;
  font-weight:800;
}

.takeMessageHeroImage{
  width:min(1040px,100%);
  margin:0 auto;
  padding:12px;
  border-radius:30px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(185,211,244,.95);
  box-shadow:0 30px 80px rgba(17,53,99,.16);
}

.takeMessageHeroImage img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
}

.takeMessageHeroCards{
  width:min(1040px,100%);
  margin:0 auto;
}

@media(max-width:860px){
  .takeMessageHeroExplainer{
    padding:38px 0 44px;
  }

  .takeMessageHeroExplainerHead{
    text-align:left;
  }

  .takeMessageHeroImage{
    padding:7px;
    border-radius:22px;
  }

  .takeMessageHeroImage img{
    border-radius:16px;
  }
}

/* Fix Take Messages guide layout to match Busy Day structure */
.takeMessageRoutePictureSection{
  padding:56px 0 60px !important;
}

.takeMessageRoutePictureFrame{
  width:min(860px,100%) !important;
  margin:0 auto !important;
}

.takeMessageRoutePictureCopy{
  width:min(860px,100%) !important;
  margin:0 auto !important;
}

.takeMessageRoutePictureSteps{
  grid-template-columns:repeat(4,1fr) !important;
}

.takeMessageSetupWalkthrough{
  display:grid !important;
  grid-template-columns:minmax(280px,.36fr) minmax(420px,.64fr) !important;
  gap:26px !important;
  align-items:center !important;
}

.takeMessageSetupWalkthrough .callbackSetupText{
  align-self:center !important;
}

.takeMessageGuideCard{
  width:100% !important;
  max-width:860px !important;
  justify-self:center !important;
  overflow:hidden !important;
}

.takeMessageGuideFrame{
  width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
}

.takeMessageGuideFrame img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

.takeMessageGuideFrame figcaption{
  padding:12px 14px !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
  color:#10243d !important;
}

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

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

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

/* FINAL FIX: Take Messages guide must match Busy Day Overflow guide layout */
.takeMessageSetupWalkthrough{
  width:min(1120px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(300px,0.42fr) minmax(520px,0.58fr) !important;
  gap:28px !important;
  align-items:center !important;
  padding:56px 0 !important;
}

.takeMessageSetupWalkthrough .callbackSetupText{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  align-self:stretch !important;
}

.takeMessageSetupWalkthrough .callbackSetupText h2{
  font-size:clamp(34px,3.6vw,54px) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

.takeMessageGuideCard{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  justify-self:stretch !important;
  align-self:stretch !important;
}

.takeMessageGuide{
  width:100% !important;
}

.takeMessageGuideFrame{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
}

.takeMessageGuideFrame img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

.takeMessageGuideFrame figcaption{
  padding:12px 16px !important;
  text-align:center !important;
  color:#10243d !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

.takeMessageGuideCard .busyOverflowGuideFooter{
  width:100% !important;
}

.takeMessageGuideCard .busyOverflowGuideControls{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:12px !important;
}

.takeMessageGuideCard .busyOverflowGuideCount{
  text-align:center !important;
}

@media(max-width:980px){
  .takeMessageSetupWalkthrough{
    width:min(720px,calc(100% - 32px)) !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:38px 0 !important;
  }
}

@media(max-width:560px){
  .takeMessageSetupWalkthrough{
    width:calc(100% - 24px) !important;
  }

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

/* Book Appointments setup guide slideshow */
.bookAppointmentsSetupWalkthrough{
  width:min(1120px,calc(100% - 48px)) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(300px,0.42fr) minmax(520px,0.58fr) !important;
  gap:28px !important;
  align-items:center !important;
  padding:56px 0 !important;
}

.bookAppointmentsSetupWalkthrough .callbackSetupText{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  align-self:stretch !important;
}

.bookAppointmentsSetupWalkthrough .callbackSetupText h2{
  font-size:clamp(34px,3.6vw,54px) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
}

.bookAppointmentsGuideCard{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  justify-self:stretch !important;
  align-self:stretch !important;
  overflow:hidden !important;
}

.bookAppointmentsGuide{
  width:100% !important;
}

.bookAppointmentsGuideFrame{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  border-radius:22px !important;
}

.bookAppointmentsGuideFrame img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

.bookAppointmentsGuideFrame figcaption{
  padding:12px 16px !important;
  text-align:center !important;
  color:#10243d !important;
  font-size:15px !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

.bookAppointmentsGuideCard .busyOverflowGuideFooter{
  width:100% !important;
}

.bookAppointmentsGuideCard .busyOverflowGuideControls{
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  gap:12px !important;
}

.bookAppointmentsGuideCard .busyOverflowGuideCount{
  text-align:center !important;
}

@media(max-width:980px){
  .bookAppointmentsSetupWalkthrough{
    width:min(720px,calc(100% - 32px)) !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    padding:38px 0 !important;
  }
}

@media(max-width:560px){
  .bookAppointmentsSetupWalkthrough{
    width:calc(100% - 24px) !important;
  }

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