.shell-header {
  position: sticky;
  top: 0;
  z-index: 30;
  padding-block: var(--space-lg) var(--space-sm);
  background: transparent;
}

.shell-header__container {
  display: grid;
  gap: var(--space-sm);
  max-inline-size: 100%;
  margin-inline: auto;
}

.shell-header__frame {
  position: relative;
  z-index: 2;
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  box-shadow: var(--shadow-card-sm);
  transform-origin: top center;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.shell-header__inner {
  min-height: calc(var(--header-height) + var(--space-lg));
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--space-2xl);
  padding-inline: var(--space-xl);
  transition:
    min-height 160ms ease,
    gap 160ms ease,
    padding 160ms ease;
}

.shell-header__brand {
  display: flex;
  align-items: center;
}

.shell-brand,
.custom-logo-link {
  color: var(--color-text-primary);
  display: inline-flex;
  align-items: center;
  font-family: var(--font-heading);
  font-size: var(--text-body);
  text-decoration: none;
  transition: font-size 160ms ease;
}

.custom-logo {
  max-block-size: var(--space-4xl);
  inline-size: auto;
  transition: max-block-size 160ms ease;
}

.shell-nav--desktop {
  display: none;
}

.shell-nav__menu,
.shell-mobile-nav__menu,
.shell-footer__menu,
.shell-footer__legal-menu,
.shell-footer__social,
.shell-footer__contact,
.shell-nav__menu .sub-menu,
.shell-mobile-nav__menu .sub-menu,
.shell-mega-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.shell-nav__menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-3xl);
}

.shell-nav__menu > li {
  position: relative;
}

.shell-nav__menu > .menu-item-has-mega-menu {
  position: static;
}

.shell-nav__menu a {
  color: var(--color-text-secondary);
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  min-height: 0;
  padding-block: var(--space-lg);
  font-size: var(--text-ui);
  text-decoration: none;
}

.shell-nav__menu .current-menu-item > a,
.shell-nav__menu .current-menu-ancestor > a,
.shell-nav__menu a:hover,
.shell-nav__menu a:focus-visible {
  color: var(--color-text-primary);
}

.shell-nav__menu .menu-item-has-children > a::after {
  content: "";
  inline-size: var(--space-xs);
  block-size: var(--space-xs);
  border-inline-end: var(--border-width-standard) solid currentColor;
  border-bottom: var(--border-width-standard) solid currentColor;
  transform: rotate(45deg);
  margin-block-start: calc(var(--space-micro) * -1);
}

.shell-nav__menu .sub-menu {
  position: absolute;
  top: calc(100% - var(--space-sm));
  left: 50%;
  min-inline-size: 280px;
  display: grid;
  gap: var(--space-xs);
  padding: var(--space-lg);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  box-shadow: var(--shadow-dropdown);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, var(--space-sm));
  transition: opacity 120ms ease, transform 120ms ease, visibility 120ms ease;
  z-index: 20;
}

.shell-nav__menu > .menu-item-has-mega-menu > .sub-menu {
  top: calc(100% + var(--space-sm));
  right: 0;
  left: 0;
  min-inline-size: 0;
  padding: var(--space-2xl);
  transform: translateY(var(--space-sm));
}

.shell-nav__menu > .menu-item-has-mega-menu > .sub-menu::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  inset-block-start: calc(var(--space-sm) * -1);
  block-size: var(--space-sm);
  background: transparent;
}

.shell-nav__menu .sub-menu a {
  min-height: 0;
  padding: var(--space-md) var(--space-lg);
  border: var(--border-width-standard) solid transparent;
  border-radius: var(--radius-medium);
  background: var(--color-surface);
}

.shell-nav__menu .sub-menu a:hover,
.shell-nav__menu .sub-menu a:focus-visible {
  border-color: var(--border-hover);
  background: var(--color-surface-muted);
}

.shell-nav__menu .menu-item-has-children:hover > .sub-menu,
.shell-nav__menu .menu-item-has-children:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.shell-nav__menu > .menu-item-has-mega-menu:hover > .sub-menu,
.shell-nav__menu > .menu-item-has-mega-menu:focus-within > .sub-menu {
  transform: translateY(0);
}

.shell-mega-menu {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-lg);
}

.shell-nav__menu .sub-menu .shell-mega-menu__link,
.shell-mega-menu .shell-mega-menu__link {
  color: var(--color-text-primary);
  display: grid;
  align-content: start;
  align-items: start;
  justify-items: start;
  gap: var(--space-lg);
  min-block-size: 100%;
  padding: var(--space-xl);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  text-decoration: none;
  transition:
    border-color 160ms ease,
    background 160ms ease,
    transform 160ms ease,
    box-shadow 160ms ease;
}

.shell-nav__menu .sub-menu .shell-mega-menu__link:hover,
.shell-nav__menu .sub-menu .shell-mega-menu__link:focus-visible,
.shell-mega-menu .shell-mega-menu__link:hover,
.shell-mega-menu .shell-mega-menu__link:focus-visible {
  border-color: var(--border-hover);
  background: var(--color-surface-muted);
  transform: translateY(-1px);
  box-shadow: var(--shadow-card-sm);
}

.shell-mega-menu__icon-badge {
  inline-size: 48px;
  block-size: 48px;
  display: inline-grid;
  place-items: center;
  border: var(--border-width-standard) solid var(--color-accent-border);
  border-radius: var(--radius-large);
  background: var(--color-accent-soft);
  color: var(--color-accent-foreground);
}

