.site-main--front { padding-block: 0; }

.syntide-mobile-visual { display: none; }

.sa-home-section {
  --sa-section-overlay: .52;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid rgb(161 161 162 / 22%);
  background:
    radial-gradient(circle at 78% 22%, rgb(22 124 198 / 12%), transparent 36%),
    linear-gradient(180deg, #050709, #03070c 58%, #050709);
}

.sa-home-section__background {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.sa-home-section__background-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.sa-home-section[data-bg-position="left"] .sa-home-section__background-image { object-position: left center; }
.sa-home-section[data-bg-position="right"] .sa-home-section__background-image { object-position: right center; }

.sa-home-section::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: rgb(2 5 9 / var(--sa-section-overlay));
  content: "";
  pointer-events: none;
}

.sa-home-section__inner {
  position: relative;
  z-index: 1;
  padding-block: var(--space-section);
}

.sa-home-section__eyebrow {
  display: flex;
  align-items: center;
  gap: var(--space-content);
  margin: 0 0 var(--space-content);
  color: var(--color-cyan);
  font-family: var(--font-ui);
  font-size: var(--font-size-caption);
  font-weight: 700;
  letter-spacing: .24em;
  line-height: 1.2;
  text-transform: uppercase;
}

.sa-home-section__eyebrow::after {
  width: clamp(3.5rem, 7vw, 7.5rem);
  height: 1px;
  background: linear-gradient(90deg, var(--color-electric-blue), transparent);
  content: "";
}

.sa-home-section__title {
  max-width: 70rem;
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--font-size-h2-lg);
  font-weight: var(--font-weight-bold);
  letter-spacing: 0;
  line-height: var(--line-height-heading);
  text-transform: uppercase;
}

.syntide-section-heading__line { display: block; width: fit-content; max-width: 100%; padding-bottom: .06em; }
.sa-home-section__body { max-width: 40rem; margin: var(--space-content) 0 0; color: var(--color-text-muted); font-size: var(--font-size-body-lg); line-height: 1.6; }
.sa-home-section__button,
.woocommerce a.button.sa-home-section__button { gap: .8rem; margin-top: var(--space-content); }
.sa-home-section__button span { font-family: var(--font-ui); font-size: 1.3rem; font-weight: 300; line-height: .6; }
.sa-home-section__empty { border: var(--border-thin); margin-top: 2rem; padding: 1.5rem; color: var(--color-text-muted); background: rgb(3 7 12 / 75%); }

.sa-home-cards,
.sa-product-grid,
.sa-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-card-gap);
  margin-top: var(--space-heading);
}

.sa-home-card {
  position: relative;
  min-height: 20.5rem;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  display: grid;
  grid-template-rows: auto auto minmax(3.25rem, auto) minmax(4.4rem, auto);
  align-content: center;
  padding: clamp(1.75rem, 1.8vw, 2rem);
  background: var(--card-surface);
  box-shadow: 0 20px 50px rgb(0 0 0 / 26%);
  text-align: center;
}

.sa-home-card::after {
  z-index: 2;
  position: absolute;
  right: 22%;
  bottom: 0;
  left: 22%;
  height: 2px;
  background: var(--color-primary-blue);
  box-shadow: 0 0 12px var(--color-electric-blue);
  content: "";
}

.sa-home-icon svg { fill: none; stroke: var(--color-icon-stroke); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; }
.sa-home-card__rule { display: block; width: 3rem; height: 1px; margin: 1.2rem auto; background: var(--color-primary-blue); box-shadow: 0 0 10px rgb(46 157 210 / 65%); }
.sa-home-card h3 { margin: 0; color: var(--color-metallic-silver); font-size: var(--font-size-h3); line-height: 1.22; text-transform: uppercase; }
.sa-home-card p { margin: .85rem 0 0; color: var(--color-text-muted); font-size: var(--font-size-small); line-height: 1.55; }

