/* Shared by the landing page and its CMS previews. Keep other pages untouched. */
.human-design{--ink:#20272d;--paper:#fafbf9;--blau:#245db0;--signal:#ffda45;--line:#e2e6e5;--grau:#647078;--body:'IBM Plex Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6}
.human-design *{box-sizing:border-box}
.human-design [hidden]{display:none!important}
.human-design .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.human-design a{color:inherit;text-decoration:none}
.human-design :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--blau);outline-offset:4px}
.human-design :is(h1,h2,h3){font-family:var(--body);text-transform:none;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.human-design h2{font-size:clamp(30px,3.6vw,44px);line-height:1.15;margin:12px 0 18px}
.human-design .hl{display:inline;background:none;color:var(--blau);padding:0;border-radius:0}
.human-design .eyebrow{font-family:var(--body);font-size:13px;line-height:1.5;letter-spacing:.035em;text-transform:none;color:var(--grau)}
.human-design .btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;font-family:var(--body);font-size:15px;line-height:1.4;font-weight:600;letter-spacing:0;text-transform:none;padding:15px 22px;border:1px solid transparent;border-radius:10px;box-shadow:none;cursor:pointer;transition:background .15s ease,transform .15s ease}
.human-design .btn-signal{background:var(--signal);color:var(--ink)}
.human-design .btn-signal:hover{background:#ffd126;box-shadow:none;transform:translateY(-1px)}
.human-design .btn-ghost{border-color:var(--line);background:transparent}
.human-design .btn-ghost:hover{background:#fff}
.human-design .human-secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;font-size:15px;font-weight:500;color:var(--ink)}
.human-design .human-secondary:hover{text-decoration:underline;text-underline-offset:5px}
.human-design nav{background:rgba(250,251,249,.95)}
.human-design .nav-in{height:78px}
.human-design .nav-cta{font-family:var(--body);font-size:14px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:9px}
.human-design .nav-cta:hover{background:#edf3fb}
.human-design .human-hero{container-type:inline-size;padding:64px 0 0;overflow:visible}
.human-design .human-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:72px;align-items:center}
.human-design .human-hero-copy{min-width:0;padding:12px 0}
.human-design .human-hero h1{font-size:clamp(38px,4.4vw,58px);line-height:1.08;margin:20px 0 24px;letter-spacing:-.045em}
.human-design .human-hero h1.hero-title--sm{font-size:clamp(30px,3.3vw,42px)}
.human-design .human-hero h1.hero-title--md{font-size:clamp(34px,3.9vw,50px)}
.human-design .human-hero h1.hero-title--xl{font-size:clamp(42px,5vw,66px)}
.human-design .human-hero .hero-sub{font-family:var(--body);font-size:18px;line-height:1.7;max-width:46ch;color:#53616a;margin:0 0 28px}
.human-design .hero-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:0 0 16px}
.human-design .hero-note{font-family:var(--body);font-size:13px;line-height:1.6;color:var(--grau);margin:0;max-width:60ch}
.human-design .human-person{min-width:0;margin:0}
.human-design .human-person-photo{position:relative;isolation:isolate;aspect-ratio:1/.97;background:#e8eddf;border-radius:20px;overflow:hidden}
.human-design .human-person-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.human-design .human-person-initial{display:grid;place-items:center;height:100%;font-size:100px;font-weight:500;color:#68856a}
.human-design .human-person-label{position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;max-width:calc(100% - 36px);padding:8px 13px;border-radius:8px;background:rgba(255,255,255,.94);color:var(--ink);font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.human-design .human-person figcaption{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 2px 0}
.human-design .human-person figcaption b{display:block;font-size:18px;font-weight:600}
.human-design .human-person figcaption span{display:block;color:var(--grau);font-size:13px;line-height:1.5;margin-top:2px}
.human-design .human-person figcaption a{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;font-size:20px}
.human-design .human-hero--text .human-hero-grid{grid-template-columns:minmax(0,780px)}
.human-design .human-quick-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;margin-top:46px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.human-design .human-quick-facts b{display:block;font-size:19px;font-weight:500;line-height:1.4}
.human-design .human-quick-facts span{display:block;color:var(--grau);font-size:12px;margin-top:5px}
.human-design .landing-flow{display:flex;flex-direction:column}
.human-design .landing-flow>.programs{order:1}
.human-design .landing-flow>.proof{order:2}
.human-design .landing-flow>.depart{order:3}
.human-design .landing-flow>.teachers{order:4}
.human-design .landing-flow>.video{order:5}
.human-design .landing-flow>.stats{order:6}
.human-design .landing-flow>.faq{order:7}
.human-design .landing-flow>.hans{order:8}
.human-design .landing-flow>.social{order:9}
.human-design .landing-flow>.final{order:10}
.human-design :is(.programs,.depart,.teachers,.video,.proof,.faq,.social,.hans){padding:76px 0;border:0}
.human-design :is(.prog-head,.proof-head,.depart-head,.teach-header,.faq-head,.social-head){max-width:700px;margin:0 0 30px}
.human-design :is(.prog-head,.proof-head,.depart-head,.teach-header,.social-head)>p{color:#53616a;font-size:16px;line-height:1.7;margin:0}
.human-design .human-programs{container-type:inline-size}
.human-design .program-goals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.human-design .program-goals button{font-family:inherit;font-size:14px;line-height:1.4;min-height:44px;padding:10px 18px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:999px;cursor:pointer}
.human-design .program-goals button[aria-pressed=true]{background:var(--blau);border-color:var(--blau);color:#fff}
.human-design .human-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.human-design .human-program{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}
.human-design .human-program-label{color:var(--blau);font-size:12px;font-weight:500;line-height:1.5}
.human-design .human-program h3{font-size:25px;line-height:1.2;margin:12px 0}
.human-design .human-program>p{font-size:15px;line-height:1.65;color:#53616a;margin:0 0 24px}
.human-design .human-program-facts{list-style:none;margin:0 0 24px;padding:0}
.human-design .human-program-facts li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;padding:9px 0;border-bottom:1px solid #edf0ed}
.human-design .human-program-facts li span{color:var(--grau)}
.human-design .human-program-facts li b{text-align:right;font-weight:500}
.human-design .human-program-bottom{margin-top:auto}
.human-design .human-program-price{margin:0 0 20px;line-height:1.4}
.human-design .human-program-price strong{display:block;font-size:23px;letter-spacing:-.02em;font-weight:600}
.human-design .human-program-price span{display:block;font-size:13px;color:var(--grau);margin-top:4px}
.human-design .human-program .btn{width:100%;padding:13px 14px;font-size:14px}
.human-design .human-program--helper{background:#eef3f9;border-color:#e1e9f4}
.human-design .human-helper-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.human-design .human-program-more{display:block;margin:24px auto 0;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 20px;font:inherit;font-size:14px;cursor:pointer}
.human-design .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.human-design .proof{background:#f0f3ee}
.human-design .review{box-shadow:none;border-color:var(--line);border-radius:16px}
.human-design .review-heading{font-family:var(--body);text-transform:none;font-size:24px;line-height:1.25}
.human-design .review-journey{background:#f3f6fa;border:0}
.human-design .review-duration{background:#edf3fb;color:var(--blau)}
.human-design .review-meta{border-top-style:solid}
.human-design :is(.dboard-title,.tcard h3,.faq-item summary,.stat b){font-family:var(--body);text-transform:none;letter-spacing:-.015em}
.human-design .tcard{box-shadow:none;border-color:var(--line)}
.human-design .stats{background:#f0f3ee;border:0;padding:36px 0}
.human-design .stat b{font-size:36px}
.human-design .hans{background:#edf3f9}
.human-design .sticky-cta{background:rgba(250,251,249,.97);border-top:1px solid var(--line)}
.human-design .sticky-cta a{font-family:var(--body);font-size:15px;letter-spacing:0;text-transform:none;border-radius:10px}
.human-design .sticky-cta .s-main{background:var(--signal);color:var(--ink)}
.human-design .final .hl{color:#9ec2ff}
.human-preview{container-type:inline-size;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-inline:auto;width:100%}
.human-preview--phone{max-width:390px}
.human-preview .human-hero{padding-top:36px}
.human-preview .human-hero-grid{gap:32px}
.human-preview .human-hero h1{font-size:42px}
.human-preview .programs{padding:32px 0}
.human-design .hero h1.hero-title--normal{font-weight:400}
.human-design .hero h1.hero-title--semibold{font-weight:600}
.human-design .hero h1.hero-title--bold{font-weight:700}
.human-design :is(.hero-title--left,.hero-sub--left,.hero-note--left,.eyebrow--left){text-align:left}
.human-design :is(.hero-title--center,.hero-sub--center,.hero-note--center,.eyebrow--center){text-align:center}
.human-design :is(.hero-title--right,.hero-sub--right,.hero-note--right,.eyebrow--right){text-align:right}
.human-design .human-hero .hero-sub--sm{font-size:16px}
.human-design .human-hero .hero-sub--lg{font-size:21px}
.human-design .human-hero .hero-sub--xl{font-size:24px}
.human-design :is(.hero-sub--normal,.hero-note--normal,.eyebrow--normal){font-weight:400}
.human-design :is(.hero-sub--semibold,.hero-note--semibold,.eyebrow--semibold){font-weight:600}
.human-design :is(.hero-sub--bold,.hero-note--bold,.eyebrow--bold){font-weight:700}
.human-design :is(.eyebrow--md,.hero-note--md){font-size:14px}
.human-design :is(.eyebrow--lg,.hero-note--lg){font-size:15px}
.human-design :is(.eyebrow--xl,.hero-note--xl){font-size:17px}
@container(max-width:900px){
  .human-design .human-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container(max-width:760px){
  .human-design .human-hero-grid{grid-template-columns:1fr;gap:28px}
  .human-design .human-hero h1{font-size:40px}
  .human-design .human-person{max-width:480px;width:100%}
  .human-design .human-person-photo{aspect-ratio:1/1}
  .human-design .human-quick-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
}
@container(max-width:540px){
  .human-design .human-program-grid{grid-template-columns:1fr}
  .human-design .human-program{padding:24px}
  .human-design .human-hero-grid{padding-inline:22px}
  .human-design .human-hero h1{font-size:38px}
  .human-design .human-hero h1.hero-title--sm{font-size:30px}
  .human-design .human-hero h1.hero-title--xl{font-size:42px}
  .human-design .hero-ctas{gap:10px 20px}
  .human-design .human-quick-facts b{font-size:17px}
}
@media(max-width:720px){
  .human-design .wrap{padding-inline:22px}
  .human-design .nav-in{height:68px}
  .human-design .human-hero{padding-top:32px}
  .human-design :is(.programs,.depart,.teachers,.video,.proof,.faq,.social,.hans){padding:52px 0}
}
@media(prefers-reduced-motion:reduce){.human-design .btn{transition:none}.human-design .btn:hover{transform:none}}