.shell-mega-menu__icon {
  inline-size: 20px;
  block-size: 20px;
  background-color: currentColor;
  -webkit-mask-image: var(--menu-icon);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: var(--menu-icon);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.shell-mega-menu__content {
  min-inline-size: 0;
  display: grid;
  gap: var(--space-sm);
}

.shell-mega-menu__title {
  font-family: var(--font-heading);
  font-size: var(--text-body);
  line-height: 1.25;
}

.shell-mega-menu__description {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  line-height: 1.5;
}

.shell-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-md);
}

.shell-header__desktop-actions {
  display: none;
}

.theme-toggle,
.shell-mobile-toggle {
  color: var(--color-text-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  min-block-size: calc(var(--space-2xl) + var(--space-lg));
  padding: var(--space-md);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  transition:
    min-height 160ms ease,
    border-color 160ms ease,
    background 160ms ease;
}

.shell-mobile-toggle {
  inline-size: calc(var(--space-2xl) + var(--space-lg));
  block-size: calc(var(--space-2xl) + var(--space-lg));
  padding: 0;
}

.theme-toggle:hover,
.shell-mobile-toggle:hover {
  border-color: var(--border-hover);
  background: var(--color-surface-muted);
}

.theme-toggle:focus-visible,
.shell-mobile-toggle:focus-visible {
  outline: none;
  border-color: var(--border-focus);
  box-shadow: var(--shadow-accent-glow);
}

.theme-toggle__icon {
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 auto;
  background-color: currentColor;
  transition: transform 160ms ease;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

[data-theme="light"] .theme-toggle__icon,
:root:not([data-theme="dark"]) .theme-toggle__icon {
  -webkit-mask-image: url("../icons/Moon.svg");
  mask-image: url("../icons/Moon.svg");
}

[data-theme="dark"] .theme-toggle__icon {
  -webkit-mask-image: url("../icons/Sun.svg");
  mask-image: url("../icons/Sun.svg");
}

.theme-toggle:hover .theme-toggle__icon,
.theme-toggle:focus-visible .theme-toggle__icon {
  transform: rotate(10deg);
}

.shell-mobile-toggle__icon {
  inline-size: 18px;
  block-size: 18px;
  flex: 0 0 auto;
  background-color: currentColor;
  transition: transform 160ms ease;
  -webkit-mask-image: url("../icons/Menu.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("../icons/Menu.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.shell-mobile-toggle[aria-expanded="true"] .shell-mobile-toggle__icon {
  transform: rotate(90deg);
  -webkit-mask-image: url("../icons/Close.svg");
  mask-image: url("../icons/Close.svg");
}

.shell-header__cta {
  display: none;
  min-block-size: calc(var(--space-2xl) + var(--space-lg));
  padding-inline: var(--space-2xl);
  transition:
    min-height 160ms ease,
    padding 160ms ease;
}

.shell-mobile-nav {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: grid;
  gap: var(--space-2xl);
  align-content: start;
  padding-block: calc(var(--space-6xl) + var(--space-5xl)) var(--space-4xl);
  padding-inline: var(--container-padding-mobile);
  border: 0;
  border-radius: 0;
  background: var(--color-surface);
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-100%);
  transition:
    transform 220ms ease,
    opacity 180ms ease,
    visibility 0s linear 220ms;
  overflow-y: auto;
}

.shell-mobile-nav.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition:
    transform 220ms ease,
    opacity 180ms ease,
    visibility 0s linear 0s;
}

body.has-mobile-nav-open {
  overflow: hidden;
}

.shell-mobile-nav__menu-wrap,
.shell-mobile-nav__footer {
  width: min(100%, calc(var(--container-width) - var(--space-3xl)));
  margin-inline: auto;
}

.shell-mobile-nav__menu {
  display: grid;
  gap: var(--space-xl);
}

.shell-mobile-nav__menu > li {
  display: grid;
  gap: var(--space-lg);
  padding-bottom: var(--space-xl);
  border-bottom: var(--border-width-standard) solid var(--border-standard);
}

.shell-mobile-nav__menu a {
  color: var(--color-text-primary);
  font-size: var(--text-body);
  text-decoration: none;
}

.shell-mobile-nav__menu .sub-menu {
  display: grid;
  gap: var(--space-md);
  padding-inline-start: var(--space-lg);
}

.shell-mobile-nav__menu .sub-menu a {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
}

.shell-mobile-nav__footer {
  margin-top: auto;
  display: grid;
  gap: var(--space-xl);
  padding-top: var(--space-3xl);
}

.shell-mobile-nav__contact {
  display: grid;
  gap: var(--space-md);
}

.shell-mobile-nav__contact-link {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  text-decoration: none;
}

.shell-mobile-nav__contact-link:hover,
.shell-mobile-nav__contact-link:focus-visible {
  color: var(--color-text-primary);
}

.shell-mobile-nav__theme-toggle {
  width: 100%;
  justify-content: space-between;
}

.shell-mobile-nav__theme-label {
  font-size: var(--text-ui);
  font-weight: var(--font-medium);
}

.shell-header.is-condensed .shell-header__frame {
  transform: translateY(calc(var(--space-xs) * -1)) scale(0.975);
}

.shell-footer {
  border-top: var(--border-width-standard) solid var(--border-standard);
  background: var(--color-surface);
  padding-block: var(--space-6xl) var(--space-4xl);
}

.shell-footer__inner {
  display: grid;
  gap: var(--space-5xl);
}

.shell-footer__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-5xl);
}

