/* Landing-only owner cleanup. Shared application assets remain unchanged. */
.hero-grid { min-height: 0; }
.hero-visual .visual-caption > span:only-child { font-size: inherit; color: inherit; }
.course-result-note {
  margin-top: 32px;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}
.principles h2 + .lead {
  margin-top: 22px;
  max-width: 32rem;
}

/* The DOM follows the narrow-screen reading and keyboard order. */
.pricing .price-card {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas: "title action" "includes action";
}
.pricing .price-title {
  grid-area: title;
  padding: 40px 40px 0;
  font-family: Oswald, "Arial Narrow", sans-serif;
  font-size: 32px;
  line-height: 1.3;
}
.pricing .price-includes {
  grid-area: includes;
  padding-top: 24px;
  min-width: 0;
}
.pricing .price-action {
  grid-area: action;
  min-width: 0;
}
.pricing .price-value { margin-top: 0; }
.pricing .price-purchase {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
.pricing .price-action > .price-assurance { margin-top: 24px; }

/* The paper is light even though the surrounding page is dark. Preserve
   native radio states, label activation and keyboard selection without JS. */
.preview-quiz input[type="radio"] {
  appearance: auto;
  color-scheme: light;
  accent-color: #213528;
  inline-size: 20px;
  block-size: 20px;
}
.preview-quiz input[type="radio"]:focus {
  outline: 3px solid #213528;
  outline-offset: 4px;
}
@supports selector(:focus-visible) {
  .preview-quiz input[type="radio"]:focus:not(:focus-visible) { outline: none; }
}/* Keep the shared button, SVG and scroll/focus controller, but expose only
   its arrow on this landing. No changes to SITE includes/static assets. */

.finale {
  padding-block: 64px;
}
.finale h2 { font-size: clamp(56px, 7vw, 96px); }
.finale .final-content {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  align-items: center;
  gap: clamp(32px, 4vw, 64px);
  margin-top: 0;
}
.final-copy, .final-art { min-width: 0; }
.final-copy > p:not(.free-note) { margin-top: 28px; }
.final-art picture, .final-art img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.final-art {
  -webkit-mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent);
}
/* Independent nested masks avoid composite-mode compatibility differences.
   Only the background edges fade; the plate subjects stay fully opaque. */
.final-art picture {
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 97%, transparent);
  mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 97%, transparent);
}
@media (max-width: 1023px) {
  .finale .final-content { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .final-art { display: none; }
  .finale .actions { flex-direction: column; align-items: stretch; gap: 16px; }.finale .actions > .button-primary{width: 100%}.finale .actions > .text-link{align-self: flex-start;width: auto}
}
.finale .free-note {
  font-size: 14px;
  margin-top: 18px;
}

@media (max-width: 1100px) {
  .pricing .price-title { padding: 30px 30px 0; }
}
@media (max-width: 699px) {
  .pricing .price-card {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "title" "action" "includes";
  }
  .pricing .price-title { padding: 28px 26px 0; font-size: 28px; }
  .pricing .price-action {
    border-left: 0;
    border-bottom: 1px solid var(--line);
    padding: 24px 26px 28px;
  }
  .pricing .price-includes { padding: 28px 26px; }
  .finale { padding-block: 48px; }
  .finale h2 { font-size: clamp(52px, 16vw, 78px); }
  .finale .final-content { margin-top: 0; }
}
@media (max-width: 359px) {
  .pricing .price-title { padding-inline: 20px; }
  .pricing .price-action, .pricing .price-includes { padding-inline: 20px; }
}
@media (forced-colors: active) {
  .preview-quiz input[type="radio"] {
    forced-color-adjust: auto;
    accent-color: auto;
  }
  .preview-quiz input[type="radio"]:focus { outline-color: Highlight; }
}