.nx-picker-hero{isolation:isolate;padding-top:clamp(56px,9vw,120px);position:relative}.nx-picker-hero__bg{z-index:-1;background-image:radial-gradient(circle, var(--pattern-dot) 1.3px, transparent 1.7px);pointer-events:none;background-position:top;background-size:26px 26px;height:min(100%,860px);position:absolute;inset:0 0 auto;-webkit-mask-image:radial-gradient(62% 70% at 50% 18%,#000 20%,#0000 72%);mask-image:radial-gradient(62% 70% at 50% 18%,#000 20%,#0000 72%)}.nx-picker-hero__top{text-align:center;flex-direction:column;align-items:center;display:flex}.nx-picker-hero__badge{margin:0 0 var(--space-6);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-control);background:var(--surface-raised);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-body);align-items:center;gap:10px;display:inline-flex}.nx-picker-hero__dot{border-radius:var(--radius-round);background:var(--accent);flex-shrink:0;width:8px;height:8px}.nx-picker-hero__title{max-width:15ch;font-size:clamp(40px,6.8vw,96px);font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-display);color:var(--text-strong);text-wrap:balance;margin:0}.nx-picker-hero__answer{max-width:44rem;font-size:var(--type-lead-size);color:var(--text-body);text-wrap:pretty;margin:clamp(22px,3vw,32px) 0 0;line-height:1.6}.nx-picker-hero__form{text-align:left;width:100%;max-width:620px;margin-top:clamp(28px,4vw,40px)}.nx-picker-hero__form .nx-trust{text-align:center;text-wrap:balance}@keyframes picker-hero-up{0%{opacity:.01;transform:translateY(24px)}}@keyframes picker-hero-fade{0%{opacity:0}}html[data-motion=full] .nx-picker-hero__badge{animation:picker-hero-fade 1s var(--ease-expo) both}html[data-motion=full] .nx-picker-hero__title{animation:picker-hero-up 1.1s var(--ease-expo) both}html[data-motion=full] .nx-picker-hero__answer{animation:picker-hero-up 1.1s var(--ease-expo) .15s both}html[data-motion=full] .nx-picker-hero__form{animation:picker-hero-up 1.1s var(--ease-expo) .3s both}html[data-motion=lite] :is(.nx-picker-hero__badge,.nx-picker-hero__answer,.nx-picker-hero__form){animation:picker-hero-fade var(--duration-slow) var(--ease-out) both}main[data-archetype=picker] #familiar .nx-landing-cards{counter-reset:familiar}main[data-archetype=picker] #familiar .nx-landing-card{gap:var(--space-6);padding:var(--space-card);counter-increment:familiar;flex-direction:column;display:flex}main[data-archetype=picker] #familiar .nx-landing-card:before{content:counter(familiar, decimal-leading-zero);font:var(--weight-semibold) 12px / 1 var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--accent-strong)}main[data-archetype=picker] #familiar .nx-landing-card p{font-size:clamp(17px,1.4vw,19px);font-weight:var(--weight-medium);letter-spacing:-.01em;color:var(--text-strong);text-wrap:pretty;line-height:1.5}.nx-picker-frame--hero{padding-top:clamp(64px,8vw,112px)}.nx-picker-frame--hero>.nx-container>.nx-lead{margin-top:var(--space-4)}@media (width>=900px){.nx-picker-frame--hero>.nx-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:clamp(40px,6vw,96px);display:grid}.nx-picker-frame--hero>.nx-container>*{grid-column:1/-1}.nx-picker-frame--hero>.nx-container>.nx-h2{grid-column:1;margin:0}.nx-picker-frame--hero>.nx-container>.nx-lead{grid-column:2;margin:0}}.nx-picker-frame--hero .nx-module__body{margin-top:clamp(28px,4vw,48px)}.nx-picker{gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-panel);background:var(--surface-raised);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){html[data-motion] .nx-picker{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}}html:not([data-motion]) .nx-picker__choices{display:none}.nx-picker__choices{border:0;min-width:0;margin:0;padding:clamp(16px,2.6vw,32px) clamp(12px,2.6vw,32px)}.nx-picker__legend{margin:0 0 var(--space-4);font:var(--weight-medium) var(--text-xs) / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);padding:0}.nx-picker__choice{align-items:center;gap:var(--space-4);min-height:60px;padding:var(--space-3) var(--space-3);border-bottom:var(--border-width) solid var(--border-hairline);color:var(--text-body);font:var(--weight-medium) clamp(16px, 1.3vw, 18px) / 1.35 var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:color var(--duration-fast), background-color var(--duration-fast);border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.nx-picker__choice:first-of-type{border-top:var(--border-width) solid var(--border-hairline)}.nx-picker__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.nx-picker__num{font:var(--weight-medium) 12px / 1 var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--text-muted);transition:color var(--duration-fast)}.nx-picker__label{transition:transform var(--duration-base) var(--ease-spring);display:block}.nx-picker__mark{border:var(--border-width-strong) solid var(--border-control);border-radius:var(--radius-round);width:20px;height:20px;transition:border-color var(--duration-fast);place-items:center;display:grid}.nx-picker__mark:after{content:"";border-radius:var(--radius-round);background:var(--accent);width:10px;height:10px;transition:transform var(--duration-base) var(--ease-spring);transform:scale(0)}@media (hover:hover){.nx-picker__choice:hover{color:var(--text-strong);background:color-mix(in oklch, var(--accent-soft) 40%, transparent)}}.nx-picker__choice:has(.nx-picker__input:checked){color:var(--text-strong);background:color-mix(in oklch, var(--accent-soft) 55%, transparent)}.nx-picker__choice:has(.nx-picker__input:checked) .nx-picker__num{color:var(--accent-strong)}.nx-picker__choice:has(.nx-picker__input:checked) .nx-picker__mark{border-color:var(--accent)}.nx-picker__choice:has(.nx-picker__input:checked) .nx-picker__mark:after{transform:scale(1)}.nx-picker__choice:has(.nx-picker__input:focus-visible){outline:var(--focus-outline);outline-offset:2px;border-radius:var(--radius-control)}html[data-motion=full] .nx-picker__choice:has(.nx-picker__input:checked) .nx-picker__label{transform:translate(6px)}.nx-picker__panel{border-radius:var(--radius-card);flex-direction:column;min-width:0;padding:clamp(24px,3.4vw,44px);display:flex}.nx-picker__kicker{align-items:center;gap:var(--space-3);margin:0 0 var(--space-5);font:var(--weight-medium) var(--text-xs) / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-strong);display:flex}.nx-picker__kicker:before{content:"";background:currentColor;width:26px;height:1px}.nx-picker__answers{gap:var(--space-7);display:grid}html[data-motion] .nx-picker__answers{flex:1;gap:0}html[data-motion] .nx-picker__answer{grid-area:1/1}html[data-motion] .nx-picker__answer:not([data-current]){visibility:hidden}html[data-motion] .nx-picker__summary{display:none}.nx-picker__summary{margin-bottom:var(--space-3);font-size:var(--type-h3-size);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text-strong);cursor:pointer}.nx-picker__text{font-size:clamp(19px,1.9vw,24px);font-weight:var(--weight-medium);letter-spacing:-.015em;color:var(--text-strong);text-wrap:pretty;margin:0;line-height:1.42}ul.nx-picker__points{gap:var(--space-3);margin:var(--space-6) 0 0;padding:var(--space-5) 0 0;border-top:var(--border-width) solid var(--border-hairline);color:var(--text-body);font-size:15.5px;line-height:1.5;list-style:none;display:grid}.nx-picker__points li{padding-left:var(--space-5);position:relative}.nx-picker__points li:before{content:"";background:var(--accent);border-radius:2px;width:8px;height:8px;position:absolute;top:.5em;left:0}@keyframes picker-answer-in{0%{opacity:0;transform:translateY(10px)}}@keyframes picker-answer-fade{0%{opacity:0}}html[data-motion=full] .nx-picker[data-picked] .nx-picker__answer[data-current]{animation:picker-answer-in var(--duration-slow) var(--ease-out) both}html[data-motion=lite] .nx-picker[data-picked] .nx-picker__answer[data-current]{animation:picker-answer-fade var(--duration-base) var(--ease-out) both}html[data-motion=off] :is(.nx-picker__choice,.nx-picker__label,.nx-picker__mark){transition:none}.nx-picker-frame--hero .nx-module__next{margin-top:var(--space-5);text-align:right}