.shell-footer__column {
  display: grid;
  flex: 1 1 180px;
  min-inline-size: min(220px, 100%);
  align-content: start;
  gap: var(--space-lg);
}

.shell-footer__column--brand {
  flex-basis: 100%;
}

.shell-footer__brand-block {
  display: grid;
  gap: var(--space-xl);
}

.shell-footer .custom-logo,
.shell-footer .shell-brand {
  max-block-size: var(--space-6xl);
  font-size: var(--text-h2);
}

.shell-footer__title {
  font-size: var(--text-ui);
  font-weight: var(--font-medium);
}

.shell-footer__text {
  max-inline-size: 30ch;
  color: var(--color-text-secondary);
}

.shell-footer__menu,
.shell-footer__contact {
  display: grid;
  gap: var(--space-sm);
}

.shell-footer__menu a {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  text-decoration: none;
}

.shell-footer__menu a:hover,
.shell-footer__menu a:focus-visible {
  color: var(--color-text-primary);
}

.shell-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
}

.shell-footer__link {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  text-decoration: none;
}

.shell-footer__link:hover,
.shell-footer__link:focus-visible {
  color: var(--color-text-primary);
}

.shell-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  padding-top: var(--space-2xl);
  border-top: var(--border-width-standard) solid var(--border-standard);
}

.shell-footer__legal-menu {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-lg);
}

.shell-footer__legal-menu a {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  text-decoration: none;
}

.shell-footer__legal-menu a:hover,
.shell-footer__legal-menu a:focus-visible {
  color: var(--color-text-primary);
}

.shell-footer__copy {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-2xl);
  border-radius: var(--radius-large);
  border: var(--border-width-standard) solid transparent;
  font-size: var(--text-ui);
  font-weight: var(--font-medium);
  line-height: var(--leading-body);
  text-decoration: none;
  transition: none;
}

.button:disabled,
.button[aria-disabled="true"] {
  opacity: 0.56;
  pointer-events: none;
}

.button.is-loading::after {
  content: "";
  inline-size: var(--space-sm);
  block-size: var(--space-sm);
  border-radius: var(--radius-pill);
  background: currentColor;
  opacity: 0.64;
}

.button--primary {
  background: var(--color-accent);
  color: var(--color-surface);
  border-color: var(--color-accent);
  border-width: var(--border-width-accent);
  box-shadow: var(--shadow-accent-glow);
}

[data-theme="dark"] .button--primary {
  color: var(--color-text-primary);
}

.button--primary:hover,
.button--primary.is-demo-hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
}

.button--primary:active,
.button--primary.is-demo-active {
  background: var(--color-accent-active);
  border-color: var(--color-accent-active);
}

.button--primary:focus-visible,
.button--primary.is-demo-focus {
  outline: none;
  box-shadow: 0 0 0 var(--border-width-focus) var(--border-focus), var(--shadow-accent-glow);
}

.button--secondary {
  background: var(--color-surface);
  color: var(--color-text-primary);
  border-color: var(--border-standard);
}

.button--secondary:hover,
.button--secondary.is-demo-hover {
  background: var(--color-surface-muted);
  border-color: var(--border-hover);
}

.button--secondary:active,
.button--secondary.is-demo-active {
  border-color: var(--color-accent-active);
  color: var(--color-accent-active);
}

.button--secondary:focus-visible,
.button--secondary.is-demo-focus {
  outline: none;
  border-color: var(--border-focus);
  border-width: var(--border-width-focus);
  box-shadow: var(--shadow-accent-glow);
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--color-accent);
  font-size: var(--text-ui);
  text-decoration-thickness: var(--border-width-standard);
  text-underline-offset: var(--space-xs);
}

.text-link:hover,
.text-link.is-demo-hover {
  color: var(--color-accent-hover);
}

.text-link:active,
.text-link.is-demo-active {
  color: var(--color-accent-active);
}

.text-link:focus-visible,
.text-link.is-demo-focus {
  outline: none;
  box-shadow: 0 0 0 var(--border-width-focus) var(--border-focus), var(--shadow-accent-glow);
  border-radius: var(--radius-medium);
}

.pill {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  inline-size: fit-content;
  max-inline-size: 100%;
  padding: var(--space-xs) var(--space-md);
  border-radius: var(--radius-pill);
  border: var(--border-width-standard) solid var(--color-accent-border);
  background: var(--color-accent-soft);
  color: var(--color-accent-foreground);
  font-family: var(--font-mono);
  font-size: var(--text-mono);
}

.home-faq__header {
  display: grid;
  gap: var(--space-xl);
  margin-block-end: clamp(var(--space-3xl), 5vw, var(--space-5xl));
}

.home-faq__badge {
  justify-self: start;
}

.home-faq__title,
.home-faq__description {
  max-inline-size: none;
}

.home-faq__description {
  max-inline-size: 64ch;
}

.home-faq__offer-links {
  gap: var(--space-md);
}

.home-faq__accordion {
  max-inline-size: min(100%, 68rem);
  margin-inline: auto;
  display: grid;
  border-top: var(--border-width-standard) solid var(--border-standard);
}

.home-faq__item {
  border-bottom: var(--border-width-standard) solid var(--border-standard);
  background: transparent;
  transition:
    background 180ms ease,
    border-color 180ms ease;
}

.home-faq__item[data-faq-open="true"] {
  background: color-mix(in srgb, var(--color-surface) 72%, transparent);
}

