.J_PLXq_top{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""noscript""tool""intro";row-gap:0;display:grid}.J_PLXq_top>[data-ui=hero]{z-index:var(--z-content);grid-area:hero;position:relative}.J_PLXq_top>noscript{grid-area:noscript}.J_PLXq_top>[data-ui=human-design-tool]{grid-area:tool}.J_PLXq_top>.J_PLXq_intro{font-size:var(--fs-body);color:var(--text-80);grid-area:intro;margin-top:16px;padding:24px 16px;line-height:1.6}.J_PLXq_noscript{font-size:var(--fs-label);color:var(--muted-aa);margin-bottom:16px;line-height:1.5}@media (max-width:350px){.J_PLXq_top>.J_PLXq_intro{margin-inline:-8px}}@media (min-width:641px){.J_PLXq_top>.J_PLXq_intro,.J_PLXq_guide section{padding:32px}}@media (min-width:768px){.J_PLXq_top{padding-top:8px}}@media (min-width:641px){.J_PLXq_top{--fs-title:clamp(36px, 6vw, 60px)}}@media (min-width:768px){.J_PLXq_top:not(:has([data-ui=hd-result])){grid-template:"hero hero""noscript noscript""form sample""form intro""form."1fr/minmax(360px,5fr) minmax(0,7fr);column-gap:16px}.J_PLXq_top:not(:has([data-ui=hd-result]))>[data-ui=human-design-tool]{display:contents}.J_PLXq_top:not(:has([data-ui=hd-result]))>[data-ui=human-design-tool]>div{display:contents}.J_PLXq_top:not(:has([data-ui=hd-result]))>[data-ui=human-design-tool]>div>:not([data-ui=hd-sample]){grid-area:form}.J_PLXq_top:not(:has([data-ui=hd-result]))>[data-ui=human-design-tool]>div>[data-ui=hd-sample]{order:0;grid-area:sample;align-self:start;position:static}.J_PLXq_top:not(:has([data-ui=hd-result]))>.J_PLXq_intro{align-self:start}}@media (min-width:1024px){.J_PLXq_top{--fs-title:clamp(36px, 4.4vw, 64px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"hero hero""noscript noscript""tool tool""intro.";column-gap:48px}.J_PLXq_top:not(:has([data-ui=hd-result])){grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:48px}}.J_PLXq_guide{margin-block:64px}.J_PLXq_top:has([data-ui=hd-result])+.J_PLXq_guide{border-top:1px solid var(--border-soft);margin-top:96px;padding-top:clamp(48px,6vw,96px)}.J_PLXq_top:has([data-ui=hd-result])>[data-ui=hero]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.J_PLXq_top:has([data-ui=hd-result])>.J_PLXq_intro{display:none}.J_PLXq_guide [data-ui=prose]{gap:16px;max-width:none;display:grid}.J_PLXq_guide section{padding:24px 16px}.J_PLXq_guide section>h2{font:var(--font-tile);letter-spacing:var(--ls-tight);margin:0 0 16px}.J_PLXq_guide section>p{max-width:var(--measure-read)}.J_PLXq_guide section>p:last-child{margin-bottom:0}@media (min-width:1024px){.J_PLXq_guide{margin-top:48px}.J_PLXq_guide section{grid-template-columns:minmax(0,5fr) minmax(30em,7fr);column-gap:48px;padding:clamp(32px,4%,48px);display:grid}.J_PLXq_guide section>h2{top:var(--header-clear);grid-area:1/1/span 24;align-self:start;margin:0;position:sticky}.J_PLXq_guide section>p{grid-column:2}.J_PLXq_guide+[data-ui=method-note]{margin-top:-32px;margin-left:calc(41.6667% + 28px)}}@media print{.J_PLXq_top{--fs-title:30px;padding-top:0}.J_PLXq_top>.J_PLXq_intro,.J_PLXq_top>noscript,.J_PLXq_guide{display:none}.J_PLXq_top:has([data-ui=hd-result])>[data-ui=hero]{display:none}}
