:root {
  --personal-accent: #ff4b4b;
  --personal-final-bg: #252423;
  --layout-margin: var(--margin-s);
}

html { scroll-behavior: auto; }

#intro .home-section-text h1 {
  max-width: 14ch;
  font-size: clamp(2.35rem, 4.3vw, 3.25rem);
  letter-spacing: -.035em;
  overflow-wrap: normal;
}

#intro .home-section-text p { max-width: 18.5rem; }
#intro .animate-anything-wrapper { display: block; width: max-content; }

.heading-links .ui-group {
  width: max-content;
  max-width: calc(100vw - (var(--margin-l) * 2));
}
.heading-links pre.npm-install {
  width: max-content;
  min-width: 0;
  max-width: 100%;
  flex: 0 0 auto;
}
.heading-links pre.npm-install code {
  width: max-content;
  padding-right: 1rem;
}

.personal-wordmark a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: .42rem;
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

.personal-wordmark { width: auto; min-width: 13rem; overflow: visible; }

.personal-wordmark > a > span,
.personal-wordmark a > span {
  display: block;
  position: static;
  width: auto;
  height: auto;
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: nowrap;
  font-size: clamp(1rem, 1.3vw, 1.3rem);
  font-weight: 700;
  letter-spacing: -.04em;
}

.personal-wordmark small {
  font-size: .55rem;
  line-height: 1.15;
  text-transform: uppercase;
  letter-spacing: .09em;
  opacity: .62;
}

.footer-logo.personal-wordmark a { gap: .42rem; }
.personal-footer-intro .footer-copyright { margin-top: .85rem; }

.personal-contact-link { color: var(--personal-accent) !important; }

.personal-hero-note {
  position: absolute;
  left: auto;
  right: var(--margin-l);
  bottom: var(--margin-l);
  width: auto;
  max-width: none;
  height: auto;
  text-align: right;
}
.personal-hero-note span {
  display: block;
  position: static;
  font-size: .72rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .06em;
  white-space: nowrap;
}

.npm-install .copy-button,
.sub-nav .copy-button { display: none !important; }

.personal-partners {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem 2rem;
  margin: 2rem 0;
  padding-left: 0;
}

.personal-partners li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: .65rem;
  padding-left: 0;
  text-align: left;
}

.personal-process-card {
  padding: 1rem 1.1rem 1.05rem;
  color: var(--hex-fg-2);
}

.modules-bundle-size .size { font-size: 0; }
.modules-bundle-size .size::after {
  content: 'ОТ ЗАДАЧИ ДО СИСТЕМЫ';
  display: block;
  max-width: 11rem;
  font-size: .68rem;
  line-height: 1.15;
  letter-spacing: .045em;
  text-align: right;
}

.module-label-text .size { display: none; }
.module-label-text .module-label-name {
  font-size: .68rem;
  white-space: nowrap;
}
.module-label-text { visibility: hidden !important; }
body.personal-after-features .module-label-text { visibility: visible !important; }
body.personal-after-features .module-label-text div {
  color: var(--hex-black-1) !important;
  background: var(--worldColorLight1) !important;
  font-size: .68rem;
  line-height: 1;
}
body.personal-after-features .module-label-text div::before {
  content: '';
  display: inline-block;
  width: .35rem;
  height: .35rem;
  margin-right: .35rem;
  border-radius: 50%;
  background: var(--hex-current-1);
}
/* The exploded-engine labels must read as quiet annotations, not badges. */
body.personal-after-features .module-label-text {
  color: var(--hex-black-1) !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}