.home-faq__item-heading {
  margin: 0;
}

.home-faq__trigger {
  inline-size: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-lg);
  align-items: center;
  padding: clamp(var(--space-xl), 2.2vw, var(--space-2xl));
  border: 0;
  background: transparent;
  color: var(--color-text-primary);
  text-align: left;
}

.home-faq__trigger:hover,
.home-faq__item[data-faq-open="true"] .home-faq__trigger {
  color: var(--color-text-primary);
}

.home-faq__trigger:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.home-faq__question {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1rem + 0.28vw, 1.35rem);
  font-weight: var(--font-medium);
  line-height: 1.35;
}

.home-faq__chevron {
  inline-size: 1rem;
  block-size: 1rem;
  flex: 0 0 auto;
  color: var(--color-text-secondary);
  background-color: currentColor;
  -webkit-mask-image: url("../icons/Chevron Down.svg");
  mask-image: url("../icons/Chevron Down.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition:
    color 180ms ease,
    transform 180ms ease;
}

.home-faq__item[data-faq-open="true"] .home-faq__chevron {
  color: var(--color-accent);
  transform: rotate(180deg);
}

.home-faq__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition:
    grid-template-rows 220ms ease,
    opacity 180ms ease;
  opacity: 0;
}

.home-faq__item[data-faq-open="true"] .home-faq__panel {
  grid-template-rows: 1fr;
  opacity: 1;
}

.home-faq__panel-inner {
  overflow: hidden;
}

.home-faq__answer {
  padding:
    0
    clamp(var(--space-xl), 2.2vw, var(--space-2xl))
    clamp(var(--space-xl), 2.4vw, var(--space-2xl));
  color: var(--color-text-secondary);
}

.home-faq__answer p + p {
  margin-block-start: var(--space-md);
}

.section-wrapper {
  display: grid;
  gap: var(--space-3xl);
  padding: var(--space-4xl);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  box-shadow: var(--shadow-card-sm);
}

.section-heading {
  display: grid;
  gap: var(--space-lg);
}

.section-heading__eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  color: var(--color-text-secondary);
}

.section-heading__title {
  max-width: 24ch;
}

.section-heading__text {
  max-width: 56ch;
  color: var(--color-text-secondary);
}

.accent-image {
  --accent-image-offset-inline: clamp(var(--space-lg), 3vw, var(--space-3xl));
  --accent-image-offset-block: clamp(var(--space-lg), 3vw, var(--space-3xl));
  --accent-image-max-inline: clamp(16rem, 30vw, 24rem);
  --accent-image-max-block: clamp(20rem, 42vw, 31rem);
  display: grid;
  gap: var(--space-lg);
  margin: 0;
}

.accent-image--size-sm {
  --accent-image-max-inline: clamp(12rem, 22vw, 18rem);
  --accent-image-max-block: clamp(16rem, 30vw, 24rem);
}

.accent-image--size-md {
  --accent-image-max-inline: clamp(14rem, 26vw, 21rem);
  --accent-image-max-block: clamp(18rem, 36vw, 28rem);
}

.accent-image--size-lg {
  --accent-image-max-inline: clamp(17rem, 32vw, 26rem);
  --accent-image-max-block: clamp(21rem, 44vw, 34rem);
}

.accent-image__stage {
  position: relative;
  inline-size: fit-content;
  max-inline-size: 100%;
  padding-inline-start: var(--accent-image-offset-inline);
  padding-block-end: var(--accent-image-offset-block);
}

.accent-image--offset-right-down .accent-image__stage {
  padding-inline-start: 0;
  padding-inline-end: var(--accent-image-offset-inline);
}

.accent-image--offset-none {
  --accent-image-offset-inline: 0px;
  --accent-image-offset-block: 0px;
}

.accent-image__accent {
  position: absolute;
  inset-inline-start: 0;
  inset-block-end: 0;
  inline-size: calc(100% - var(--accent-image-offset-inline));
  block-size: calc(100% - var(--accent-image-offset-block));
  border-radius: var(--radius-large);
  background: var(--color-accent-soft);
}

