/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src\\app\\layout.tsx","import":"DM_Sans","arguments":[{"subsets":["latin"],"variable":"--font-body","display":"swap"}],"variableName":"dmSans"} ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(/_next/static/media/7ab938503e4547a1-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 100 1000;
  font-display: swap;
  src: url(/_next/static/media/13971731025ec697-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'DM Sans Fallback';src: local("Arial");ascent-override: 94.90%;descent-override: 29.66%;line-gap-override: 0.00%;size-adjust: 104.53%
}.__className_0d7163 {font-family: 'DM Sans', 'DM Sans Fallback';font-style: normal
}.__variable_0d7163 {--font-body: 'DM Sans', 'DM Sans Fallback'
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[15].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"src\\app\\layout.tsx","import":"Manrope","arguments":[{"subsets":["latin"],"variable":"--font-display","display":"swap"}],"variableName":"manrope"} ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/438aa629764e75f3-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/875ae681bfde4580-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/51251f8b9793cdb3-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/e857b654a2caa584-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: 'Manrope Fallback';src: local("Arial");ascent-override: 103.31%;descent-override: 29.07%;line-gap-override: 0.00%;size-adjust: 103.19%
}.__className_73ee6c {font-family: 'Manrope', 'Manrope Fallback';font-style: normal
}.__variable_73ee6c {--font-display: 'Manrope', 'Manrope Fallback'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .static {
    position: static;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .w-full {
    width: 100%;
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
}
:root {
  --ink: #15231f;
  --ink-2: #23362e;
  --forest: #10251e;
  --forest-2: #1c392b;
  --paper: #f7f7f2;
  --white: #fff;
  --muted: #63716a;
  --line: #dfe4dc;
  --lime: #d2fa6d;
  --lime-dark: #b7ee39;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--font-body),Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
}
button,a {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}
a {
  text-decoration: none;
  color: inherit;
}
h1,h2,h3,p {
  margin: 0;
}
h1,h2,h3 {
  font-family: var(--font-display),Arial,sans-serif;
  letter-spacing: -.055em;
}
h1,h2 {
  font-weight: 800;
}
.container-wide {
  width: min(100% - 88px,1320px);
  margin-inline: auto;
}
.section-pad {
  padding-block: 124px;
}
.kicker,.eyebrow,.question-overline,.profile-label {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: .16em;
  font-weight: 800;
}
.kicker {
  color: #53675a;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #355140;
}
.eyebrow-light {
  color: var(--lime);
}
.eyebrow-line {
  width: 29px;
  height: 1px;
  background: currentColor;
  display: inline-block;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--ink);
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.06em;
  line-height: 1;
}
.brand-light {
  color: var(--white);
}
.brand-small {
  display: block;
  font-family: var(--font-body),Arial,sans-serif;
  font-size: 8px;
  letter-spacing: .26em;
  font-weight: 800;
  line-height: 1.7;
}
.brand-mark {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  background: var(--lime);
  clip-path: polygon(0 0,100% 0,100% 60%,59% 100%,0 100%);
}
.brand-mark span {
  width: 13px;
  height: 13px;
  border: 4px solid var(--forest);
  border-radius: 50%;
  display: block;
}
.cta {
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 64px;
  padding: 0 21px 0 25px;
  background: var(--lime);
  color: var(--forest);
  font-family: var(--font-body),Arial,sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.02em;
  transition: background .2s,transform .2s,box-shadow .2s;
}
.cta:hover:not(:disabled) {
  background: var(--lime-dark);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px #0000001d;
}
.cta:focus-visible,.answer:focus-visible,.share-button:focus-visible,.back-button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible {
  outline: 3px solid #86aeff;
  outline-offset: 3px;
}
.cta:disabled {
  opacity: .45;
}
.cta-arrow {
  font-size: 23px;
  line-height: 1;
  font-weight: 400;
}
.cta-dark {
  color: #fff;
  background: var(--forest);
}
.cta-dark:hover:not(:disabled) {
  background: #284637;
}
.cta-outline {
  background: transparent;
  border-color: currentColor;
}
.hero-wrap {
  background: var(--forest);
  color: #fff;
  overflow: hidden;
}
.hero-shell {
  min-height: 730px;
  display: flex;
  flex-direction: column;
}
.hero-nav,.hero-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hero-nav {
  padding-block: 35px;
  border-bottom: 1px solid #ffffff2a;
}
.nav-note {
  font-size: 12px;
  color: #b4c3b7;
  letter-spacing: .04em;
}
.hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.1fr) minmax(410px,.9fr);
  align-items: center;
  gap: 68px;
  flex: 1;
  padding-block: 67px 57px;
}
.hero-content {
  max-width: 690px;
}
.hero-content h1 {
  font-size: clamp(54px,5.7vw,91px);
  line-height: 1.025;
  margin: 27px 0 26px;
  letter-spacing: -.072em;
}
.hero-content h1 em {
  font-style: normal;
  color: var(--lime);
}
.hero-content>p {
  color: #d5ded6;
  font-size: 19px;
  line-height: 1.55;
  max-width: 535px;
}
.hero-action {
  display: flex;
  align-items: center;
  gap: 19px;
  margin-top: 40px;
}
.hero-action>span {
  font-size: 12px;
  line-height: 1.5;
  color: #a5b7a9;
}
.hero-art {
  height: 460px;
  position: relative;
  overflow: hidden;
  padding: 28px 30px;
  display: flex;
  flex-direction: column;
  background: #284435;
  box-shadow: 15px 18px 0 #1b3529;
  transform: rotate(-2deg);
}
.hero-art:after {
  content: "";
  position: absolute;
  right: -120px;
  top: 130px;
  width: 300px;
  height: 300px;
  border: 1px solid #ffffff15;
  border-radius: 50%;
  box-shadow: 0 0 0 37px #ffffff08,0 0 0 75px #ffffff06;
  pointer-events: none;
}
.art-top,.art-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .17em;
  color: #b9cbbb;
}
.art-top {
  padding-bottom: 22px;
  border-bottom: 1px solid #ffffff30;
}
.art-bottom {
  margin-top: auto;
  padding-top: 19px;
  border-top: 1px solid #ffffff30;
}
.art-signal {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 28px;
}
.signal-small {
  font-size: 16px;
  color: #e5ede2;
  min-width: 140px;
}
.signal-line {
  width: 54%;
  height: 6px;
  background: #ffffff25;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.signal-line i {
  height: 100%;
  width: 67%;
  background: #abbba9;
  display: block;
}
.signal-line-2 i {
  width: 36%;
  background: #8aa28c;
}
.art-focus {
  display: flex;
  gap: 22px;
  align-items: start;
  margin-top: 55px;
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.06em;
}
.art-focus strong {
  color: var(--lime);
  font-weight: 800;
}
.focus-star {
  font-family: Arial,sans-serif;
  font-size: 53px;
  color: var(--lime);
  line-height: .9;
}
.hero-footer {
  padding: 21px 0 29px;
  border-top: 1px solid #ffffff2a;
  color: #c7d4c9;
  font-size: 12px;
  line-height: 1.45;
}
.hero-scroll {
  letter-spacing: .13em;
  font-size: 10px;
  font-weight: 700;
}
.hero-scroll span {
  font-size: 17px;
  vertical-align: middle;
  margin-left: 14px;
}
.pain-section {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 100px;
}
.section-heading h2,.belief-section h2,.transition-section h2,.faq-section h2 {
  font-size: clamp(38px,4.2vw,64px);
  line-height: 1.08;
  margin-top: 23px;
}
.section-heading h2 i,.transition-section h2 i,.faq-section h2 i {
  font-style: normal;
  color: #7a8c7b;
}
.section-heading>p,.transition-section p {
  font-size: 17px;
  line-height: 1.65;
  color: var(--muted);
  margin-top: 23px;
  max-width: 460px;
}
.pain-list {
  border-top: 1px solid var(--line);
}
.pain-row {
  display: grid;
  grid-template-columns: 48px 1fr 24px;
  gap: 17px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 24px 0;
}
.pain-number {
  font-size: 12px;
  font-weight: 800;
  color: #719375;
  align-self: start;
  padding-top: 6px;
}
.pain-row p {
  font-size: 20px;
  font-weight: 650;
  line-height: 1.32;
  letter-spacing: -.028em;
}
.pain-mark {
  font-size: 20px;
  color: #8ca092;
}
.belief-section {
  background: var(--lime);
  padding-block: 105px;
}
.belief-grid {
  display: grid;
  grid-template-columns: .44fr 1fr;
  gap: 50px;
}
.belief-grid>.kicker {
  color: #3c5439;
  padding-top: 13px;
}
.belief-section h2 {
  max-width: 800px;
  margin: 0;
}
.belief-section h2 span {
  color: #69784b;
}
.belief-section p {
  font-size: 19px;
  line-height: 1.6;
  max-width: 670px;
  margin: 25px 0 43px;
}
.belief-line {
  border-top: 1px solid #2439235e;
  display: flex;
  gap: 25px;
  padding-top: 27px;
  font-size: 21px;
  line-height: 1.35;
}
.belief-symbol {
  font-size: 24px;
}
.transition-section {
  display: grid;
  grid-template-columns: 1fr .72fr;
  gap: 90px;
  align-items: center;
}
.transition-section .cta {
  margin-top: 30px;
}
.transition-graphic {
  border-left: 1px solid var(--line);
  padding-left: 70px;
}
.transition-graphic>span {
  display: flex;
  align-items: baseline;
  gap: 27px;
  padding: 25px 0;
  border-bottom: 1px solid var(--line);
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 52px;
  letter-spacing: -.07em;
  font-weight: 800;
  color: #8da48f;
}
.transition-graphic>span:last-child {
  color: var(--ink);
}
.transition-graphic>span span {
  font-family: var(--font-body),Arial,sans-serif;
  font-size: 17px;
  letter-spacing: -.01em;
  font-weight: 700;
}
.faq-section {
  display: grid;
  grid-template-columns: .74fr 1fr;
  gap: 100px;
  border-top: 1px solid var(--line);
}
.faq-list {
  border-top: 1px solid var(--line);
}
.faq-list details {
  border-bottom: 1px solid var(--line);
}
.faq-list summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 0;
  font-size: 17px;
  font-weight: 700;
}
.faq-list summary::-webkit-details-marker {
  display: none;
}
.faq-list summary span {
  font-size: 24px;
  font-weight: 300;
}
.faq-list details[open] summary span {
  transform: rotate(45deg);
}
.faq-list details p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--muted);
  padding: 0 25px 23px 0;
}
.site-footer {
  background: var(--forest);
  color: #c8d7c9;
  padding-block: 35px;
}
.site-footer>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  font-size: 12px;
}
.site-footer button {
  border: 0;
  background: transparent;
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}
.quiz-shell {
  min-height: 100svh;
  background: var(--paper);
  display: flex;
  flex-direction: column;
}
.quiz-header {
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
}
.quiz-header>span,.result-header>span {
  font-size: 11px;
  letter-spacing: .16em;
  font-weight: 800;
  color: #718078;
}
.quiz-close {
  border: 0;
  background: none;
  font-size: 18px;
  color: #66776b;
  padding: 12px;
}
.quiz-main {
  width: min(100% - 40px,720px);
  margin: 0 auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 50px 0 38px;
}
.progress {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 13px;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}
.progress-track {
  height: 5px;
  background: #dfe6dc;
  flex: 1;
  overflow: hidden;
}
.progress-track>div {
  height: 100%;
  background: var(--forest);
  transition: width .4s ease;
}
.progress>span span {
  color: #8c998e;
}
.question-enter {
  animation: enter .35s ease both;
}
@keyframes enter {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.question-overline {
  color: #6e8e70;
  margin-top: 64px;
}
.question-enter h1 {
  font-size: clamp(37px,4vw,57px);
  line-height: 1.1;
  margin: 15px 0 0;
}
.question-hint {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.5;
  margin-top: 15px;
}
.question-passage {
  background: #e9eee5;
  border-left: 3px solid #6e9b73;
  padding: 18px 22px;
  margin-top: 25px;
  font-size: 17px;
  line-height: 1.55;
  font-weight: 600;
}
.answer-list {
  display: grid;
  gap: 10px;
  margin-top: 32px;
}
.answer {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 18px;
  width: 100%;
  padding: 14px 19px;
  min-height: 67px;
  border: 1px solid #dce3da;
  background: #fff;
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  transition: background .2s,border-color .2s,transform .2s;
}
.answer:hover {
  border-color: #839b84;
  transform: translateX(3px);
}
.answer.selected {
  border-color: #305f3b;
  background: #ebf8db;
}
.answer-letter {
  width: 30px;
  height: 30px;
  flex: none;
  display: grid;
  place-items: center;
  border: 1px solid #b4c2b5;
  color: #496850;
  font-size: 12px;
  font-weight: 800;
}
.selected .answer-letter {
  background: var(--forest);
  color: #fff;
  border-color: var(--forest);
}
.answer-check {
  margin-left: auto;
  font-size: 20px;
  color: #275933;
  min-width: 20px;
}
.question-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  padding-top: 30px;
}
.question-actions .cta {
  min-width: 210px;
}
.back-button {
  border: 0;
  background: transparent;
  color: #607064;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 0;
}
.quiz-footnote {
  text-align: center;
  font-size: 12px;
  color: #839186;
  margin-top: 21px;
}
.quiz-error {
  color: #a4372c;
  font-size: 14px;
  margin-top: 12px;
}
.feedback-panel {
  margin: auto 0;
  padding-block: 45px;
}
.feedback-spark {
  font-size: 66px;
  color: #4a7951;
  line-height: 1;
}
.feedback-panel .kicker {
  display: block;
  margin-top: 23px;
}
.feedback-panel h1 {
  max-width: 600px;
  margin-top: 18px;
}
.feedback-panel>p {
  font-size: 20px;
  line-height: 1.55;
  color: #506257;
  max-width: 630px;
  margin-top: 23px;
}
.feedback-bottom {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 36px;
}
.feedback-bottom>span {
  font-size: 12px;
  color: #7f8e81;
}
.processor {
  margin: auto 0;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.processor-orbit {
  width: 96px;
  height: 96px;
  border: 1px solid #8da28d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  margin-bottom: 35px;
  animation: turn 5s linear infinite;
}
.processor-orbit:before {
  content: "";
  position: absolute;
  width: 57px;
  height: 57px;
  border: 1px solid #a2b9a2;
  border-radius: 50%;
}
.processor-orbit i {
  width: 6px;
  height: 6px;
  background: #547c59;
  border-radius: 50%;
  z-index: 1;
}
@keyframes turn {
  to {
    transform: rotate(360deg);
  }
}
.processor h1 {
  margin-top: 20px;
  font-size: clamp(38px,4.3vw,62px);
  line-height: 1.12;
}
.processor>p {
  color: var(--muted);
  font-size: 17px;
  margin-top: 17px;
}
.processor-track {
  height: 5px;
  background: #dce5da;
  width: 100%;
  margin-top: 40px;
}
.processor-track>div {
  height: 100%;
  background: #345e3c;
  transition: width .6s;
}
.processor-evidence {
  font-size: 12px;
  color: #758576;
  margin-top: 14px;
}
.quiz-loading,.result-loading {
  margin: auto;
  min-height: 70vh;
  display: grid;
  place-items: center;
  color: var(--muted);
}
.result-header {
  height: 89px;
  border-bottom: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reset-button {
  border: 0;
  background: none;
  padding: 10px 0;
  color: #5b6f5f;
  text-decoration: underline;
  font-size: 13px;
  font-weight: 700;
}
.result-hero {
  display: grid;
  grid-template-columns: 1.15fr .7fr;
  gap: 70px;
  align-items: stretch;
  padding-block: 80px 105px;
}
.result-heading {
  padding-top: 20px;
}
.result-preview {
  border-left: 4px solid #426b45;
  background: #e5f2dc;
  padding: 17px 20px;
  margin-top: 30px;
  max-width: 680px;
}
.result-preview strong {
  display: block;
  font-size: 11px;
  letter-spacing: .14em;
  color: #2e6137;
  font-weight: 900;
}
.result-preview p {
  font-size: 14px;
  line-height: 1.5;
  color: #3f5843;
  margin-top: 8px;
}
.result-heading h1 {
  font-size: clamp(48px,5.3vw,79px);
  line-height: 1.04;
  margin-top: 22px;
  max-width: 790px;
}
.result-heading>p {
  font-size: 19px;
  line-height: 1.6;
  color: #54645a;
  max-width: 690px;
  margin-top: 23px;
}
.result-contrast {
  display: flex;
  gap: 17px;
  border-top: 1px solid var(--line);
  margin-top: 40px;
  padding-top: 26px;
  max-width: 630px;
}
.contrast-star {
  font-size: 31px;
  color: #46774a;
  line-height: 1;
}
.result-contrast p {
  font-size: 17px;
  line-height: 1.55;
}
.result-contrast strong {
  font-weight: 800;
}
.result-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 32px;
}
.share-button {
  border: 0;
  border-bottom: 1px solid #78927b;
  padding: 9px 0;
  background: transparent;
  color: #31513b;
  font-size: 14px;
  font-weight: 800;
}
.student-profile {
  background: var(--forest);
  color: #fff;
  padding: 32px;
  display: flex;
  flex-direction: column;
  min-height: 490px;
}
.profile-label {
  color: var(--lime);
}
.profile-glyph {
  font-size: 59px;
  color: var(--lime);
  margin-top: 20px;
  line-height: 1;
}
.student-profile h2 {
  font-size: clamp(34px,3vw,46px);
  line-height: 1.07;
  margin-top: 14px;
}
.student-profile>p {
  font-size: 15px;
  line-height: 1.6;
  color: #d7e2d8;
  margin-top: 20px;
}
.profile-note {
  border-top: 1px solid #ffffff30;
  padding-top: 17px;
  color: var(--lime);
  font-size: 14px;
  line-height: 1.5;
  margin-top: 25px;
}
.profile-context {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: auto 0 0;
  padding-top: 25px;
}
.profile-context dt {
  font-size: 10px;
  letter-spacing: .15em;
  font-weight: 800;
  color: #a6c0aa;
  text-transform: uppercase;
}
.profile-context dd {
  margin: 7px 0 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.score-chart {
  padding: 75px 0 95px;
  border-top: 1px solid var(--line);
}
.chart-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 80px;
}
.chart-heading h2,.priorities-heading h2,.map-top h2,.gap-section h2,.offer-section h2 {
  font-size: clamp(42px,4.4vw,66px);
  line-height: 1.07;
  margin-top: 18px;
}
.chart-heading h2 i,.priorities-heading h2 i,.map-top h2 i,.gap-section h2 i,.offer-section h2 i {
  font-style: normal;
  color: #78927d;
}
.chart-heading>p {
  max-width: 370px;
  font-size: 15px;
  line-height: 1.55;
  color: #607164;
}
.chart-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-top: 55px;
}
.chart-group h3 {
  font-family: var(--font-body),Arial,sans-serif;
  font-size: 12px;
  letter-spacing: .15em;
  color: #63766a;
  margin-bottom: 23px;
}
.score-list {
  display: grid;
  gap: 21px;
}
.score-label {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
}
.score-label>span:last-child {
  font-size: 21px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.score-label small {
  font-size: 11px;
  color: #879b8b;
}
.score-track {
  height: 9px;
  background: #dfe7dc;
  margin-top: 8px;
}
.score-track>div {
  height: 100%;
  background: #315c3a;
  transition: width .7s ease;
}
.chart-group:nth-child(2) .score-track>div {
  background: #789c74;
}
.chart-disclaimer {
  font-size: 13px;
  color: #728276;
  line-height: 1.55;
  margin-top: 38px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}
.priorities-section {
  padding: 90px 0 100px;
  border-top: 1px solid var(--line);
  scroll-margin-top: 25px;
}
.priorities-heading {
  max-width: 730px;
}
.priorities-heading p,.map-top>p {
  font-size: 17px;
  color: #596c5e;
  line-height: 1.55;
  margin-top: 18px;
}
.first-step {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin-top: 28px;
  padding: 17px 0;
  border-block: 1px solid var(--line);
}
.first-step span {
  font-size: 10px;
  letter-spacing: .13em;
  font-weight: 900;
  color: #4a7051;
  flex: none;
}
.first-step strong {
  font-size: 15px;
  line-height: 1.45;
}
.priority-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 15px;
  margin-top: 45px;
}
.priority-card {
  background: #eef2e9;
  border: 1px solid #e1e8de;
  min-height: 430px;
  padding: 27px;
  display: flex;
  flex-direction: column;
}
.priority-card:first-child {
  background: var(--forest);
  color: #fff;
  border-color: var(--forest);
}
.priority-index {
  font-size: 11px;
  letter-spacing: .16em;
  font-weight: 900;
  color: #6e8a70;
}
.priority-card:first-child .priority-index {
  color: var(--lime);
}
.priority-card h3 {
  font-size: 32px;
  line-height: 1.11;
  margin-top: 50px;
}
.priority-card>p {
  font-size: 15px;
  line-height: 1.55;
  color: #526657;
  margin-top: 16px;
}
.priority-card:first-child>p {
  color: #d9e4d7;
}
.priority-action {
  border-top: 1px solid #becfbd;
  padding-top: 18px;
  margin-top: auto;
}
.priority-card:first-child .priority-action {
  border-color: #ffffff50;
}
.priority-action span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
  color: #57735d;
}
.priority-card:first-child .priority-action span {
  color: var(--lime);
}
.priority-action p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 7px;
}
.priority-evidence {
  font-size: 11px;
  line-height: 1.45;
  color: #7a8d7b;
  margin-top: 17px;
}
.priority-card:first-child .priority-evidence {
  color: #a8bfa8;
}
.strength-strip {
  display: flex;
  gap: 45px;
  align-items: center;
  border-block: 1px solid var(--line);
  padding-block: 22px;
  margin-top: 45px;
}
.strength-strip span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .15em;
  min-width: 155px;
}
.strength-strip p {
  font-size: 15px;
  color: #536656;
  line-height: 1.5;
}
.priority-map {
  padding: 65px 0 110px;
}
.map-top {
  max-width: 730px;
}
.map-columns {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin-top: 46px;
  border: 1px solid var(--line);
}
.map-column {
  padding: 26px;
  min-height: 355px;
  border-right: 1px solid var(--line);
}
.map-column:last-child {
  border-right: 0;
}
.map-now {
  background: #e8f6d9;
}
.map-column-heading {
  display: flex;
  align-items: center;
  gap: 11px;
}
.map-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #749e73;
}
.map-now .map-dot {
  background: #214b2c;
}
.map-column h3 {
  font-family: var(--font-body),Arial,sans-serif;
  font-size: 12px;
  letter-spacing: .14em;
}
.map-column>p {
  font-size: 14px;
  color: #647567;
  line-height: 1.45;
  margin-top: 13px;
  min-height: 42px;
}
.map-column ul {
  list-style: none;
  margin: 27px 0 0;
  padding: 0;
}
.map-column li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  border-top: 1px solid #c9dac4;
  padding: 13px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}