body.personal-after-features .module-label-text > div {
  color: inherit !important;
  background: transparent !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
body.personal-after-features .module-label-text > div::before { content: none; }
body.personal-after-features .module-label-text > div .label-dot {
  display: inline-block;
  width: .35rem;
  height: .35rem;
  margin: 0 .35rem 0 0;
  border-radius: 50%;
}
body.personal-after-features .module-label-text:not(:has(> div))::before {
  content: '';
  display: inline-block;
  width: .35rem;
  height: .35rem;
  margin-right: .35rem;
  border-radius: 50%;
  background: var(--hex-current-1);
}

.links-list-grid li a {
  min-height: 3.25rem;
  height: 100%;
  white-space: normal;
  overflow: visible;
  line-height: 1.15;
  padding-top: .65rem;
  padding-bottom: .65rem;
}

.links-list-grid li a .icon { flex: 0 0 auto; }

#get-started .home-section-text { max-width: 64rem; }
#get-started .home-section-text h2 { white-space: nowrap; }
#get-started .home-section-text p { max-width: 38rem; }
body.personal-get-started-phase .sub-nav {
  visibility: hidden;
  opacity: 0;
  transform: translateY(110%);
}
body.personal-get-started-phase,
body.personal-get-started-phase .page { background-color: var(--personal-final-bg) !important; }
body.personal-get-started-phase #home,
#get-started { background-color: transparent !important; }

#features-gallery .home-section-text h2 {
  font-size: clamp(2.1rem, 3.4vw, 2.75rem);
  line-height: .96;
}

#features-gallery .home-section-text p {
  font-size: clamp(1rem, 1.55vw, 1.1rem);
  line-height: 1.3;
}

.personal-form-block { flex: 1; }
.personal-contact-form { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .75rem; max-width: 48rem; }
.personal-contact-form label { display: grid; gap: .45rem; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; }
.personal-contact-form label:last-of-type { grid-column: 1 / -1; }
.personal-contact-form input,
.personal-contact-form textarea { width: 100%; min-height: 2.6rem; padding: .65rem; border: 1px solid color-mix(in srgb, var(--hex-fg-4) 42%, transparent); border-radius: .25rem; background: var(--hex-bg-2); color: inherit; resize: vertical; text-transform: none; }
.personal-contact-form button {
  justify-self: start;
  min-height: 2.8rem;
  padding: .7rem .85rem;
  border: 0;
  border-radius: .25rem;
  color: var(--personal-accent);
  background: var(--hex-red-6);
  font-weight: 700;
}

.personal-contact-form button:hover { background: var(--hex-red-5); }
#contact-status { grid-column: 1 / -1; min-height: 1.2em; }

@media (min-width: 900px) {
  :root { --layout-margin: var(--margin-m); }
  #site-header { padding-left: var(--margin-l); padding-right: var(--margin-l); }
  #site-footer { min-height: 24.8125rem; }
  #site-footer-content { min-height: 21.75rem; }
  .personal-footer-grid {
    display: grid;
    grid-template-columns: minmax(11rem, .7fr) minmax(18rem, 1fr) minmax(25rem, 1.45fr);
    align-items: start;
    gap: 1.5rem;
    padding-bottom: 0;
  }
  .personal-footer-grid > .footer-block { min-width: 0; }
  .personal-footer-intro { align-self: stretch; justify-content: space-between; }
  .personal-footer-intro .footer-copyright { margin-top: auto; }
  .personal-footer-grid .links-list:not(:last-child) { margin-bottom: 0; }
}

.personal-contact-form input:focus-visible,
.personal-contact-form textarea:focus-visible,
.personal-contact-form button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--personal-accent);
  outline-offset: 3px;
}

@media (min-width: 900px) {
  #intro .home-section-text h1 { font-size: 2.65rem; }
  #intro .home-section-text p { max-width: 16.5rem; font-size: 1.05rem; }
}