.accent-image--offset-right-down .accent-image__accent {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.accent-image__media {
  position: relative;
  z-index: 1;
}

.accent-image__image {
  inline-size: min(100%, var(--accent-image-max-inline));
  block-size: auto;
  max-inline-size: 100%;
  max-block-size: var(--accent-image-max-block);
  object-fit: contain;
  object-position: center bottom;
}

.accent-image__caption {
  display: grid;
  gap: var(--space-xs);
}

.accent-image__title {
  font-family: var(--font-heading);
  font-size: var(--text-body);
  color: var(--color-text-primary);
  line-height: 1.2;
}

.accent-image__meta {
  line-height: 1.4;
}

.page-shell {
  display: grid;
  gap: var(--space-3xl);
}

.page-shell__content {
  max-inline-size: 72ch;
}

.privacy-policy {
  gap: clamp(var(--space-3xl), 4vw, var(--space-5xl));
}

.privacy-policy__content {
  max-inline-size: 82ch;
  color: var(--color-text-secondary);
  font-size: clamp(var(--text-body), 0.95vw, 17px);
  line-height: 1.72;
}

.privacy-policy__content > * + * {
  margin-block-start: var(--space-lg);
}

.privacy-policy__content > section {
  margin-block-start: clamp(var(--space-4xl), 4.8vw, var(--space-6xl));
  padding-block-start: clamp(var(--space-2xl), 2.8vw, var(--space-4xl));
  border-block-start: var(--border-width-standard) solid var(--border-standard);
}

.privacy-policy__content > section > * + * {
  margin-block-start: var(--space-lg);
}

.privacy-policy__content h2,
.privacy-policy__content h3 {
  max-inline-size: 44ch;
  color: var(--color-text-primary);
}

.privacy-policy__content h2 {
  font-size: clamp(22px, 1.7vw, 30px);
  line-height: 1.18;
}

.privacy-policy__content h3 {
  margin-block-start: clamp(var(--space-2xl), 2.2vw, var(--space-3xl));
  font-size: clamp(17px, 1.05vw, 20px);
  line-height: 1.25;
}

.privacy-policy__content h2 + *,
.privacy-policy__content h3 + * {
  margin-block-start: var(--space-md);
}

.privacy-policy__content p + p,
.privacy-policy__content p + ul,
.privacy-policy__content p + ol {
  margin-block-start: var(--space-md);
}

.privacy-policy__content ul,
.privacy-policy__content ol {
  display: grid;
  gap: var(--space-sm);
  padding-inline-start: var(--space-2xl);
}

.privacy-policy__content li {
  padding-inline-start: var(--space-xs);
}

.privacy-policy__content strong {
  color: var(--color-text-primary);
  font-weight: var(--font-medium);
}

.privacy-policy__content code {
  padding: var(--space-micro) var(--space-xs);
  border-radius: var(--radius-icon-sm);
  background: var(--color-surface-muted);
  color: var(--color-text-primary);
  font-family: var(--font-mono);
  font-size: 0.92em;
}

.home-testimonials {
  --home-testimonials-header-clear-inline: clamp(var(--space-xl), 4vw, var(--space-4xl));
  --home-testimonials-header-clear-block-start: clamp(var(--space-lg), 3vw, var(--space-3xl));
  --home-testimonials-header-clear-block-end: clamp(var(--space-xl), 3.5vw, var(--space-4xl));
  position: relative;
  overflow: clip;
  isolation: isolate;
  background: var(--color-background);
}

.home-testimonials > .site-container {
  position: relative;
  z-index: 1;
}

.home-testimonials__header {
  gap: var(--space-xl);
  margin-block-end: clamp(var(--space-3xl), 5vw, var(--space-5xl));
  position: relative;
  z-index: 0;
  isolation: isolate;
}

.home-testimonials__header::before {
  content: "";
  position: absolute;
  inset-block-start: calc(var(--home-testimonials-header-clear-block-start) * -1);
  inset-inline-start: calc(var(--home-testimonials-header-clear-inline) * -1);
  inline-size: min(100%, 44rem);
  max-inline-size: calc(100% + (var(--home-testimonials-header-clear-inline) * 2));
  block-size: calc(100% + var(--home-testimonials-header-clear-block-start) + var(--home-testimonials-header-clear-block-end));
  background: radial-gradient(
    ellipse at 48% 42%,
    color-mix(in srgb, var(--color-background) 99%, transparent) 0%,
    color-mix(in srgb, var(--color-background) 97%, transparent) 18%,
    color-mix(in srgb, var(--color-background) 88%, transparent) 42%,
    color-mix(in srgb, var(--color-background) 56%, transparent) 68%,
    transparent 86%
  );
  pointer-events: none;
  z-index: -1;
}

.home-testimonials__badge {
  justify-self: start;
}

.home-testimonials__title,
.home-testimonials__description {
  max-inline-size: none;
}

.home-testimonials__description {
  max-inline-size: 66ch;
}

.home-testimonials__grid {
  display: grid;
  gap: clamp(var(--space-lg), 2vw, var(--space-2xl));
  align-items: stretch;
  position: relative;
  z-index: 0;
  isolation: isolate;
}

.home-testimonials__tile {
  min-inline-size: 0;
}

.testimonial-tile {
  position: relative;
  inline-size: 100%;
  min-inline-size: 0;
  block-size: 100%;
  padding: clamp(var(--space-xl), 2.8vw, var(--space-3xl));
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: calc(var(--radius-large) + 4px);
  background: var(--color-surface);
  box-shadow: var(--shadow-card-sm);
  overflow: clip;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.testimonial-tile:hover {
  transform: translateY(-2px);
  border-color: var(--border-hover);
  background: color-mix(in srgb, var(--color-surface) 84%, var(--color-surface-muted));
  box-shadow:
    var(--shadow-card-sm),
    0 0 0 1px color-mix(in srgb, var(--border-hover) 58%, transparent);
}

.testimonial-tile--featured::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: clamp(var(--space-xl), 3vw, var(--space-3xl));
  inline-size: clamp(5rem, 18%, 7rem);
  block-size: 2px;
  border-radius: var(--radius-pill);
  background: var(--color-accent);
}

.testimonial-tile__inner {
  display: grid;
  gap: clamp(var(--space-xl), 2.3vw, var(--space-3xl));
  block-size: 100%;
}

.testimonial-tile__inner--review,
.testimonial-tile__inner--cta {
  align-content: space-between;
}

.testimonial-tile__quote {
  margin: 0;
}

.testimonial-tile__quote p {
  margin: 0;
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.05rem + 0.35vw, 1.2rem);
  line-height: 1.72;
  text-wrap: pretty;
}

.testimonial-tile--featured .testimonial-tile__quote p {
  font-size: clamp(1.125rem, 1.02rem + 0.6vw, 1.4rem);
  line-height: 1.8;
}