.syntide-section-heading--center { text-align: center; }
.syntide-section-heading--center .sa-home-section__eyebrow { justify-content: center; }
.syntide-section-heading--center .sa-home-section__eyebrow::before { width: clamp(3.5rem, 7vw, 7.5rem); height: 1px; background: linear-gradient(90deg, transparent, var(--color-electric-blue)); content: ""; }
.syntide-section-heading--center .sa-home-section__title,
.syntide-section-heading--center .sa-home-section__body { margin-inline: auto; }
.syntide-section-heading--center .sa-home-section__title { max-width: none; }
.syntide-section-heading--center .syntide-section-heading__line { margin-inline: auto; }

.sa-product-card {
  min-height: 0;
}

.sa-product-card:hover { border-color: rgb(82 204 241 / 54%); }
.sa-product-card__media { aspect-ratio: 4 / 4.65; }
.sa-product-card__media.has-native-image img { object-position: center bottom; }
.sa-product-card__body { min-height: 5.4rem; align-content: center; text-align: center; }
.sa-product-card__price { margin-top: .45rem; color: var(--color-cyan); font-size: var(--font-size-small); }

.sa-home-section__split { display: grid; min-height: clamp(34rem, 40vw, 43rem); grid-template-columns: minmax(0, 44%) minmax(0, 56%); align-items: center; padding-block: var(--space-section); }
.sa-home-section__content { max-width: 40rem; }
.sa-home-section__visual-space { min-height: 23rem; }
.sa-home-section--syntide-standard .sa-home-section__inner,
.sa-home-section--quality-coas .sa-home-section__inner,
.sa-home-section--support-cta .sa-home-section__inner,
.sa-home-section--research-use-notice .sa-home-section__inner { padding-block: 0; }
.sa-home-section--syntide-standard::before,
.sa-home-section--quality-coas::before,
.sa-home-section--support-cta::before,
.sa-home-section--research-use-notice::before {
  background: linear-gradient(90deg, rgb(2 5 9 / .96) 0%, rgb(2 5 9 / .82) 43%, rgb(2 5 9 / calc(var(--sa-section-overlay) * .48)) 70%, rgb(2 5 9 / .08) 100%);
}

.sa-category-card { height: 29.5rem; min-height: 29.5rem; }
.sa-category-card:hover { border-color: var(--color-primary-blue); }
.sa-category-card__media { min-height: 0; flex-basis: 70%; background: var(--color-pure-black); }
.sa-category-card__media.has-native-image img { object-fit: contain; object-position: center; transform: scale(1.08); }
.sa-category-card:hover .sa-category-card__media.has-native-image img,
.sa-category-card:focus-visible .sa-category-card__media.has-native-image img { transform: scale(1.11); }
.sa-category-card__body { min-height: 0; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr; gap: .5rem .75rem; padding: 1.25rem 1.35rem; }
.sa-category-card__body .syntide-card-title { grid-column: 1; grid-row: 1; }
.sa-category-card__body .syntide-card-description { grid-column: 1; grid-row: 2; }
.sa-category-card__arrow { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--color-cyan); font-size: 1.75rem; font-weight: 300; }
.sa-home-section--catalog-categories .sa-home-section__button { display: flex; width: fit-content; margin-inline: auto; }

