.nx-grid-hero{isolation:isolate;padding-top:clamp(48px,7vw,104px);position:relative}.nx-grid-hero__layout{grid-template-columns:minmax(0,1fr);gap:clamp(44px,6vw,72px);display:grid}@media (width>=1080px){.nx-grid-hero__layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;column-gap:clamp(48px,5vw,96px)}}.nx-grid-hero__copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.nx-grid-hero__ruler{align-items:center;gap:var(--space-4);margin:0 0 var(--space-6);font:var(--weight-medium) 13px / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);display:flex}.nx-grid-hero__ticks{grid-auto-flow:column;gap:4px;display:inline-grid}.nx-grid-hero__ticks i{background:var(--border-strong);border-radius:2px;width:14px;height:6px}.nx-grid-hero__ticks i:last-child{background:var(--accent)}.nx-grid-hero__title{max-width:16ch;font-size:clamp(40px,5.2vw,78px);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-grid-hero__answer{max-width:38rem;font-size:var(--type-lead-size);color:var(--text-body);text-wrap:pretty;margin:clamp(20px,2.6vw,28px) 0 0;line-height:1.6}.nx-grid-hero__form{width:100%;max-width:560px;margin-top:clamp(28px,3.6vw,40px)}.nx-grid-hero__art{min-width:0}.nx-grid-hero__plate{grid-template-columns:minmax(0, 1.3fr) repeat(var(--cols), minmax(0, 1fr));border:var(--border-width) solid var(--border-control);border-radius:var(--radius-card);background:var(--surface-raised);display:grid;overflow:hidden}.nx-grid-hero__corner,.nx-grid-hero__stage{padding:var(--space-3) var(--space-3);background:var(--ink);font:var(--weight-medium) 11px / 1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--on-ink);overflow-wrap:break-word}.nx-grid-hero__stage{justify-content:center;align-items:center;gap:3px;display:flex}.nx-grid-hero__stage i{width:calc(var(--n) * 10px + (var(--n) - 1) * 3px);background:repeating-linear-gradient(90deg, var(--on-ink) 0 10px, transparent 10px 13px);border-radius:2px;height:6px}.nx-grid-hero__area i{width:var(--w);background:var(--border-strong);border-radius:4px;height:8px;display:block}@media (width<=520px){.nx-grid-hero__corner,.nx-grid-hero__stage{letter-spacing:.04em;padding-inline:4px;font-size:10px}}.nx-grid-hero__area,.nx-grid-hero__cell{border-top:var(--border-width) solid var(--border-hairline);min-height:54px}.nx-grid-hero__area{padding:0 var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-strong);overflow-wrap:anywhere;align-items:center;display:flex}.nx-grid-hero__cell{border-left:var(--border-width) solid var(--border-hairline);place-items:center;display:grid;position:relative}.nx-grid-hero__dot{background:var(--border-soft);border-radius:50%;width:10px;height:10px}.nx-grid-hero__cell--today .nx-grid-hero__dot{background:var(--text-strong);width:16px;height:16px}.nx-grid-hero__cell--next{background:var(--accent-soft)}.nx-grid-hero__cell--next .nx-grid-hero__dot{border:2px solid var(--accent);background:0 0;width:18px;height:18px}.nx-grid-hero__cell--today.nx-grid-hero__cell--next .nx-grid-hero__dot{background:var(--text-strong);width:16px;height:16px;box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 5px var(--accent);border:0}.nx-grid-hero__cell--today:not(.nx-grid-hero__cell--next):after{content:"";background:var(--accent);height:2px;position:absolute;top:50%;left:calc(50% + 12px);right:-50%}.nx-grid-hero__legend{align-items:center;gap:var(--space-2) var(--space-3);margin:var(--space-4) 0 0;font:var(--weight-medium) 11px / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;display:flex}.nx-grid-hero__key{border-radius:50%;width:12px;height:12px}.nx-grid-hero__key--today{background:var(--text-strong)}.nx-grid-hero__key--next{margin-left:var(--space-3);border:2px solid var(--accent)}@keyframes grid-hero-up{0%{opacity:.01;transform:translateY(24px)}}@keyframes grid-hero-drop{0%{opacity:0;transform:scale(.4)}}@keyframes grid-hero-fade{0%{opacity:0}}html[data-motion=full] .nx-grid-hero__title{animation:grid-hero-up 1.1s var(--ease-expo) both}html[data-motion=full] .nx-grid-hero__answer{animation:grid-hero-up 1.1s var(--ease-expo) .15s both}html[data-motion=full] .nx-grid-hero__form{animation:grid-hero-up 1.1s var(--ease-expo) .3s both}html[data-motion=full] .nx-grid-hero__ruler,html[data-motion=full] .nx-grid-hero__plate{animation:grid-hero-fade .9s var(--ease-out) both}html[data-motion=full] :is(.nx-grid-hero__cell--today,.nx-grid-hero__cell--next) .nx-grid-hero__dot{animation:grid-hero-drop .7s var(--ease-spring) calc(.4s + var(--r) * .1s) both}html[data-motion=lite] :is(.nx-grid-hero__ruler,.nx-grid-hero__answer,.nx-grid-hero__form,.nx-grid-hero__art){animation:grid-hero-fade var(--duration-slow) var(--ease-out) both}main[data-archetype=grid] :is(#outcomes,#familiar) .nx-landing-cards{border:var(--border-width) solid var(--border-control);border-radius:var(--radius-card);gap:0;overflow:hidden}main[data-archetype=grid] :is(#outcomes,#familiar) .nx-landing-card{padding:var(--space-7) var(--space-6) var(--space-6);background:var(--surface-raised);border:0;border-radius:0;position:relative}main[data-archetype=grid] :is(#outcomes,#familiar) .nx-landing-card+.nx-landing-card{border-top:var(--border-width) solid var(--border-hairline)}@media (width>=760px){main[data-archetype=grid] :is(#outcomes,#familiar) .nx-landing-card+.nx-landing-card{border-top:0;border-left:var(--border-width) solid var(--border-hairline)}}main[data-archetype=grid] :is(#outcomes,#familiar) .nx-landing-card:before{content:"";top:var(--space-5);left:var(--space-6);background:var(--accent);border-radius:2px;width:14px;height:6px;position:absolute}main[data-archetype=grid] #familiar .nx-landing-card p{font-size:clamp(17px,1.4vw,19px);font-weight:var(--weight-medium);color:var(--text-strong);line-height:1.55}.nx-mgrid{gap:var(--space-4);margin-top:var(--space-2);display:grid}.nx-mgrid__head{display:none}.nx-mgrid__row{gap:var(--space-2);min-width:0;padding:var(--space-5);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-raised);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.nx-mgrid__area{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-2);font-size:clamp(18px,1.5vw,20px);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text-strong);display:flex}.nx-mgrid__area-num,.nx-mgrid__col-num{font:var(--weight-semibold) 12px / 1 var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--accent-strong)}.nx-mgrid__cell{gap:var(--space-2);min-width:0;padding:var(--space-4);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-control);background:var(--surface-page);flex-direction:column;display:flex;position:relative}.nx-mgrid__stage{align-items:center;gap:var(--space-2);font:var(--weight-medium) var(--text-xs) / 1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);display:inline-flex}.nx-mgrid__mark{border:1.5px solid var(--border-control);border-radius:50%;flex-shrink:0;width:14px;height:14px;display:none}.nx-mgrid__looks{font-size:var(--text-sm);color:var(--text-body);text-wrap:pretty;line-height:1.55}.nx-mgrid__next{padding-top:var(--space-3);border-top:var(--border-width) dashed var(--border-soft);font-size:var(--text-sm);color:var(--text-strong);margin-top:auto;line-height:1.55}.nx-mgrid__next-label,.nx-mgrid__out-label{font:var(--weight-semibold) 11px / 1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-strong);margin-bottom:4px;display:block}.nx-mgrid__radio,.nx-mgrid__out{display:none}html[data-motion] .nx-mgrid__radio{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;display:block;position:absolute;inset:0}html[data-motion] .nx-mgrid__next{display:none}html[data-motion] .nx-mgrid__mark{display:inline-block}html[data-motion] .nx-mgrid__cell{cursor:pointer;transition:border-color var(--duration-fast), background-color var(--duration-fast), box-shadow var(--duration-fast)}@media (hover:hover){html[data-motion] .nx-mgrid__cell:hover{border-color:var(--border-control)}}html[data-motion] .nx-mgrid__cell:has(:focus-visible){outline:var(--focus-outline);outline-offset:2px}html[data-motion] .nx-mgrid__cell:has(:checked){border-color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--text-strong)}html[data-motion] .nx-mgrid__cell:has(:checked) .nx-mgrid__mark{border-color:var(--text-strong);background:var(--text-strong)}html[data-motion] .nx-mgrid__cell:has(:checked) .nx-mgrid__stage{color:var(--text-strong)}html[data-motion] .nx-mgrid__cell[data-next]:not(:has(:checked)){border-style:dashed;border-color:var(--accent);background:var(--accent-soft)}html[data-motion] .nx-mgrid__cell[data-next] .nx-mgrid__mark{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}html[data-motion] .nx-mgrid__out{margin:var(--space-2) 0 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--border-soft);border-radius:0 var(--radius-control) var(--radius-control) 0;background:var(--surface-subtle);color:var(--text-muted);font-size:clamp(15px,1.2vw,17px);line-height:1.55;display:block}.nx-mgrid__out-text{display:block}html[data-motion] .nx-mgrid__row:not([data-marked]) .nx-mgrid__out{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nx-mgrid__hint{display:none}html[data-motion] .nx-mgrid__hint{align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-muted);display:flex}.nx-mgrid__hint-mark{border:1.5px dashed var(--accent);border-radius:50%;flex-shrink:0;width:14px;height:14px}html[data-motion] .nx-mgrid__row[data-marked] .nx-mgrid__out{border-left-color:var(--accent);color:var(--text-strong)}html[data-motion=off] .nx-mgrid__cell{transition:none}@media (width>=900px){.nx-mgrid{border:var(--border-width) solid var(--border-control);border-radius:var(--radius-card);gap:0;overflow:hidden}.nx-mgrid__head,.nx-mgrid__row{grid-template-columns:minmax(0, .8fr) repeat(var(--cols), minmax(0, 1fr));display:grid}.nx-mgrid__head{background:var(--ink)}.nx-mgrid__corner,.nx-mgrid__col{align-items:baseline;gap:var(--space-3);padding:var(--space-4) var(--space-5);font:var(--weight-medium) 12px / 1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--on-ink);display:flex}.nx-mgrid__col-num{color:inherit}.nx-mgrid__row{border:0;border-top:var(--border-width) solid var(--border-hairline);border-radius:0;gap:0;padding:0}.nx-mgrid__area{gap:var(--space-2);padding:var(--space-5);flex-direction:column;margin:0}.nx-mgrid__cell{margin:var(--space-2);padding:var(--space-4)}.nx-mgrid__stage{top:var(--space-4);right:var(--space-4);font-size:0;position:absolute}.nx-mgrid__looks{padding-right:var(--space-5)}html[data-motion] .nx-mgrid__row[data-marked] .nx-mgrid__out{margin:0 var(--space-2) var(--space-3);grid-column:2/-1}}@keyframes grid-out-in{0%{opacity:0;transform:translate(-8px)}}@keyframes grid-out-fade{0%{opacity:0}}html[data-motion=full] .nx-mgrid[data-picked] .nx-mgrid__row[data-marked] .nx-mgrid__out-text{animation:grid-out-in var(--duration-slow) var(--ease-out) both}html[data-motion=lite] .nx-mgrid[data-picked] .nx-mgrid__row[data-marked] .nx-mgrid__out-text{animation:grid-out-fade var(--duration-base) var(--ease-out) both}