.map-column li span {
  color: #859684;
  font-size: 10px;
  font-weight: 500;
}
.map-column .map-empty {
  font-size: 14px;
  font-weight: 400;
  color: #6f8070;
}
.gap-section {
  background: #e8eee4;
  padding-block: 100px;
}
.gap-grid {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 100px;
}
.gap-section h2 {
  margin-top: 21px;
}
.gap-section h2 i {
  color: #698371;
}
.gap-grid>div:first-child>p {
  font-size: 20px;
  line-height: 1.5;
  margin-top: 25px;
  max-width: 550px;
}
.gap-grid ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #c9d5c9;
}
.gap-grid li {
  display: flex;
  gap: 25px;
  padding: 11px 0;
  border-bottom: 1px solid #c9d5c9;
  font-size: 16px;
  font-weight: 650;
}
.gap-grid li span {
  font-size: 11px;
  color: #678369;
  font-weight: 800;
  padding-top: 4px;
}
.gap-grid strong {
  display: block;
  font-size: 21px;
  margin-top: 30px;
  letter-spacing: -.03em;
}
.simulation-bridge {
  background: #e8eee4;
  padding-block: 100px;
  scroll-margin-top: 25px;
}
.simulation-grid {
  display: grid;
  grid-template-columns: 1.1fr .75fr;
  gap: 90px;
  align-items: center;
}
.simulation-grid h2 {
  font-size: clamp(42px,4.4vw,66px);
  line-height: 1.07;
  margin-top: 18px;
}
.simulation-grid h2 i {
  font-style: normal;
  color: #698371;
}
.simulation-grid>div:first-child>p {
  font-size: 18px;
  line-height: 1.55;
  margin-top: 22px;
  max-width: 700px;
  color: #425447;
}
.simulation-grid .cta {
  margin-top: 30px;
}
.simulation-compare {
  border: 1px solid #bed0bb;
  background: #f6f8f2;
}
.simulation-compare>div {
  padding: 29px;
  border-bottom: 1px solid #bed0bb;
}
.simulation-compare>div:last-child {
  border-bottom: 0;
  background: #d9efc7;
}
.simulation-compare span {
  display: block;
  font-size: 10px;
  letter-spacing: .15em;
  font-weight: 900;
  color: #426948;
}
.simulation-compare strong {
  display: block;
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 30px;
  letter-spacing: -.04em;
  margin-top: 12px;
}
.simulation-compare p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 9px;
  color: #435846;
}
.offer-section {
  background: var(--forest);
  color: #fff;
  padding-block: 50px 105px;
}
.offer-overline {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff30;
  padding-bottom: 25px;
  color: var(--lime);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}