@media (max-width: 800px) {
  #intro h1 br { display: block; }
  #intro .home-section-text h1 { font-size: clamp(2.2rem, 10.5vw, 3.1rem); }
  .personal-wordmark small { display: none; }
  #site-menu .main-nav-link { justify-content: flex-start; }
  #get-started { min-height: calc(200svh + 3.25rem); }
  #get-started .home-section-text h2 { font-size: clamp(2rem, 8.7vw, 2.35rem); }
  .personal-partners { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem 1rem; margin: 1.25rem 0; }
  .personal-partners li { align-items: flex-start; font-size: .85rem; line-height: 1.2; }
  .personal-contact-form { grid-template-columns: 1fr; gap: .5rem; }
  .personal-contact-form label:last-of-type { grid-column: auto; }
  #get-started .home-section-text h2 { white-space: normal; }
  .personal-process-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .module-label-text { display: none; }
  body.personal-after-features #toolbox .home-section-text,
  body.personal-after-features #features-gallery .home-section-text { visibility: hidden; }

  #site-footer-content { padding-top: .75rem; }
  .personal-footer-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    padding-bottom: 0;
  }
  .personal-footer-grid > .personal-form-block { grid-column: 1 / -1; grid-row: 1; }
  .personal-footer-grid > .footer-block-links { grid-column: 1; grid-row: 2; flex-direction: column; gap: .5rem; }
  .personal-footer-grid > .personal-footer-intro { grid-column: 2; grid-row: 2; }
  .personal-footer-grid .links-list:not(:last-child) { margin-bottom: 0; }
  .personal-footer-grid .links-list-heading { padding-top: .45rem; padding-bottom: .45rem; }
  .personal-footer-grid .links-list li a { height: 2.5rem; padding-left: .75rem; }
  .personal-contact-form label { gap: .3rem; font-size: .65rem; }
  .personal-contact-form input,
  .personal-contact-form textarea { min-height: 2.5rem; padding: .55rem; }
  .personal-contact-form textarea { height: 3.5rem; }
  .personal-contact-form button { min-height: 2.6rem; padding: .55rem .8rem; }
}

/* Conversion layer: precise hierarchy, honest proof, and direct contact paths. */
#intro .home-section-text h1 {
  margin: 0;
  line-height: .92;
  font-weight: 500;
  color: var(--hex-fg-1);
}

#intro .home-section-text > p:first-of-type { margin-top: 1rem; line-height: 1.3; }

.personal-hero-actions {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin-top: 1.4rem;
}

.personal-primary-action,
.personal-secondary-action {
  min-height: 2.75rem;
}

.personal-primary-action {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .65rem .8rem;
  border: 0;
  border-radius: .25rem;
  background: var(--hex-red-6);
  color: var(--personal-accent);
  font-weight: 700;
  text-decoration: none;
}

.personal-primary-action .icon { width: 1.15rem; }
.personal-secondary-action { display: inline-flex; align-items: center; color: inherit; }

.personal-hero-sponsor .personal-primary-action {
  position: relative;
  z-index: 0;
  min-height: 2rem;
  padding: .45rem .75rem;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: var(--hex-red-1) !important;
  background: transparent !important;
}
.personal-hero-sponsor .personal-primary-action::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: var(--br-s);
  background: var(--hex-red-6);
}
.personal-hero-sponsor .personal-primary-action .icon,
.personal-hero-sponsor .personal-primary-action .icon + span {
  position: relative;
  z-index: 1;
}

.personal-hero-sponsor,
.personal-form-sponsor {
  position: relative;
  display: inline-flex;
  color: var(--personal-accent);
}
.personal-header-sponsor { display: flex; align-items: center; height: 100%; }
.personal-sponsor-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-width: 0 !important;
  min-height: 2.8rem;
  padding: .7rem .85rem !important;
  border: 0 !important;
  border-radius: .25rem;
  color: var(--personal-accent) !important;
  background: var(--hex-red-6) !important;
  font-weight: 700;
  white-space: nowrap;
}
.personal-sponsor-action .icon { width: 1.15rem; }
.personal-hero-sponsor:hover .personal-primary-action,
.personal-form-sponsor:hover .personal-sponsor-action { background: var(--hex-red-5); }

.personal-about-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  background: color-mix(in srgb, currentColor 18%, transparent);
  list-style: none;
}

.personal-about-principles li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .2rem .65rem;
  padding: .8rem;
  background: var(--hex-bg-1);
}

.personal-about-principles li > span {
  grid-row: 1 / 3;
  opacity: .5;
  font-size: .68rem;
}

.personal-about-principles strong { font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; }
.personal-about-principles p { margin: 0; font-size: .72rem; line-height: 1.25; opacity: .72; }

.personal-service-phase,
.personal-section-eyebrow,
.personal-about-context,
.personal-situations-hint {
  display: block;
  margin-bottom: .7rem;
  text-transform: uppercase;
  letter-spacing: .09em;
  opacity: .65;
}

