:root {
  --labs-ink: #12233b;
  --labs-muted: #5c6a7d;
  --labs-blue: #2d64e3;
  --labs-blue-dark: #1f4db8;
  --labs-ice: #eef5ff;
  --labs-paper: #f7f9fc;
  --labs-line: #dce5ef;
  --labs-radius: 2.2rem;
  --labs-container: min(129.6rem, calc(100% - 4rem));
}

.labs-site {
  color: var(--labs-ink);
  background: #fff;
  letter-spacing: 0;
}

.labs-site .header-wrapper {
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(1.5rem);
}

.labs-site .header__heading-link { text-decoration: none; }
.labs-site .labs-brand-mark {
  display: block;
  width: 20rem;
  max-width: 100%;
  height: auto;
}
.labs-site .labs-footer-logo-wrapper {
  max-width: 20rem;
}
.labs-site .labs-footer-mark {
  width: 100%;
  height: auto;
}
.labs-site .labs-footer-description {
  max-width: 27rem;
  color: #d6e1f0;
  font-size: 1.4rem;
  line-height: 1.6;
}

.labs-site .header__menu-item { color: var(--labs-ink); font-weight: 600; }
.labs-site .header__menu-item:hover { color: var(--labs-blue); }
.labs-site .utility-bar { background: var(--labs-ink); }
.labs-site .announcement-bar__message { color: #fff; font-size: 1.25rem; letter-spacing: .08em; }
.labs-site .footer { margin-top: 0; border-top: 0; }
.labs-site .footer .footer-block__heading { color: #fff; font-weight: 700; }
.labs-site .footer .footer-block__details-content,
.labs-site .footer .footer-block__details-content a { color: #d6e1f0; }
.labs-site .footer .footer-block__details-content a:hover { color: #fff; }

.labs-container { width: var(--labs-container); margin-inline: auto; }
.labs-section { padding: clamp(6rem, 8vw, 11rem) 0; }
.labs-section--soft { background: var(--labs-paper); }
.labs-section--ice { background: var(--labs-ice); }
.labs-section--dark { color: #fff; background: var(--labs-ink); }
.labs-section--dark .labs-heading,
.labs-section--dark .labs-eyebrow { color: #fff; }
.labs-eyebrow {
  margin: 0 0 1.7rem;
  color: var(--labs-blue);
  font-size: 1.2rem;
  font-weight: 750;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.labs-heading {
  max-width: 85rem;
  margin: 0;
  color: var(--labs-ink);
  font-size: clamp(3.6rem, 5vw, 6.4rem);
  font-weight: 700;
  letter-spacing: -.055em;
  line-height: 1.07;
}
.labs-heading--section { font-size: clamp(3rem, 3.7vw, 4.8rem); }
.labs-copy {
  max-width: 69rem;
  margin: 2rem 0 0;
  color: var(--labs-muted);
  font-size: clamp(1.65rem, 1.7vw, 1.9rem);
  line-height: 1.65;
}
.labs-section--dark .labs-copy { color: #c5d4e5; }
.labs-actions { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 3.2rem; }
.labs-button {
  display: inline-flex;
  min-height: 5.2rem;
  align-items: center;
  justify-content: center;
  padding: 1.25rem 2.35rem;
  border: 1px solid var(--labs-blue);
  border-radius: .9rem;
  color: #fff;
  background: var(--labs-blue);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}
.labs-button:hover { color: #fff; background: var(--labs-blue-dark); transform: translateY(-2px); }
.labs-button--outline { color: var(--labs-ink); background: transparent; border-color: #b9c8da; }
.labs-button--outline:hover { color: var(--labs-blue); background: #fff; }
.labs-button--light { color: var(--labs-ink); background: #fff; border-color: #fff; }
.labs-button--light:hover { color: var(--labs-blue); background: #f4f8ff; }
.labs-button:focus-visible,
.labs-site a:focus-visible { outline: .3rem solid #72a9ff; outline-offset: .3rem; }

.labs-hero { padding: clamp(7rem, 9vw, 12rem) 0; background: linear-gradient(125deg, #fff 0%, #f3f8ff 80%); }
.labs-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(35rem, .93fr); align-items: center; gap: clamp(4rem, 7vw, 10rem); }
.labs-hero__visual {
  display: grid;
  min-height: 48rem;
  place-items: center;
  padding: 4rem;
  overflow: hidden;
  border: 1px solid #dce8f5;
  border-radius: 3.2rem;
  background: radial-gradient(circle at 28% 23%, #fff 0, #e5f0ff 55%, #d6e6fa 100%);
}
.labs-hero__visual img { display: block; width: 100%; height: auto; max-height: 58rem; object-fit: contain; }
.labs-editorial-image { width: 100%; margin: 0; }
.labs-editorial-image img { display: block; width: 100%; height: auto; border-radius: 1.6rem; }
.labs-editorial-image figcaption { margin-top: 1.2rem; color: var(--labs-muted); font-size: 1.2rem; line-height: 1.4; }
.labs-hero__placeholder { width: 100%; text-align: center; }
.labs-hero__placeholder strong { display: block; color: #c5d6ee; font-size: clamp(8rem, 15vw, 17rem); letter-spacing: -.1em; line-height: 1; }
.labs-hero__placeholder span { display: block; margin-top: 1.4rem; color: var(--labs-muted); font-size: 1.4rem; letter-spacing: .16em; text-transform: uppercase; }
.labs-section-head { display: flex; align-items: end; justify-content: space-between; gap: 3rem; margin-bottom: 3.8rem; }
.labs-text-link { color: var(--labs-blue); font-size: 1.5rem; font-weight: 700; text-underline-offset: .4rem; white-space: nowrap; }
.labs-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.8rem; }
.labs-product-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--labs-line); border-radius: var(--labs-radius); background: #fff; }
.labs-product-card__media { display: grid; min-height: 27rem; place-items: center; padding: 2.4rem; background: var(--labs-paper); }
.labs-product-card__media img { display: block; width: 100%; height: 25rem; object-fit: contain; }
.labs-product-card__media-placeholder { color: #b8cae1; font-size: 6rem; font-weight: 750; letter-spacing: -.1em; }
.labs-product-card__body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 2.4rem; }
.labs-product-card__tag { color: var(--labs-blue); font-size: 1.15rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.labs-product-card h3 { margin: .9rem 0 1rem; color: var(--labs-ink); font-size: 2.2rem; font-weight: 700; letter-spacing: -.03em; line-height: 1.2; }
.labs-product-card p { margin: 0 0 2rem; color: var(--labs-muted); font-size: 1.45rem; line-height: 1.5; }
.labs-product-card__bottom { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 1rem; margin-top: auto; }
.labs-product-card__price { color: var(--labs-ink); font-size: 1.9rem; font-weight: 750; }
.labs-product-card__link { color: var(--labs-blue); font-weight: 700; text-decoration: none; }
.labs-compare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.8rem; margin-top: 4rem; }
.labs-compare-tile { padding: clamp(2.8rem, 4vw, 4.8rem); border: 1px solid var(--labs-line); border-radius: var(--labs-radius); background: #fff; }
.labs-compare-tile h3 { margin: 0 0 1.2rem; color: var(--labs-ink); font-size: 3rem; }
.labs-compare-tile p { color: var(--labs-muted); line-height: 1.6; }
.labs-compare-tile__price { display: block; margin: 2rem 0; color: var(--labs-blue); font-size: 2.6rem; font-weight: 700; }
.labs-step-grid, .labs-use-grid, .labs-learn-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; margin-top: 4rem; }
.labs-step, .labs-use-card, .labs-learn-card { padding: 2.8rem; border: 1px solid var(--labs-line); border-radius: 1.8rem; background: #fff; }
.labs-use-card, .labs-learn-card { padding: 0; overflow: hidden; }
.labs-use-card img, .labs-learn-card img { display: block; width: 100%; height: auto; object-fit: cover; }
.labs-use-card img { aspect-ratio: 1 / 1; }
.labs-learn-card img { aspect-ratio: 4 / 3; }
.labs-use-card__body, .labs-learn-card__body { padding: 2.4rem; }
.labs-use-card__body h3, .labs-learn-card__body h3 { margin-top: 0; }
.labs-learn-card details { margin-top: 2rem; }
.labs-learn-card summary { color: var(--labs-blue); font-weight: 700; cursor: pointer; }
.labs-learn-card details p { margin-top: 1.2rem; }
.labs-step__number { color: var(--labs-blue); font-size: 1.3rem; font-weight: 750; }
.labs-step h3, .labs-use-card h3, .labs-learn-card h3 { margin: 1.4rem 0 1rem; color: var(--labs-ink); font-size: 2.1rem; line-height: 1.25; }
.labs-step p, .labs-use-card p, .labs-learn-card p { margin: 0; color: var(--labs-muted); line-height: 1.55; }
.labs-use-card a, .labs-learn-card a { display: inline-block; margin-top: 2rem; color: var(--labs-blue); font-weight: 700; }
.labs-learn-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.labs-proof { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
.labs-proof__visual { display: grid; min-height: 40rem; place-items: center; padding: 3rem; border: 1px solid #d4e2f4; border-radius: var(--labs-radius); background: linear-gradient(140deg, #e6f2ff, #f9fbff); }
.labs-proof__visual img { display: block; max-width: 100%; max-height: 48rem; object-fit: contain; }
.labs-proof__placeholder { color: #9ab3d2; font-size: 1.4rem; text-align: center; }
.labs-growth-grid, .labs-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
.labs-growth-image img { aspect-ratio: 2.33 / 1; object-fit: cover; }
.labs-support-note { max-width: 88rem; margin-top: 3rem; color: var(--labs-muted); font-size: 1.5rem; line-height: 1.6; }
.labs-contact-panel { padding: clamp(2.4rem, 4vw, 4rem); border: 1px solid var(--labs-line); border-radius: var(--labs-radius); background: var(--labs-paper); }
.labs-contact-panel form { display: grid; gap: 1rem; }
.labs-contact-panel label { color: var(--labs-ink); font-size: 1.4rem; font-weight: 700; }
.labs-contact-panel input, .labs-contact-panel textarea { width: 100%; margin-bottom: 1rem; padding: 1.3rem 1.5rem; border: 1px solid #b9c8da; border-radius: .8rem; color: var(--labs-ink); background: #fff; font: inherit; }
.labs-contact-panel input:focus-visible, .labs-contact-panel textarea:focus-visible { outline: .3rem solid #72a9ff; outline-offset: .2rem; }
.labs-contact-panel .labs-button { width: fit-content; cursor: pointer; }
.labs-form-message { margin: 0 0 1.5rem; color: #176a43; font-weight: 700; }
.labs-site [id="products"], .labs-site [id="compare"], .labs-site [id="professionals"], .labs-site [id="growth"], .labs-site [id="learn"], .labs-site [id="faq"], .labs-site [id="support"], .labs-site [id="contact"] { scroll-margin-top: 11rem; }
.labs-faq { max-width: 88rem; margin-top: 3rem; }
.labs-faq details { border-bottom: 1px solid var(--labs-line); }
.labs-faq summary { padding: 2rem 0; color: var(--labs-ink); font-size: 1.8rem; font-weight: 650; cursor: pointer; }
.labs-faq details p { margin: 0 0 2.4rem; color: var(--labs-muted); line-height: 1.6; }
.labs-table-wrap { overflow-x: auto; }
.labs-table { width: 100%; border-collapse: collapse; font-size: 1.5rem; }
.labs-table th, .labs-table td { padding: 1.7rem 1.5rem; border-bottom: 1px solid var(--labs-line); text-align: left; vertical-align: top; }
.labs-table th { color: var(--labs-ink); background: var(--labs-paper); font-weight: 700; }
.labs-table td { color: var(--labs-muted); }
.labs-product-data { padding: 4rem 0 8rem; }
.labs-product-data__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.labs-product-data__panel { padding: 3rem; border: 1px solid var(--labs-line); border-radius: var(--labs-radius); }
.labs-product-data__panel h2 { margin-top: 0; color: var(--labs-ink); font-size: 2.6rem; }
.labs-product-data__panel p, .labs-product-data__panel li { color: var(--labs-muted); line-height: 1.6; }
.labs-page-intro { padding: 7rem 0 4rem; background: var(--labs-paper); }
.labs-page-intro .labs-heading { max-width: 90rem; }
.labs-richtext { max-width: 86rem; padding: 5rem 0 9rem; color: var(--labs-muted); font-size: 1.7rem; line-height: 1.7; }
.labs-richtext h2, .labs-richtext h3 { color: var(--labs-ink); }

@media (min-width: 990px) {
  .labs-site .header.page-width { width: var(--labs-container); max-width: none; padding-inline: 0; }
  .labs-site .header--middle-left { grid-template-areas: 'heading navigation icons'; grid-template-columns: 20rem minmax(0, 1fr) auto; gap: clamp(1.2rem, 2vw, 3rem); }
  .labs-site .header--middle-left .header__heading,
  .labs-site .header--middle-left .header__heading-link { min-width: 0; }
  .labs-site .header--middle-left .header__inline-menu { justify-self: stretch; width: 100%; min-width: 0; margin-left: 0; }
  .labs-site .header--middle-left .header__inline-menu > .list-menu--inline { display: flex; width: 100%; flex-wrap: nowrap; justify-content: flex-end; }
  .labs-site .header--middle-left .header__menu-item { white-space: nowrap; }
}

@media (max-width: 989px) {
  .labs-hero__grid, .labs-proof, .labs-growth-grid, .labs-contact-grid { grid-template-columns: 1fr; }
  .labs-product-grid, .labs-step-grid, .labs-use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .labs-hero__visual { min-height: 36rem; }
}

@media (max-width: 749px) {
  :root { --labs-container: min(100% - 3.2rem, 129.6rem); }
  .labs-section { padding: 5.8rem 0; }
  .labs-hero { padding: 5.5rem 0; }
  .labs-hero__grid { gap: 4rem; }
  .labs-hero__visual { min-height: 28rem; padding: 2.5rem; }
  .labs-section-head { display: block; }
  .labs-section-head .labs-text-link { display: inline-block; margin-top: 2rem; }
  .labs-product-grid, .labs-step-grid, .labs-use-grid, .labs-learn-grid, .labs-compare-grid, .labs-product-data__grid { grid-template-columns: 1fr; }
  .labs-product-card__media { min-height: 23rem; }
  .labs-table, .labs-table tbody, .labs-table tr, .labs-table th, .labs-table td { display: block; width: 100%; }
  .labs-table thead { display: none; }
  .labs-table tr { padding: 1.4rem 0; border-bottom: 1px solid var(--labs-line); }
  .labs-table th, .labs-table td { padding: .5rem 0; border: 0; }
  .labs-table td::before { display: block; margin-bottom: .3rem; color: var(--labs-ink); font-size: 1.2rem; font-weight: 700; text-transform: uppercase; content: attr(data-label); }
  .labs-site .labs-brand-mark { width: 17rem; }
}

@media (prefers-reduced-motion: reduce) {
  .labs-site *, .labs-site *::before, .labs-site *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}