.nx-map-hero{isolation:isolate;padding-top:clamp(56px,8vw,120px);position:relative}.nx-map-hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--pattern-dot) 1px, transparent 1.5px);mask-image:radial-gradient(ellipse 60% 70% at 50% 40%, var(--ink) 20%, transparent 75%);background-size:26px 26px;position:absolute;inset:0}.nx-map-hero__inner{text-align:center;flex-direction:column;align-items:center;display:flex}.nx-map-hero__eyebrow{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);align-items:center;display:inline-flex}.nx-map-hero__node{border:1.5px solid var(--accent);border-radius:2px;width:9px;height:9px}.nx-map-hero__wire{border-top:1.5px dashed var(--accent);width:22px;height:0}.nx-map-hero__eyebrow-text{margin-left:var(--space-3)}.nx-map-hero__title{max-width:18ch;font-size:clamp(40px,5.6vw,84px);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-map-hero__answer{max-width:44rem;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-map-hero__form{text-align:left;width:100%;max-width:560px;margin-top:clamp(28px,3.6vw,40px)}.nx-map-hero__band{justify-content:center;gap:var(--space-4) var(--space-6);flex-wrap:wrap;width:100%;max-width:1040px;margin-top:clamp(48px,6vw,80px);display:flex}.nx-map-hero__chip{width:clamp(88px,11vw,132px);height:52px;padding:0 var(--space-4);border:var(--border-width-strong) solid var(--text-strong);border-radius:var(--radius-control);background:var(--surface-raised);flex-direction:column;justify-content:center;gap:6px;display:flex;position:relative}.nx-map-hero__chip i{width:var(--w);background:var(--border-strong);border-radius:3px;height:6px;display:block}.nx-map-hero__chip i+i{width:calc(var(--w) * .6);background:var(--border-soft)}.nx-map-hero__chip--lit i:first-child{background:var(--accent)}.nx-map-hero__chip+.nx-map-hero__chip:before{content:"";width:calc(var(--space-6) - 4px);border-top:1.5px dashed var(--border-control);position:absolute;top:50%;right:calc(100% + 2px)}@media (width<=759px){.nx-map-hero__chip+.nx-map-hero__chip:before{display:none}.nx-map-hero__eyebrow{justify-content:center;row-gap:var(--space-2);flex-wrap:wrap}.nx-map-hero__eyebrow-text{flex-basis:100%;margin-left:0}}.nx-map-hero__chip--lit{border-color:var(--accent);background:var(--accent-soft);box-shadow:var(--shadow-accent)}@keyframes map-hero-up{0%{opacity:.01;transform:translateY(24px)}}@keyframes map-hero-chip{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes map-hero-fade{0%{opacity:0}}html[data-motion=full] .nx-map-hero__eyebrow{animation:map-hero-fade 1s var(--ease-expo) both}html[data-motion=full] .nx-map-hero__title{animation:map-hero-up 1.1s var(--ease-expo) both}html[data-motion=full] .nx-map-hero__answer{animation:map-hero-up 1.1s var(--ease-expo) .15s both}html[data-motion=full] .nx-map-hero__form{animation:map-hero-up 1.1s var(--ease-expo) .3s both}html[data-motion=full] .nx-map-hero__chip{animation:map-hero-chip .8s var(--ease-expo) calc(.45s + var(--i) * 80ms) both}html[data-motion=lite] :is(.nx-map-hero__eyebrow,.nx-map-hero__answer,.nx-map-hero__form,.nx-map-hero__band){animation:map-hero-fade var(--duration-slow) var(--ease-out) both}main[data-archetype=map] :is(#familiar,#outcomes,#credibility) .nx-landing-card{border-top:var(--border-width-strong) solid var(--text-strong);position:relative}main[data-archetype=map] :is(#familiar,#outcomes,#credibility) .nx-landing-card:before{content:"";top:-6px;left:var(--space-6);border:1.5px solid var(--accent);background:var(--surface-page);border-radius:2px;width:10px;height:10px;position:absolute}main[data-archetype=map] #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-map-frame[data-theme=dark]{background-image:radial-gradient(var(--pattern-dot) 1px, transparent 1.5px);background-position:top;background-size:26px 26px}.nx-map{gap:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid}.nx-map-frame .nx-module__body:has(+:not(.nx-module__next)){margin-bottom:clamp(48px,7vw,96px)}.nx-map__board{min-width:0}.nx-map__canvas{width:100%;max-width:40rem;height:auto;display:block}.nx-map__line{stroke:var(--border-control);stroke-width:1.5px;stroke-dasharray:4 6;transition:stroke var(--duration-fast)}.nx-map__line[data-current]{stroke:var(--accent);stroke-width:3px;stroke-dasharray:none}html:not([data-motion]) .nx-map__line[data-current]{stroke:var(--border-control);stroke-width:1.5px;stroke-dasharray:4 6}.nx-map__node rect{fill:var(--surface-raised);stroke:var(--border-strong);stroke-width:1.5px}.nx-map__node text{font:var(--weight-semibold) 16px var(--font-sans);fill:var(--text-strong)}.nx-map__node--hub rect{stroke:var(--text-strong);stroke-width:2px}html[data-motion] .nx-map__node[data-current] rect{stroke:var(--accent);stroke-width:2.5px}.nx-map__links{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}html:not([data-motion]) :is(.nx-map__links,[data-map-status]){display:none}.nx-map__button{min-height:40px;padding:var(--space-2) var(--space-4);border:1.5px solid var(--border-control);border-radius:var(--radius-control);font:var(--weight-medium) var(--text-sm) / 1.3 var(--font-sans);color:var(--text-strong);cursor:pointer;transition:border-color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-base) var(--ease-spring);background:0 0}@media (hover:hover){.nx-map__button:hover{border-color:var(--text-strong);transform:translateY(-2px)}}.nx-map__button:active{transform:scale(.96)}.nx-map__button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in oklch, var(--accent) 18%, transparent)}.nx-map__button:focus-visible{outline:var(--focus-outline);outline-offset:3px}html[data-motion=off] :is(.nx-map__button,.nx-map__line){transition:none}html[data-motion=off] .nx-map__button{transform:none}.nx-map__details{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.nx-map__detail{border:var(--border-width) solid var(--border-hairline);border-left:3px solid var(--accent);border-radius:var(--radius-card);background:var(--surface-raised);min-width:0;padding:clamp(22px,3vw,32px)}.nx-map__name{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-5);font-size:clamp(19px,1.6vw,22px);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text-strong);display:flex}.nx-map__num{font:var(--weight-semibold) 12px / 1 var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--text-accent)}.nx-map__facts{gap:var(--space-4);margin:0;display:grid}.nx-map__fact dt{font:var(--weight-medium) 11px / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.nx-map__fact dd{color:var(--text-body);text-wrap:pretty;margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.6}.nx-map__fact dt:before{content:"";width:8px;height:8px;margin-right:var(--space-2);background:var(--border-control);border-radius:2px;display:inline-block}.nx-map__fact--breaks dt:before{background:var(--status-warning)}.nx-map__fact--approach dt:before{background:var(--accent)}.nx-map__fact--approach{padding-top:var(--space-4);border-top:var(--border-width) solid var(--border-hairline)}.nx-map__fact--approach dt{color:var(--text-accent)}.nx-map__fact--approach dd{color:var(--text-strong)}html[data-motion] .nx-map__details{grid-template-columns:minmax(0,1fr);gap:0}html[data-motion] .nx-map__detail{grid-area:1/1}html[data-motion] .nx-map__detail:not([data-current]){visibility:hidden}@media (width>=960px){html[data-motion] .nx-map{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;column-gap:clamp(40px,5vw,80px)}}@keyframes map-flow{0%{stroke-dasharray:10 4;stroke-dashoffset:84px}99%{stroke-dasharray:10 4;stroke-dashoffset:0}to{stroke-dasharray:none}}@keyframes map-in{0%{opacity:0;transform:translateY(10px)}}@keyframes map-fade{0%{opacity:0}}html[data-motion=full] .nx-map[data-picked] .nx-map__line[data-current]{animation:1.6s linear both map-flow}html[data-motion=full] .nx-map[data-picked] .nx-map__detail[data-current]{animation:map-in var(--duration-slow) var(--ease-out) both}html[data-motion=lite] .nx-map[data-picked] .nx-map__detail[data-current]{animation:map-fade var(--duration-base) var(--ease-out) both}