.offer-overline span:last-child {
  color: #a9bdac;
}
.offer-grid {
  display: grid;
  grid-template-columns: 1.2fr .58fr;
  gap: 120px;
  padding-top: 80px;
}
.offer-grid h2 {
  max-width: 800px;
  margin-top: 24px;
}
.offer-grid h2 i {
  color: var(--lime);
}
.offer-intro {
  font-size: 19px;
  line-height: 1.55;
  color: #cedcd0;
  max-width: 620px;
  margin: 25px 0 35px;
}
.offer-status {
  display: block;
  color: #a6bda9;
  font-size: 12px;
  margin-top: 17px;
}
.offer-details {
  border-left: 1px solid #ffffff2f;
  padding-left: 45px;
}
.offer-details .kicker {
  color: var(--lime);
}
.offer-loop {
  margin-top: 24px;
}
.offer-loop>div {
  border-bottom: 1px solid #ffffff24;
  min-height: 43px;
  display: flex;
  align-items: center;
  gap: 18px;
  font-size: 15px;
}
.offer-loop>div>span:first-child {
  font-size: 11px;
  color: #9fbaa3;
  font-weight: 800;
}
.offer-loop>div>span:last-child {
  margin-left: auto;
  color: var(--lime);
}
.offer-loop>div strong {
  font-weight: 700;
}
.offer-deliverables {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 100px;
  border-top: 1px solid #ffffff30;
  margin-top: 100px;
  padding-top: 35px;
}
.offer-deliverables .kicker {
  color: var(--lime);
}
.offer-deliverables p {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.035em;
  max-width: 450px;
  margin-top: 16px;
}
.offer-deliverables ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.offer-deliverables li {
  border-bottom: 1px solid #ffffff28;
  padding: 13px 0;
  font-size: 14px;
  color: #dae5db;
  display: flex;
  gap: 13px;
}
.offer-deliverables li span {
  color: var(--lime);
}
.modal-backdrop {
  position: fixed;
  inset: 0;
  background: #06130bc9;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 20px;
}
.checkout-modal {
  position: relative;
  background: var(--paper);
  color: var(--ink);
  width: min(100%,550px);
  padding: 45px;
}
.checkout-modal h2 {
  font-size: 42px;
  line-height: 1.08;
  margin: 15px 0;
}
.checkout-modal p {
  font-size: 16px;
  line-height: 1.6;
  color: #526254;
  margin-bottom: 25px;
}
.checkout-modal textarea {
  width: 100%;
  resize: none;
  border: 1px solid var(--line);
  padding: 14px;
  font: inherit;
  line-height: 1.5;
  margin: 15px 0;
}
.modal-close {
  position: absolute;
  right: 18px;
  top: 15px;
  border: 0;
  background: none;
  font-size: 20px;
  padding: 8px;
}
@media (max-width:1000px) {
  .hero-grid {
    gap: 30px;
    grid-template-columns: 1.15fr .85fr;
  }
  .hero-art {
    height: 410px;
  }
  .hero-content h1 {
    font-size: clamp(52px,6vw,70px);
  }
  .pain-section,.faq-section {
    gap: 50px;
  }
  .result-hero {
    gap: 35px;
  }
  .offer-grid {
    gap: 60px;
  }
  .priority-grid {
    gap: 10px;
  }
  .priority-card {
    padding: 20px;
  }
  .priority-card h3 {
    font-size: 27px;
  }
}
@media (max-width:760px) {
  .container-wide {
    width: min(100% - 36px,600px);
  }
  .section-pad {
    padding-block: 80px;
  }
  .hero-shell {
    min-height: auto;
  }
  .hero-nav {
    padding-block: 23px;
  }
  .nav-note {
    font-size: 10px;
    max-width: 130px;
    text-align: right;
    line-height: 1.35;
  }
  .hero-grid {
    display: block;
    padding: 65px 0 45px;
  }
  .hero-content h1 {
    font-size: clamp(48px,11vw,72px);
    max-width: 620px;
  }
  .hero-content>p {
    font-size: 17px;
  }
  .hero-action {
    margin-top: 31px;
  }
  .hero-art {
    margin: 65px 10px 0 0;
    height: 340px;
    transform: rotate(-1deg);
  }
  .art-signal {
    padding-top: 17px;
  }
  .art-focus {
    font-size: 38px;
    margin-top: 28px;
  }
  .hero-footer {
    padding-bottom: 20px;
  }
  .pain-section,.belief-grid,.transition-section,.faq-section,.result-hero,.chart-grid,.gap-grid,.offer-grid,.offer-deliverables {
    display: block;
  }
  .section-heading h2,.belief-section h2,.transition-section h2,.faq-section h2 {
    font-size: clamp(36px,8vw,52px);
  }
  .pain-list {
    margin-top: 45px;
  }
  .pain-row p {
    font-size: 18px;
  }
  .pain-row {
    gap: 7px;
    grid-template-columns: 36px 1fr 20px;
  }
  .belief-section {
    padding-block: 75px;
  }
  .belief-grid>.kicker {
    display: block;
    margin-bottom: 23px;
  }
  .belief-section p {
    font-size: 17px;
  }
  .belief-line {
    font-size: 17px;
  }
  .transition-graphic {
    padding-left: 0;
    border-left: 0;
    margin-top: 54px;
  }
  .transition-graphic>span {
    padding-block: 15px;
  }
  .faq-list {
    margin-top: 42px;
  }
  .site-footer>div {
    flex-wrap: wrap;
  }
  .site-footer>div>span:last-child {
    display: none;
  }
  .quiz-header,.result-header {
    height: 72px;
  }
  .quiz-header>span,.result-header>span {
    display: none;
  }
  .quiz-main {
    width: min(100% - 34px,600px);
    padding-top: 30px;
    padding-bottom: 25px;
  }
  .question-overline {
    margin-top: 42px;
  }
  .question-enter h1 {
    font-size: clamp(37px,8vw,50px);
  }
  .answer-list {
    margin-top: 24px;
  }
  .answer {
    min-height: 63px;
  }
  .question-actions {
    position: sticky;
    bottom: 0;
    background: linear-gradient(#f7f7f2df,#f7f7f2 25%);
    padding-top: 20px;
    padding-bottom: 5px;
  }
  .question-actions .cta {
    min-width: 190px;
  }
  .quiz-footnote {
    font-size: 11px;
  }
  .result-hero {
    padding-block: 65px 80px;
  }
  .result-heading {
    padding-top: 0;
  }
  .result-heading h1 {
    font-size: clamp(45px,10vw,70px);
  }
  .result-heading>p {
    font-size: 17px;
  }
  .student-profile {
    margin-top: 60px;
    min-height: 440px;
  }
  .score-chart {
    padding-block: 70px;
  }
  .chart-heading {
    display: block;
  }
  .chart-heading>p {
    margin-top: 22px;
  }
  .chart-grid {
    margin-top: 38px;
  }
  .chart-group+ .chart-group {
    margin-top: 45px;
  }
  .priority-grid {
    grid-template-columns: 1fr;
  }
  .priority-card {
    min-height: 330px;
    padding: 25px;
  }
  .priority-card h3 {
    margin-top: 35px;
    font-size: 32px;
  }
  .priorities-section {
    padding-block: 75px;
  }
  .map-columns {
    grid-template-columns: 1fr;
  }
  .map-column {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
  .map-column:last-child {
    border-bottom: 0;
  }
  .map-column>p {
    min-height: 0;
  }
  .gap-section {
    padding-block: 75px;
  }
  .gap-grid>div+div {
    margin-top: 42px;
  }
  .offer-section {
    padding: 32px 0 80px;
  }
  .offer-grid {
    padding-top: 60px;
  }
  .offer-details {
    margin-top: 60px;
    padding: 0;
    border: 0;
  }
  .offer-deliverables {
    margin-top: 68px;
  }
  .offer-deliverables ul {
    margin-top: 28px;
  }
  .offer-deliverables p {
    font-size: 21px;
  }
}
@media (max-width:470px) {
  .hero-content h1 {
    font-size: 49px;
  }
  .hero-action {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .hero-art {
    height: 305px;
    padding: 20px;
  }
  .signal-small {
    min-width: 125px;
    font-size: 13px;
  }
  .art-focus {
    font-size: 33px;
    gap: 14px;
  }
  .focus-star {
    font-size: 43px;
  }
  .hero-scroll {
    font-size: 0;
  }
  .hero-scroll span {
    font-size: 21px;
  }
  .brand {
    font-size: 19px;
  }
  .brand-mark {
    width: 30px;
    height: 30px;
  }
  .question-actions .cta {
    min-width: 0;
    gap: 15px;
    padding-inline: 14px;
    font-size: 14px;
  }
  .feedback-bottom {
    align-items: flex-start;
    flex-direction: column;
  }
  .result-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
  .student-profile {
    padding: 26px;
  }
  .profile-context {
    gap: 12px;
  }
  .strength-strip {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .first-step {
    display: block;
  }
  .first-step strong {
    display: block;
    margin-top: 7px;
  }
  .offer-overline span:last-child {
    display: none;
  }
  .offer-deliverables ul {
    grid-template-columns: 1fr;
  }
  .checkout-modal {
    padding: 32px 22px;
  }
  .checkout-modal h2 {
    font-size: 34px;
  }
}
@media (prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}
.hero-nav-links {
  display: flex;
  align-items: center;
  gap: 28px;
}
.hero-nav-links>a {
  font-size: 12px;
  font-weight: 800;
  color: #d9e8d7;
  border-bottom: 1px solid #ffffff70;
  padding-bottom: 3px;
}
.hero-shell {
  min-height: 850px;
}
.hero-grid {
  grid-template-columns: minmax(0,1.18fr) minmax(300px,.68fr);
  gap: 80px;
  padding-block: 72px;
}
.hero-content .hero-subheadline {
  font-size: clamp(20px,2.4vw,31px);
  line-height: 1.25;
  color: var(--lime);
  font-weight: 700;
  max-width: 640px;
  margin-bottom: 20px;
  letter-spacing: -.04em;
}
.hero-thesis {
  border: 1px solid #ffffff38;
  background: #ffffff0b;
  min-height: 350px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}
.hero-thesis:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  border: 1px solid #ffffff20;
  border-radius: 50%;
  top: -110px;
  right: -110px;
  box-shadow: 0 0 0 40px #ffffff07,0 0 0 80px #ffffff04;
}
.hero-thesis>span {
  color: var(--lime);
  font-size: 11px;
  letter-spacing: .19em;
  font-weight: 800;
  margin-bottom: auto;
  line-height: 1.5;
}
.hero-thesis p,.hero-thesis strong {
  position: relative;
  font-size: clamp(23px,2.4vw,34px);
  line-height: 1.2;
  letter-spacing: -.045em;
  font-family: var(--font-display),Arial,sans-serif;
}
.hero-thesis p {
  color: #c2d0c5;
}
.hero-thesis strong {
  color: var(--lime);
  margin-top: 16px;
}
.thesis-rule {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  border-top: 1px solid #ffffff30;
  margin-top: 35px;
  padding-top: 19px;
  color: #dce7de;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
}
.thesis-rule span {
  color: var(--lime);
}
.exam-countdown {
  padding: 23px 0 0;
  border-bottom: 1px solid #ffffff2a;
}
.countdown-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-size: 10px;
  letter-spacing: .16em;
  font-weight: 900;
  color: var(--lime);
}
.countdown-top span:last-child {
  color: #b4c7b9;
}
.countdown-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin-top: 18px;
}
.countdown-grid>div {
  display: flex;
  align-items: baseline;
  gap: 14px;
  border-right: 1px solid #ffffff2a;
  padding: 0 25px 20px;
}
.countdown-grid>div:first-child {
  padding-left: 0;
}
.countdown-grid>div:last-child {
  border-right: 0;
}
.countdown-grid strong {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(50px,5.9vw,92px);
  letter-spacing: -.075em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.countdown-grid span {
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
  color: #b8cabb;
}
.countdown-seconds strong {
  color: var(--lime);
}
.countdown-finished {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(24px,3vw,42px);
  font-weight: 800;
  padding: 23px 0;
  line-height: 1.25;
}
.compact-countdown {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 700;
  color: inherit;
}
.pain-decisions {
  border-top: 1px solid var(--line);
  padding-top: 19px;
}
.pain-decisions>.kicker {
  display: block;
  margin-bottom: 17px;
}
.decision-row {
  display: grid;
  grid-template-columns: 60px 1fr;
  align-items: baseline;
  border-bottom: 1px solid var(--line);
  padding: 18px 0;
}
.decision-row span {
  font-size: 11px;
  color: #6d8d70;
  font-weight: 800;
}
.decision-row strong {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(23px,2.4vw,34px);
  letter-spacing: -.045em;
}
.pain-decisions>p {
  font-size: 14px;
  line-height: 1.55;
  color: var(--muted);
  margin-top: 22px;
}
.belief-question {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
  border-top: 1px solid #2439235e;
  padding-top: 22px;
  margin-top: 35px;
}
.belief-question span {
  font-size: 10px;
  letter-spacing: .16em;
  font-weight: 900;
}
.belief-question s {
  color: #506548;
}
.belief-question strong {
  font-size: 19px;
}
.system-section {
  background: #e9efe7;
  padding-block: 115px;
}
.system-intro {
  max-width: 900px;
}
.system-intro h2,.essay-heading h2,.workspace-intro h1 {
  font-size: clamp(43px,5vw,76px);
  line-height: 1.08;
  margin-top: 20px;
}
.system-intro h2 i,.essay-heading h2 i,.workspace-intro h1 i,.study-time-heading h2 i {
  color: #6a8d6a;
  font-style: normal;
}
.system-intro>p,.essay-heading>p {
  font-size: 18px;
  line-height: 1.55;
  color: #526556;
  max-width: 740px;
  margin-top: 22px;
}
.system-intro .system-disclosure {
  font-size: 13px;
  border-left: 3px solid #7ba274;
  padding-left: 16px;
  color: #58705b;
}
.system-formula {
  display: grid;
  grid-template-columns: 1fr .43fr;
  margin-top: 60px;
  background: var(--forest);
  color: #fff;
}
.system-formula>div {
  display: grid;
  grid-template-columns: repeat(3,1fr);
}
.system-formula>div>span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 115px;
  padding: 20px;
  border-right: 1px solid #ffffff24;
  border-bottom: 1px solid #ffffff24;
  font-size: 20px;
  font-weight: 750;
  letter-spacing: -.04em;
}
.system-formula small {
  font-size: 10px;
  color: #a7c1a9;
  letter-spacing: .16em;
}
.system-formula>strong {
  display: grid;
  place-items: center;
  background: var(--lime);
  color: var(--forest);
  padding: 25px;
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(28px,3vw,45px);
  line-height: 1.05;
  letter-spacing: -.05em;
}
.system-stage {
  display: flex;
  align-items: center;
  gap: 27px;
  flex-wrap: wrap;
  border-bottom: 1px solid #c9d6c8;
  padding: 25px 0;
}
.system-stage span,.system-example>span {
  font-size: 10px;
  letter-spacing: .17em;
  font-weight: 900;
  color: #58745b;
}
.system-stage strong {
  font-size: 14px;
  color: #274e30;
}
.system-stage p {
  font-size: 13px;
  color: #536957;
  line-height: 1.5;
  max-width: 640px;
}
.system-modules {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
  margin-top: 65px;
}
.system-modules>div {
  padding: 26px;
  border: 1px solid #cbd8ca;
  min-height: 250px;
}
.module-index {
  font-size: 10px;
  letter-spacing: .17em;
  color: #4c7250;
  font-weight: 900;
}
.system-modules h3 {
  font-size: clamp(25px,2.4vw,33px);
  line-height: 1.12;
  margin-top: 43px;
}
.system-modules p {
  color: #536655;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 16px;
}
.system-example {
  border-top: 1px solid #c9d6c8;
  margin-top: 45px;
  padding-top: 26px;
}
.system-example>div {
  display: flex;
  align-items: center;
  gap: 23px;
  flex-wrap: wrap;
  margin-top: 17px;
  font-size: 16px;
  font-weight: 700;
}
.system-example>div>span {
  color: #739476;
}
.system-example>div>strong {
  color: #2b6335;
}
.system-example small {
  display: block;
  color: #68806a;
  margin-top: 14px;
}
.essay-section {
  padding-block: 115px;
  background: #f6f7f1;
}
.essay-heading {
  max-width: 950px;
}
.essay-layout {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  margin-top: 60px;
}
.competency-panel {
  padding: 32px;
  background: var(--forest);
  color: #fff;
}
.competency-panel>span,.essay-proposition>span,.repertoire-line>strong,.theme-cards article>span,.workspace-repertoire>span {
  font-size: 10px;
  letter-spacing: .17em;
  font-weight: 900;
  color: var(--lime);
}
.competency-panel>div {
  display: grid;
  grid-template-columns: 45px 1fr;
  align-items: baseline;
  border-top: 1px solid #ffffff2c;
  padding: 18px 0;
  font-size: 16px;
  line-height: 1.4;
}
.competency-panel>div:first-of-type {
  margin-top: 27px;
}
.competency-panel>div strong {
  color: var(--lime);
  font-size: 11px;
}
.competency-panel small {
  display: block;
  color: #adbdaf;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 16px;
}
.essay-proposition {
  background: var(--lime);
  padding: 38px;
  display: flex;
  flex-direction: column;
}
.essay-proposition>span,.repertoire-line>strong {
  color: #426540;
}
.essay-proposition h3 {
  font-size: clamp(35px,3.4vw,49px);
  line-height: 1.08;
  margin-top: 27px;
}
.essay-proposition>p {
  font-size: 16px;
  line-height: 1.55;
  margin-top: 22px;
}
.repertoire-line {
  border-top: 1px solid #4a6f455e;
  margin-top: auto;
  padding-top: 20px;
}
.repertoire-line p {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 650;
  margin-top: 10px;
}
.theme-area {
  margin-top: 90px;
}
.theme-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
}
.theme-heading h3 {
  font-size: clamp(32px,3.4vw,50px);
  line-height: 1.1;
  margin-top: 14px;
}
.theme-heading p {
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted);
  margin-top: 13px;
}
.theme-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
}
.theme-filters button {
  border: 1px solid #c8d5c4;
  background: transparent;
  color: #45614c;
  padding: 9px 14px;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
}
.theme-filters button[aria-pressed=true] {
  background: var(--forest);
  color: #fff;
  border-color: var(--forest);
}
.theme-cards {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 16px;
  margin-top: 20px;
}
.theme-cards article {
  background: #e7eee3;
  border: 1px solid #d5dfd2;
  min-height: 245px;
  padding: 23px;
  display: flex;
  flex-direction: column;
}
.theme-cards article>span {
  color: #668369;
}
.theme-cards h4 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(24px,2.1vw,31px);
  line-height: 1.15;
  letter-spacing: -.04em;
  margin: 35px 0 20px;
}
.theme-cards button {
  margin-top: auto;
  border: 0;
  border-top: 1px solid #c6d5c2;
  padding: 14px 0 0;
  background: none;
  text-align: left;
  color: #274f2f;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  display: flex;
  justify-content: space-between;
}
.offer-stack {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 28px 45px;
}
.offer-stack>div>strong {
  display: block;
  color: var(--lime);
  font-size: 11px;
  letter-spacing: .14em;
  margin-bottom: 8px;
}
.offer-stack ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.offer-stack li {
  border-bottom: 1px solid #ffffff28;
  padding: 10px 0;
  font-size: 14px;
  color: #dce8de;
}
.offer-stack li:before {
  content: "↗";
  color: var(--lime);
  margin-right: 12px;
}
.offer-overline .compact-countdown {
  color: #c6d9c7;
}
.study-time-section {
  background: #e8eee4;
  padding-block: 85px;
}
.study-time-heading h2 {
  font-size: clamp(36px,4vw,58px);
  max-width: 850px;
  line-height: 1.12;
  margin-top: 18px;
}
.study-time-heading>p {
  margin-top: 18px;
  color: #4e6752;
}
.study-time-equation {
  display: flex;
  align-items: center;
  gap: 19px;
  margin-top: 43px;
  border-block: 1px solid #c7d5c6;
  padding-block: 28px;
}
.study-time-equation>div {
  display: flex;
  flex-direction: column;
  gap: 7px;
  flex: 1;
}
.study-time-equation strong {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(39px,4vw,59px);
  letter-spacing: -.06em;
  line-height: 1;
}
.study-time-equation span {
  font-size: 12px;
  line-height: 1.35;
  color: #59705b;
  font-weight: 700;
}
.study-time-equation>b {
  font-size: 25px;
  color: #89a28a;
  font-weight: 400;
}
.study-time-equation .study-time-total strong {
  color: #2b6b38;
}
.study-time-method {
  font-size: 12px;
  line-height: 1.6;
  color: #617564;
  margin-top: 18px;
  max-width: 950px;
}
.priority-insight {
  background: #e8f6d9;
  border-left: 4px solid #5e9b53;
  padding: 22px 25px;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.priority-insight span {
  font-size: 10px;
  letter-spacing: .14em;
  font-weight: 900;
  color: #4d7c48;
}
.priority-insight strong {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 23px;
  letter-spacing: -.04em;
}
.priority-insight p {
  font-size: 14px;
  line-height: 1.5;
}
.priority-insight small {
  color: #63805c;
  font-size: 11px;
}
.result-essay-link {
  display: inline-block;
  border-bottom: 1px solid #426548;
  color: #315b38;
  font-size: 14px;
  font-weight: 800;
  margin-top: 22px;
  padding-bottom: 4px;
}
.map-columns:has(.map-column:nth-child(4)) {
  grid-template-columns: repeat(4,1fr);
}
.map-defer {
  background: #f1f0e8;
}
.essay-workspace {
  min-height: 100svh;
  background: var(--paper);
}
.essay-workspace-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--line);
  padding-block: 28px;
}
.essay-workspace-header>a {
  font-size: 12px;
  font-weight: 800;
  color: #456a4d;
  border-bottom: 1px solid #456a4d;
  padding-bottom: 3px;
}
.workspace-intro {
  padding-block: 70px 47px;
}
.workspace-intro h1 {
  max-width: 850px;
}
.workspace-intro>p {
  max-width: 650px;
  font-size: 17px;
  line-height: 1.55;
  color: #526656;
  margin-top: 18px;
}
.workspace-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 28px;
  align-items: start;
  padding-bottom: 100px;
}
.workspace-editor,.workspace-aside {
  background: #fff;
  border: 1px solid var(--line);
  padding: 30px;
}
.workspace-editor>label,.workspace-source,.essay-text-label {
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .16em;
  color: #56735a;
}
.workspace-editor select {
  width: 100%;
  margin-top: 10px;
  padding: 13px 15px;
  border: 1px solid #cbd9c9;
  background: #f8faf6;
  font: inherit;
  font-weight: 700;
  color: var(--ink);
}
.workspace-editor h2 {
  font-size: clamp(30px,3vw,44px);
  line-height: 1.1;
  margin-top: 30px;
}
.workspace-editor>p {
  font-size: 16px;
  line-height: 1.55;
  color: #526654;
  margin-top: 14px;
}
.workspace-source {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.5;
  color: #7a8a7a;
  margin-top: 15px;
}
.workspace-editor .essay-text-label {
  margin-top: 38px;
  margin-bottom: 10px;
}
.workspace-editor textarea {
  width: 100%;
  min-height: 530px;
  resize: vertical;
  border: 1px solid #cbd9c9;
  background: #fbfcf9;
  padding: 20px;
  color: var(--ink);
  font: inherit;
  font-size: 16px;
  line-height: 1.8;
}
.workspace-editor textarea:focus {
  outline: 2px solid #7ba57e;
  outline-offset: 2px;
}
.workspace-editor-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  color: #6d806e;
  font-size: 12px;
}
.workspace-aside {
  background: #e8eee4;
}
.workspace-aside h2 {
  font-size: clamp(29px,2.6vw,39px);
  line-height: 1.1;
  margin-top: 18px;
}
.workspace-aside>p {
  font-size: 14px;
  line-height: 1.55;
  color: #536958;
  margin-top: 16px;
}
.workspace-competencies {
  margin-top: 28px;
}
.workspace-competencies>div {
  display: grid;
  grid-template-columns: 35px 1fr auto;
  gap: 10px;
  align-items: baseline;
  border-top: 1px solid #c6d5c4;
  padding: 15px 0;
  font-size: 13px;
}
.workspace-competencies>div span {
  color: #4d7b4e;
  font-size: 11px;
  font-weight: 900;
}
.workspace-competencies>div small {
  font-size: 10px;
  color: #78917a;
}
.workspace-repertoire {
  margin-top: 28px;
  background: var(--forest);
  padding: 24px;
  color: #fff;
}
.workspace-repertoire p {
  font-size: 17px;
  line-height: 1.4;
  margin-top: 17px;
}
@media (max-width:1000px) {
  .countdown-grid>div {
    display: block;
  }
  .countdown-grid strong {
    display: block;
  }
  .countdown-grid span {
    display: block;
    margin-top: 4px;
  }
  .hero-grid {
    gap: 35px;
  }
  .hero-content h1 {
    font-size: clamp(51px,6.5vw,76px);
  }
  .study-time-equation {
    gap: 11px;
  }
}
@media (max-width:760px) {
  .hero-shell {
    min-height: 0;
  }
  .hero-nav-links {
    gap: 14px;
  }
  .hero-nav-links>a {
    font-size: 11px;
  }
  .hero-nav .nav-note {
    display: none;
  }
  .exam-countdown {
    padding-top: 20px;
  }
  .countdown-top {
    font-size: 9px;
  }
  .countdown-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    margin-top: 19px;
  }
  .countdown-grid>div {
    padding: 7px 18px 20px;
    border-bottom: 1px solid #ffffff28;
  }
  .countdown-grid>div:nth-child(odd) {
    padding-left: 0;
  }
  .countdown-grid>div:nth-child(even) {
    border-right: 0;
  }
  .countdown-grid>div:nth-child(n+3) {
    border-bottom: 0;
    padding-top: 18px;
  }
  .countdown-grid strong {
    font-size: clamp(51px,12vw,75px);
  }
  .hero-grid {
    display: block;
    padding: 62px 0;
  }
  .hero-content h1 {
    font-size: clamp(48px,10vw,70px);
  }
  .hero-thesis {
    margin-top: 55px;
    min-height: 310px;
  }
  .hero-content .hero-subheadline {
    font-size: 22px;
  }
  .hero-footer {
    gap: 25px;
  }
  .pain-decisions {
    margin-top: 42px;
  }
  .belief-question {
    gap: 12px;
  }
  .belief-question strong {
    width: 100%;
  }
  .system-section,.essay-section {
    padding-block: 78px;
  }
  .system-intro h2,.essay-heading h2,.workspace-intro h1 {
    font-size: clamp(39px,8vw,58px);
  }
  .system-formula {
    display: block;
  }
  .system-formula>div {
    grid-template-columns: repeat(2,1fr);
  }
  .system-formula>div>span {
    min-height: 100px;
  }
  .system-formula>strong {
    min-height: 145px;
  }
  .system-modules {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 40px;
  }
  .system-modules>div {
    min-height: 0;
  }
  .system-modules h3 {
    margin-top: 20px;
  }
  .essay-layout {
    display: block;
    margin-top: 40px;
  }
  .essay-proposition {
    min-height: 360px;
  }
  .repertoire-line {
    margin-top: 35px;
  }
  .theme-area {
    margin-top: 65px;
  }
  .theme-heading {
    display: block;
  }
  .theme-heading .cta {
    margin-top: 25px;
  }
  .theme-cards {
    grid-template-columns: 1fr;
  }
  .theme-cards article {
    min-height: 190px;
  }
  .theme-cards h4 {
    margin-top: 25px;
  }
  .offer-stack {
    margin-top: 30px;
  }
  .offer-overline {
    gap: 15px;
  }
  .offer-overline span:last-child {
    display: block;
    text-align: right;
  }
  .study-time-equation {
    display: grid;
    grid-template-columns: 1fr 23px 1fr;
    gap: 15px;
  }
  .study-time-equation>b:nth-of-type(2) {
    display: none;
  }
  .study-time-equation>div:nth-of-type(3) {
    grid-column: 1/2;
  }
  .study-time-equation>b:nth-of-type(3) {
    grid-column: 2/3;
  }
  .study-time-equation>div:nth-of-type(4) {
    grid-column: 3/4;
  }
  .map-columns:has(.map-column:nth-child(4)) {
    grid-template-columns: 1fr;
  }
  .map-columns:has(.map-column:nth-child(4)) .map-column {
    border-right: 0;
  }
  .workspace-grid {
    grid-template-columns: 1fr;
  }
  .workspace-intro {
    padding-block: 55px 35px;
  }
  .workspace-editor textarea {
    min-height: 390px;
  }
}
@media (max-width:470px) {
  .countdown-top span:last-child {
    display: none;
  }
  .countdown-grid strong {
    font-size: 56px;
  }
  .hero-thesis {
    padding: 24px;
  }
  .hero-footer .hero-scroll {
    display: none;
  }
  .system-formula>div>span {
    font-size: 17px;
    padding: 16px;
  }
  .system-formula>strong {
    font-size: 34px;
  }
  .theme-heading .cta {
    width: 100%;
  }
  .offer-stack {
    grid-template-columns: 1fr;
  }
  .offer-overline span:last-child {
    display: none;
  }
  .study-time-equation {
    grid-template-columns: 1fr 18px 1fr;
    gap: 10px;
  }
  .study-time-equation strong {
    font-size: 38px;
  }
  .study-time-equation span {
    font-size: 11px;
  }
  .workspace-editor,.workspace-aside {
    padding: 20px;
  }
  .workspace-competencies>div {
    grid-template-columns: 25px 1fr;
  }
  .workspace-competencies>div small {
    grid-column: 2/3;
  }
  .essay-workspace-header {
    gap: 15px;
  }
  .essay-workspace-header>a {
    max-width: 90px;
    text-align: right;
    line-height: 1.3;
  }
}
.essay-bonus {
  background: #12281f;
  color: #fff;
  padding-block: 105px 115px;
  scroll-margin-top: 30px;
}
.essay-bonus-heading {
  max-width: 900px;
}
.essay-bonus-heading .kicker {
  color: var(--lime);
}
.essay-bonus-heading h2 {
  font-size: clamp(46px,5vw,77px);
  line-height: 1.05;
  margin-top: 19px;
}
.essay-bonus-heading h2 i {
  font-style: normal;
  color: var(--lime);
}
.essay-bonus-heading>p {
  color: #cbdacb;
  font-size: 18px;
  line-height: 1.55;
  max-width: 730px;
  margin-top: 24px;
}
.essay-bonus-grid {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(280px,.55fr);
  gap: 20px;
  align-items: start;
  margin-top: 55px;
}
.essay-bonus-form {
  background: var(--paper);
  color: var(--ink);
  padding: 35px;
}
.essay-bonus-form>label {
  display: block;
  color: #325c3b;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .04em;
  margin: 0 0 10px;
}
.essay-bonus-form>label:not(:first-child) {
  margin-top: 26px;
}
.essay-bonus-form input,.essay-bonus-form textarea {
  width: 100%;
  border: 1px solid #bccdbb;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 16px;
  padding: 15px 17px;
}
.essay-bonus-form input:focus,.essay-bonus-form textarea:focus {
  outline: 2px solid #638f68;
  outline-offset: 2px;
}
.essay-bonus-form textarea {
  min-height: 320px;
  line-height: 1.65;
  resize: vertical;
}
.essay-bonus-count {
  text-align: right;
  color: #6d806e;
  font-size: 11px;
  margin-top: 8px;
}
.essay-bonus-aside {
  background: var(--lime);
  color: var(--forest);
  padding: 30px;
}
.essay-bonus-aside>span {
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .15em;
  margin-bottom: 25px;
}
.essay-bonus-aside>div {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 10px;
  align-items: baseline;
  border-top: 1px solid #456c405a;
  padding: 16px 0;
}
.essay-bonus-aside>div strong {
  font-size: 12px;
}
.essay-bonus-aside>div p {
  font-size: 17px;
  font-weight: 750;
  letter-spacing: -.03em;
}
.essay-bonus-aside-note {
  font-size: 13px;
  line-height: 1.5;
  border-top: 1px solid #456c405a;
  padding-top: 20px;
  margin-top: 8px;
}
.essay-bonus-aside>a {
  display: inline-block;
  margin-top: 28px;
  border-bottom: 1px solid #26452e;
  padding-bottom: 5px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.4;
}
.essay-review-flow {
  margin-top: 26px;
}
.essay-review-action {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}
.essay-review-action>span {
  font-size: 12px;
  color: #647965;
  line-height: 1.4;
}
.essay-review-privacy {
  font-size: 11px;
  line-height: 1.55;
  color: #718272;
  margin-top: 14px;
  max-width: 740px;
}
.essay-review-error {
  font-size: 13px;
  line-height: 1.4;
  color: #a72e25;
  background: #fcece9;
  padding: 12px;
  margin-top: 15px;
}
.essay-review-result {
  margin-top: 35px;
  border-top: 4px solid #719b6c;
  padding-top: 25px;
}
.essay-review-result-head>span,.essay-review-strength>span,.essay-review-next>span {
  font-size: 10px;
  letter-spacing: .15em;
  font-weight: 900;
  color: #527b51;
}
.essay-review-result-head h3 {
  font-size: clamp(30px,3vw,43px);
  line-height: 1.1;
  margin-top: 10px;
}
.essay-review-result-head>p {
  font-size: 15px;
  line-height: 1.55;
  color: #4e6251;
  margin-top: 12px;
}
.essay-review-notice {
  font-size: 13px;
  line-height: 1.5;
  background: #fff2d9;
  color: #65502a;
  padding: 13px;
  margin-top: 20px;
}
.essay-review-strength {
  background: #e6f1dd;
  padding: 21px;
  margin-top: 22px;
}
.essay-review-strength p {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 8px;
}
.essay-review-competencies {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  margin-top: 18px;
}
.essay-review-competencies article {
  border: 1px solid #d4e0d1;
  background: #fff;
  padding: 20px;
}
.essay-review-competencies article>span,.essay-review-competencies article>strong {
  font-size: 10px;
  letter-spacing: .12em;
  font-weight: 900;
  color: #5c8659;
}
.essay-review-competencies article h4 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -.04em;
  margin: 9px 0 12px;
}
.essay-review-competencies article p {
  font-size: 13px;
  line-height: 1.5;
  color: #4c5f50;
  margin: 0 0 17px;
}
.essay-review-competencies article p:last-child {
  margin: 7px 0 0;
  color: #1e3e26;
  font-weight: 650;
}
.essay-review-next {
  border-top: 1px solid #cbdac8;
  padding-top: 20px;
  margin-top: 21px;
}
.essay-review-next p {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 700;
  margin-top: 8px;
}
.essay-review-back {
  margin-top: 22px;
  text-decoration: none;
}
.workspace-editor .essay-review-flow {
  border-top: 1px solid var(--line);
  padding-top: 25px;
  margin-top: 28px;
}
@media (max-width:1000px) {
  .essay-bonus-grid {
    grid-template-columns: minmax(0,1fr) minmax(260px,.5fr);
  }
  .essay-bonus-aside {
    padding: 25px;
  }
}
@media (max-width:760px) {
  .essay-bonus {
    padding-block: 75px;
  }
  .essay-bonus-heading h2 {
    font-size: clamp(43px,9vw,63px);
  }
  .essay-bonus-heading>p {
    font-size: 16px;
  }
  .essay-bonus-grid {
    display: block;
    margin-top: 35px;
  }
  .essay-bonus-aside {
    margin-top: 17px;
  }
  .essay-bonus-form {
    padding: 25px;
  }
  .essay-bonus-form textarea {
    min-height: 300px;
  }
  .simulation-bridge {
    padding-block: 75px;
  }
  .simulation-grid {
    display: block;
  }
  .simulation-grid>div:first-child>p {
    font-size: 16px;
  }
  .simulation-compare {
    margin-top: 45px;
  }
  .result-preview {
    margin-top: 22px;
  }
}
@media (max-width:470px) {
  .essay-bonus-form,.essay-bonus-aside {
    padding: 20px;
  }
  .essay-review-action .cta {
    width: 100%;
  }
  .essay-review-competencies {
    grid-template-columns: 1fr;
  }
}
.section-pad {
  padding-block: 72px;
}
.cta {
  min-height: 56px;
  font-size: 15px;
}
.hero-shell {
  min-height: 0;
}
.hero-nav {
  padding-block: 23px;
}
.hero-grid {
  padding-block: 42px 46px;
  gap: 50px;
}
.hero-content h1 {
  font-size: clamp(45px,4.7vw,70px);
  margin: 19px 0 15px;
}
.hero-content .hero-subheadline {
  font-size: clamp(19px,2vw,25px);
  margin-bottom: 11px;
}
.hero-content>p {
  font-size: 16px;
  line-height: 1.45;
}
.hero-action {
  margin-top: 27px;
}
.hero-thesis {
  min-height: 255px;
  padding: 25px;
}
.hero-thesis p,.hero-thesis strong {
  font-size: clamp(21px,2.1vw,28px);
}
.thesis-rule {
  margin-top: 22px;
}
.hero-footer {
  padding-block: 14px;
}
.exam-countdown {
  padding-top: 15px;
}
.countdown-grid {
  margin-top: 10px;
}
.countdown-grid strong {
  font-size: clamp(35px,3.9vw,58px);
}
.countdown-grid>div {
  padding: 0 18px 14px;
}
.pain-section {
  gap: 65px;
}
.section-heading h2,.faq-section h2 {
  font-size: clamp(36px,3.8vw,54px);
  margin-top: 14px;
}
.section-heading>p {
  font-size: 16px;
  line-height: 1.45;
  margin-top: 16px;
}
.section-heading .cta {
  margin-top: 25px;
}
.decision-row {
  padding: 14px 0;
}
.decision-row strong {
  font-size: clamp(23px,2vw,29px);
}
.faq-section {
  gap: 70px;
}
.faq-list summary {
  padding: 17px 0;
  font-size: 16px;
}
.offer-section {
  padding-block: 35px 70px;
}
.offer-grid {
  padding-top: 50px;
  gap: 75px;
}
.offer-grid h2 {
  font-size: clamp(39px,4vw,58px);
}
.offer-intro {
  font-size: 17px;
  line-height: 1.45;
  margin: 20px 0 27px;
}
.offer-details {
  padding-left: 30px;
}
.offer-essay-link {
  display: inline-block;
  margin: 20px 0 0 20px;
  font-size: 13px;
  font-weight: 800;
  color: var(--lime);
  border-bottom: 1px solid currentColor;
  padding-bottom: 3px;
}
.result-page-short .result-hero {
  padding-block: 54px 62px;
  gap: 55px;
}
.result-page-short .result-heading h1 {
  font-size: clamp(43px,4.5vw,65px);
  margin-top: 20px;
}
.result-page-short .result-heading>p {
  font-size: 17px;
  line-height: 1.45;
  margin-top: 15px;
}
.result-page-short .result-actions {
  margin-top: 25px;
}
.result-page-short .student-profile {
  min-height: 0;
  padding: 28px;
}
.result-page-short .profile-glyph {
  font-size: 35px;
  margin-top: 15px;
}
.result-page-short .student-profile h2 {
  font-size: clamp(30px,2.8vw,39px);
}
.result-page-short .student-profile>p {
  margin-top: 15px;
}
.result-page-short .profile-note {
  margin-top: 20px;
}
.result-page-short .priorities-section {
  padding-block: 66px;
}
.result-page-short .priorities-heading h2 {
  font-size: clamp(40px,4vw,56px);
}
.result-page-short .priorities-heading p {
  font-size: 16px;
  margin-top: 12px;
}
.result-page-short .first-step {
  margin-top: 21px;
}
.result-page-short .priority-grid {
  margin-top: 29px;
}
.result-page-short .priority-card {
  min-height: 260px;
  padding: 25px;
}
.result-page-short .priority-card h3 {
  font-size: 27px;
  margin-top: 26px;
}
.result-page-short .priority-action p {
  font-size: 13px;
}
.simulation-bridge {
  padding-block: 66px;
}
.simulation-grid {
  gap: 60px;
}
.simulation-grid h2 {
  font-size: clamp(39px,4vw,56px);
}
.simulation-grid>div:first-child>p {
  font-size: 16px;
  line-height: 1.45;
  margin-top: 17px;
}
.simulation-grid .cta {
  margin-top: 25px;
}
.simulation-compare>div {
  padding: 22px;
}
.simulation-compare strong {
  font-size: 26px;
}
.workspace-intro {
  padding-block: 46px 27px;
}
.workspace-intro h1 {
  font-size: clamp(39px,4.3vw,60px);
}
.workspace-intro>p {
  font-size: 16px;
  margin-top: 13px;
}
.workspace-grid {
  display: block;
  max-width: 940px;
  padding-bottom: 70px;
}
.workspace-editor h2 {
  font-size: 32px;
  margin-top: 22px;
}
.workspace-editor input {
  width: 100%;
  padding: 13px 15px;
  border: 1px solid #cbd9c9;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 16px;
}
.workspace-editor textarea {
  min-height: 350px;
}
.workspace-editor .essay-text-label {
  margin-top: 24px;
}
.quiz-main {
  padding-top: 30px;
}
.question-overline {
  margin-top: 35px;
}
.question-enter h1 {
  font-size: clamp(34px,3.6vw,49px);
}
.question-passage {
  font-size: 16px;
  line-height: 1.45;
  margin-top: 19px;
  padding: 15px 18px;
}
.answer-list {
  margin-top: 23px;
}
.answer {
  min-height: 59px;
  padding: 12px 16px;
}
.question-actions {
  padding-top: 20px;
}
.answer-list.answer-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
}
.answer-list.answer-grid .answer {
  min-height: 56px;
}
@media (max-width:760px) {
  .section-pad {
    padding-block: 55px;
  }
  .hero-grid {
    padding: 36px 0;
  }
  .hero-content h1 {
    font-size: clamp(42px,10vw,55px);
  }
  .hero-thesis {
    margin-top: 34px;
    min-height: 215px;
  }
  .countdown-grid strong {
    font-size: 44px;
  }
  .countdown-grid>div {
    padding-bottom: 13px;
  }
  .pain-decisions {
    margin-top: 30px;
  }
  .offer-grid {
    padding-top: 43px;
  }
  .offer-details {
    margin-top: 40px;
    padding: 0;
  }
  .result-page-short .result-hero {
    padding-block: 43px 50px;
  }
  .result-page-short .result-heading h1 {
    font-size: clamp(42px,10vw,55px);
  }
  .result-page-short .student-profile {
    margin-top: 27px;
  }
  .result-page-short .priority-card {
    min-height: 210px;
  }
  .simulation-bridge {
    padding-block: 55px;
  }
  .simulation-compare {
    margin-top: 28px;
  }
  .workspace-intro {
    padding-block: 38px 22px;
  }
  .workspace-editor textarea {
    min-height: 300px;
  }
  .question-overline {
    margin-top: 27px;
  }
  .question-enter h1 {
    font-size: clamp(32px,8vw,43px);
  }
  .answer-list {
    margin-top: 20px;
  }
  .answer {
    min-height: 56px;
  }
}
.hero-footer>span:first-child {
  max-width: 580px;
}
.offer-price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin: 0 0 22px;
}
.offer-price span {
  font-size: 11px;
  letter-spacing: .12em;
  font-weight: 850;
  color: #bdd4ba;
}
.offer-price strong {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(42px,4.6vw,64px);
  line-height: 1;
  letter-spacing: -.055em;
  color: var(--lime);
}
.offer-microcopy {
  font-size: 12px;
  line-height: 1.5;
  color: #c5d8c3;
  max-width: 510px;
  margin-top: 14px;
}
.offer-details-note {
  border-top: 1px solid #ffffff2f;
  margin-top: 22px;
  padding-top: 18px;
  color: #c7d8c8;
  font-size: 14px;
  line-height: 1.5;
}
.sales-story {
  background: var(--paper);
  padding-block: 78px 85px;
}
.sales-story h2 {
  font-size: clamp(39px,4vw,58px);
  line-height: 1.08;
  letter-spacing: -.055em;
  max-width: 820px;
  margin-top: 17px;
}
.sales-story h2 i {
  font-style: normal;
  color: #6d8d70;
}
.sales-story-lead {
  font-size: 18px;
  line-height: 1.5;
  max-width: 770px;
  color: #425748;
  margin-top: 20px;
}
.sales-story-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin-top: 37px;
}
.sales-story-grid article {
  background: #fff;
  border: 1px solid var(--line);
  padding: 26px;
  min-height: 245px;
}
.sales-story-grid article>span {
  font-size: 11px;
  letter-spacing: .12em;
  font-weight: 850;
  color: #58805d;
}
.sales-story-grid h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 27px;
  line-height: 1.12;
  letter-spacing: -.04em;
  margin-top: 28px;
}
.sales-story-grid p {
  font-size: 15px;
  line-height: 1.5;
  color: #506556;
  margin-top: 13px;
}
.sales-story-outcome {
  font-size: 17px;
  font-weight: 750;
  border-left: 3px solid #79a274;
  padding-left: 18px;
  margin-top: 29px;
}
.essay-gate-content {
  padding-block: 90px 110px;
  max-width: 850px;
}
.essay-gate-content h1 {
  font-size: clamp(42px,5vw,70px);
  line-height: 1.07;
  letter-spacing: -.055em;
  margin-top: 16px;
}
.essay-gate-content h1 i {
  font-style: normal;
  color: #6d8d70;
}
.essay-gate-content p {
  max-width: 650px;
  font-size: 18px;
  line-height: 1.55;
  color: #4e6454;
  margin: 22px 0 30px;
}
.essay-gate-content>span:last-child {
  display: block;
  margin-top: 17px;
  font-size: 12px;
  color: #6d806f;
}
.essay-review-competencies article>strong:not(:first-of-type) {
  display: block;
  margin-top: 13px;
}
@media (max-width:760px) {
  .sales-story {
    padding-block: 59px;
  }
  .sales-story-grid {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }
  .sales-story-grid article {
    min-height: 0;
    padding: 22px;
  }
  .sales-story-grid h3 {
    margin-top: 14px;
  }
  .essay-gate-content {
    padding-block: 62px 75px;
  }
  .offer-essay-link {
    display: block;
    margin: 18px 0 0;
    width: max-content;
  }
}
.hero-nav-links button {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.free-unlock {
  background: #d9eac8;
  padding-block: 75px;
}
.free-unlock-grid {
  display: grid;
  grid-template-columns: 1fr .86fr;
  gap: 85px;
  align-items: start;
}
.free-unlock h2 {
  font-size: clamp(39px,4vw,58px);
  line-height: 1.08;
  letter-spacing: -.055em;
  margin-top: 17px;
  max-width: 720px;
}
.free-unlock h2 i {
  font-style: normal;
  color: #5f7e59;
}
.free-unlock-grid>div:first-child>p {
  font-size: 17px;
  line-height: 1.5;
  color: #3d5740;
  max-width: 590px;
  margin: 20px 0 28px;
}
.free-unlock-list {
  border-top: 1px solid #73916e;
}
.free-unlock-list article {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 15px;
  padding: 23px 0;
  border-bottom: 1px solid #73916e;
}
.free-unlock-list article>span {
  font-size: 12px;
  font-weight: 850;
  color: #4b7851;
  padding-top: 4px;
}
.free-unlock-list h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -.04em;
}
.free-unlock-list p {
  font-size: 15px;
  line-height: 1.5;
  color: #425d46;
  margin-top: 9px;
}
@media (max-width:760px) {
  .free-unlock {
    padding-block: 58px;
  }
  .free-unlock-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .free-unlock-list h3 {
    font-size: 23px;
  }
}
.free-materials {
  background: #e6f0de;
  padding-block: 63px;
}
.free-materials h2 {
  font-size: clamp(37px,3.8vw,54px);
  line-height: 1.08;
  letter-spacing: -.05em;
  margin-top: 14px;
}
.free-materials h2 i {
  font-style: normal;
  color: #698a6a;
}
.free-materials-lead {
  font-size: 16px;
  line-height: 1.5;
  color: #466049;
  margin-top: 16px;
  max-width: 670px;
}
.free-materials-actions {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-top: 24px;
}
.free-materials-actions a {
  display: inline-block;
  background: var(--forest);
  color: #fff;
  padding: 17px 21px;
  font-weight: 800;
  font-size: 14px;
}
.free-materials-actions span {
  font-size: 12px;
  color: #5c755f;
}
.free-guides {
  margin-top: 30px;
  border-top: 1px solid #a8bea5;
}
.free-guides summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  font-size: 17px;
  font-weight: 850;
}
.free-guides summary::-webkit-details-marker {
  display: none;
}
.free-guides summary span {
  font-size: 23px;
  font-weight: 400;
}
.free-guides[open] summary span {
  transform: rotate(45deg);
}
.free-guides-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  padding-bottom: 15px;
}
.free-guides-grid a {
  background: #fff;
  border: 1px solid #d0ddcb;
  padding: 17px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.free-guides-grid a:hover {
  border-color: #6f9871;
}
.free-guides-grid a span {
  font-size: 10px;
  letter-spacing: .1em;
  color: #5c8060;
  font-weight: 850;
}
.free-guides-grid a strong {
  font-size: 16px;
  line-height: 1.25;
}
.free-guides-grid a small {
  font-size: 12px;
  color: #426c49;
  font-weight: 750;
  margin-top: 5px;
}
@media (max-width:760px) {
  .free-materials {
    padding-block: 54px;
  }
  .free-materials-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }
  .free-guides-grid {
    grid-template-columns: 1fr;
  }
}
.result-action-bridge {
  background: #163428;
  color: #fff;
  padding-block: 85px;
}
.result-action-bridge .kicker,.essay-sales .kicker {
  color: var(--lime);
}
.action-bridge-grid,.route-example-grid,.essay-sales-grid {
  display: grid;
  grid-template-columns: 1.1fr .8fr;
  gap: 85px;
  align-items: center;
}
.result-action-bridge h2,.route-example h2,.library-section h2,.essay-sales h2,.adaptive-section h2,.route-comparison h2,.value-stack h2 {
  font-size: clamp(39px,4vw,58px);
  line-height: 1.08;
  letter-spacing: -.055em;
  margin-top: 17px;
}
.result-action-bridge h2 i,.essay-sales h2 i {
  font-style: normal;
  color: var(--lime);
}
.result-action-bridge p {
  font-size: 17px;
  line-height: 1.55;
  color: #d1dfd2;
  margin-top: 20px;
  max-width: 690px;
}
.result-action-bridge strong {
  display: block;
  font-size: 20px;
  margin-top: 26px;
  color: var(--lime);
}
.search-to-route {
  border: 1px solid #ffffff42;
  padding: 30px;
  background: #ffffff0b;
}
.search-to-route span {
  font-size: 11px;
  letter-spacing: .13em;
  color: var(--lime);
  font-weight: 850;
}
.search-to-route p {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 750;
  margin: 12px 0 26px;
}
.search-to-route p:last-child {
  margin-bottom: 0;
  color: #fff;
}
.route-example {
  background: #dcecca;
  padding-block: 75px;
}
.route-example h2 i,.library-section h2 i,.adaptive-section h2 i,.route-comparison h2 i,.value-stack h2 i {
  font-style: normal;
  color: #6e8e70;
}
.route-example-grid>div:first-child>p {
  font-size: 17px;
  line-height: 1.55;
  margin-top: 19px;
  color: #3f5843;
}
.route-example-proof {
  display: block;
  font-size: 12px;
  color: #5b765d;
  margin-top: 18px;
}
.route-card {
  background: #fff;
  padding: 29px;
  border: 1px solid #c6d8bf;
  box-shadow: 12px 12px 0 #b4cca8;
}
.route-card>span {
  font-size: 10px;
  letter-spacing: .12em;
  font-weight: 850;
  color: #5e8461;
}
.route-card h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 32px;
  line-height: 1.1;
  margin: 13px 0 19px;
}
.route-card ol {
  padding-left: 22px;
  display: grid;
  gap: 10px;
  font-size: 15px;
  color: #405a45;
}
.route-card>strong {
  display: block;
  margin-top: 22px;
  font-size: 14px;
  color: #264d30;
}
.library-section {
  background: var(--paper);
  padding-block: 84px;
}
.library-section h2 {
  max-width: 900px;
}
.library-lead,.adaptive-lead {
  font-size: 17px;
  line-height: 1.5;
  color: #4b6351;
  max-width: 800px;
  margin-top: 19px;
}
.library-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 36px;
}
.library-grid article {
  background: #fff;
  border: 1px solid var(--line);
  padding: 27px;
}
.library-grid article>span {
  font-size: 10px;
  letter-spacing: .13em;
  font-weight: 850;
  color: #608264;
}
.library-grid h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 28px;
  letter-spacing: -.04em;
  margin-top: 18px;
}
.library-grid p {
  font-size: 15px;
  line-height: 1.5;
  color: #4e6352;
  margin-top: 11px;
  max-width: 560px;
}
.library-grid article>div {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 19px;
}
.library-grid small {
  font-size: 11px;
  font-weight: 750;
  border: 1px solid #cddccb;
  padding: 7px 9px;
  color: #466c4a;
}
.library-punch {
  font-size: 19px;
  border-left: 3px solid #6f9e70;
  padding-left: 18px;
  margin-top: 29px;
}
.library-punch strong {
  color: #2e643b;
}
.essay-sales {
  background: #19382b;
  color: #fff;
  padding-block: 85px;
}
.essay-sales-grid>div:first-child>p {
  font-size: 17px;
  line-height: 1.55;
  color: #d0ded0;
  margin-top: 22px;
}
.essay-sales h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 27px;
  line-height: 1.2;
  margin-top: 27px;
  color: var(--lime);
}
.essay-sales-grid>div:first-child>a {
  display: inline-block;
  background: var(--lime);
  color: #163428;
  padding: 16px 21px;
  font-size: 14px;
  font-weight: 850;
  margin-top: 24px;
}
.essay-sales-example {
  background: #ecf4e7;
  color: var(--ink);
  padding: 29px;
}
.essay-sales-example>span {
  font-size: 10px;
  letter-spacing: .13em;
  font-weight: 850;
  color: #4b764f;
}
.essay-sales-example>strong {
  display: block;
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 30px;
  line-height: 1.16;
  margin-top: 17px;
}
.essay-sales-example>div {
  border-left: 3px solid #6a9d6e;
  padding-left: 14px;
  margin-top: 24px;
  display: grid;
  gap: 5px;
}
.essay-sales-example>div span {
  font-size: 11px;
  letter-spacing: .11em;
  font-weight: 800;
  color: #59805d;
}
.essay-sales-example>div b {
  font-size: 18px;
}
.essay-sales-example p {
  font-size: 15px;
  line-height: 1.5;
  color: #415947;
  margin-top: 22px;
}
.essay-sales-example small {
  display: block;
  font-size: 11px;
  line-height: 1.45;
  color: #708372;
  margin-top: 20px;
}
.adaptive-section {
  background: #e5eedf;
  padding-block: 80px;
}
.adaptive-section h2 {
  max-width: 900px;
}
.adaptive-timeline {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 10px;
  margin-top: 33px;
}
.adaptive-timeline article {
  background: #fff;
  padding: 22px;
  min-height: 175px;
  border-top: 3px solid #679169;
}
.adaptive-timeline article span {
  font-size: 10px;
  letter-spacing: .12em;
  font-weight: 900;
  color: #5c805e;
}
.adaptive-timeline p {
  font-size: 17px;
  line-height: 1.32;
  font-weight: 700;
  margin-top: 26px;
}
.adaptive-section>div>small {
  display: block;
  margin-top: 16px;
  color: #69806a;
  font-size: 11px;
}
.route-comparison {
  background: var(--paper);
  padding-block: 78px;
}
.comparison-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 32px;
}
.comparison-grid>div {
  padding: 29px;
  background: #e8ebe5;
}
.comparison-grid>div:last-child {
  background: #d4eabb;
}
.comparison-grid span {
  font-size: 11px;
  letter-spacing: .13em;
  font-weight: 900;
  color: #5a765e;
}
.comparison-grid p {
  font-size: 18px;
  line-height: 1.45;
  min-height: 80px;
  margin: 25px 0;
}
.comparison-grid strong {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 27px;
  line-height: 1.15;
}
.value-stack {
  background: #f1f5ed;
  padding-block: 80px;
}
.value-stack-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  column-gap: 45px;
  margin-top: 27px;
}
.value-stack-grid>div {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 14px;
  border-top: 1px solid #ceddca;
  padding: 15px 0;
}
.value-stack-grid>div>span {
  font-size: 12px;
  font-weight: 850;
  color: #5c8a60;
  padding-top: 2px;
}
.value-stack-grid strong {
  font-size: 16px;
  line-height: 1.25;
}
.value-stack-grid p {
  font-size: 13px;
  color: #5b6e5d;
  margin-top: 3px;
  line-height: 1.4;
}
@media (max-width:760px) {
  .result-action-bridge,.route-example,.library-section,.essay-sales,.adaptive-section,.route-comparison,.value-stack {
    padding-block: 58px;
  }
  .action-bridge-grid,.route-example-grid,.essay-sales-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .search-to-route,.route-card,.essay-sales-example {
    padding: 22px;
  }
  .library-grid,.comparison-grid,.value-stack-grid {
    grid-template-columns: 1fr;
  }
  .adaptive-timeline {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .adaptive-timeline article {
    min-height: 150px;
  }
  .comparison-grid p {
    min-height: 0;
  }
}
@media (max-width:470px) {
  .adaptive-timeline {
    grid-template-columns: 1fr;
  }
  .adaptive-timeline article {
    min-height: 0;
  }
  .adaptive-timeline p {
    margin-top: 13px;
  }
}
.priority-card h3,.essay-sales h3 {
  letter-spacing: -.025em;
}
.preview-positive {
  font-weight: 750;
  color: #254b30 !important;
  border-left: 3px solid #80a679;
  padding-left: 15px;
}
.hero-first-focus {
  font-size: 16px !important;
  color: #234c2e !important;
  background: #e3eedb;
  padding: 13px 16px;
  margin-top: 18px !important;
}
.preview-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.preview-facts span {
  font-size: 12px;
  font-weight: 800;
  color: #345d3d;
  background: #e3eddb;
  padding: 9px 11px;
}
.primary-action-section {
  background: #f0f5ec;
  padding-block: 65px;
}
.primary-action-grid {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 65px;
  align-items: center;
}
.primary-action-grid h2,.product-demo h2,.result-details h2 {
  font-size: clamp(38px,4vw,58px);
  line-height: 1.07;
  letter-spacing: -.05em;
  margin-top: 15px;
}
.primary-action-grid h2 i,.product-demo h2 i,.result-details h2 i {
  font-style: normal;
  color: #6d8f6b;
}
.primary-action-grid h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(30px,3vw,42px);
  line-height: 1.1;
  margin-top: 27px;
}
.primary-action-grid p {
  font-size: 16px;
  line-height: 1.5;
  color: #435c49;
  margin-top: 15px;
}
.primary-action-grid .primary-evidence {
  font-weight: 750;
  color: #21462c;
}
.primary-block {
  background: #fff;
  border: 1px solid #cbdcc5;
  padding: 30px;
  box-shadow: 12px 12px 0 #d7e8cb;
}
.primary-block>span,.gift-grid article>span,.product-big-idea>span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .13em;
  color: #57815d;
}
.primary-block ol {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  border-top: 1px solid #d7e3d2;
}
.primary-block li {
  padding: 14px 0;
  border-bottom: 1px solid #d7e3d2;
  display: flex;
  gap: 18px;
  align-items: center;
  font-size: 15px;
}
.primary-block li strong {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 25px;
  min-width: 72px;
}
.primary-block .cta {
  margin-top: 20px;
  text-decoration: none;
}
.primary-practice {
  background: #e8f2e2;
  margin-top: 18px;
  padding: 18px;
  border-left: 3px solid #71996f;
}
.primary-practice p {
  margin: 9px 0 14px;
  font-size: 14px;
}
.primary-practice label {
  display: flex;
  gap: 9px;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}
