.chapter {
  display: block; border-block-start: 2px dashed color-mix(in srgb, var(--paper) 45%, transparent); padding-block-start: var(--space-xs); color: var(--paper); text-decoration: none; &:hover .chapter__title { color: var(--hl); }
}
.customers__name {
  font-size: var(--h4); font-weight: 800; letter-spacing: -0.01em; line-height: 1.2; color: var(--text-light); transition: color 0.25s ease;
  .customers__item:hover & { color: var(--accent); }
}
.call-trace__pill-text {
  fill: var(--base-ultra-dark); font-size: 9.5px; font-weight: 800; letter-spacing: 0.1em;
}
.call-trace__shield {
  fill: color-mix(in oklch, var(--base) 70%, var(--base-semi-dark)); stroke: var(--primary); stroke-width: 1.8;
}
.customers__title {
  margin: 0 0 var(--space-xs);
}
.callout-card__media {
  display: block; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--neutral-light); background: var(--neutral-ultra-light);
}
.nb-quiz__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; padding-inline: var(--gutter); display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-xl); align-items: start; @container (max-width: 860px) { grid-template-columns: minmax(0, 1fr); }
}
.brand__accent {
  color: var(--primary); font-weight: 800;
}
.card-grid--two {
  &.card-grid > * { flex-basis: calc((100% - var(--space-m)) / 2); }
  @media (max-width: 600px) { &.card-grid > * { flex-basis: 100%; } }
}
.faq__question {
  position: relative; display: block; padding: var(--space-s) calc(var(--space-m) + 1.4em) var(--space-s) var(--space-m); font-size: var(--text-m); font-weight: 700; color: var(--text-dark); cursor: pointer; list-style: none;
  &::-webkit-details-marker { display: none; }
  &::after { content: ""; position: absolute; inset-inline-end: var(--space-m); inset-block-start: 50%; inline-size: 0.55em; block-size: 0.55em; border-right: 2px solid var(--primary); border-bottom: 2px solid var(--primary); transform: translateY(-70%) rotate(45deg); transition: transform 0.2s ease; }
  details[open] > &::after { transform: translateY(-30%) rotate(225deg); }
  &:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: var(--radius); }
  @media (prefers-reduced-motion: reduce) { &::after { transition: none; } }
}
.cta-band__button {
  @media (max-width: 520px) { inline-size: 100%; }
}
.nb-quiz__gpa {
  display: inline-flex; align-items: center; gap: var(--space-xs); margin: var(--space-2xs) 0 0; padding: var(--space-3xs) var(--space-s); border: 3px solid var(--red); color: var(--red); font-weight: 700; letter-spacing: 0.06em; transform: rotate(-4deg);
}
.handout__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-xs); justify-content: flex-end;
}
.toc__item {
  margin: 0; padding: 0;
}
.callout-card__button {
  white-space: nowrap;
}
.photo-band {
  margin: var(--space-l) 0 0; overflow: hidden; border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.5); box-shadow: 0 18px 48px color-mix(in oklch, var(--base-ultra-dark), transparent 82%);