.testimonial-tile__footer {
  display: grid;
  gap: var(--space-lg);
  margin-block-start: auto;
}

.testimonial-tile__author-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}

.testimonial-tile__author {
  margin: 0;
  color: var(--color-text-primary);
  font-weight: var(--font-medium);
}

.testimonial-tile__author-photo {
  inline-size: 2.5rem;
  block-size: 2.5rem;
  border-radius: var(--radius-pill);
  object-fit: cover;
  flex: 0 0 auto;
}

.testimonial-tile--cta {
  border-color: var(--color-accent);
  background: var(--color-accent-soft);
  color: var(--color-accent-foreground);
}

.testimonial-tile--cta:hover {
  border-color: var(--color-accent-hover);
  background: var(--color-accent-hover);
}

.testimonial-tile__cta-copy {
  gap: var(--space-lg);
}

.testimonial-tile__cta-title,
.testimonial-tile__cta-description {
  margin: 0;
}

.testimonial-tile__cta-title {
  max-inline-size: 14ch;
  color: var(--color-accent-foreground);
  font-size: clamp(1.35rem, 1.2rem + 0.55vw, 1.85rem);
}

.testimonial-tile__cta-description {
  max-inline-size: 34ch;
  color: color-mix(in srgb, var(--color-accent-foreground) 82%, transparent);
}

.testimonial-tile__actions {
  gap: var(--space-md);
  margin-block-start: auto;
}

@media (min-width: 1085px) {
  .home-testimonials__grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: minmax(11.5rem, auto);
  }

  .testimonial-tile--featured {
    grid-column: span 6;
    grid-row: span 2;
  }

  .testimonial-tile--medium {
    grid-column: span 3;
  }

  .testimonial-tile--compact,
  .testimonial-tile--cta {
    grid-column: span 4;
  }
}

@media (min-width: 768px) and (max-width: 1084px) {
  .home-testimonials__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-testimonials__header::before {
    inline-size: min(100%, 100%);
  }

  .testimonial-tile--featured,
  .testimonial-tile--cta {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  .home-testimonials {
    --home-testimonials-header-clear-inline: clamp(var(--space-md), 5vw, var(--space-2xl));
    --home-testimonials-header-clear-block-start: clamp(var(--space-md), 4vw, var(--space-2xl));
    --home-testimonials-header-clear-block-end: clamp(var(--space-lg), 5vw, var(--space-3xl));
  }

  .home-testimonials__header {
    margin-block-end: var(--space-3xl);
  }

  .home-testimonials__grid {
    grid-template-columns: 1fr;
  }

  .testimonial-tile__quote p,
  .testimonial-tile--featured .testimonial-tile__quote p {
    font-size: 1rem;
    line-height: 1.7;
  }

  .testimonial-tile__cta-title {
    max-inline-size: none;
  }

  .testimonial-tile__actions > * {
    flex: 1 1 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .testimonial-tile {
    transition: none;
  }
}

.page-shell--front {
  display: grid;
  gap: var(--space-4xl);
}

.not-found-page__section {
  --section-grid-opacity: 0.54;
  --section-grid-opacity-tablet: 0.46;
  --section-grid-opacity-mobile: 0.26;
  min-block-size: calc(100svh - var(--header-height));
  display: grid;
  align-items: center;
  padding-block-end: var(--section-vertical-spacing);
}

.not-found-page__layout {
  display: grid;
  align-items: center;
  gap: clamp(var(--space-3xl), 5vw, var(--space-6xl));
}

.not-found-page__copy,
.not-found-page__routes {
  --not-found-clear-zone: clamp(var(--space-2xl), 4vw, var(--space-5xl));
  position: relative;
  isolation: isolate;
}

.not-found-page__copy::before,
.not-found-page__routes::before {
  content: "";
  position: absolute;
  inset: calc(0px - var(--not-found-clear-zone));
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    var(--color-background) 0%,
    color-mix(in srgb, var(--color-background) 86%, transparent) 44%,
    transparent 72%
  );
}

.not-found-page__badge {
  justify-self: start;
}

.not-found-page__code {
  margin: 0;
  color: var(--color-accent);
  font-size: clamp(5rem, 17vw, 13rem);
  font-weight: var(--font-medium);
  line-height: 0.78;
  letter-spacing: -0.08em;
}

.not-found-page__title {
  max-inline-size: 13ch;
}

.not-found-page__description {
  max-inline-size: 62ch;
}

.not-found-page__routes {
  gap: clamp(var(--space-xl), 3vw, var(--space-3xl));
}

.not-found-page__routes-header {
  display: grid;
  gap: var(--space-sm);
}

.not-found-page__routes-label {
  color: var(--color-text-muted);
}

.not-found-page__routes-title {
  font-size: clamp(var(--text-h4), 1.9vw, var(--text-h3));
}

.not-found-page__routes-list {
  display: grid;
  border-top: var(--border-width-standard) solid var(--border-standard);
}

.not-found-page__routes-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-lg);
  padding-block: var(--space-lg);
  border-bottom: var(--border-width-standard) solid var(--border-standard);
  color: var(--color-text-primary);
  text-decoration: none;
}

.not-found-page__routes-list a span:last-child {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
}

.not-found-page__routes-list a:hover,
.not-found-page__routes-list a:focus-visible {
  color: var(--color-accent);
}

.not-found-page__routes-list a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--border-width-focus) var(--border-focus);
}

.card {
  display: grid;
  align-content: start;
  gap: var(--space-lg);
  height: 100%;
  padding: var(--space-2xl);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  box-shadow: var(--shadow-card-sm);
}

