/* GENERATED by tools/build-pages.mjs from docs/design/site/. Do not edit by hand; edit the design or the script. */
/* Base styles from the designs' <helmet>, :hover rules from their style-hover attributes. */

/* Base */
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:#fff;font-family:'IBM Plex Sans',system-ui,sans-serif;color:#1A1E2C;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}
*{box-sizing:border-box}
a{color:#1B3A5C;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}
a:hover{color:#234B73}
p{margin:0;text-wrap:pretty}
h1,h2,h3{margin:0;text-wrap:balance}
button{font-family:inherit;cursor:pointer}
@keyframes shine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(260%)}}
@keyframes glow{0%,100%{box-shadow:0 0 0 4px rgba(126,200,227,.22),0 0 28px rgba(126,200,227,.35)}50%{box-shadow:0 0 0 7px rgba(126,200,227,.3),0 0 48px rgba(126,200,227,.55)}}
@keyframes toastIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes goldSheen{0%{background-position:100% 0}100%{background-position:-150% 0}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:transparent}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:99px;background:#fff;border:2px solid #1B3A5C;margin-top:-10px;box-shadow:0 0 0 4px rgba(126,200,227,.3),0 2px 6px rgba(0,0,0,.15);cursor:grab}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:99px;background:#fff;border:2px solid #1B3A5C;box-shadow:0 0 0 4px rgba(126,200,227,.3)}

/* home */
.hv-h0:hover{color:var(--navy)!important}
.hv-h1:hover{background:var(--navy-mid)!important;color:#fff!important;box-shadow:var(--shadow-md)!important}
.hv-h2:hover{background:#9AD6EC!important;color:var(--navy-dark)!important}
.hv-h3:hover{border-color:var(--sky)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
.hv-h4:hover{border-color:var(--sky)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important;color:var(--text)!important}
.hv-h5:hover{border-color:var(--sky)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important;color:#fff!important}
.hv-h6:hover{box-shadow:var(--shadow-md)!important;border-color:var(--sky)!important}
.hv-h7:hover{color:var(--gold)!important}
.hv-h8:hover{border-color:var(--sky)!important;box-shadow:var(--shadow-md)!important;color:var(--text)!important}
.hv-h9:hover{color:var(--text)!important}
.hv-ha:hover{background:#6CBBD6!important;box-shadow:var(--shadow-md)!important;color:var(--navy)!important}
.hv-hb:hover{background:rgba(255,255,255,.08)!important;border-color:var(--sky)!important;color:#fff!important}
.hv-hc:hover{color:var(--sky)!important}
.dc-hero-stage .wt-host--hero .wt-board { box-shadow: 0 0 0 1px rgba(255,255,255,.08), 0 24px 48px rgba(5,15,30,.35); }
.dc-sec-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.dc-sec-grid > :first-child { grid-column: 1 / -1; max-width: 640px; }
@media (max-width: 899px) { .dc-sec-grid { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 700px) {
  .dc-hero-tabs { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; padding: 0 20px 4px; scrollbar-width: none; }
  .dc-hero-tabs::-webkit-scrollbar { display: none; }
  .dc-hero-tabs > * { flex: none; }
}
[data-cal] [tabindex="0"], [data-cal] button { outline: none; }
[data-cal] [tabindex="0"]:focus-visible, [data-cal] button:focus-visible { box-shadow: 0 0 0 3px rgba(126,200,227,.6); border-radius: 6px; }
.dc-cal-row:hover { background: #F5F7FA; }
@media (max-width: 699px) { .dc-cal-bar { flex-wrap: wrap; row-gap: 10px !important; } .dc-cal-bar > * { flex: none !important; } .dc-cal-bar > span:empty { display: none; } }
.dc-cal-hit:hover { background: #EDF2F7; }
.dc-cal-ava { transition: box-shadow .15s ease; }
.dc-cal-ava:hover { box-shadow: 0 0 0 3px rgba(126,200,227,.55); }
.dc-cal-step:hover { background: #F1F5F9; }
.dc-cal-mi { background: transparent; }
.dc-cal-mi:hover { background: #F5F7FA; }
[data-cal] [role="tab"]:hover, [data-cal] [role="checkbox"]:hover { color: #1A1E2C; }

/* pricing */
.hv-p0:hover{color:var(--navy)!important}
.hv-p1:hover{background:var(--navy-mid)!important;color:#fff!important;box-shadow:var(--shadow-md)!important}
.hv-p2:hover{box-shadow:var(--glow-sky)!important;border-color:var(--sky)!important}
.hv-p3:hover{background:#6CBBD6!important;color:var(--navy)!important}
.hv-p4:hover{box-shadow:var(--shadow-md)!important;border-color:var(--sky)!important}
.hv-p5:hover{background:var(--off-white)!important}
.hv-p6:hover{background:#6CBBD6!important;color:var(--navy)!important;box-shadow:var(--shadow-md)!important}
.hv-p7:hover{background:rgba(255,255,255,.08)!important;border-color:var(--sky)!important;color:#fff!important}
.hv-p8:hover{color:var(--sky)!important}

/* Nav: Login is desktop-only in the designs */
@media (max-width: 899px) { .dc-desk { display: none !important; } }
@media (max-width: 429px) { .dc-nav-sm { display: none !important; } }
@media (max-width: 374px) { .dc-nav-xs { display: none !important; } }