:root{--paper: #F1F4F2;--mist: var(--paper);--white: #FFFFFF;--stone: #EAF0ED;--border: rgba(0,0,0,.08);--border-md: rgba(0,0,0,.13);--ink: #18221F;--text: #2C3833;--t2: #525D55;--t3: #556058;--slate: #B95745;--slate-hi: #914435;--slate-light: #F5E9E6;--slate-mid: #D8A49A;--sage: #3F6650;--sage-hi: #35563F;--sage-light: #E5ECE8;--sage-mid: #B8CBBE;--warm: #80603B;--warm-hi: #6B502F;--warm-light: #F2ECE5;--warm-mid: #D4C0A4;--stage-1: #18221F;--stage-2: #B95745;--stage-3: #3F6650;--stage-4: #A87C4F;--stage-5: #3A4A43;--stage-1-on-dark: #C8D2CC;--stage-2-on-dark: #E08A76;--stage-3-on-dark: #8FB89D;--stage-4-on-dark: #D0A876;--stage-5-on-dark: #A8B5AE;--stage-1-text: #18221F;--stage-2-text: #914435;--stage-3-text: #3F6650;--stage-4-text: #80603B;--stage-5-text: #3A4A43;--stage-4-light: #F2ECE5;--p1: var(--stage-2);--p2: var(--stage-3);--p3: var(--stage-4);--mid: var(--stage-5);--font-display: "Archivo", system-ui, sans-serif;--font-ui: "Figtree", system-ui, sans-serif;--serif: var(--font-ui);--sans: var(--font-ui);--font-wordmark: "Quicksand", system-ui, sans-serif;--text-display: clamp(40px, 3rem + 1.5vw, 60px);--text-h2: clamp(28px, 1.8rem + .8vw, 36px);--text-h3: clamp(18px, 1.1rem + .4vw, 22px);--text-body: 16px;--text-body-lg: 18px;--text-ui: 14px;--text-label: 12px;--text-small: 13px;--text-xs: 12px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-modal: 0 20px 60px rgba(0,0,0,.12);--shadow-tooltip: 0 8px 28px rgba(0,0,0,.12);--shadow-hover: 0 4px 24px rgba(185,87,69,.08);--space-section: clamp(48px, 4rem + 2vw, 80px);--reading-width: 700px;--page-max: 1080px;--duration-fast: .15s;--duration-normal: .2s;--ease-out: cubic-bezier(.16, 1, .3, 1);--color-bg: var(--mist);--color-surface: var(--white);--color-input-bg: var(--mist);--color-text: var(--ink);--color-text-secondary: var(--text);--color-text-muted: var(--t2);--color-text-faint: var(--t3);--color-button: var(--slate);--color-button-text: #ffffff;--color-button-secondary: var(--white);--color-button-secondary-text: var(--slate);--color-accent: var(--slate);--color-accent-deep: var(--slate-hi);--color-terracotta: var(--slate);--color-terracotta-dark: var(--slate-hi);--color-terracotta-pressed: #7E382C;--color-terracotta-tint: var(--slate-light);--color-sage: var(--sage-light);--color-sage-text: var(--sage);--color-bronze: #A87C4F;--color-bronze-text: var(--warm);--color-surface-soft: var(--stone);--color-border-growth: var(--sage-mid);--color-border-challenge: var(--slate-mid);--color-border-depth: var(--warm-mid);--color-accent-light: var(--slate-light);--color-accent-link: var(--slate);--color-border: var(--border);--color-border-medium: var(--border-md);--color-border-light: var(--border);--color-error: #c0392b;--color-warning: var(--warm-hi);--color-option-bg: var(--white);--color-option-selected: var(--slate-light);--color-signal-border: var(--border);--color-stage-1: var(--stage-1);--color-stage-2: var(--stage-2);--color-stage-3: var(--stage-3);--color-stage-4: var(--stage-4);--color-stage-5: var(--stage-5);--color-locus-bg: var(--slate-light);--color-locus-text: var(--slate-hi);--color-meaning-bg: var(--sage-light);--color-meaning-text: var(--sage-hi);--color-relational-bg: var(--warm-light);--color-relational-text: var(--warm-hi);--color-change-bg: var(--stage-4-light);--color-change-text: var(--stage-4-text);--font-body: var(--sans);--font-serif: var(--serif);--font-mono: ui-monospace, SFMono-Regular, monospace;--weight-body: 400;--weight-medium: 500;--weight-semi: 500;--radius-small: var(--r-sm);--radius-medium: var(--r-md);--radius-large: var(--r-lg);--radius-pill: var(--r-sm);--shadow-card: none;--shadow-button: none}button:focus{outline:none}button:focus-visible{outline:2px solid var(--slate);outline-offset:2px}.option-btn:focus,.option-btn:focus-visible{outline:none;box-shadow:none;border-color:#00000014}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-normal) ease-out,transform var(--duration-normal) ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0ms}.reveal-delay-2{transition-delay:.15s}.reveal-delay-3{transition-delay:.3s}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity var(--duration-page) ease}.locked-content{filter:blur(5px);opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.locked-gradient{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none}.la-level-block{opacity:.4;transition:opacity var(--duration-normal) ease}.la-level-block.active{opacity:1}@media (max-width: 600px){nav{padding:0 20px!important;flex-wrap:nowrap;gap:8px}.nav-secondary-links{display:none!important}.nav-action{min-height:44px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center!important}.nav-menu-button{display:inline-flex!important;align-items:center;justify-content:center}}@media (max-width: 480px){[style*="padding: 28px"]{padding:16px!important}[style*="maxWidth: 72%"],[style*="max-width: 72%"]{max-width:88%!important}}@media (max-width: 540px){.level-card-responsive{flex-direction:column!important;gap:16px!important}.dimension-label-responsive{width:120px!important;font-size:13px!important}.journey-step-responsive{font-size:11px!important;padding:8px 2px!important}.action-row-responsive{flex-direction:column!important;align-items:stretch!important}.action-row-responsive button,.action-row-responsive a{text-align:center!important}}@media (max-width: 380px){:root{--text-hero: 24px;--text-h2: 20px;--text-h3: 18px;--text-body-lg: 16px}}@media (pointer: coarse){button,[role=button],a[href]{min-height:44px}textarea{font-size:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}a:focus-visible{outline:2px solid var(--slate);outline-offset:2px;border-radius:2px}@media (max-width: 760px){.landing-hero-grid,.landing-steps-grid,.landing-trio-grid,.landing-quotes-grid,.landing-paywall-grid,.landing-paywall-secs{grid-template-columns:1fr!important}.landing-hero-grid{gap:32px!important}.landing-paywall-secs{padding:24px!important}body{overflow-x:hidden}}.skip-link:focus{left:0!important}@media (max-width: 700px){.jh-row2{grid-template-columns:1fr!important}}@media (max-width: 700px){.app-nav{padding-left:12px!important;padding-right:12px!important}.app-nav-right{gap:2px!important}.app-nav-right button{padding-left:6px!important;padding-right:6px!important}}@media (max-width: 380px){.app-nav .logo-wordmark{display:none!important}.app-nav-right button{font-size:11px!important}.app-nav-right{gap:1px!important}}@media (max-width: 640px){.stage-ladder-row{flex-direction:column!important;gap:6px!important}}@media (max-width: 640px){main section{padding-left:16px!important;padding-right:16px!important}}@media (max-width: 640px){.landing-step-card{padding-left:18px!important;padding-right:18px!important}}@media (max-width: 420px){.landing-step-card{padding-left:14px!important;padding-right:14px!important}.discover-level-row{grid-template-columns:1fr!important;gap:8px!important;padding-left:16px!important;padding-right:16px!important}}@media (max-width: 640px){.legal-content{padding-left:16px!important;padding-right:16px!important}.legal-content section{padding-left:0!important;padding-right:0!important}}@media (max-width: 640px){.pdf-banner{flex-direction:column!important;align-items:flex-start!important;gap:14px!important;padding:20px!important}.pdf-banner>button,.pdf-banner>a{width:100%;min-height:44px}}@media (max-width: 430px){.jh-page{padding-left:12px!important;padding-right:12px!important}.jh-card{padding-left:14px!important;padding-right:14px!important}main section{padding-left:10px!important;padding-right:10px!important}}@media (max-width: 640px){.acct-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.acct-row>*:last-child{align-self:flex-start}.acct-row button{min-height:44px}}@media (max-width: 640px){nav{padding-left:12px!important;padding-right:12px!important}.nav-action{padding-left:8px!important;padding-right:8px!important}}@media (max-width: 380px){nav:has(.nav-action) .logo-wordmark{display:none!important}}
