@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700;6..12,800;6..12,900&display=swap');
/* ShuleBox marketing refinements: spacing, alignment and active menu on top of the page bundles. */

/* ---------- active menu ---------- */
.c-nav--primary .c-nav--primary__listitem.sn-active > a,
.c-nav--primary .c-nav--primary__listitem.sn-active > .v--main{color:#0a72ba!important;position:relative}
.c-nav--primary .c-nav--primary__listitem.sn-active > a:after,
.c-nav--primary .c-nav--primary__listitem.sn-active > .v--main:before{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:3px;background:#0a72ba}
/* dropdown items keep their chevron (the :after); the underline above uses :before so it doesn't replace it */
.c-nav--primary .c-nav--primary__listitem.sn-active > .v--main:after{background-image:url(/img/sn-icons/icon_chevron_blue_nav.svg)!important}
.c-nav--primary .c-nav-level--2 li.sn-active > a{color:#0a72ba!important;font-weight:700}

/* ---------- contact sales / partnership hero ---------- */
.section-contact-sales-hero{display:block!important;height:auto!important;min-height:0!important;padding:10rem 0 10rem!important;text-align:left}
.section-contact-sales-hero .o-two-columns{display:block!important}
.section-contact-sales-hero__copy{max-width:36rem;text-align:left!important;margin:0}
.section-contact-sales-hero__copy h1{margin-top:0!important}
.section-contact-sales-hero__list__item{justify-content:flex-start;text-align:left}
.section-contact-sales-hero__list__item-text p{text-align:left}
.section-contact-sales-hero .u-margin-top--xx-large{margin-top:2rem!important}
@media (min-width:1024px){
  .section-contact-sales-form .c-shadowbox{margin-top:0!important}
  .section-contact-sales-form .v--contact-sales-form-grid > .o-overflow-container{margin-top:-33rem}
  .section-contact-sales-form .v--contact-sales-form-grid{grid-template-columns:1fr 1fr!important}
  .section-contact-sales-form__copy{padding-top:3rem}
}

/* ---------- pricing cards ---------- */
.o-pricing-grid__column__button{display:flex!important;flex-direction:column;align-items:stretch;gap:.9rem;margin-bottom:1.75rem}
.o-pricing-grid__column__button .c-button{width:100%;text-align:center}
.o-pricing-grid__column__sales{position:static!important;display:block;text-align:center;font-weight:700}
.o-pricing-grid__column__description{display:block!important;padding-top:1.25rem;border-top:1px solid #e8e8e8}
.o-pricing-grid__column__description__header{margin-bottom:.75rem}
.o-pricing-grid__column__description__item{display:flex!important;align-items:flex-start;gap:.6rem;width:100%!important;float:none!important;margin:0 0 .6rem!important}
.o-pricing-grid__column__description__item-check{flex:0 0 auto;margin-top:.3rem}
.o-pricing-grid__column__description__item-text p{margin:0}
.o-pricing-grid__column__limits{color:#616061;margin:-.25rem 0 1rem}

.o-section__pricing-grid .o-pricing-grid__column{max-width:none!important}
.o-pricing-grid__column__sales{border:0!important;text-decoration:none;padding:.25rem 0}
.o-pricing-grid__column__sales:hover{text-decoration:underline}

/* white pill header used over dark heroes (contact sales, contact us, partners) */
.contact-us-menu .c-nav__row{background-color:#fff!important;padding:0 100px;border-radius:50px;margin-top:10px}
@media (max-width:1023px){.contact-us-menu .c-nav__row{padding:0 20px}}
/* contact sales: the form card overlaps the hero, so it must paint above it */
.section-contact-sales-form{position:relative;z-index:3;overflow:visible!important}
/* partners hero clears the floating header */
.sn-partner-hero{display:block!important;height:auto!important;padding:10rem 0 6rem!important}

/* solutions hero: the headline sits in a former video slot; keep it in flow above the lead */
.o-hero__header #hero-image{position:static!important;height:auto!important;transform:none!important;margin:0 auto 1.25rem!important}
.o-hero__header h1.c-type-paragraph-hero{margin-top:0!important}
.o-hero__header .headline-container.v--solutions-home{height:auto!important;min-height:0!important;margin-bottom:1rem}

/* contact us: heading and intro stacked in one readable column */
.sn-contact-hero{padding:10rem 0 4rem!important}
.sn-contact-hero .o-callout-container{display:block!important;max-width:46rem;text-align:left}
.sn-contact-hero .v--hero--title{font-size:3rem!important;line-height:1.1;margin:0 0 1rem!important;white-space:nowrap}
.sn-contact-hero .o-callout-container p{max-width:40rem;font-size:1.15rem}

/* customers hero: small brand mark beside the kicker, upright intro text */
.c-billboard__kicker{display:flex!important;align-items:center;gap:.75rem;margin-bottom:1rem}
.c-billboard__kicker__logo img{max-height:2.75rem!important;width:auto!important}
.c-billboard__header__subhead{font-style:normal!important}
.sn-contact-hero .o-content-container{width:100%!important;max-width:1230px!important;margin:0 auto!important}
.sn-contact-hero .o-callout-container{margin-left:0!important;padding-left:0!important}
@media (max-width:1290px){.sn-contact-hero .o-content-container{padding:0 1.5rem!important}}
/* active item in the mobile menu too */
.c-nav .c-nav--primary__listitem.sn-active > a,.c-nav .c-nav--primary__listitem.sn-active > .v--main{color:#0a72ba!important}
html body .c-nav .c-nav__list li.c-nav--primary__listitem.sn-active > a,
html body .c-nav .c-nav__list li.c-nav--primary__listitem.sn-active > .v--main{color:#0a72ba!important}
.c-nav__mobile .c-nav__scroller .c-nav__list ul li.sn-active > a,.c-nav__mobile .c-nav__list li.sn-active > .v--main{color:#0a72ba!important;font-weight:800}

/* ---------- ShuleBox brand: deep blue -> logo blue heroes, logo green accents ---------- */
.section-contact-sales-hero,.sn-partner-hero,.sn-contact-hero{background:linear-gradient(135deg,#0b3f6e 0%,#0a5a96 55%,#0a72ba 100%)!important}
.sn-partner-hero .o-content-container{text-align:center}
.sn-partner-hero h1,.sn-partner-hero p{max-width:52rem;margin-left:auto!important;margin-right:auto!important}
.sn-partner-hero .c-button{margin-top:1rem}
.section-contact-sales-hero__list__item-check .c-check{fill:#8cc63f!important}
/* chevron sits in the space reserved after the label (the bundle placed it over the last letter) */
.c-nav--primary .has_secondary > .v--main:after,.c-nav--primary .has_secondary > .v--main:lang(en):after{right:0!important;top:50%!important;margin-top:-2px}
.c-nav--primary .c-nav--primary__listitem.sn-active > .v--main:before{right:16px}
.c-nav--primary .has_secondary > .v--main{position:relative}

/* ---------- ShuleBox type and buttons (logo concept: rounded squares, blue + green) ----------
   The bundled Slack fonts never load here; Nunito Sans is close to the logo lettering and matches the dashboard. */
:root{--sb-font:'Nunito Sans','Avenir Next','Segoe UI','Helvetica Neue',Arial,sans-serif;--sb-blue:#0e76bd;--sb-deep:#0b3f6e;--sb-green:#8ec63f;--sb-green-dark:#6c9f27;--sb-sky:#eef6fc}
html body,html body :where(h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,select,textarea,label,strong,b,em,small,div,td,th,dt,dd,blockquote,figcaption,legend):not(.fa):not([class*=" fa-"]){font-family:var(--sb-font)!important}
html body :where(h1,h2){font-weight:800!important;letter-spacing:-.015em}
html body :where(h3,h4){font-weight:800!important}
.c-nav--primary .c-nav__list a,.c-nav--primary .v--main{font-weight:700!important}

/* buttons: rounded like the logo tiles, sentence case, heavier type */
html body .c-button{border-radius:10px!important;text-transform:none!important;letter-spacing:.01em!important;font-weight:800!important;font-size:15px!important;line-height:1.2!important;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s!important}
html body .c-button:hover{transform:translateY(-1px)}
html body .c-button.v--primary{background:var(--sb-blue)!important;border:2px solid var(--sb-blue)!important;color:#fff!important;box-shadow:0 6px 16px rgba(14,118,189,.22)!important}
html body .c-button.v--primary:hover,html body .c-button.v--primary:focus{background:var(--sb-deep)!important;border-color:var(--sb-deep)!important;box-shadow:0 8px 20px rgba(11,63,110,.25)!important}
html body .c-button.v--secondary{background:#fff!important;border:2px solid var(--sb-blue)!important;color:var(--sb-blue)!important;box-shadow:none!important}
html body .c-button.v--secondary:hover,html body .c-button.v--secondary:focus{background:var(--sb-sky)!important;border-color:var(--sb-deep)!important;color:var(--sb-deep)!important}
html body .c-button.v--green{background:var(--sb-green)!important;border:2px solid var(--sb-green)!important;color:#fff!important;box-shadow:0 6px 16px rgba(108,159,39,.25)!important}
html body .c-button.v--green:hover,html body .c-button.v--green:focus{background:var(--sb-green-dark)!important;border-color:var(--sb-green-dark)!important}
/* header: "Get started" in the logo green next to the blue outline "Talk to sales" */
.c-nav--primary .c-nav__row .c-button.v--primary{background:var(--sb-green)!important;border-color:var(--sb-green)!important;box-shadow:0 6px 16px rgba(108,159,39,.25)!important}
.c-nav--primary .c-nav__row .c-button.v--primary:hover{background:var(--sb-green-dark)!important;border-color:var(--sb-green-dark)!important}
.c-nav--primary .c-nav__row .c-button{padding:.7rem 1.25rem!important}
/* form fields, cards and shadow boxes share the same corner family */
html body .c-form__input,html body .c-form__select,html body .sn-input-suffix{border-radius:10px!important}
html body .sn-input-suffix .c-form__input{border-radius:0!important}
html body .c-shadowbox{border-radius:18px!important}
html body .c-skip-link{border-radius:0 0 10px 10px!important}
html body select.c-form__select{-webkit-appearance:none!important;appearance:none!important;background:#fff url(/img/sn-icons/icon_dropdown.svg) no-repeat right .9rem center/1.1rem!important;padding-right:2.6rem!important}
html body select.c-form__select:disabled{background-color:#f4f7fa!important}
.c-nav--primary .has_secondary > .v--main:after{width:10px!important;height:6px!important;background-size:10px 6px!important;margin-top:-3px!important;transition:none!important}
/* desktop nav: labels never break inside a word; tighter spacing on mid-size screens so the row fits */
.c-nav--primary .c-nav__list .c-nav--primary__listitem,.c-nav--primary .c-nav__list .c-nav--primary__listitem > a,.c-nav--primary .c-nav__list .v--main{white-space:nowrap!important;word-break:keep-all!important;hyphens:none!important}
.c-nav--primary .has_secondary > .v--main{padding-right:16px!important}
.c-nav--primary .c-nav--signed-out{flex:none;white-space:nowrap}
@media (min-width:1024px) and (max-width:1399px){
  .c-nav--primary .c-nav__list .c-nav-level--1 > .c-nav--primary__listitem{padding-left:.55rem!important;padding-right:.55rem!important;margin:0!important}
  .c-nav--primary .c-nav__list a,.c-nav--primary .c-nav__list .v--main{font-size:15px!important}
  .c-nav--primary .c-nav__row .c-button{padding:.6rem .95rem!important;font-size:14.5px!important}
  .c-nav--primary .c-nav__row{padding-left:28px!important;padding-right:28px!important}
}
@media (min-width:1024px) and (max-width:1199px){
  .c-nav--primary .c-nav--signed-out__contact_sales{display:none!important}
}