.card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-md);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-medium);
  background: var(--color-surface-muted);
  font-family: var(--font-mono);
  font-size: var(--text-mono);
}

.card__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-pill);
  background: var(--color-surface-muted);
  font-family: var(--font-mono);
  font-size: var(--text-mono);
}

.card__title {
  font-size: var(--text-h3);
}

.card__text {
  color: var(--color-text-secondary);
}

.card__meta {
  font-family: var(--font-mono);
  font-size: var(--text-code);
  color: var(--color-text-muted);
}

.field {
  display: grid;
  gap: var(--space-sm);
}

.field__label {
  font-size: var(--text-ui);
}

.field__hint,
.field__error {
  font-size: var(--text-small);
}

.field__hint {
  color: var(--color-text-muted);
}

.field__error {
  color: var(--color-error);
}

.field-control {
  inline-size: 100%;
  padding: var(--space-lg) var(--space-xl);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-size: var(--text-body);
  line-height: var(--leading-body);
}

.field-control::placeholder {
  color: var(--color-text-secondary);
}

.field-control:hover,
.field-control.is-demo-hover {
  border-color: var(--border-hover);
}

.field-control:focus-visible,
.field-control.is-demo-focus {
  outline: none;
  border-color: var(--border-focus);
  border-width: var(--border-width-focus);
  box-shadow: 0 0 0 var(--border-width-focus) var(--border-focus), var(--shadow-accent-glow);
}

.field-control:disabled,
.field-control.is-demo-disabled {
  opacity: 0.56;
  cursor: not-allowed;
}

.field.has-error .field-control,
.field-control.is-demo-error {
  border-color: var(--border-error);
  border-width: var(--border-width-error);
  box-shadow: none;
}

select.field-control {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:
    calc(100% - var(--space-xl)) calc(50% - var(--space-micro)),
    calc(100% - var(--space-lg)) calc(50% - var(--space-micro));
  background-repeat: no-repeat;
  background-size: var(--space-xs) var(--space-xs);
  padding-right: var(--space-4xl);
}

textarea.field-control {
  min-block-size: calc(var(--space-6xl) + var(--space-5xl));
  resize: vertical;
}

.choice-set {
  display: grid;
  gap: var(--space-md);
}

.choice {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  color: var(--color-text-primary);
  font-size: var(--text-ui);
}

.choice input {
  margin: 0;
  inline-size: var(--space-xl);
  block-size: var(--space-xl);
  border: var(--border-width-standard) solid var(--border-standard);
  background: var(--color-surface);
  accent-color: var(--color-accent);
}

.choice input[type="checkbox"] {
  border-radius: var(--radius-icon-sm);
}

.choice input[type="radio"] {
  border-radius: var(--radius-pill);
}

.choice input:hover,
.choice input.is-demo-hover {
  border-color: var(--border-hover);
}

.choice input:focus-visible,
.choice input.is-demo-focus {
  outline: none;
  box-shadow: 0 0 0 var(--border-width-focus) var(--border-focus), var(--shadow-accent-glow);
}

.selection-grid {
  display: grid;
  gap: var(--selection-grid-gap, var(--space-lg));
}

.selection-card {
  --selection-card-padding: var(--space-xl);
  --selection-card-gap: var(--space-lg);
  --selection-card-copy-gap: var(--space-sm);
  --selection-card-indicator-size: 12px;
  inline-size: 100%;
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--selection-card-gap);
  padding: var(--selection-card-padding);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  color: var(--color-text-primary);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.selection-card:hover,
.selection-card:focus-visible,
.selection-card:focus-within {
  border-color: var(--border-hover);
  background: var(--color-surface-muted);
}

.selection-card.is-selected,
.selection-card[aria-selected="true"],
.selection-card[aria-checked="true"] {
  border-color: var(--color-accent-border);
  background: var(--color-surface-muted);
  box-shadow: var(--shadow-card-sm);
}

.selection-card__input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.selection-card__indicator {
  inline-size: var(--selection-card-indicator-size);
  block-size: var(--selection-card-indicator-size);
  margin-block-start: 0.45rem;
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: 4px;
  background: var(--color-surface-muted);
  transition:
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease;
}

.selection-card.is-selected .selection-card__indicator,
.selection-card[aria-selected="true"] .selection-card__indicator,
.selection-card[aria-checked="true"] .selection-card__indicator {
  border-color: var(--color-accent-border);
  background: var(--color-accent);
  box-shadow: var(--shadow-accent-glow);
}

.selection-card__copy {
  min-inline-size: 0;
  display: grid;
  gap: var(--selection-card-copy-gap);
}

.selection-card__eyebrow {
  color: var(--color-text-secondary);
}

.selection-card__title {
  max-inline-size: none;
  font-size: var(--text-body);
  font-weight: var(--font-medium);
  line-height: 1.25;
  color: var(--color-text-primary);
}

.selection-card__description {
  max-inline-size: none;
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  line-height: 1.5;
}

.selection-card:focus-visible {
  outline: none;
  border-color: var(--border-focus);
  box-shadow: 0 0 0 var(--border-width-focus) var(--border-focus), var(--shadow-accent-glow);
}

.alert {
  display: grid;
  gap: var(--space-sm);
  padding: var(--space-xl) var(--space-2xl);
  border: var(--border-width-standard) solid var(--border-standard);
  border-inline-start-width: var(--border-width-accent);
  border-radius: var(--radius-large);
  background: var(--color-surface);
}