/*nb*/ container-type: inline-size;
}
.form {
  display: block; position: relative;
}
.call-trace__kicker--faint {
  &.call-trace__kicker { fill: var(--neutral-semi-light); opacity: 0.7; }
}
.trace-band__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; padding-inline: var(--gutter); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-xl); align-items: center; @container (max-width: 860px) { grid-template-columns: minmax(0, 1fr); }
}
.nav-toggle {
  display: none; align-items: center; gap: calc(var(--space-xs) / 1.5); background: var(--base); color: var(--white); border: 0; border-radius: var(--radius); padding: calc(var(--space-xs) / 1.5) calc(var(--space-xs) * 0.9); font-family: inherit; font-size: var(--text-s); font-weight: 600; cursor: pointer;
  @container (max-width: 1100px) { display: inline-flex; }
}
.call-trace {
  display: block; inline-size: 100%; block-size: auto; overflow: visible;
}
.hall-pass__value--signed {
  &.hall-pass__value { color: var(--red); }
}
.footer-cta__body {
  display: block;
}
.brand__name {
  display: inline;
}
.footer-brand__text {
  max-inline-size: 34ch; margin: var(--space-xs) 0 0; font-size: var(--text-s); color: var(--neutral-semi-light);
}
.report-card__grade {
  &.report-card__grade { inline-size: 2.6rem; block-size: 2.6rem; padding: 0; display: grid; place-items: center; background: #fff; color: var(--ink); border: 2px solid var(--ink); border-radius: 0; font-family: var(--font-mono); font-weight: 700; font-size: 1rem; cursor: pointer; &:hover { background: var(--hl); } &[aria-pressed="true"] { background: var(--ink); color: #fff; } &:focus-visible { outline: 3px solid var(--red); outline-offset: 2px; } }
}
.card-grid--four {
  &.card-grid > * { flex-basis: calc((100% - 3 * var(--space-m)) / 4); }
  @media (max-width: 1100px) { &.card-grid > * { flex-basis: calc((100% - var(--space-m)) / 2); } }
  @media (max-width: 600px) { &.card-grid > * { flex-basis: 100%; } }
}
.data-table {
  inline-size: 100%; border-collapse: collapse; font-size: var(--text-s); line-height: 1.5; text-align: start;
}
.call-trace__room {
  fill: color-mix(in oklch, var(--base-ultra-dark) 55%, transparent); stroke: var(--base-semi-dark); stroke-width: 1.2;
}
.toc-row__body {
  display: grid; gap: 0.15em; min-inline-size: 0;
}
.toc-row__text {
  font-size: var(--text-s); color: var(--neutral-semi-dark);
}
.toc-row__arrow {
  font-size: 1.5rem; line-height: 1; color: var(--red); transition: translate 0.2s ease; @media (prefers-reduced-motion: reduce) { transition: none; }
}
.page-hero__title {
  max-inline-size: 24ch; margin: 0;
}
.cred-band__inner {
  position: relative;
}
.nb-hero__art {
  display: grid; place-items: center; padding: var(--space-s); container-type: inline-size;
}
.form__status {
  margin: var(--space-s) 0 0; font-weight: 600; &:empty { display: none; }
  &[data-state="success"] { padding: var(--space-xs) var(--space-s); border-radius: calc(var(--radius) * 0.67); background: color-mix(in oklch, var(--info), transparent 90%); color: var(--text-dark); }
  &[data-state="error"] { padding: var(--space-xs) var(--space-s); border-radius: calc(var(--radius) * 0.67); background: color-mix(in oklch, var(--primary), transparent 88%); color: var(--text-dark); }
}
.handout__kicker {
  margin: 0 0 var(--space-3xs); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; color: var(--neutral-semi-dark);
}
.resource-card__body {
  display: flex; flex-direction: column; flex: 1; padding: var(--space-m);
}
.card__title {
  margin: 0 0 calc(var(--space-xs) / 2); font-size: var(--h4);
}
.concerns {
  padding-block: var(--section-space-m);
}
.overlay-panel__text {
  margin: 0 0 var(--space-xs); color: var(--text-dark-muted);
}
.split__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 3; object-fit: cover;
}
.primary-nav__cta {
  white-space: nowrap;
  @container (max-width: 1100px) { margin-block-start: var(--space-s); inline-size: 100%; text-align: center; }
}
.prose__list {
  margin: 0 0 var(--space-s); padding-inline-start: 1.4em; color: var(--text-dark-muted);
}
.scope {
  padding-block: var(--section-space-m);
}
.customers__inner {
  position: relative;
}
.note__title {
  &.note__title { margin: 0 0 var(--space-2xs); font-family: var(--font-hand); font-weight: 700; font-size: clamp(1.7rem, 2.6vw, 2.2rem); line-height: 1; letter-spacing: 0; color: var(--red); rotate: -1.5deg; transform-origin: left center; }
}
.hero__button--ghost {
  --btn-background: transparent; --btn-text-color: var(--text-light); --btn-border-color: color-mix(in oklch, var(--white), transparent 55%); --btn-background-hover: color-mix(in oklch, var(--white), transparent 90%); --btn-text-color-hover: var(--white); --btn-border-color-hover: var(--white);
}
.about-intro__point {
  position: relative; margin: 0; padding-inline-start: 1.8em; font-weight: 600; color: var(--text-dark);
  &::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.2em; inline-size: 1.15em; block-size: 1.15em; border-radius: 50%; background-color: var(--primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 0.72em; background-position: center; background-repeat: no-repeat; }
}
.call-trace__step--1 {
  animation: ct-step-6 11s linear infinite; 
}
.cta-band__text {
  max-inline-size: 58ch; margin: 0 auto; color: var(--neutral-light);
}
.resource-card__button--outline {
  &.resource-card__button.btn--outline { --btn-background: transparent; --btn-text-color: var(--base); --btn-border-color: var(--primary); --btn-background-hover: var(--primary); --btn-text-color-hover: var(--white); --btn-border-color-hover: var(--primary); }
}
.split__title {
  margin: 0 0 var(--space-s);
}
.customers__header {
  max-inline-size: 60ch; margin: 0 auto var(--space-l); text-align: center;
}
.footer-grid {
  display: grid; gap: var(--space-l); grid-template-columns: 1.4fr repeat(5, 1fr);
  @container (max-width: 940px) { grid-template-columns: 1fr 1fr; }
  @container (max-width: 520px) { grid-template-columns: 1fr; }
}
.faq__inner {
  position: relative;
}
.fit-card__title {
  margin: 0 0 var(--space-s); font-size: var(--h4);
}
.card__more {
  display: inline-block; margin-block-start: var(--space-xs); font-size: var(--text-s); font-weight: 600; color: var(--info);
}
.step__title {
  margin: var(--space-xs) 0 calc(var(--space-xs) / 2); font-size: var(--h4);
}
.customers__text {
  margin: 0 auto; color: var(--neutral-light);
}
.overlay-panel__title {
  margin: 0 0 var(--space-xs); font-size: var(--h3);
}
.call-trace__phone {
  fill: var(--primary); filter: drop-shadow(0 0 5px color-mix(in oklch, var(--primary), transparent 35%));
}
.customers__list {
  display: grid; grid-template-columns: repeat(3, 1fr); column-gap: var(--space-xl); list-style: none; margin: 0; padding: 0;
  @container (max-width: 760px) { grid-template-columns: repeat(2, 1fr); column-gap: var(--space-l); }
  @container (max-width: 480px) { grid-template-columns: 1fr; }
}
.call-trace__grid-line {
  fill: none; stroke: var(--base-semi-dark); stroke-width: 0.5; opacity: 0.35;
}
.primary-nav__submenu-toggle {
  display: block; width: 100%; padding: calc(var(--space-xs) / 2) calc(var(--space-xs) * 0.6); border-radius: var(--radius); font-size: var(--text-s); font-weight: 600; text-align: left; text-decoration: none; white-space: nowrap; color: var(--text-dark); background: transparent; border: 0; cursor: pointer; font-family: inherit;
  &:hover, &:focus-visible { color: var(--base); background: var(--neutral-ultra-light); }
  &[aria-expanded="true"] + .primary-nav__nested-submenu { display: block; }
  @container (max-width: 1100px) { padding: calc(var(--space-xs) / 2) calc(var(--space-xs) / 5); white-space: normal; }
}
.page-hero__eyebrow {
  margin: 0 0 var(--space-xs); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent);
}
.page-hero__art {
  display: grid; place-items: center; padding: var(--space-s);
}
.photo-band__caption {
  margin: var(--space-xs) 0 0; padding-inline: var(--space-s); text-align: center; font-family: var(--font-hand); font-weight: 600; font-size: 1.5rem; line-height: 1.1; color: var(--ink);
}
.page-hero__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-block-start: var(--space-m);
}
.cred-band__title {
  margin: 0 0 var(--space-m); text-align: center; font-size: var(--h3);
}
.faq {
  padding-block: var(--section-space-m);
}
.tools {
  padding-block: var(--section-space-m);
}
.call-trace__trace--call {
  stroke: var(--primary); filter: drop-shadow(0 0 5px color-mix(in oklch, var(--primary), transparent 35%)); animation: ct-draw-12-17 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.aside-card__text {
  margin: 0; font-size: var(--text-s); color: var(--text-dark-muted);
}
.cta-band__actions {
  display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-xs); margin-block-start: var(--space-m);
}
.legal {
  padding-block: var(--section-space-m);
}
.hero__note {
  max-inline-size: 48ch; margin: var(--space-xs) 0 0; font-size: var(--text-s); color: var(--text-light-muted);
}
.prose {
  max-inline-size: 76ch; margin-inline: auto; inline-size: 100%;
}
.photo-band__tag--done {
  inset-inline-start: 15%;
}
.deploy__inner {
  display: grid; gap: var(--space-l);
}
.ask-strip__text {
  margin: 0; max-inline-size: 40ch; font-family: var(--font-display); font-weight: 600; font-size: var(--text-l); line-height: 1.25;
}
.resource-card__media {
  display: block; overflow: hidden; background: var(--neutral-ultra-light); border-bottom: 1px solid var(--neutral-light);
}
.environments__inner {
  position: relative;
}
.call-trace__packet--call {
  &.call-trace__packet { offset-path: path('M275 116 L275 200 L440 200'); animation: ct-travel-12-17 11s linear infinite;  }
}
.hero-art__pin-body {
  fill: var(--red); stroke: var(--ink); stroke-width: 5; stroke-linejoin: round;
}
.report-card__subject {
  font-size: var(--text-s);
}
.chalkboard {
  padding-block: var(--section-space-m); background: var(--chalk); border-block: 6px solid var(--chalk-deep); color: var(--paper);
}
.customers__proof {
  max-inline-size: 64ch; margin: var(--space-l) auto 0; padding-block-start: var(--space-m); text-align: center; border-top: 1px solid color-mix(in oklch, var(--neutral-semi-light), transparent 72%);
}
.toc__note {
  margin: 0; font-size: var(--text-s); color: var(--neutral-semi-dark);
}
.form__hint {
  margin: var(--space-xs) 0 0; font-size: var(--text-s); color: var(--text-dark-muted);
}
.site-footer__inner {
  gap: 0;
}
.customers__marquee {
  display: block; overflow: hidden; margin-block-end: var(--space-s); -webkit-mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent); mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
  &:hover .customers__track { animation-play-state: paused; }
  @media (prefers-reduced-motion: reduce) { -webkit-mask-image: none; mask-image: none; }
}
.chapter__no {
  display: block; font-size: var(--text-xs); letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.75;
}
.prose__h2 {
  margin: var(--space-l) 0 var(--space-xs); font-size: var(--h3); &:first-child { margin-block-start: 0; }
}
.nb-hero__lead {
  font-size: var(--text-m); max-inline-size: 46ch; margin: 0 0 var(--space-l); color: var(--ink);
}
.page-hero__inner {
  position: relative;
}
.toc__group {
  display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: var(--space-l); align-items: start; padding-block-start: var(--space-m); border-block-start: 3px solid var(--ink); @container (max-width: 760px) { grid-template-columns: minmax(0, 1fr); gap: var(--space-s); }
}
.data-table__cell {
  padding: var(--space-xs) var(--space-s); vertical-align: top; color: var(--text-dark-muted); @media (max-width: 700px) { display: grid; grid-template-columns: 9em 1fr; gap: var(--space-xs); padding-block: calc(var(--space-xs) / 3); &::before { content: attr(data-label); font-weight: 700; color: var(--text-dark); } }
}
.process {
  padding-block: var(--section-space-m);
}
.note__text {
  margin: 0; font-size: var(--text-s);
}
.call-trace__handset {
  fill: var(--white);
}
.environments {
  padding-block: var(--section-space-m);
}
.prose__link {
  color: var(--info); text-decoration: underline; text-underline-offset: 2px; &:hover { color: var(--base); }
}
.call-trace__office-glow {
  fill: color-mix(in oklch, var(--accent), transparent 80%); stroke: var(--accent); stroke-width: 1.6; animation: ct-fade-56 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.review {
  padding-block: var(--section-space-m);
}
.numbers {
  padding-block: var(--section-space-m);
}
.toc__heading {
  margin: 0 0 var(--space-3xs); font-family: var(--font-hand); font-weight: 700; font-size: clamp(1.9rem, 3vw, 2.5rem); line-height: 1; letter-spacing: 0; color: var(--red); rotate: -1.5deg; transform-origin: left center;
}
.ruled {
  list-style: none; margin: var(--space-m) 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-xl); @media (max-width: 700px) { grid-template-columns: minmax(0, 1fr); }
}
.nb-hero__mark {
  color: inherit; background: linear-gradient(transparent 58%, var(--hl) 58% 94%, transparent 94%); padding-inline: 0.06em; box-decoration-break: clone; -webkit-box-decoration-break: clone;
}
.phase-step__title {
  &.phase-step__title { margin: 0 0 var(--space-2xs); font-family: var(--font-display); font-weight: 800; font-size: clamp(1.3rem, 2.3vw, 1.7rem); line-height: 1.15; letter-spacing: -0.01em; color: var(--ink); }
}
.data-table__rowhead {
  padding: var(--space-xs) var(--space-s); text-align: start; vertical-align: top; font-weight: 700; color: var(--text-dark); @media (max-width: 700px) { display: block; padding-block-end: calc(var(--space-xs) / 3); }
}
.site-footer {
  padding-block: var(--section-space-s) var(--space-s); container-type: inline-size; --link-color: var(--text-light-muted); --link-color-hover: var(--text-light);
/*nb*/ &.site-footer { background: #111; position: relative; &::before { content: ""; position: absolute; inset: 0 0 auto 0; block-size: 3.25rem; background: radial-gradient(circle at 20% 30%, #fff 0 2.2px, transparent 2.8px) 0 0 / 43px 37px, radial-gradient(circle at 60% 70%, #fff 0 3px, transparent 3.6px) 17px 9px / 71px 53px, radial-gradient(circle at 40% 50%, #fff 0 1.4px, transparent 2px) 5px 21px / 29px 31px, #111; } }
}
.nb-quiz__gpa-value {
  font-family: var(--font-display); font-weight: 800; font-size: 2.6rem; line-height: 1;
}
.form__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-s);
  @media (max-width: 640px) { grid-template-columns: 1fr; }
}
.handout__button {
  white-space: nowrap;
}
.form__trap {
  position: absolute; inset-inline-start: -9999px; inline-size: 1px; block-size: 1px; overflow: hidden;
}
.hero__eyebrow {
  margin: 0 0 var(--space-xs); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent);
}
.callout-card__title {
  margin: 0 0 calc(var(--space-xs) / 2); font-size: var(--h3);
}
.nb-hero__copy {
  min-inline-size: 0;
}
.call-trace__step-dot {
  fill: var(--primary);
}
.call-trace__pill {
  animation: ct-fade-56s 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.toc-row__no {
  font-size: var(--text-xs); font-weight: 700; color: var(--red);
}
.fit-card {
  padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.25); box-shadow: 0 1px 2px color-mix(in oklch, var(--base), transparent 94%);
}
.phase-step__no {
  display: grid; place-items: center; inline-size: 2.6rem; block-size: 2.6rem; background: var(--red); color: #fff; border: 3px solid var(--ink); border-radius: 50%; font-family: var(--font-display); font-weight: 800; font-size: 1.15rem; line-height: 1;
}
.why {
  padding-block: var(--section-space-m);
}
.primary-nav__submenu-item--has-submenu {
  &:hover > .primary-nav__nested-submenu, &:focus-within > .primary-nav__nested-submenu { display: block; }
  @container (max-width: 1100px) { &:hover > .primary-nav__nested-submenu, &:focus-within > .primary-nav__nested-submenu { display: none; } }
}
.card {
  position: relative; display: block; overflow: hidden; padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); box-shadow: 0 1px 2px color-mix(in oklch, var(--base), transparent 94%); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  &::after { content: ""; position: absolute; inset: 0 0 auto 0; block-size: 3px; background: var(--primary); transform: scaleX(0); transform-origin: left; transition: transform 0.22s ease; }
  &:hover { transform: translateY(-4px); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); }
  &:hover::after { transform: scaleX(1); }
  @media (prefers-reduced-motion: reduce) { transition: none; &::after { transition: none; } &:hover { transform: none; } }
}
.proof-list__item {
  position: relative; margin: 0; padding-inline-start: 1.9em; color: var(--text-dark-muted);
  &::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.15em; inline-size: 1.25em; block-size: 1.25em; border-radius: 50%; background-color: var(--primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 0.8em; background-position: center; background-repeat: no-repeat; }
}
.steps--three {
  &.steps { grid-template-columns: repeat(3, minmax(0, 1fr)); @media (max-width: 860px) { grid-template-columns: 1fr; } }
}
.about-intro__grid {
  display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-xl); align-items: start;
  @container (max-width: 820px) { grid-template-columns: 1fr; gap: var(--space-l); }
}
.call-trace__packet {
  fill: var(--white); opacity: 0; offset-rotate: 0deg; filter: drop-shadow(0 0 5px color-mix(in oklch, var(--primary), transparent 35%)); animation-timing-function: linear; @media (prefers-reduced-motion: reduce) { display: none; }
}
.step {
  position: relative; counter-increment: step; margin: 0; padding: var(--space-m); padding-block-start: calc(var(--space-m) + 1.6em); background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); box-shadow: 0 1px 2px color-mix(in oklch, var(--base), transparent 94%);
  &::before { content: counter(step); position: absolute; inset-block-start: var(--space-s); inset-inline-start: var(--space-m); display: grid; place-items: center; inline-size: 2em; block-size: 2em; border-radius: 50%; background: var(--primary); color: var(--white); font-size: var(--text-s); font-weight: 800; }
}
.footer-col__list {
  display: grid; gap: calc(var(--space-xs) / 1.5); list-style: none; margin: 0; padding: 0;
}
.operations {
  padding-block: var(--section-space-l); container-type: inline-size;
}
.fit-card--muted {
  &.fit-card { background: transparent; border-style: dashed; box-shadow: none; }
}
.nb-quiz {
  container-type: inline-size; padding-block: var(--section-space-m);
}
.customers__proof-title {
  margin: 0 0 calc(var(--space-xs) / 2); font-size: var(--h4);
}
.call-trace__live {
  fill: var(--primary); animation: ct-blink 1.6s ease-in-out infinite; @media (prefers-reduced-motion: reduce) { animation: none; }
}
.resource-card__note {
  margin: var(--space-xs) 0 0; font-size: var(--text-xs); color: var(--neutral-semi-dark);
}
.footer-col__link {
  font-size: var(--text-s); text-decoration: none; &:hover { text-decoration: underline; }
}
.phases {
  container-type: inline-size; display: grid; margin-block-start: var(--space-l);
}
.hero__title {
  max-inline-size: 20ch; margin: 0 0 var(--space-s);
}
.fit {
  padding-block: var(--section-space-m);
}
.cred-band__list {
  display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--space-xs) / 1.2); list-style: none; margin: 0; padding: 0;
}
.footer-bottom__note {
  margin: 0;
}
.cta-band__phone {
  font-weight: 700; color: var(--text-light); &:hover { color: var(--text-light); text-decoration: underline; }
}
.call-trace__room-label {
  fill: var(--neutral-semi-light); font-size: 10px; font-weight: 600; letter-spacing: 0.06em;
}
.callout {
  max-inline-size: 90ch; margin-inline: auto; padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-inline-start: 4px solid var(--primary); border-radius: var(--radius); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%);
}
.overlay-panel__media {
  margin: 0; overflow: hidden; border-radius: calc(var(--radius) * 1.5); box-shadow: 0 18px 48px color-mix(in oklch, var(--base-ultra-dark), transparent 82%);
}
.site-main {
  display: block;
}
.call-trace__step-label {
  fill: var(--neutral-light); font-size: 12px; font-weight: 600;
}
.concerns__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; padding-inline: var(--gutter);
}
.hero__trust-item {
  position: relative; margin: 0; padding-inline-start: 1.9em; font-size: var(--text-s); color: var(--neutral-light);
  &::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.1em; inline-size: 1.25em; block-size: 1.25em; border-radius: 50%; background-color: var(--primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 0.8em; background-position: center; background-repeat: no-repeat; }
}
.footer-col__title {
  margin: 0 0 var(--space-xs); font-size: var(--text-xs); letter-spacing: 0.07em; text-transform: uppercase; color: var(--text-light);
}
.primary-nav__link {
  color: var(--text-dark-muted); font-size: var(--text-s); font-weight: 600; text-decoration: none; padding: calc(var(--space-xs) / 3) calc(var(--space-xs) / 5); border-radius: var(--radius);
  &:hover, &[aria-current="page"] { color: var(--base); }
  &[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--primary); }
  @container (max-width: 1100px) { display: block; padding: var(--space-xs) calc(var(--space-xs) / 5); font-size: var(--text-m); }