.sa-home-section--faq .sa-home-section__inner { max-width: 96rem; }
.sa-home-section--faq .sa-home-section__title { max-width: none; }
.sa-faq { display: grid; gap: .6rem; margin-top: var(--space-heading); }
.sa-faq__item { border: 1px solid rgb(161 161 162 / 28%); border-radius: .35rem; background: rgb(3 9 14 / 82%); }
.sa-faq__item:has(.sa-faq__trigger[aria-expanded="true"]) { border-color: var(--color-primary-blue); }
.sa-faq__trigger { display: grid; width: 100%; grid-template-columns: 3rem 1fr auto; align-items: center; gap: .85rem; border: 0; padding: .85rem 1.1rem; background: transparent; color: var(--color-text); font-family: var(--font-body); font-size: var(--font-size-body); font-weight: 700; text-align: left; transition: color var(--transition-fast), background-color var(--transition-fast); }
.sa-faq__trigger::after { content: none; }
.sa-faq__trigger:hover,
.sa-faq__trigger:focus-visible { background: rgb(22 124 198 / 7%); color: var(--color-white); }
.sa-faq__number { border-right: 1px solid rgb(161 161 162 / 28%); color: var(--color-primary-blue); font-family: var(--font-ui); font-size: 1rem; }
.sa-faq__chevron { width: .7rem; height: .7rem; border-right: 1px solid var(--color-primary-blue); border-bottom: 1px solid var(--color-primary-blue); transform: rotate(45deg); transition: transform var(--transition-fast); }
.sa-faq__trigger[aria-expanded="true"] .sa-faq__chevron { transform: rotate(225deg); }
.sa-faq__panel { display: grid; grid-template-rows: 0fr; overflow: hidden; padding: 0 4.95rem; visibility: hidden; transition: grid-template-rows var(--transition-base), padding-bottom var(--transition-base), visibility 0s linear var(--motion-base); }
.sa-faq__trigger[aria-expanded="true"] + .sa-faq__panel { grid-template-rows: 1fr; padding-bottom: .9rem; visibility: visible; transition-delay: 0s; }
.sa-faq__panel-inner { min-height: 0; overflow: hidden; }
.sa-faq__panel p { max-width: 62rem; margin: 0; color: var(--color-text-muted); font-size: var(--font-size-small); line-height: 1.6; }

.sa-home-section--support-cta .sa-home-section__split { min-height: clamp(24rem, 28vw, 30rem); }
.sa-home-section--research-use-notice .sa-home-section__split { min-height: clamp(29rem, 34vw, 36rem); }

@media (min-width: 1921px) {
  .sa-home-section.sa-home-section--research-use-notice .sa-home-section__background-image {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: right top;
  }
}

@media (max-width: 1100px) {
  .sa-home-cards,
  .sa-product-grid,
  .sa-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sa-home-card { min-height: 18rem; }
  .sa-home-section__split { grid-template-columns: minmax(0, 60%) minmax(0, 40%); }
}

