.diagnostic-hero{position:relative;overflow:hidden;background:var(--color-sand)}.diagnostic-hero:after{position:absolute;right:-9rem;bottom:-13rem;width:27rem;height:27rem;border:1px solid color-mix(in srgb,var(--color-tan) 44%,transparent);border-radius:50%;content:"";pointer-events:none}.diagnostic-hero__inner{position:relative;z-index:1;display:flex;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding-block:clamp(2.75rem,6vw,4.25rem);text-align:center}.diagnostic-hero h1{width:100%;max-width:100%;margin:0 0 1.5rem;font-size:clamp(2.75rem,5vw,3.5rem);line-height:1.1;text-wrap:balance}.diagnostic-hero__text{max-width:41rem;color:color-mix(in srgb,var(--color-foreground) 77%,var(--color-sand));font-size:clamp(1.05rem,2vw,1.25rem)}.diagnostic-hero__text p{margin-inline:auto}.diagnostic-hero__button{margin-top:2rem}.diagnostic-hero__note{max-width:36rem;margin:1rem 0 0;color:color-mix(in srgb,var(--color-foreground) 64%,var(--color-sand));font-size:.85rem}.diagnostic-hero.inner-page-hero--has-media :is(.diagnostic-hero__text,.diagnostic-hero__note){color:inherit}.diagnostic-privacy-section{display:block;background:var(--color-foreground);color:var(--color-background)}.diagnostic-privacy{display:grid;gap:2.5rem;padding-block:clamp(4rem,8vw,6rem)}.diagnostic-privacy .eyebrow{color:color-mix(in srgb,var(--color-tan) 82%,white)}.diagnostic-privacy h2{max-width:12ch;margin-bottom:1.25rem;color:inherit;font-size:clamp(2.4rem,6vw,3rem)}.diagnostic-privacy__text{max-width:39rem;color:color-mix(in srgb,var(--color-background) 74%,var(--color-foreground))}.diagnostic-privacy__notice-link{margin:1.15rem 0 0;font-size:.76rem}.diagnostic-privacy__notice-link a{color:inherit;font-weight:700;text-underline-offset:.2em}.diagnostic-privacy__facts{display:grid;margin:0;border-top:1px solid color-mix(in srgb,var(--color-background) 22%,transparent)}.diagnostic-privacy__fact{padding-block:1.35rem;border-bottom:1px solid color-mix(in srgb,var(--color-background) 22%,transparent)}.diagnostic-privacy__fact dt{margin-bottom:.45rem;color:var(--color-background);font-family:var(--font-heading-family);font-size:1.3rem}.diagnostic-privacy__fact dd{margin:0;color:color-mix(in srgb,var(--color-background) 68%,var(--color-foreground));font-size:.9rem}.diagnostic-privacy .button--secondary{width:fit-content;border-color:color-mix(in srgb,var(--color-background) 56%,transparent);color:var(--color-background)}.diagnostic-tool{background:var(--color-background);scroll-margin-top:calc(var(--header-height, 5rem) + 1rem)}.diagnostic-orientation{display:block;width:100%;max-width:74rem;margin-inline:auto;padding:clamp(1.25rem,3.5vw,3.25rem);border:1px solid color-mix(in srgb,var(--color-tan) 45%,transparent);border-radius:clamp(1.25rem,4vw,var(--radius-card));background:var(--color-surface);box-shadow:var(--shadow-soft)}.diagnostic-orientation__header{max-width:58rem;margin:0 auto;text-align:center}.diagnostic-orientation__header h2{max-width:17ch;margin-inline:auto;margin-bottom:1rem;font-size:clamp(2.4rem,6vw,3rem)}.diagnostic-orientation__intro{max-width:46rem;margin-inline:auto;color:color-mix(in srgb,var(--color-foreground) 73%,var(--color-surface))}.diagnostic-orientation__benefits{max-width:46rem;display:grid;gap:.9rem 3rem;margin:2rem auto;padding-left:1.25rem;text-align:left}.diagnostic-orientation__benefits li{padding-left:.25rem}.diagnostic-orientation__start{min-width:11rem}.diagnostic-orientation__start[hidden]{display:none}.diagnostic-noscript,.diagnostic-safety-note,.diagnostic-results__caution,.diagnostic-handoff__privacy{padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--color-accent) 36%,transparent);border-radius:.85rem;background:var(--color-sand);color:color-mix(in srgb,var(--color-foreground) 82%,var(--color-sand));font-size:.92rem}.diagnostic-progress{position:sticky;z-index:3;top:calc(var(--header-height, 5rem) + .5rem);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;margin:-.5rem 0 clamp(2.5rem,6vw,4.5rem);padding:.75rem;border:1px solid color-mix(in srgb,var(--color-tan) 36%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-surface) 95%,transparent);box-shadow:0 .45rem 1.25rem color-mix(in srgb,var(--color-foreground) 7%,transparent);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.diagnostic-progress__track{overflow:hidden;height:.45rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-tan) 32%,transparent)}.diagnostic-progress__fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--color-accent);transform:scaleX(var(--diagnostic-progress, .2));transform-origin:left center;transition:transform .28s ease}.diagnostic-progress__label{min-width:6.5rem;margin:0;color:color-mix(in srgb,var(--color-foreground) 72%,var(--color-surface));font-size:.78rem;font-weight:600;text-align:right}.diagnostic-step{scroll-margin-top:calc(var(--header-height, 5rem) + 5rem)}.diagnostic-step__heading{display:block;margin-bottom:clamp(2.5rem,6vw,4rem)}.diagnostic-step__number{margin:0;color:var(--color-accent);font-family:var(--font-heading-family);font-size:clamp(2.4rem,6vw,3.5rem);line-height:.9}.diagnostic-step__heading .eyebrow{margin-bottom:.45rem}.diagnostic-step__heading h3,.diagnostic-results__heading h3{max-width:16ch;margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1;text-wrap:balance}.diagnostic-results__heading h3{margin-bottom:.85rem}.diagnostic-step__heading h3:focus,.diagnostic-results__heading h3:focus{outline:none}.diagnostic-step__heading h3:focus-visible,.diagnostic-results__heading h3:focus-visible{outline:2px solid var(--color-accent);outline-offset:.35rem;border-radius:.2rem}.diagnostic-question{min-width:0;margin:0 0 clamp(2.4rem,5vw,3.75rem);padding:0;border:0}.diagnostic-question legend{max-width:49rem;margin-bottom:.5rem;padding:0;color:var(--color-foreground);font-family:var(--font-heading-family);font-size:clamp(1.45rem,3vw,1.85rem);line-height:1.16}.diagnostic-question__hint{margin:0 0 1.05rem;color:color-mix(in srgb,var(--color-foreground) 63%,var(--color-surface));font-size:.86rem}.diagnostic-options{display:grid;gap:.75rem}.diagnostic-options label{position:relative;display:flex;min-width:0;min-height:3.5rem;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--color-tan) 54%,transparent);border-radius:1rem;background:color-mix(in srgb,var(--color-background) 74%,var(--color-surface));color:color-mix(in srgb,var(--color-foreground) 86%,var(--color-background));cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast)}.diagnostic-options input{width:1.25rem;height:1.25rem;flex:0 0 auto;margin:0;accent-color:var(--color-accent)}.diagnostic-options span{line-height:1.32}.diagnostic-options label:has(input:checked){border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 9%,var(--color-background))}.diagnostic-options label:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--color-accent) 50%,transparent);outline-offset:2px}.diagnostic-question[aria-invalid=true] .diagnostic-options{padding:.25rem;border:2px solid var(--color-error, #9f3026);border-radius:1.2rem}.diagnostic-question__error{margin:.8rem 0 0;color:var(--color-error, #8f2c24);font-size:.9rem;font-weight:600}.diagnostic-step__actions,.diagnostic-results__actions,.diagnostic-handoff__actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.diagnostic-step__actions{justify-content:space-between;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--color-tan) 42%,transparent)}.diagnostic-step__actions--end{justify-content:flex-end}.diagnostic-step__actions .button,.diagnostic-results__actions .button,.diagnostic-handoff__actions .button{min-height:3rem}.diagnostic-safety-note{max-width:53rem;margin-bottom:2.5rem}.diagnostic-safety-note p,.diagnostic-results__caution p{margin:0}.diagnostic-results__heading{max-width:48rem;margin-bottom:2.5rem}.diagnostic-results__heading p:last-child{max-width:41rem;color:color-mix(in srgb,var(--color-foreground) 68%,var(--color-surface))}.diagnostic-results__lead{margin-bottom:1rem;padding:clamp(1.4rem,4vw,2.25rem);border-radius:1.25rem;background:var(--color-foreground);color:var(--color-background)}.diagnostic-results__lead>p:last-child{max-width:42rem;margin:0;font-family:var(--font-heading-family);font-size:clamp(1.45rem,4vw,2.35rem);line-height:1.15}.diagnostic-results__label{margin:0 0 .65rem;color:var(--color-accent);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.diagnostic-results__grid{display:grid;gap:1rem}.diagnostic-results__grid section{min-width:0;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid color-mix(in srgb,var(--color-tan) 42%,transparent);border-radius:1.25rem;background:var(--color-background);box-shadow:var(--shadow-card)}.diagnostic-results__grid section>p:last-child{margin:0}.diagnostic-results__grid ul{display:grid;gap:.7rem;margin:0;padding-left:1.1rem}.diagnostic-results__grid li::marker{color:var(--color-accent)}.diagnostic-results__caution{margin-top:1rem}.diagnostic-results__next{display:grid;gap:1.5rem;margin-top:clamp(2.5rem,6vw,4rem);padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-card);background:var(--color-sand)}.diagnostic-results__next h4{max-width:20ch;margin-bottom:.75rem;font-size:clamp(1.75rem,4.5vw,2.75rem)}.diagnostic-results__next p:last-child{max-width:42rem;margin-bottom:0}.diagnostic-results__disclaimer{max-width:48rem;margin:1.25rem 0 0;color:color-mix(in srgb,var(--color-foreground) 59%,var(--color-surface));font-size:.82rem}.diagnostic-handoff{width:min(calc(100% - 2rem),38rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto;border:0;border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-foreground);box-shadow:0 2rem 7rem color-mix(in srgb,black 32%,transparent)}.diagnostic-handoff::backdrop{background:color-mix(in srgb,var(--color-foreground) 66%,transparent)}.diagnostic-handoff__panel{position:relative;padding:clamp(1.5rem,5vw,3rem)}.diagnostic-handoff__panel h2{max-width:12ch;margin-bottom:1rem;font-size:clamp(2.25rem,7vw,3.75rem)}.diagnostic-handoff__close{position:absolute;top:.75rem;right:.75rem;display:grid;width:2.75rem;height:2.75rem;padding:0;border:1px solid color-mix(in srgb,var(--color-tan) 50%,transparent);border-radius:50%;background:transparent;color:inherit;font-size:1.75rem;line-height:1;place-items:center;cursor:pointer}.diagnostic-handoff__privacy{margin-block:1.5rem}.diagnostic-handoff__note{margin:1rem 0 0;color:color-mix(in srgb,var(--color-foreground) 62%,var(--color-surface));font-size:.8rem}@media(hover:hover)and (pointer:fine){.diagnostic-options label:hover{border-color:var(--color-accent);transform:translateY(-1px)}}@media(min-width:36rem){.diagnostic-options,.diagnostic-options--three,.diagnostic-options--compact,.diagnostic-results__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:48rem){.diagnostic-orientation__benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-privacy{grid-template-columns:minmax(0,.9fr) minmax(28rem,1.1fr);column-gap:clamp(3rem,8vw,8rem);align-items:start}.diagnostic-privacy .button{grid-column:1}.diagnostic-privacy__facts{grid-column:2;grid-row:1 / span 2}.diagnostic-options--three,.diagnostic-options--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.diagnostic-results__next{grid-template-columns:minmax(0,1fr) auto;align-items:end}.diagnostic-results__actions{justify-content:flex-end}}@media(max-width:35.99rem){.diagnostic-hero__inner{min-height:0;padding-block:2.5rem}.diagnostic-hero h1{max-width:12ch;font-size:clamp(2.75rem,12.5vw,3.15rem)}.diagnostic-orientation{width:100%}.diagnostic-progress{top:calc(var(--header-height, 4.5rem) + .35rem)}.diagnostic-step__actions .button,.diagnostic-results__actions .button,.diagnostic-results__actions [aria-disabled=true],.diagnostic-handoff__actions .button{width:100%;justify-content:center}.diagnostic-step__actions{flex-direction:column-reverse}.diagnostic-step__actions--end{flex-direction:column}}@media(prefers-reduced-motion:reduce){.diagnostic-progress__fill,.diagnostic-options label{transition:none}.diagnostic-options label:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/diagnostic.css.map */