.personal-service-phase { color: var(--personal-accent); opacity: 1; }
.personal-about-context { margin-top: 1rem; margin-bottom: 0; }
#modules .home-section-text { background: transparent !important; z-index: 20; }
#sponsors .home-section-text { background: transparent !important; }

.personal-about-principles {
  display: none;
}

.sub-nav .personal-artifact-card {
  display: block;
  padding: 1rem 1.1rem 1.05rem;
  color: var(--hex-fg-2);
  border: 1px solid color-mix(in srgb, var(--hex-fg-1) 18%, transparent);
  background: color-mix(in srgb, var(--hex-bg-3) 72%, transparent);
  box-shadow: 0 1rem 2rem color-mix(in srgb, #000 18%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.sub-nav .personal-artifact-card code {
  display: grid;
  gap: .8rem;
  color: inherit;
  font-family: var(--font-body);
  font-size: .78rem;
  line-height: 1.2;
  white-space: normal;
}

.personal-artifact-kicker {
  color: var(--hex-current-1);
  font-size: .68rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.personal-artifact-list { display: grid; gap: 1px; }
.personal-artifact-item {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  align-items: center;
  min-height: 2.35rem;
  border-top: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}

.personal-artifact-index {
  color: var(--hex-current-1);
  font-family: var(--font-code);
  font-size: .62rem;
  opacity: .75;
}

.modules-sizes[data-card="modules"] {
  width: 100%;
  max-width: 31rem;
  padding: .55rem .75rem .65rem;
  border: 1px solid color-mix(in srgb, var(--hex-fg-1) 18%, transparent);
  background: color-mix(in srgb, var(--hex-bg-3) 72%, transparent);
  box-shadow: 0 1rem 2rem color-mix(in srgb, #000 18%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.modules-sizes[data-card="modules"] .modules-bundle-size { display: none; }
.modules-sizes[data-card="modules"] .box-heading h3 {
  font-size: .85rem;
  line-height: 1;
}
.personal-proof-kicker {
  color: var(--hex-fg-4);
  font-size: .68rem;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.modules-sizes[data-card="modules"] .modules-sizes-chart {
  position: relative;
  display: none !important;
  overflow: hidden;
  height: .5rem;
  margin-top: .35rem;
  margin-bottom: .3rem;
  background: var(--hex-bg-4);
}
.modules-sizes[data-card="modules"] .modules-sizes-chart .chart-bar {
  width: 0 !important;
  opacity: 0 !important;
}
.personal-proof-fill {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: 100%;
  transform: scaleX(var(--proof-progress, 0));
  transform-origin: left center;
  background: linear-gradient(90deg, var(--hex-corail-1), var(--hex-yellow-1));
  transition: transform .35s ease-out;
}

.personal-proof-scale {
  display: none !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .4rem;
  margin-bottom: .45rem;
  color: var(--hex-fg-4);
  font-size: .58rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.personal-proof-scale span:nth-child(2) { text-align: center; }
.personal-proof-scale span:last-child { text-align: right; }
.personal-proof-list {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 1px;
  width: 100%;
  margin-top: 0;
}

.personal-proof-list li {
  display: grid !important;
  grid-template-columns: .25rem 3.9rem minmax(0, 1fr);
  align-items: center;
  gap: .65rem;
  width: auto !important;
  min-height: 1.9rem;
  font-size: .72rem;
  line-height: 1.15;
  border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

.personal-proof-list li .label-dot {
  width: .2rem;
  height: 1.45rem;
  margin: 0;
  border-radius: .1rem;
}

.personal-proof-list li strong { font-size: 1rem; letter-spacing: -.025em; }

.personal-form-actions {
  display: flex;
  align-items: center;
  gap: .9rem;
  grid-column: 1 / -1;
}

.personal-form-actions a { font-size: .78rem; color: inherit; }
.personal-form-actions button { min-width: 0; white-space: nowrap; }
.field-error { min-height: 1em; color: var(--hex-red-3); font-size: .68rem; line-height: 1.2; text-transform: none; letter-spacing: 0; }
.personal-contact-form [aria-invalid="true"] { border-color: var(--hex-red-3); box-shadow: 0 0 0 1px var(--hex-red-3); }
.personal-privacy-note { grid-column: 1 / -1; max-width: 40rem; margin: 0; opacity: .55; line-height: 1.35; }

@media (min-width: 900px) {
  #intro .home-section-text h1 { font-size: clamp(2.55rem, 3.3vw, 3.45rem); }
  #intro .home-section-text p { max-width: 24rem; margin-top: 1rem; }
  #modules .home-section-text {
    max-width: 25rem;
    padding: .25rem 1.25rem .25rem 0;
    background-color: transparent;
  }
  #modules .home-section-text h2 {
    max-width: 24rem;
    font-size: clamp(2.1rem, 2.7vw, 2.55rem);
    line-height: .92;
  }
  #modules .section-sub-heading { max-width: 22rem; font-size: 1rem; line-height: 1.25; }
  #sponsors .home-section-text { max-width: 25rem; }
  #sponsors .home-section-text h2 { font-size: clamp(2.25rem, 3vw, 2.65rem); line-height: .95; white-space: nowrap; }
  #sponsors .personal-partners { grid-template-columns: 1fr; gap: .25rem; margin: 1rem 0; }
  #sponsors .personal-partners li { margin-left: -1rem; white-space: nowrap; }
  #site-footer { min-height: 24rem; }
  #site-footer-content { min-height: 21rem; }
}

@media (min-width: 1200px) {
  #intro .home-section-text > p:first-of-type .animate-anything-wrapper {
    display: inline;
    width: auto;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  body.personal-hero-phase #engine { transform: translateX(5vw); }
  #intro .home-section-text { max-width: 18rem; }
  #intro .home-section-text h1 {
    max-width: 18rem;
    font-size: clamp(2.05rem, 3.4vw, 2.35rem);
  }
  #intro .home-section-text p {
    max-width: 17.5rem;
    font-size: .95rem;
    line-height: 1.18;
  }
  #intro .personal-hero-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
    margin-top: 1rem;
  }
  #intro .personal-primary-action,
  #intro .personal-secondary-action { white-space: nowrap; }
  #intro .personal-secondary-action { padding: .35rem .4rem; }
}

@media (min-width: 900px) and (max-width: 1199px) {
  .personal-footer-grid > .footer-block-links { flex-direction: column; gap: .5rem; }
  .personal-footer-grid > .footer-block-links > .footer-block { width: 100%; min-width: 0; }
}

#engine { transition: opacity .22s linear, transform .35s ease; }
body.personal-footer-phase #engine { opacity: 0 !important; pointer-events: none; }

@media (max-width: 899px) {
  .personal-about-principles { grid-template-columns: 1fr; }
  .personal-about-principles li { padding: .55rem .65rem; }
  .personal-about-principles li:nth-child(3) { display: none; }
}

@media (max-width: 800px) {
  #intro .home-section-text h1 { font-size: clamp(2.15rem, 9.7vw, 2.85rem); }
  #intro .home-section-text p { max-width: 20rem; }
  .sub-nav .personal-artifact-card { padding: .55rem .7rem .6rem; }
  .sub-nav .personal-artifact-card code { gap: .35rem; font-size: .62rem; }
  .personal-artifact-kicker { font-size: .52rem; }
  .personal-artifact-item { grid-template-columns: 1.5rem minmax(0, 1fr); min-height: 1.45rem; }
  .personal-artifact-index { font-size: .5rem; }
  .personal-hero-actions { align-items: flex-start; flex-direction: column; gap: .35rem; margin-top: 1rem; }
  .personal-primary-action,
  .personal-secondary-action,
  .personal-contact-form button { min-height: 2.75rem; }
  .personal-primary-action { padding: .65rem .75rem; }
  .personal-secondary-action { padding: .35rem 0; }
  .personal-secondary-action { padding-inline: .4rem; background: var(--hex-bg-1); }
  .modules-sizes[data-card="modules"] { width: 100%; max-width: 22rem; }
  .modules-sizes[data-card="modules"] { padding: .5rem; }
  .modules-sizes[data-card="modules"] .box-heading { align-items: baseline; }
  .modules-sizes[data-card="modules"] .modules-sizes-chart { display: flex; height: .35rem; margin-top: .35rem; }
  .personal-proof-kicker { font-size: .52rem; }
  .personal-proof-scale { margin-bottom: .25rem; font-size: .44rem; }
  .personal-proof-list { grid-template-columns: 1fr; gap: 0; margin: 0; }
  .personal-proof-list li { grid-template-columns: .2rem 2.65rem 1fr; gap: .35rem; min-height: 1.6rem; font-size: .55rem; line-height: 1.05; }
  .personal-proof-list li .label-dot { width: .16rem; height: .9rem; }
  .personal-proof-list li strong { font-size: .72rem; }
  .personal-partners { grid-template-columns: 1fr; }
  #sponsors .personal-partners li,
  #sponsors .feature-links a { background: transparent !important; }
  #sponsors .personal-partners li { padding: .18rem .35rem; }
  .personal-form-actions { align-items: flex-start; flex-direction: column; gap: .3rem; }
  .personal-form-actions button { width: 100%; justify-content: center; }
  #contact-status,
  .personal-privacy-note { margin: 0; }
}

@media (max-width: 800px) {
  #intro .home-section-text > p:first-of-type { margin-top: 1.1rem; line-height: 1.25; }
  .personal-hero-actions { margin-top: 1.25rem; }
  .personal-process-list { grid-template-columns: 1fr; }
}

.personal-footer-grid .links-list li { align-items: stretch; }
.personal-footer-grid .links-list li a { min-width: 0; }

/* Static, compact reading mode when motion is reduced or ?reducedMotion=1 is used. */
html.reduced-motion { scroll-behavior: smooth; }
html.reduced-motion *,
html.reduced-motion *::before,
html.reduced-motion *::after { animation: none !important; transition: none !important; }
html.reduced-motion body { overflow: auto !important; background: var(--hex-bg-1); }
html.reduced-motion .page,
html.reduced-motion #home { overflow: visible; opacity: 1 !important; }
html.reduced-motion canvas,
html.reduced-motion .css-scene,
html.reduced-motion .toolbox-labels-container,
html.reduced-motion .feature-section-demo-wrapper,
html.reduced-motion .sub-nav,
html.reduced-motion .heading-links { display: none !important; }
html.reduced-motion #site-header { position: sticky; top: 0; opacity: 1 !important; background: color-mix(in srgb, var(--hex-bg-1) 94%, transparent); }
html.reduced-motion #intro,
html.reduced-motion #toolbox,
html.reduced-motion #features-gallery,
html.reduced-motion #modules,
html.reduced-motion #sponsors,
html.reduced-motion #get-started { min-height: 0 !important; height: auto !important; }
html.reduced-motion .home-section,
html.reduced-motion .fixed-section,
html.reduced-motion .feature-section,
html.reduced-motion .home-section-content,
html.reduced-motion .home-section-text {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: none;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
html.reduced-motion .section-spacer { display: none; }
html.reduced-motion #intro .home-section,
html.reduced-motion #toolbox .home-section,
html.reduced-motion #modules .home-section,
html.reduced-motion #sponsors .home-section,
html.reduced-motion #get-started .home-section { padding: clamp(4rem, 8vw, 7rem) clamp(1rem, 5.5vw, 4rem); }
html.reduced-motion #features-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
html.reduced-motion #features-gallery .feature-section { min-height: 32rem !important; padding: 4rem clamp(1rem, 5.5vw, 4rem); border-top: 1px solid color-mix(in srgb, currentColor 16%, transparent); }
html.reduced-motion #features-gallery .home-section-text { display: block; }
html.reduced-motion .personal-about-principles { display: grid; position: relative; inset: auto; margin-top: 2rem; }
html.reduced-motion #get-started { padding-top: 0; }
html.reduced-motion .personal-proof-fill { transform: scaleX(1); }

@media (max-width: 800px) {
  html.reduced-motion #features-gallery { grid-template-columns: 1fr; }
  html.reduced-motion #features-gallery .feature-section { min-height: 0 !important; padding-block: 3.5rem; }
  html.reduced-motion .personal-about-principles { display: grid; }
}