.primary-practice input {
  width: 18px;
  height: 18px;
  accent-color: #2b5735;
}
.post-campaign {
  padding-block: 65px 85px;
}
.post-campaign h2 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(32px,3vw,46px);
  line-height: 1.1;
  margin-top: 14px;
}
.post-campaign p {
  font-size: 17px;
  line-height: 1.5;
  color: #4a6050;
  max-width: 730px;
  margin-top: 16px;
}
.other-suggestions {
  border-top: 1px solid #c6d7c1;
  margin-top: 36px;
}
.other-suggestions summary,.product-detail-accordion summary {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
  font-weight: 850;
  font-size: 16px;
}
.other-suggestions>div {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.other-suggestions article {
  padding: 20px;
  background: #fff;
  border: 1px solid #d6e2d0;
}
.other-suggestions article p {
  margin: 9px 0;
  color: #49614c;
  line-height: 1.4;
}
.other-suggestions article small {
  color: #66816a;
}
.gift-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  margin-top: 28px;
}
.gift-grid article {
  background: #fff;
  padding: 27px;
  border: 1px solid #cbdcc5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.gift-grid h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(25px,2.5vw,34px);
  line-height: 1.1;
  margin-top: 20px;
}
.gift-grid p {
  font-size: 15px;
  line-height: 1.5;
  color: #4a604d;
  margin: 13px 0 20px;
}
.gift-grid a {
  display: inline-block;
  background: var(--forest);
  color: #fff;
  padding: 15px 19px;
  font-weight: 800;
  font-size: 14px;
  margin-top: auto;
}
.gift-grid small {
  display: block;
  color: #627764;
  font-size: 11px;
  margin-top: 12px;
}
.gift-conclusion {
  font-size: 18px;
  font-weight: 800;
  color: #2b5133;
  margin-top: 26px;
}
.product-demo {
  background: #19382b;
  color: #fff;
  padding-block: 70px;
}
.product-demo .kicker {
  color: var(--lime);
}
.product-demo h2 {
  max-width: 870px;
}
.product-demo h2 i {
  color: var(--lime);
}
.product-demo-lead {
  max-width: 790px;
  color: #d2dfd3;
  font-size: 17px;
  line-height: 1.55;
  margin-top: 19px;
}
.product-flow {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 7px;
  margin-top: 34px;
}
.product-flow>div {
  min-height: 105px;
  background: #ffffff12;
  border-top: 3px solid var(--lime);
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.product-flow span {
  font-size: 11px;
  color: var(--lime);
  font-weight: 850;
}
.product-flow strong {
  font-size: 15px;
}
.product-flow small {
  font-size: 12px;
  color: #c9d9c9;
}
.product-demo-note {
  font-size: 12px;
  line-height: 1.5;
  color: #acc4ae;
  margin-top: 15px;
}
.product-big-idea {
  border-top: 1px solid #ffffff3d;
  margin-top: 40px;
  padding-top: 31px;
}
.product-big-idea>span {
  color: var(--lime);
}
.product-big-idea h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(30px,3vw,43px);
  line-height: 1.12;
  margin-top: 13px;
  max-width: 800px;
}
.product-big-idea p {
  font-size: 16px;
  line-height: 1.55;
  color: #d2dfd3;
  max-width: 800px;
  margin-top: 13px;
}
.offer-checkout {
  text-decoration: none;
  min-width: min(100%,340px);
}
.offer-loop small {
  display: block;
  font-size: 12px;
  line-height: 1.4;
  color: #b9d0b9;
  font-weight: 450;
  margin: 4px 0 13px;
}
.result-details {
  background: var(--paper);
  padding-block: 70px;
}
.result-details>div>p {
  max-width: 760px;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 16px;
  color: #49614e;
}
.product-categories {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 11px;
  margin-top: 30px;
}
.product-categories article {
  background: #fff;
  border: 1px solid var(--line);
  padding: 21px;
}
.product-categories h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 24px;
}
.product-categories p {
  font-size: 14px;
  line-height: 1.45;
  color: #526a55;
  margin-top: 10px;
}
.product-detail-accordion {
  border-top: 1px solid #cadcc8;
  border-bottom: 1px solid #cadcc8;
  margin-top: 25px;
}
.product-detail-accordion>div {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 28px;
  padding-bottom: 24px;
}
.product-detail-accordion p {
  font-size: 14px;
  line-height: 1.5;
  color: #465c49;
}
.details-essay,.time-value {
  margin-top: 30px;
  padding: 28px;
  background: #e2eedd;
}
.details-essay {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  align-items: center;
}
.details-essay h3,.time-value h3 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(26px,2.7vw,37px);
  margin-top: 9px;
}
.details-essay p,.time-value p {
  font-size: 15px;
  line-height: 1.5;
  color: #465e49;
  margin-top: 12px;
  max-width: 760px;
}
.details-essay a {
  background: var(--forest);
  color: #fff;
  padding: 16px 20px;
  font-weight: 800;
  text-decoration: none;
  flex-shrink: 0;
}
@media (max-width:760px) {
  .primary-action-section,.product-demo,.result-details {
    padding-block: 54px;
  }
  .primary-action-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .primary-block {
    padding: 22px;
    box-shadow: 7px 7px 0 #d7e8cb;
  }
  .gift-grid,.other-suggestions>div,.product-detail-accordion>div {
    grid-template-columns: 1fr;
  }
  .product-flow {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .product-flow>div {
    min-height: 90px;
  }
  .product-categories {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  .details-essay {
    display: block;
    padding: 22px;
  }
  .details-essay a {
    display: inline-block;
    margin-top: 19px;
  }
  .time-value {
    padding: 22px;
  }
}
@media (max-width:380px) {
  .product-categories {
    grid-template-columns: 1fr;
  }
  .primary-block .cta,.gift-grid a,.offer-checkout {
    width: 100%;
  }
  .preview-facts {
    display: grid;
  }
  .hero-action {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-action .cta {
    width: 100%;
  }
  .hero-action>span {
    margin-top: 0;
  }
  .question-actions {
    gap: 8px;
  }
  .question-actions .cta {
    min-width: 170px;
  }
  .product-flow>div {
    padding: 12px;
  }
  .countdown-grid strong {
    font-size: 42px;
  }
}
@media (max-width:760px) {
  .result-page-short .student-profile {
    padding: 20px;
  }
  .result-page-short .profile-glyph {
    display: none;
  }
  .result-page-short .student-profile h2 {
    margin-top: 12px;
  }
  .result-page-short .profile-note {
    margin-top: 13px;
  }
  .result-page-short .result-hero {
    gap: 0;
  }
  .result-page-short .result-heading h1 {
    font-size: clamp(37px,9vw,51px);
  }
}
.quiz-interlude {
  max-width: 650px;
  margin: 48px auto;
  padding: 20px 0;
}
.quiz-interlude h1 {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(38px,5vw,60px);
  line-height: 1.06;
  letter-spacing: -.055em;
  margin-top: 18px;
}
.quiz-interlude p {
  font-size: 17px;
  line-height: 1.55;
  color: #4c6251;
  margin: 20px 0 27px;
}
.post-exam-notice {
  padding-bottom: 18px;
  border-bottom: 1px solid #ffffff2f;
}
.post-exam-notice>span {
  font-size: 11px;
  letter-spacing: .15em;
  font-weight: 900;
  color: var(--lime);
}
.post-exam-notice p {
  font-family: var(--font-display),Arial,sans-serif;
  font-size: clamp(25px,3vw,40px);
  line-height: 1.2;
  font-weight: 800;
  max-width: 760px;
  margin-top: 12px;
}
.quiz-main-with-results {
  width: 100%;
  padding-bottom: 0;
}
.quiz-main-with-results .quiz-interlude {
  width: min(100% - 40px,650px);
  margin: 20px auto 42px;
}
.student-results {
  overflow: hidden;
  background: var(--forest);
  color: #f7fbf4;
  padding: 48px 0 28px;
}
.student-results-heading {
  width: min(100% - 40px,680px);
  margin: 0 auto 32px;
  text-align: center;
}
.student-results-heading .kicker {
  color: #b6c8b9;
  font-size: 10px;
  letter-spacing: .14em;
}
.student-results-heading h2 {
  font-size: clamp(29px,4vw,46px);
  line-height: 1.08;
  margin: 16px 0;
  letter-spacing: -.045em;
}
.student-results-heading h2 em {
  font-style: normal;
  color: var(--lime);
}
.student-results-heading p {
  font-size: 13px;
  line-height: 1.5;
  color: #a9bfaf;
  max-width: 480px;
  margin: auto;
}
.student-results-window {
  overflow: hidden;
  mask-image: linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);
}
.student-results-track {
  display: flex;
  width: max-content;
}
.student-results-group {
  display: flex;
  gap: 18px;
  margin: 0;
  padding: 0 18px 0 0;
  list-style: none;
}
.student-results-group li {
  flex: none;
}
.student-result-card {
  width: 300px;
  min-height: 226px;
  border: 1px solid #ffffff1f;
  border-radius: 18px;
  background: #1a3328;
  padding: 22px;
  box-shadow: 0 6px 20px #0000000d;
}
.student-result-person {
  display: flex;
  align-items: center;
  gap: 12px;
}
.student-result-avatar {
  width: 46px;
  height: 46px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid #d2fa6d59;
  background: #2c4631;
  color: var(--lime);
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 17px;
  font-weight: 800;
}
.student-result-person h3 {
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: -.02em;
}
.student-result-person div>span {
  display: block;
  font-size: 11px;
  color: #b8cdbd;
  margin-top: 4px;
}
.student-result-scores {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 17px;
}
.student-result-scores div>span {
  display: block;
  font-size: 9px;
  letter-spacing: .11em;
  color: #9aafa0;
}
.student-result-scores strong {
  display: block;
  font-family: var(--font-display),Arial,sans-serif;
  font-size: 23px;
  line-height: 1.15;
  color: #8d9f91;
  margin-top: 5px;
  letter-spacing: -.03em;
}
.student-result-scores div:last-child {
  text-align: right;
}
.student-result-scores div:last-child>span {
  color: #8ddca6;
}
.student-result-scores div:last-child strong {
  color: var(--lime);
  font-size: 29px;
}
.student-result-arrow {
  display: flex;
  align-items: center;
  flex: 1;
  color: var(--lime);
}
.student-result-arrow:before {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(to right,#d2fa6d25,var(--lime));
}
.student-result-gain {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 800;
  color: #8ddca6;
  border: 1px solid #8ddca638;
  background: #8ddca60b;
  border-radius: 30px;
  padding: 7px 10px;
}
.student-result-disclaimer {
  display: block;
  font-size: 9px;
  color: #adc2b3;
  margin-top: 12px;
  line-height: 1.4;
}
.student-results-controls {
  width: min(100% - 40px,680px);
  margin: 23px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  font-size: 11px;
  color: #b8cdbd;
}
.student-results-controls button {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  border: 1px solid #ffffff25;
  border-radius: 30px;
  background: transparent;
  color: #e0eadf;
  padding: 8px 12px;
  font-size: 11px;
  flex: none;
}
@keyframes student-results-slide {
  to {
    transform: translateX(-50%);
  }
}
@media (max-width:760px) {
  .quiz-main-with-results {
    padding-top: 26px;
  }
  .quiz-main-with-results .quiz-interlude {
    margin: 10px auto 32px;
  }
  .student-results {
    padding-top: 36px;
  }
  .student-result-card {
    width: 275px;
    padding: 20px;
  }
  .student-results-group {
    gap: 12px;
    padding-right: 12px;
  }
  .student-results-controls>span {
    max-width: 200px;
    line-height: 1.5;
  }
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-outline-style: solid;
    }
  }
}