/*nb*/ &.primary-nav__link { background: var(--paper); color: var(--ink); border: 2px solid var(--ink); border-radius: 0; padding: 0.35rem 0.75rem; font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 700; &:hover { background: var(--hl); color: var(--ink); } &[aria-current="page"] { background: var(--hl); color: var(--ink); } }
}
.field__input {
  inline-size: 100%; padding: calc(var(--space-xs) / 1.5) calc(var(--space-xs) * 0.8); font: inherit; font-size: var(--text-m); color: var(--text-dark); background: var(--white); border: 1px solid var(--neutral-semi-light); border-radius: calc(var(--radius) * 0.67); transition: border-color 0.15s ease, box-shadow 0.15s ease;
  &:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px color-mix(in oklch, var(--primary), transparent 75%); }
  &::placeholder { color: var(--neutral-semi-light); }
  &:is(textarea) { resize: vertical; min-block-size: 7em; }
}
.split {
  display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--space-xl); @container (max-width: 820px) { grid-template-columns: 1fr; gap: var(--space-l); }
}
.nb-quiz__title {
  font-size: var(--h2); line-height: 1.05; margin: 0 0 var(--space-s); color: var(--ink);
}
.call-trace__header {
  font-family: inherit;
}
.customers__item {
  display: inline-flex; align-items: baseline; gap: calc(var(--space-xs) / 2); margin: 0; padding-block: calc(var(--space-xs) / 2); white-space: nowrap;
  &::after { content: ""; align-self: center; inline-size: 7px; block-size: 7px; margin-inline: var(--space-m); background: var(--primary); transform: rotate(45deg); opacity: 0.9; }
}
.nav-toggle__bars {
  display: inline-flex; flex-direction: column; gap: 3px;
}
.chapter__title {
  display: block; margin-block-start: var(--space-3xs); font-family: var(--font-hand); font-weight: 600; font-size: clamp(1.7rem, 2.6vw, 2.2rem); line-height: 1.05; transition: color 0.2s ease;
}
.form__actions {
  margin-block-start: var(--space-m);
}
.ruled__text {
  font-family: var(--font-display); font-weight: 600; font-size: clamp(1.05rem, 1.6vw, 1.25rem); line-height: 1.3;
}
.overlay-panel {
  position: relative; display: grid; @media (min-width: 861px) { padding-block-end: var(--space-xl); }
}
.route__title {
  margin: 0 0 var(--space-3xs); font-family: var(--font-display); font-weight: 800; font-size: clamp(1.25rem, 2.2vw, 1.6rem); line-height: 1.15; letter-spacing: -0.01em; color: var(--ink);
}
.cta-band__contact {
  margin: var(--space-s) 0 0; font-size: var(--text-s); color: var(--text-light-muted);
}
.phase__name {
  &.phase__name { margin: 0 0 var(--space-2xs); font-family: var(--font-hand); font-weight: 700; font-size: clamp(3rem, 6cqi, 4.6rem); line-height: 0.95; letter-spacing: 0; color: var(--red); rotate: -2deg; transform-origin: left center; }
}
.split__content {
  display: block;
}
.split--reverse {
  &.split > .split__media { order: -1; @container (max-width: 820px) { order: 0; } }
}
.nb-quiz__text {
  margin: 0 0 var(--space-s);
}
.faq__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: calc(var(--space-xs) / 1.2) var(--space-m); align-items: start;
}
.overlay-panel__card {
  position: relative; z-index: 1; max-inline-size: 640px; padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.5); box-shadow: 0 18px 48px color-mix(in oklch, var(--base-ultra-dark), transparent 82%); @media (min-width: 861px) { margin: calc(var(--space-xl) * -1) 0 calc(var(--space-xl) * -1) var(--space-l); } @media (max-width: 860px) { margin-block-start: var(--space-s); }
}
.note {
  padding-block-start: var(--space-s); border-block-start: 3px solid var(--ink);
}
.callout-card__actions {
  display: flex; flex-wrap: wrap; gap: calc(var(--space-xs) / 1.5); margin-block-start: var(--space-s);
}
.deploy {
  padding-block: var(--section-space-m);
}
.form-aside {
  display: grid; gap: var(--space-s);
}
.fit-card__list {
  display: grid; gap: calc(var(--space-xs) / 1.2); list-style: none; margin: 0; padding: 0;
}
.brand--light {
  &.brand { color: var(--text-light); &:hover { color: var(--text-light); } .brand__mark { color: var(--text-light); } }
}
.hero-art__pin-dot {
  fill: var(--paper);
}
.cred-band__item {
  display: flex; flex: 1 1 300px; max-inline-size: 420px; gap: calc(var(--space-xs) / 1.5); align-items: flex-start; margin: 0; padding: calc(var(--space-xs) / 1.2) var(--space-xs); background: var(--white); border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 0.67); font-size: var(--text-s); color: var(--text-dark-muted); transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
  &::before { content: ""; flex: none; inline-size: 8px; block-size: 8px; margin-block-start: 0.55em; border-radius: 2px; background: var(--primary); }
  &:hover { border-color: var(--primary); box-shadow: 0 1px 2px color-mix(in oklch, var(--base), transparent 94%); transform: translateY(-2px); }
  @media (prefers-reduced-motion: reduce) { transition: none; &:hover { transform: none; } }
}
.aside-card__item {
  padding-inline-start: 0.2em;
}
.print {
  position: relative; display: block; inline-size: 100%; max-inline-size: 26rem; margin: 0 auto; background: var(--paper); border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--ink); rotate: 1.4deg;
  &::before { content: ""; position: absolute; inset-block-start: -14px; inset-inline-start: 50%; inline-size: 6.5rem; block-size: 1.5rem; translate: -50% 0; rotate: 3deg; background: color-mix(in srgb, var(--hl) 80%, transparent); box-shadow: 0 1px 0 color-mix(in srgb, var(--ink) 25%, transparent); z-index: 2; }
}
.nb-hero__byline {
  margin: var(--space-m) 0 0; font-size: var(--text-s); color: var(--neutral-semi-dark);
}
.ask-strip {
  padding-block: var(--section-space-s); border-block-start: 3px solid var(--ink);
}
.handout__no {
  font-family: var(--font-hand); font-weight: 700; font-size: 2.6rem; line-height: 1; color: var(--red); rotate: -3deg;
}
.page-hero__button--ghost {
  --btn-background: transparent; --btn-text-color: var(--text-light); --btn-border-color: color-mix(in oklch, var(--white), transparent 55%); --btn-background-hover: color-mix(in oklch, var(--white), transparent 90%); --btn-text-color-hover: var(--white); --btn-border-color-hover: var(--white);
}
.phase-step {
  display: grid; grid-template-columns: 3.2rem minmax(0, 1fr); gap: var(--space-s); align-items: start; margin: 0; padding: var(--space-s) 0; border-block-end: 2px dashed color-mix(in srgb, var(--ink) 30%, transparent);
  &:first-child { padding-block-start: 0; }
  &:last-child { border-block-end: 0; padding-block-end: 0; }
}
.print--spot {
  &.print { max-inline-size: 15rem; margin: 0; rotate: -2deg; box-shadow: 6px 6px 0 var(--ink); }
  &::before { inline-size: 4.5rem; block-size: 1.1rem; inset-block-start: -10px; }
}
.nb-hero__title {
  font-family: var(--font-display); font-weight: 800; font-size: clamp(2.4rem, 6.2cqi, 4.6rem); line-height: 1.02; letter-spacing: -0.03em; margin: 0 0 var(--space-m); color: var(--ink);
}
.field--full {
  &.field { grid-column: 1 / -1; }
}
.aside-card__phone {
  margin: 0 0 calc(var(--space-xs) / 2); font-size: var(--h3); font-weight: 800;
}
.about-intro__copy {
  display: block;
}
.hero__grid {
  display: grid; grid-template-columns: 1.05fr 0.95fr; align-items: center; gap: var(--space-xl);
  @container (max-width: 940px) { grid-template-columns: 1fr; gap: var(--space-l); }
}
.customers__proof-text {
  margin: 0 auto; color: var(--neutral-light);
}
.report-card {
  background: #fff; color: var(--ink); border: 3px solid var(--ink); box-shadow: 8px 8px 0 var(--ink);
}
.why__inner {
  position: relative;
}
.library-index__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; padding-inline: var(--gutter);
}
.hero-art__pin {
  transform-box: fill-box; transform-origin: 50% 100%; opacity: 0; animation: hero-drop 0.5s 2.8s cubic-bezier(0.3, 1.6, 0.5, 1) forwards; @media (prefers-reduced-motion: reduce) { animation: none; opacity: 1; }
}
.cta-band__inner {
  position: relative; align-items: center; text-align: center;
}
.hand-note--yellow {
  &.hand-note { color: var(--hl); }
}
:where([data-etch-element="container"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  max-inline-size: var(--content-width, 1366px);
  align-self: center; margin-inline: auto;
}
:where([data-etch-element="flex-div"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}
:where([data-etch-element="iframe"]) {
  inline-size: 100%;
  height: auto;
 aspect-ratio: 16/9;
}
:where([data-etch-element="section"]) {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.customers__track {
  display: flex; inline-size: max-content; animation: customers-marquee 48s linear infinite;
  @media (prefers-reduced-motion: reduce) { animation: none; inline-size: auto; justify-content: center; }
}
.primary-nav__sublink {
  display: block; width: 100%; padding: calc(var(--space-xs) / 2) calc(var(--space-xs) * 0.6); border-radius: var(--radius); font-size: var(--text-s); font-weight: 600; text-align: left; text-decoration: none; white-space: nowrap; color: var(--text-dark);
  &:hover, &:focus-visible { color: var(--base); background: var(--neutral-ultra-light); }
  @container (max-width: 1100px) { padding: calc(var(--space-xs) / 2) calc(var(--space-xs) / 5); color: var(--text-dark-muted); white-space: normal; }
}
.cta-band__title {
  max-inline-size: 24ch; margin: 0 auto var(--space-xs);
}
.resources {
  padding-block: var(--section-space-m);
}
.primary-nav {
  display: flex; align-items: center; gap: var(--space-s);
  @container (max-width: 1100px) {
    display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--white); border-bottom: 1px solid var(--neutral-light); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); padding: calc(var(--space-xs) / 2) var(--gutter) var(--space-s);
    &[data-open="true"] { display: flex; }
  }
}
.why__top {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-xl); align-items: center; margin-block-end: var(--space-l); @media (max-width: 800px) { grid-template-columns: minmax(0, 1fr); }
}
.guide-featured {
  padding-block: var(--space-l) 0;
}
.hero-art__ring {
  fill: none; stroke: var(--red); stroke-width: 4; transform-box: fill-box; transform-origin: center; opacity: 0; animation: hero-ring 2.2s 3.2s ease-out infinite; @media (prefers-reduced-motion: reduce) { animation: none; }
}
.phase__count {
  margin: 0 0 var(--space-3xs); font-size: var(--text-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--neutral-semi-dark);
}
.toc-row {
  display: grid; grid-template-columns: 3rem minmax(0, 1fr) auto; align-items: baseline; gap: var(--space-xs); padding: var(--space-s) var(--space-2xs); border-block-end: 2px dashed color-mix(in srgb, var(--ink) 35%, transparent); color: var(--ink); text-decoration: none;
  &:hover, &:focus-visible { background: color-mix(in srgb, var(--hl) 45%, transparent); }
  &:hover .toc-row__arrow, &:focus-visible .toc-row__arrow { translate: 6px 0; }
  &:focus-visible { outline: 3px solid var(--red); outline-offset: -3px; }
}
.not {
  padding-block: var(--section-space-m);
}
.call-trace__card-title {
  fill: var(--accent); font-size: 9.5px; font-weight: 800; letter-spacing: 0.12em;
}
.delivery__text {
  max-inline-size: 70ch; margin: 0 0 var(--space-s); color: var(--text-dark-muted);
}
.report-card__grades {
  display: flex; gap: var(--space-2xs);
}
.footer-cta__title {
  max-inline-size: 22ch; margin: 0 0 calc(var(--space-xs) / 3); font-size: var(--h3); color: var(--text-light);
}
.photo-band__tag {
  position: absolute; inset-block-start: 5%; translate: -50% 0; z-index: 3; margin: 0; padding-block-end: 0.1em; font-family: var(--font-hand); font-weight: 700; font-size: clamp(1rem, 3.2cqi, 1.9rem); line-height: 1; color: var(--red); white-space: nowrap; border-block-end: 3px solid var(--red); rotate: -2deg;
}
.hero-art__image {
  display: block; inline-size: 100%; block-size: auto;
}
.handouts {
  container-type: inline-size; list-style: none; margin: var(--space-l) 0 0; padding: 0; border-block-start: 3px solid var(--ink);
}
.phase-step__text {
  margin: 0; max-inline-size: 60ch;
}
.hero-art__tag {
  position: absolute; inset-inline-end: 4%; inset-block-start: 36%; margin: 0; text-align: right; white-space: nowrap; font-family: var(--font-hand); font-weight: 700; font-size: clamp(1.1rem, 2.6cqi, 1.7rem); line-height: 1.05; color: var(--red); rotate: -3deg; opacity: 0; animation: hero-fade 0.6s 3.1s forwards; @media (prefers-reduced-motion: reduce) { animation: none; opacity: 1; }
  @container (max-width: 440px) { inset-block-start: 38%; font-size: 1.05rem; }
}
.call-trace__layer {
  fill: var(--base-light); opacity: 0.9;
}
.card--link {
  color: inherit; text-decoration: none; &:hover, &:focus-visible { color: inherit; }
}
.faq__answer {
  margin: 0; padding: 0 var(--space-m) var(--space-m); color: var(--text-dark-muted);
}
.operations__photo {
  margin: 0; overflow: hidden; border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.5); background: var(--white); box-shadow: 0 18px 48px color-mix(in oklch, var(--base-ultra-dark), transparent 82%);
}
.page-hero__inner--split {
  display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-xl); align-items: center; @container (max-width: 860px) { grid-template-columns: minmax(0, 1fr); }
}
.call-trace__dispatch-glow {
  fill: color-mix(in oklch, var(--primary), transparent 82%); stroke: var(--primary); stroke-width: 1.4; filter: drop-shadow(0 0 5px color-mix(in oklch, var(--primary), transparent 35%)); animation: ct-fade-48 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.send {
  padding-block: var(--section-space-m);
}
.call-trace__platform-glow {
  fill: none; stroke: var(--primary); stroke-width: 1.6; filter: drop-shadow(0 0 5px color-mix(in oklch, var(--primary), transparent 35%)); animation: ct-fade-29 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.phase-step__body {
  min-inline-size: 0;
}
.form__submit {
  cursor: pointer; @media (max-width: 520px) { inline-size: 100%; }
}
.call-trace__pill-bg {
  fill: var(--accent);
}
.page-hero__note {
  max-inline-size: 62ch; margin: var(--space-s) 0 0; font-size: var(--text-s); color: var(--text-light-muted);
}
.resource-card__actions {
  display: flex; flex-wrap: wrap; gap: calc(var(--space-xs) / 1.5); margin-block-start: auto; padding-block-start: var(--space-s);
}
.call-trace__trace {
  fill: none; stroke-linejoin: round; stroke-width: 2.6; stroke-dasharray: 1; stroke-dashoffset: 0; animation-timing-function: linear;
}
.callout__title {
  margin: 0 0 calc(var(--space-xs) / 2); font-size: var(--h4);
}
.fit-card__item {
  position: relative; margin: 0; padding-inline-start: 1.9em; color: var(--text-dark-muted);
  &::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.2em; inline-size: 1.2em; block-size: 1.2em; border-radius: 50%; background-color: var(--primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 0.75em; background-position: center; background-repeat: no-repeat; }
  .fit-card--muted &::before { background-color: var(--neutral-semi-light); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"); }
}
.quick-answer {
  padding-block: var(--section-space-xs);
}
.brand__logo {
  inline-size: 100%; block-size: 100%; fill: currentColor;
}
.callout-card__text {
  margin: 0; color: var(--text-dark-muted);
}
.call-trace__location {
  animation: ct-fade-29s 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.scope-group__title {
  display: flex; align-items: center; gap: calc(var(--space-xs) / 1.5); margin: 0 0 var(--space-xs); font-size: var(--text-m); font-weight: 700; color: var(--base);
  &::before { content: ""; flex: none; inline-size: 0.7em; block-size: 0.7em; border-radius: 3px; background: var(--primary); }
}
.primary-nav__item--has-submenu {
  &:hover > .primary-nav__submenu, &:focus-within > .primary-nav__submenu { display: block; }
}
.route__body {
  min-inline-size: 0; padding-block-start: 0.15rem;
}
.route__text {
  margin: 0; max-inline-size: 56ch;
}
.operations__inner {
  position: relative;
}
.call-trace__step--3 {
  animation: ct-step-54 11s linear infinite; 
}
.chalkboard__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; padding-inline: var(--gutter); container-type: inline-size;
}
.split__action {
  margin: var(--space-m) 0 0;
}
.footer-col__item {
  margin: 0;
}
.form-section {
  padding-block: var(--section-space-m); container-type: inline-size;
}
.text-link {
  color: var(--red); font-weight: 700; text-decoration: underline; text-underline-offset: 0.18em; text-decoration-thickness: 2px; &:hover { color: var(--ink); }
}
.nb-link {
  font-family: var(--font-display); font-weight: 600; color: var(--ink); text-decoration: none; border-block-end: 2px solid var(--ink); &:hover { color: var(--red); border-color: var(--red); }
}
.prose__item {
  margin: 0 0 calc(var(--space-xs) / 2); padding-inline-start: 0.2em;
}
.library-index {
  padding-block: var(--section-space-m);
}
.call-trace__trace--notify {
  stroke: var(--accent); filter: drop-shadow(0 0 5px color-mix(in oklch, var(--accent), transparent 35%)); animation: ct-draw-38-18 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.ask-strip__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; padding-inline: var(--gutter); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-m);
}
.solutions {
  padding-block: var(--section-space-m);
}
.nb-hero {
  container-type: inline-size; padding-block: clamp(2rem, 5vw, 4.5rem) clamp(2.5rem, 5vw, 4.5rem);
}
.leaders {
  padding-block: var(--section-space-m);
}
.scope-group {
  padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); box-shadow: 0 1px 2px color-mix(in oklch, var(--base), transparent 94%);
}
.brand__arc {
  fill: var(--primary);
}
.nav-toggle__label {
  display: inline;
}
.ask-strip__phone {
  font-family: var(--font-display); font-weight: 800; color: var(--ink); text-decoration: none; border-block-end: 2px solid var(--ink); &:hover { color: var(--red); border-color: var(--red); }
}
.route__no {
  position: absolute; inset-block-start: 0; inset-inline-start: 0; z-index: 1; inline-size: 2.4rem; block-size: 2.4rem; display: grid; place-items: center; background: var(--red); color: #fff; border: 3px solid var(--ink); border-radius: 50%; font-family: var(--font-display); font-weight: 800; font-size: 1.1rem; line-height: 1;
}
.card__text {
  margin: 0; color: var(--text-dark-muted);
}
.print--spot-alt {
  &.print { rotate: 2deg; }
}
.phase__note {
  margin: 0; max-inline-size: 22ch; font-size: var(--text-s); color: var(--neutral-semi-dark);
}
.ruled__mark {
  color: var(--red); font-weight: 700; font-size: 1.2rem; line-height: 1;
}
.trace-band {
  container-type: inline-size; padding-block: var(--section-space-m); background: var(--chalk); border-block: 6px solid var(--chalk-deep); color: var(--paper);
}
.trace-band__text {
  color: color-mix(in srgb, var(--paper) 88%, transparent); margin: 0 0 var(--space-m);
}
.table-wrap {
  overflow-x: auto; margin: 0 0 var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); box-shadow: 0 1px 2px color-mix(in oklch, var(--base), transparent 94%);
}
.call-trace__ripple--2 {
  animation: ct-ripple-13 11s linear infinite; 
}
.about-intro__text {
  margin: 0 0 var(--space-s); color: var(--text-dark-muted);
}
.why__list {
  display: grid; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)); gap: var(--space-s); list-style: none; margin: 0; padding: 0;
  @media (max-width: 960px) { --cols: 2; }
  @media (max-width: 560px) { --cols: 1; }
}
.handout__title {
  &.handout__title { margin: 0 0 var(--space-3xs); font-family: var(--font-display); font-weight: 800; font-size: clamp(1.25rem, 2.2vw, 1.65rem); line-height: 1.15; letter-spacing: -0.01em; color: var(--ink); }
}
.footer-col {
  min-inline-size: 0;
}
.customers__marquee--reverse {
  & .customers__track { animation-direction: reverse; animation-duration: 56s; }
}
.call-trace__grid {
  opacity: 0.9;
}
.data-table__row {
  border-block-start: 1px solid var(--neutral-light); &:first-child { border-block-start: 0; } @media (max-width: 700px) { display: block; padding: var(--space-xs) 0; }
}
.eyebrow--center {
  &.eyebrow { text-align: center; }
}
.call-trace__ripple--3 {
  animation: ct-ripple-20 11s linear infinite; 
}
.operations__grid {
  display: grid; grid-template-columns: 0.82fr 1.18fr; align-items: center; gap: var(--space-xl);
  @container (max-width: 820px) { grid-template-columns: 1fr; gap: var(--space-l); }
}
.data-table__th {
  padding: var(--space-xs) var(--space-s); text-align: start; font-weight: 700; color: var(--text-dark); background: var(--neutral-ultra-light); border-block-end: 2px solid var(--neutral-light); white-space: nowrap; @media (max-width: 700px) { white-space: normal; }
}
.cta-band {
  position: relative; overflow: hidden; padding-block: var(--section-space-s);  &::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(60% 90% at 50% 0%, color-mix(in oklch, var(--base-semi-dark), transparent 45%), transparent); }
}
.resource-card__button {
  white-space: nowrap;
}
.card-grid {
  display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-m);
  > * { flex: 0 1 calc((100% - 2 * var(--space-m)) / 3); min-inline-size: 0; }
  @media (max-width: 960px) { > * { flex-basis: calc((100% - var(--space-m)) / 2); } }
  @media (max-width: 600px) { > * { flex-basis: 100%; } }
}
.call-trace__card {
  fill: var(--base); stroke: var(--accent); stroke-width: 1.4; filter: drop-shadow(0 8px 16px color-mix(in oklch, black, transparent 55%));
}
.step__text {
  margin: 0; color: var(--text-dark-muted);
}
.hero-art {
  position: relative; inline-size: 100%; max-inline-size: 34rem; margin-inline: auto; background: var(--paper); border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--ink); transform: rotate(1.2deg);
  &::before { content: ""; position: absolute; inset-block-start: -14px; inset-inline-start: 50%; inline-size: 7rem; block-size: 1.6rem; translate: -50% 0; rotate: -3deg; background: color-mix(in srgb, var(--hl) 80%, transparent); box-shadow: 0 1px 0 color-mix(in srgb, var(--ink) 25%, transparent); z-index: 2; }
}
.print--hero {
  &.print { rotate: 2deg; max-inline-size: 24rem; box-shadow: 10px 10px 0 var(--hl); border-color: var(--paper); }
}
.hall-pass__no {
  margin: 0; font-size: var(--text-xs);
}
.hero__lead {
  max-inline-size: 62ch; margin: 0; font-size: var(--text-l); color: var(--neutral-light);
}
.footer-bottom__copy {
  margin: 0;
}
.photo-band__tag--next {
  inset-inline-start: 85%; rotate: -1deg;
}
.aside-card__phone-link {
  color: var(--base); text-decoration: none; &:hover { color: var(--primary-hover); }
}
.print__image {
  display: block; inline-size: 100%; block-size: auto;
}
.proof__action {
  margin: var(--space-m) 0 0; text-align: center;
}
.about-intro__points {
  display: grid; gap: 0; list-style: none; margin: 0; padding: var(--space-s) 0 0; background: transparent; border: 0; border-block-start: 3px solid var(--ink); border-radius: 0;
  & li { padding-block: var(--space-2xs); border-block-end: 2px dashed color-mix(in srgb, var(--ink) 30%, transparent); }
}
.prose__p {
  margin: 0 0 var(--space-s); color: var(--text-dark-muted);
}
.fit__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-m); @media (max-width: 760px) { grid-template-columns: 1fr; }
}
.scope-group__item {
  position: relative; margin: 0; padding-inline-start: 1.7em; font-size: var(--text-s); color: var(--text-dark-muted);
  &::before { content: ""; position: absolute; inset-inline-start: 0; inset-block-start: 0.15em; inline-size: 1.2em; block-size: 1.2em; border-radius: 50%; background-color: var(--primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 0.75em; background-position: center; background-repeat: no-repeat; }
}
.eyebrow {
  display: block; margin: 0 0 var(--space-xs); font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--primary-semi-dark);
}
.callout-card__button--outline {
  &.callout-card__button.btn--outline { --btn-background: transparent; --btn-text-color: var(--base); --btn-border-color: var(--primary); --btn-background-hover: var(--primary); --btn-text-color-hover: var(--white); --btn-border-color-hover: var(--primary); }
}
.print--left {
  &.print { rotate: -1.4deg; }
}
.brand__mark {
  display: inline-flex; align-items: center; justify-content: center; inline-size: 30px; block-size: 30px; flex: none; color: var(--base);
}
.ruled__item {
  display: grid; grid-template-columns: 2rem minmax(0, 1fr); align-items: baseline; gap: var(--space-xs); margin: 0; padding: var(--space-s) 0; border-block-end: 2px dashed color-mix(in srgb, var(--ink) 30%, transparent);
}
.tools__action {
  margin: var(--space-m) 0 0; text-align: center;
}
.handout__text {
  margin: 0; max-inline-size: 62ch; font-size: var(--text-s);
}
.hero__button {
  @container (max-width: 520px) { inline-size: 100%; }
}
.nb-hero__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; padding-inline: var(--gutter); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-xl); align-items: center; @container (max-width: 860px) { grid-template-columns: minmax(0, 1fr); }
}
.phase__steps {
  list-style: none; margin: 0; padding: 0;
}
.section-head__title {
  margin: 0 0 var(--space-xs);
}
.hall-pass__value {
  margin: 0; font-family: var(--font-hand); font-weight: 700; font-size: 1.45rem; line-height: 1.1;
  &.hall-pass__value--signed { color: var(--red); }
}
.chalkboard__item {
  margin: 0; padding: 0;
}
.split-section {
  padding-block: var(--section-space-l); container-type: inline-size;
}
.hero__panel {
  margin: 0; padding: var(--space-s); background: var(--base-ultra-dark); border: 1px solid color-mix(in oklch, var(--neutral-semi-light), transparent 75%); border-radius: calc(var(--radius) * 1.5); box-shadow: 0 18px 48px color-mix(in oklch, var(--base-ultra-dark), black 40%);
  @container (max-width: 940px) { order: -1; max-inline-size: 520px; }
}
.handout {
  display: grid; grid-template-columns: 4rem minmax(0, 1fr) auto; gap: var(--space-m); align-items: center; margin: 0; padding: var(--space-m) 0; border-block-end: 2px dashed color-mix(in srgb, var(--ink) 35%, transparent); @container (max-width: 760px) { grid-template-columns: 3rem minmax(0, 1fr); .handout__actions { grid-column: 2; } }
}
.overlay-panel__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 21 / 9; object-fit: cover; @media (max-width: 860px) { aspect-ratio: 4 / 3; }
}
.toc-row__title {
  font-family: var(--font-display); font-weight: 800; font-size: clamp(1.2rem, 2.1vw, 1.55rem); line-height: 1.15; letter-spacing: -0.01em;
}
.aside-card__title {
  margin: 0 0 var(--space-xs); font-size: var(--h4);
}
.eyebrow--on-dark {
  &.eyebrow { color: var(--accent); }
}
.photo-band__tag--now {
  inset-inline-start: 57%; rotate: 2deg;
}
.why__item {
  display: flex; align-items: center; gap: var(--space-xs); margin: 0; padding: var(--space-s); min-block-size: 4.5em; background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); box-shadow: 0 1px 2px color-mix(in oklch, var(--base), transparent 94%); font-size: var(--text-m); font-weight: 600; line-height: 1.3; color: var(--text-dark); transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  &::before { content: ""; flex: none; inline-size: 2.4em; block-size: 2.4em; border-radius: calc(var(--radius) * 0.75); background-color: color-mix(in oklch, var(--primary), transparent 86%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F97316' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-size: 1.15em; background-position: center; background-repeat: no-repeat; }
  &:hover { transform: translateY(-2px); border-color: var(--primary); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); }
  @media (prefers-reduced-motion: reduce) { transition: none; &:hover { transform: none; } }
}
.site-header__inner {
  inline-size: 100%; max-inline-size: var(--content-width); margin-inline: auto; display: flex; position: relative; flex-direction: row; align-items: center; justify-content: space-between; gap: var(--space-s); min-block-size: 68px;
}
.section-head__text {
  margin: 0; color: var(--text-dark-muted);
}
.callout-card {
  display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); align-items: center; gap: var(--space-m); padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.5); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); @media (max-width: 760px) { grid-template-columns: 1fr; }
}
.toc {
  container-type: inline-size; display: grid; gap: var(--space-xl); margin-block-start: var(--space-l);
}
.guide-featured__image--natural {
  &.guide-featured__image { aspect-ratio: auto; object-fit: contain; }
}
.call-trace__node-label {
  fill: var(--text-light); font-size: 11px; font-weight: 700; letter-spacing: 0.1em; paint-order: stroke; stroke: var(--base-ultra-dark); stroke-width: 7px; stroke-linejoin: round;
}
.hall-pass {
  inline-size: 100%; max-inline-size: 27rem; background: var(--hl); color: var(--ink); border: 3px solid var(--ink); box-shadow: 10px 10px 0 var(--ink); padding: var(--space-m); transform: rotate(3deg); @media (prefers-reduced-motion: no-preference) { transition: transform 0.25s ease; &:hover { transform: rotate(0deg); } }
}
.why__list--three {
  &.why__list { --cols: 3; @media (max-width: 960px) { --cols: 1; } }
}
.section-head {
  max-inline-size: 64ch; margin: 0 0 var(--space-l);
}
.footer-brand__phone {
  margin: var(--space-xs) 0 0; font-size: var(--text-s);
}
.delivery {
  padding-block: var(--section-space-m);
}
.board {
  padding-block: var(--section-space-l);
}
.hero__content {
  display: flex; flex-direction: column; align-items: flex-start;
}
.cta-band__button--ghost {
  --btn-background: transparent; --btn-text-color: var(--text-light); --btn-border-color: color-mix(in oklch, var(--white), transparent 55%); --btn-background-hover: color-mix(in oklch, var(--white), transparent 90%); --btn-text-color-hover: var(--white); --btn-border-color-hover: var(--white);
}
.field {
  display: grid; gap: calc(var(--space-xs) / 3); align-content: start;
}
.hero-art__route {
  fill: none; stroke: var(--red); stroke-width: 7; stroke-linecap: round; stroke-dasharray: 18 14;
}
.operations__title {
  margin: 0 0 var(--space-s);
}
.footer-cta {
  display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-m); padding: var(--space-l); margin-block-end: var(--space-l); border: 1px solid color-mix(in oklch, var(--neutral-semi-light), transparent 80%); border-radius: calc(var(--radius) * 1.5);
}
.aside-card {
  padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius);
}
.operations__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 3; object-fit: cover;
}
.report-card__head {
  display: flex; justify-content: space-between; gap: var(--space-s); flex-wrap: wrap; background: var(--ink); color: var(--paper); padding: var(--space-xs) var(--space-s); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
}
.phase__intro {
  min-inline-size: 0;
}
.route__step {
  position: relative; margin: 0; padding: 0 0 var(--space-l) 4rem;
  &::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 1.1rem; border-inline-start: 3px dashed var(--red); }
  &:last-child { padding-block-end: 0; }
  &:last-child::before { block-size: 1.3rem; inset-block-end: auto; }
}
.scope-group__list {
  display: grid; gap: calc(var(--space-xs) / 2); list-style: none; margin: 0; padding: 0;
}
.phase {
  position: relative; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-xl); align-items: start; padding-block: var(--space-l); border-block-start: 3px solid var(--ink); @container (max-width: 820px) { grid-template-columns: minmax(0, 1fr); gap: var(--space-m); }
  &:not(:first-child)::before { content: "\2193"; position: absolute; inset-block-start: -1.55rem; inset-inline-start: 1.2rem; display: grid; place-items: center; inline-size: 2.4rem; block-size: 2.4rem; background: var(--paper); border: 3px solid var(--red); border-radius: 50%; color: var(--red); font-weight: 700; font-size: 1.3rem; line-height: 1; }
}
.primary-nav__item {
  position: relative;
  @container (max-width: 1100px) { position: static; border-bottom: 1px solid var(--neutral-light); }
}
.toc__list {
  list-style: none; margin: 0; padding: 0;
}
.call-trace__ripple {
  fill: none; stroke: var(--primary); stroke-width: 1.6; transform-box: fill-box; transform-origin: center; opacity: 0; @media (prefers-reduced-motion: reduce) { display: none; }
}
.operations__text {
  margin: 0; color: var(--text-dark-muted);
}
.notes {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-l); margin-block-start: var(--space-l); @media (max-width: 1000px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } @media (max-width: 560px) { grid-template-columns: minmax(0, 1fr); }
}
.brand__glyph {
  fill: currentColor;
}
.resource-card__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 10; object-fit: cover; transition: transform 0.35s ease; .resource-card:hover & { transform: scale(1.03); } @media (prefers-reduced-motion: reduce) { transition: none; .resource-card:hover & { transform: none; } }
}
.form-section__grid {
  display: grid; grid-template-columns: 1.5fr 0.8fr; gap: var(--space-l); align-items: start;
  @container (max-width: 860px) { grid-template-columns: 1fr; }
}
.call-trace__step--2 {
  animation: ct-step-30 11s linear infinite; 
}
.phase__art {
  margin-block-start: var(--space-m);
}
.photo-band__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 21 / 9; object-fit: cover; @media (max-width: 700px) { aspect-ratio: 4 / 3; }
}
.brand {
  display: inline-flex; align-items: center; gap: calc(var(--space-xs) * 0.55); font-size: var(--text-m); font-weight: 800; line-height: 1; letter-spacing: -0.02em; color: var(--base); text-decoration: none; white-space: nowrap; &:hover { color: var(--base); }
/*nb*/ &.brand { background: var(--paper); color: var(--ink); padding: 0.55rem 0.9rem; font-family: var(--font-mono); font-weight: 700; letter-spacing: 0; border: 2px solid var(--ink); &:hover { color: var(--red); } .brand__mark { color: var(--ink); } }
}
.faq__item {
  background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); transition: border-color 0.18s ease, box-shadow 0.18s ease;
  &[open] { border-color: var(--primary); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); }
}
.call-trace__step {
  opacity: 0.36; @media (prefers-reduced-motion: reduce) { opacity: 1; }
}
.scope__grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--space-m);
}
.footer-brand__phone-link {
  text-decoration: none; &:hover { text-decoration: underline; }
}
.call-trace__progress {
  fill: none; stroke: var(--primary); stroke-width: 2; stroke-dasharray: 1; stroke-dashoffset: 0; animation: ct-draw-6-50 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.split__media {
  margin: 0; overflow: hidden; border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.5); background: var(--white); box-shadow: 0 18px 48px color-mix(in oklch, var(--base-ultra-dark), transparent 82%);
}
.customers__group {
  display: flex; flex: none; align-items: center; list-style: none; margin: 0; padding: 0;
  &[aria-hidden="true"] { @media (prefers-reduced-motion: reduce) { display: none; } }
  @media (prefers-reduced-motion: reduce) { flex-wrap: wrap; justify-content: center; }
}
.site-header {
  display: flex; flex-direction: column; align-items: center; inline-size: 100%; padding-inline: var(--gutter); position: sticky; top: 0; z-index: 100; padding-block: 0; background: color-mix(in oklch, var(--white), transparent 4%); backdrop-filter: saturate(140%) blur(8px); border-bottom: 1px solid var(--neutral-light); container-type: inline-size;
/*nb*/ &.site-header { background: radial-gradient(circle at 20% 30%, #fff 0 2.2px, transparent 2.8px) 0 0 / 43px 37px, radial-gradient(circle at 60% 70%, #fff 0 3px, transparent 3.6px) 17px 9px / 71px 53px, radial-gradient(circle at 40% 50%, #fff 0 1.4px, transparent 2px) 5px 21px / 29px 31px, #111; border-block-end: 0; backdrop-filter: none; }
}
.chalkboard__grid {
  list-style: none; margin: var(--space-m) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-l); @container (max-width: 760px) { grid-template-columns: minmax(0, 1fr); }
}
.call-trace__bg {
  fill: var(--base-ultra-dark);
}
.why__list--four {
  &.why__list { --cols: 4; @media (max-width: 960px) { --cols: 2; } @media (max-width: 560px) { --cols: 1; } }
}
.hall-pass__label {
  margin: 0; font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase;
}
.hero-art__route-mask {
  fill: none; stroke: #fff; stroke-width: 16; stroke-dasharray: 1; stroke-dashoffset: 1; animation: hero-draw 2s 0.9s cubic-bezier(0.5, 0, 0.3, 1) forwards; @media (prefers-reduced-motion: reduce) { animation: none; stroke-dashoffset: 0; }
}
.call-trace__track {
  fill: none; stroke: var(--base-semi-dark); stroke-width: 2; stroke-linecap: round; opacity: 0.7;
}
.deploy__action {
  margin: var(--space-m) 0 0; display: flex; justify-content: center; inline-size: 100%; max-inline-size: none;
}
.callout-band {
  padding-block: var(--section-space-xs);
}
.outcomes__action {
  margin: var(--space-m) 0 0; text-align: center;
}
.report-card__note {
  margin: 0; padding: var(--space-xs) var(--space-s); font-family: var(--font-hand); font-weight: 600; font-size: 1.4rem; color: var(--red);
}
.guide-featured__image {
  display: block; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 9; object-fit: cover;
}
.hero-art__trace {
  position: absolute; inset: 0; inline-size: 100%; block-size: 100%; overflow: visible; pointer-events: none;
}
.primary-nav__submenu-label {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-xs);
  &::after { content: ""; inline-size: 0.48em; block-size: 0.48em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
  @container (max-width: 1100px) { justify-content: flex-start; &::after { transform: rotate(45deg); } }
}
.call-trace__building {
  fill: color-mix(in oklch, var(--base) 45%, transparent); stroke: var(--base-semi-light); stroke-width: 1.5; stroke-opacity: 0.55;
}
.footer-bottom {
  display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(var(--space-xs) / 1.5) var(--space-m); margin-block-start: var(--space-l); padding-block-start: var(--space-s); border-top: 1px solid color-mix(in oklch, var(--neutral-semi-light), transparent 80%); font-size: var(--text-xs); color: var(--neutral-semi-light);
}
.hero__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-block-start: var(--content-gap);
  @container (max-width: 520px) { inline-size: 100%; }
}
.call-trace__room-glow {
  fill: color-mix(in oklch, var(--primary), transparent 78%); stroke: var(--primary); stroke-width: 1.6; animation: ct-fade-5 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.handout__body {
  min-inline-size: 0;
}
.cred-band {
  padding-block: var(--section-space-xs); container-type: inline-size;
}
.outcomes {
  padding-block: var(--section-space-m);
}
.footer-brand {
  @container (max-width: 940px) { grid-column: 1 / -1; }
}
.page-hero--split {
  container-type: inline-size;
}
.ask-strip__actions {
  display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-m);
}
.scope__inner {
  position: relative;
}
.hero {
  position: relative; overflow: hidden; container-type: inline-size; padding-block: var(--section-space-s);  &::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(60% 60% at 72% 28%, color-mix(in oklch, var(--base-semi-dark), transparent 45%), transparent); }
}
.form-card {
  padding: var(--space-m); background: var(--white); border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.5); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%);
}
.route__phase {
  position: relative; margin: 0; padding: 0;
  &::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 1.1rem; border-inline-start: 3px dashed var(--red); }
  & .hand-note { margin-block: var(--space-m) var(--space-xs); margin-inline-start: 4rem; }
}
.trace-band__slot {
  min-inline-size: 0;
}
.footer-cta__button {
  white-space: nowrap;
}
.call-trace__kicker {
  fill: var(--neutral-light); font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em;
}
.split__button {
  white-space: nowrap;
}
.customers {
  position: relative; overflow: hidden; container-type: inline-size; padding-block: var(--section-space-s);  &::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(55% 70% at 50% 0%, color-mix(in oklch, var(--base-semi-dark), transparent 55%), transparent); }
}
.hall-pass__head {
  display: flex; align-items: baseline; justify-content: space-between; gap: var(--space-s); padding-block-end: var(--space-2xs); border-block-end: 3px solid var(--ink);
}
.call-trace__leader {
  fill: none; stroke: var(--accent); stroke-width: 1.4; stroke-dasharray: 1; stroke-dashoffset: 0; animation: ct-draw-32-6 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.call-trace__packet--notify {
  &.call-trace__packet { offset-path: path('M441 214 L90 214 L90 230'); filter: drop-shadow(0 0 5px color-mix(in oklch, var(--accent), transparent 35%)); animation: ct-travel-38-18 11s linear infinite;  }
}
.hero__trust {
  display: grid; gap: calc(var(--space-xs) / 1.5); list-style: none; margin: var(--content-gap) 0 0; padding: 0;
}
.operations__content {
  display: block;
}
.call-trace__check {
  fill: none; stroke: var(--primary); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.primary-nav__links {
  display: flex; align-items: center; gap: var(--space-s); list-style: none; margin: 0; padding: 0;
  @container (max-width: 1100px) { flex-direction: column; align-items: stretch; gap: 0; inline-size: 100%; }
}
.split__sub {
  margin: var(--space-s) 0 0; font-weight: 700; color: var(--text-dark);
}
.page-hero__copy {
  min-inline-size: 0;
}
.steps {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: var(--space-m); counter-reset: step; list-style: none; margin: 0; padding: 0;
}
.how-we {
  padding-block: var(--section-space-m);
}
.hall-pass__row {
  display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); align-items: baseline; gap: var(--space-xs); padding-block: var(--space-2xs); border-block-end: 2px solid var(--ink);
}
.callout__text {
  margin: 0; color: var(--text-dark-muted);
}
.call-trace__ripple--1 {
  animation: ct-ripple-6 11s linear infinite; 
}
.footer-cta__text {
  max-inline-size: 44ch; margin: 0; color: var(--neutral-semi-light);
}
.call-trace__platform {
  fill: color-mix(in oklch, var(--base) 70%, var(--base-semi-dark)); stroke: var(--base-light); stroke-width: 1.6;
}
.call-trace__packet--emergency {
  &.call-trace__packet { offset-path: path('M470 238 L470 300'); animation: ct-travel-38-10 11s linear infinite;  }
}
.proof-list {
  display: grid; gap: calc(var(--space-xs) / 1.5); list-style: none; margin: var(--content-gap) 0 0; padding: 0;
}
.call-trace__card-value {
  fill: var(--white); font-size: 14px; font-weight: 700;
}
.hall-pass__list {
  margin: 0; padding: 0;
}
.aside-card__list {
  display: grid; gap: calc(var(--space-xs) / 1.5); margin: 0; padding-inline-start: 1.3em; color: var(--text-dark-muted); list-style: revert;
}
.route {
  list-style: none; margin: var(--space-l) 0 0; padding: 0; max-inline-size: 52rem;
}
.library {
  padding-block: var(--section-space-xs);
}
.field__label {
  font-size: var(--text-s); font-weight: 700; color: var(--text-dark);
}
.resource-card {
  &.card { padding: 0; display: flex; flex-direction: column; }
}
.proof {
  padding-block: var(--section-space-m);
}
.nb-hero__actions {
  display: flex; flex-wrap: wrap; gap: var(--space-s) var(--space-m); align-items: center;
}
.page-hero__button {
  @media (max-width: 520px) { inline-size: 100%; }
}
.call-trace__step-num {
  fill: var(--white); font-size: 11px; font-weight: 800;
}
.guide-featured__figure {
  margin: 0 auto; max-inline-size: 1000px; overflow: hidden; background: var(--white); border: 1px solid var(--neutral-light); border-radius: calc(var(--radius) * 1.5); box-shadow: 0 18px 48px color-mix(in oklch, var(--base-ultra-dark), transparent 84%);
}
.primary-nav__submenu-item {
  position: relative; margin: 0;
  @container (max-width: 1100px) { position: static; }
}
.about-intro {
  padding-block: var(--section-space-m); container-type: inline-size;
}
.customers__kind {
  font-size: var(--text-xs); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--neutral-semi-light);
}
.fit-card--positive {
  &.fit-card { border-color: color-mix(in oklch, var(--primary), transparent 55%); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); }
}
.call-trace__node-sub {
  fill: var(--neutral-semi-light); font-size: 10.5px; paint-order: stroke; stroke: var(--base-ultra-dark); stroke-width: 6px; stroke-linejoin: round;
}
.trace-band__title {
  font-size: var(--h2); line-height: 1.05; color: var(--paper); margin: 0 0 var(--space-s);
}
.why-works {
  padding-block: var(--section-space-m);
}
.callout-card__image {
  display: block; inline-size: 100%; block-size: auto;
}
.nav-toggle__bar {
  inline-size: 18px; block-size: 2px; background: var(--white); border-radius: 2px;
}
.primary-nav__nested-link {
  display: block; padding: calc(var(--space-xs) / 2) calc(var(--space-xs) * 0.6); border-radius: var(--radius); color: var(--text-dark-muted); font-size: var(--text-s); font-weight: 600; text-decoration: none; white-space: nowrap;
  &:hover, &:focus-visible { color: var(--base); background: var(--neutral-ultra-light); }
  @container (max-width: 1100px) { white-space: normal; padding-inline: calc(var(--space-xs) / 5); }
}
.page-hero {
  position: relative; overflow: hidden; padding-block: var(--section-space-s);
  &::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(60% 90% at 80% 0%, color-mix(in oklch, var(--base-semi-dark), transparent 45%), transparent); }
}
.primary-nav__nested-submenu {
  position: absolute; top: calc(var(--space-xs) / -3); left: calc(100% + var(--space-xs) / 3); z-index: 25; display: none; min-inline-size: 22em; background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); list-style: none; margin: 0; padding: calc(var(--space-xs) / 3);
  @container (max-width: 1100px) { position: static; min-inline-size: 0; padding: 0 0 calc(var(--space-xs) / 3) var(--space-xs); border: 0; border-radius: 0; box-shadow: none; background: transparent; }
}
.hero__inner {
  position: relative;
}
.data-table__head {
  @media (max-width: 700px) { position: absolute; inset-inline-start: -9999px; }
}
.hand-note {
  font-family: var(--font-hand); font-weight: 600; font-size: clamp(1.6rem, 2.4vw, 2.1rem); line-height: 1; color: var(--red); display: inline-block; margin: 0 0 var(--space-xs); transform: rotate(-1.5deg);
  &.hand-note--yellow { color: var(--hl); }
}
.prose__h3 {
  margin: var(--space-m) 0 calc(var(--space-xs) / 2); font-size: var(--h4);
}
.report-card__row {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-xs) var(--space-s); flex-wrap: wrap; padding: var(--space-xs) var(--space-s); border-block-end: 1px solid color-mix(in srgb, var(--ink) 15%, transparent);
}
.page-hero__lead {
  max-inline-size: 62ch; margin: var(--space-xs) 0 0; font-size: var(--text-l); color: var(--neutral-light);
}
.call-trace__trace--emergency {
  stroke: var(--primary); filter: drop-shadow(0 0 5px color-mix(in oklch, var(--primary), transparent 35%)); animation: ct-draw-38-10 11s linear infinite;  @media (prefers-reduced-motion: reduce) { animation: none; }
}
.hall-pass__title {
  margin: 0; font-family: var(--font-display); font-weight: 800; font-size: var(--h3); letter-spacing: 0.04em; line-height: 1; white-space: nowrap;
}
.primary-nav__submenu {
  position: absolute; top: calc(100% + var(--space-xs) / 3); left: 0; z-index: 20; display: none; min-inline-size: 18em; background: var(--white); border: 1px solid var(--neutral-light); border-radius: var(--radius); box-shadow: 0 6px 20px color-mix(in oklch, var(--base), transparent 92%); list-style: none; margin: 0; padding: calc(var(--space-xs) / 3);
  &::before { content: ""; position: absolute; inset-inline: 0; top: calc(var(--space-xs) / -2); block-size: calc(var(--space-xs) / 2); }
  @container (max-width: 1100px) { position: static; display: block; min-inline-size: 0; padding: 0 0 calc(var(--space-xs) / 2) var(--space-xs); border: 0; border-radius: 0; box-shadow: none; background: transparent; &::before { display: none; } }
}
.nb-quiz__verdict {
  font-family: var(--font-hand); font-weight: 600; font-size: 1.7rem; line-height: 1.1; color: var(--red); margin: var(--space-xs) 0 0; min-block-size: 2.2em;
}
.report-card__head-item {
  color: inherit;
}
.split__text {
  margin: 0 0 var(--space-s); color: var(--text-dark-muted);
}
.why__also {
  margin: var(--space-l) 0 var(--space-xs); font-weight: 600; color: var(--text-dark);
}