.alert--info {
  background: var(--color-info-soft);
  border-inline-start-color: var(--color-info);
}

.alert--success {
  background: var(--color-success-soft);
  border-inline-start-color: var(--color-success);
}

.alert--warning {
  background: var(--color-warning-soft);
  border-inline-start-color: var(--color-warning);
}

.alert--error {
  background: var(--color-error-soft);
  border-inline-start-color: var(--color-error);
}

.alert__title {
  font-size: var(--text-ui);
  font-weight: var(--font-medium);
}

.alert__text {
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
}

.demo-header-desktop,
.demo-header-mobile,
.demo-footer,
.demo-mobile-menu,
.demo-dropdown {
  display: grid;
  gap: var(--space-xl);
  padding: var(--space-2xl);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
}

.demo-header-desktop__bar,
.demo-header-mobile__bar {
  min-height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
}

.demo-brand {
  font-family: var(--font-heading);
  font-size: var(--text-ui);
}

.demo-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-lg);
  list-style: none;
}

.demo-menu__link {
  font-size: var(--text-ui);
  color: var(--color-text-secondary);
  text-decoration: none;
}

.demo-menu__link--current,
.demo-menu__link:hover {
  color: var(--color-text-primary);
}

.demo-dropdown__panel {
  display: grid;
  gap: var(--card-grid-gap);
  padding: var(--space-2xl);
  border: var(--border-width-standard) solid var(--border-standard);
  border-radius: var(--radius-large);
  background: var(--color-surface);
  box-shadow: var(--shadow-dropdown);
}

.demo-dropdown__grid {
  display: grid;
  gap: var(--card-grid-gap);
}

.demo-mobile-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: calc(var(--space-2xl) + var(--space-lg));
  block-size: calc(var(--space-2xl) + var(--space-lg));
  padding: 0;
  border: var(--border-width-standard) solid var(--color-accent-border);
  border-radius: var(--radius-medium);
  background: var(--color-accent-soft);
  color: var(--color-accent-foreground);
  position: relative;
}

.demo-mobile-toggle::before {
  content: "";
  inline-size: 18px;
  block-size: 18px;
  background-color: currentColor;
  -webkit-mask-image: url("../icons/Menu.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-image: url("../icons/Menu.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.demo-mobile-menu__list {
  display: grid;
  gap: var(--space-lg);
  list-style: none;
}

.demo-mobile-menu__item {
  padding-bottom: var(--space-lg);
  border-bottom: var(--border-width-standard) solid var(--border-standard);
}

.demo-mobile-menu__sublist {
  display: grid;
  gap: var(--space-sm);
  margin-top: var(--space-md);
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  list-style: none;
}

.demo-mobile-menu__footer {
  display: grid;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  padding-top: var(--space-xl);
  border-top: var(--border-width-standard) solid var(--border-standard);
}

.demo-mobile-menu__contact {
  display: grid;
  gap: var(--space-sm);
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
  list-style: none;
}

.demo-footer__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-5xl);
}

.demo-footer__grid > .stack {
  flex: 1 1 180px;
  min-inline-size: min(220px, 100%);
}

.demo-footer__grid > .stack:first-child {
  flex-basis: 100%;
}

.demo-footer__title {
  font-size: var(--text-ui);
  font-weight: var(--font-medium);
}

.demo-footer__list {
  display: grid;
  gap: var(--space-sm);
  list-style: none;
  color: var(--color-text-secondary);
  font-size: var(--text-ui);
}

[data-theme="dark"] .demo-dropdown,
[data-theme="dark"] .demo-header-desktop,
[data-theme="dark"] .demo-header-mobile,
[data-theme="dark"] .demo-footer,
[data-theme="dark"] .demo-mobile-menu,
[data-theme="dark"] .shell-nav__menu .sub-menu {
  box-shadow: var(--shadow-dropdown-dark);
}

@media (max-width: 767px) {
  .not-found-page__section {
    min-block-size: auto;
    padding-block-end: var(--section-vertical-spacing-mobile);
  }

  .not-found-page__code {
    font-size: clamp(4.5rem, 30vw, 8rem);
  }

  .not-found-page__routes-list a {
    grid-template-columns: 1fr;
    gap: var(--space-xs);
  }

  .not-found-page__actions .button {
    width: 100%;
  }

  .home-faq__offer-links > * {
    flex: 1 1 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-faq__item,
  .home-faq__chevron,
  .home-faq__panel {
    transition: none;
  }
}

@media (min-width: 1085px) {
  .not-found-page__layout {
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.42fr);
  }

  .shell-header__container,
  .shell-footer__inner {
    width: min(100%, calc(var(--container-width) - var(--space-3xl)));
    max-inline-size: calc(100% - var(--space-2xl));
  }

  .shell-nav--desktop {
    display: flex;
    justify-content: center;
  }

  .shell-brand,
  .custom-logo-link {
    font-size: var(--text-h3);
  }

  .shell-header__cta {
    display: inline-flex;
  }

  .shell-header__desktop-actions {
    display: inline-flex;
    align-items: center;
    gap: var(--space-md);
  }

  .shell-mobile-toggle,
  .shell-mobile-nav {
    display: none;
  }

  .shell-header__inner {
    padding-inline: var(--space-2xl);
  }

  .shell-footer__grid {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr 1fr;
  }

  .shell-footer__column {
    min-inline-size: 0;
  }

  .demo-dropdown__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .demo-footer__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}