@media (max-width: 700px) {
  .sa-home-section__inner { padding-block: var(--space-section-sm); }
  .sa-home-section__title { font-size: clamp(1.7rem, 7.2vw, 2rem); line-height: 1.1; }
  .sa-home-section__eyebrow { letter-spacing: .22em; }
  .sa-home-section__body { font-size: .925rem; }
  .sa-home-cards,
  .sa-product-grid,
  .sa-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mobile-card-gap); margin-top: 2rem; }
  .sa-home-card { min-height: 16rem; grid-template-rows: auto auto minmax(2.5rem, auto) minmax(3.8rem, auto); padding: .9rem .7rem; }
  .sa-home-card__rule { width: 2.25rem; margin: .75rem auto; }
  .sa-home-card h3 { font-size: clamp(.78rem, 3.7vw, 1rem); }
  .sa-home-card p { margin-top: .55rem; font-size: clamp(.68rem, 2.85vw, .78rem); line-height: 1.45; }
  .sa-product-card,
  .sa-category-card { min-height: 0; }
  .sa-product-card__media { aspect-ratio: 4 / 4.7; }
  .sa-product-card__body { min-height: 4.25rem; padding: .75rem .6rem; }
  .sa-product-card__body .syntide-card-title { font-size: clamp(.82rem, 3.8vw, 1.05rem); }
  .sa-category-card { height: 20.5rem; }
  .sa-category-card__media { flex-basis: 69%; background: var(--color-pure-black); }
  .sa-category-card__body { gap: .25rem .4rem; padding: .7rem .75rem; }
  .sa-category-card__body .syntide-card-title { font-size: clamp(.8rem, 3.8vw, 1rem); }
  .sa-category-card__body .syntide-card-description { margin-top: 0; font-size: clamp(.65rem, 2.8vw, .75rem); line-height: 1.4; }
  .sa-category-card__arrow { font-size: 1.35rem; }
  .sa-home-section__split { display: grid; min-height: 0; grid-template-columns: 1fr; gap: 0; padding-block: 0; }
  .syntide-mobile-visual { position: relative; display: grid; width: 100%; aspect-ratio: 1; place-items: center; overflow: hidden; color: var(--color-cyan); font-family: var(--font-ui); font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-align: center; }
  .syntide-mobile-visual.has-image { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .syntide-mobile-visual.has-image::before,
  .syntide-mobile-visual.has-image::after { content: none; }
  .syntide-mobile-visual__image { width: 100%; height: 100%; object-fit: contain; object-position: center; }
  .syntide-mobile-visual.is-placeholder { align-content: center; gap: .45rem; border: 1px solid rgb(82 204 241 / 28%); border-radius: var(--radius-md); background: radial-gradient(circle at 50% 45%, rgb(22 124 198 / 18%), transparent 34%), linear-gradient(145deg, #07111b, #02060a); box-shadow: inset 0 0 32px rgb(22 124 198 / 8%); }
  .syntide-mobile-visual.is-placeholder small { color: var(--color-text-muted); font-family: var(--font-body); font-size: .7rem; letter-spacing: .12em; }
  .syntide-hero .syntide-mobile-visual { margin: 0; }
  .sa-home-section__content { max-width: none; }
  .sa-home-section__visual-space { display: none; }
  .sa-home-section--syntide-standard::before,
  .sa-home-section--quality-coas::before,
  .sa-home-section--support-cta::before,
  .sa-home-section--research-use-notice::before { background: linear-gradient(180deg, rgb(2 5 9 / .12) 0%, rgb(2 5 9 / .45) 30%, rgb(2 5 9 / .96) 55%, #020509 100%); }
  .sa-home-section--syntide-standard .sa-home-section__background,
  .sa-home-section--quality-coas .sa-home-section__background,
  .sa-home-section--support-cta .sa-home-section__background,
  .sa-home-section--research-use-notice .sa-home-section__background { display: none; }
  .sa-home-section.is-visual-first-mobile.has-custom-background .sa-home-section__inner { padding-top: var(--space-section-sm); }
  .sa-home-section--research-use-notice.is-visual-first-mobile.has-custom-background .sa-home-section__inner { padding-top: 0; }
  .syntide-split-artwork .sa-home-section__inner { max-width: none; padding: 0; }
  .syntide-split-artwork .sa-home-section__content { padding: var(--space-8) var(--gutter) 0; }
  .syntide-split-artwork .sa-home-section__split { padding-bottom: var(--section-content-padding-mobile); }
  .sa-home-section--research-use-notice .sa-home-section__button,
  .woocommerce .sa-home-section--research-use-notice a.button.sa-home-section__button { margin-top: var(--space-8); }
  .syntide-section-heading--center .sa-home-section__eyebrow,
  .syntide-section-heading--center .sa-home-section__title,
  .syntide-section-heading--center .sa-home-section__body { text-align: center; }
  .sa-home-section--why-syntide .sa-home-section__title { font-size: 1.65rem; }
  .sa-faq__trigger { grid-template-columns: 2.7rem 1fr auto; gap: .65rem; padding: 1.15rem .9rem; font-size: .95rem; }
  .sa-faq__panel { padding-inline: 4.25rem 1rem; }
  .sa-faq__trigger[aria-expanded="true"] + .sa-faq__panel { padding-bottom: 1rem; }
}

@media (max-width: 340px) {
  .sa-home-section--research-use-notice .sa-home-section__button,
  .woocommerce .sa-home-section--research-use-notice a.button.sa-home-section__button {
    width: 100%;
    max-width: 100%;
    padding-inline: .75rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .sa-home-cards,
  .sa-product-grid,
  .sa-category-grid { grid-template-columns: 1fr; }
  .sa-home-card { min-height: 0; }
  .sa-category-card { height: auto; min-height: 22rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sa-product-card__media img,
  .sa-category-card__media img,
  .sa-faq__chevron,
  .sa-faq__panel { transition: none; }
}