.nx-flow-hero{isolation:isolate;padding-top:clamp(48px,7vw,104px);position:relative}.nx-flow-hero__grid{grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,32px);display:grid}@media (width>=1080px){.nx-flow-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:end;column-gap:clamp(48px,5vw,96px)}}.nx-flow-hero__head,.nx-flow-hero__copy,.nx-flow-hero__module{min-width:0}.nx-flow-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-flow-hero__mark{background:var(--accent);flex-shrink:0;width:8px;height:8px;transform:rotate(45deg)}.nx-flow-hero__title{max-width:15ch;font-size:clamp(40px,5.4vw,80px);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-flow-hero__answer{max-width:38rem;font-size:var(--type-lead-size);color:var(--text-body);text-wrap:pretty;margin:0;line-height:1.6}.nx-flow-hero__form{width:100%;max-width:560px;margin-top:clamp(24px,3vw,32px)}@keyframes flow-hero-up{0%{opacity:.01;transform:translateY(24px)}}@keyframes flow-hero-fade{0%{opacity:0}}html[data-motion=full] .nx-flow-hero__badge{animation:flow-hero-fade 1s var(--ease-expo) both}html[data-motion=full] .nx-flow-hero__title{animation:flow-hero-up 1.1s var(--ease-expo) both}html[data-motion=full] .nx-flow-hero__copy{animation:flow-hero-up 1.1s var(--ease-expo) .15s both}html[data-motion=full] .nx-flow-hero__module{animation:flow-hero-up 1.2s var(--ease-expo) .3s both}html[data-motion=lite] :is(.nx-flow-hero__badge,.nx-flow-hero__copy,.nx-flow-hero__module){animation:flow-hero-fade var(--duration-slow) var(--ease-out) both}main[data-archetype=flow] #outcomes .nx-landing-cards{counter-reset:outcome;gap:var(--space-3)}main[data-archetype=flow] #outcomes .nx-landing-card{padding:var(--space-card);border-color:var(--border-hairline);counter-increment:outcome;position:relative}main[data-archetype=flow] #outcomes .nx-landing-card:before{content:counter(outcome, decimal-leading-zero);margin-bottom:var(--space-5);font:var(--weight-semibold) 12px / 1 var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--accent-strong);display:block}main[data-archetype=flow] #outcomes .nx-landing-card__title{font-size:clamp(19px,1.6vw,21px);font-weight:var(--weight-semibold);letter-spacing:-.02em}main[data-archetype=flow] #outcomes .nx-landing-card p{text-wrap:pretty;line-height:1.6}.nx-flow{border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-panel);background-color:var(--surface-subtle);background-image:radial-gradient(circle, var(--pattern-dot) 1.1px, transparent 1.5px);background-size:22px 22px;padding:clamp(18px,2.4vw,28px) clamp(16px,2.4vw,32px) clamp(20px,2.6vw,32px);position:relative}.nx-flow__legend{justify-content:flex-end;gap:var(--space-2) var(--space-5);margin:0 0 var(--space-5);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.nx-flow__legend li{align-items:center;gap:var(--space-2);display:inline-flex}.nx-flow__key{border:1.5px solid var(--text-strong);border-radius:var(--radius-round);background:var(--surface-raised);width:12px;height:12px}.nx-flow__key--gate{border-color:var(--accent);background:var(--accent-soft);border-radius:2px;width:10px;height:10px;margin:1px;transform:rotate(45deg)}.nx-flow__steps{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid;position:relative}.nx-flow__step{min-width:0;position:relative}.nx-flow__step:not(:last-child):before{content:"";top:30px;bottom:calc(-1 * var(--space-2) - 30px);border-left:2px dotted var(--border-control);position:absolute;left:29px}.nx-flow__button{align-items:center;gap:var(--space-4);width:100%;min-height:60px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-card);font:inherit;font-size:clamp(16px,1.4vw,18px);font-weight:var(--weight-medium);letter-spacing:-.01em;text-align:left;color:var(--text-strong);cursor:pointer;background:0 0;border:0;line-height:1.3;display:flex;position:relative}.nx-flow__button:focus-visible{outline:var(--focus-outline);outline-offset:2px}.nx-flow__node{border:1.5px solid var(--text-strong);border-radius:var(--radius-round);background:var(--surface-raised);width:36px;height:36px;transition:background-color var(--duration-base), border-color var(--duration-base), box-shadow var(--duration-base);flex-shrink:0;place-items:center;display:inline-grid}.nx-flow__num{font:var(--weight-semibold) 11px / 1 var(--font-mono);letter-spacing:var(--tracking-mono);color:var(--text-strong)}.nx-flow__node[data-gate]{border:2px solid var(--accent);background:var(--accent-soft);border-radius:4px;width:30px;height:30px;margin:3px;transform:rotate(45deg)}.nx-flow__node[data-gate] .nx-flow__num{transform:rotate(-45deg)}.nx-flow__label{flex:1;min-width:0}.nx-flow__tag{border-radius:var(--radius-chip);background:var(--accent-soft);font:var(--weight-medium) 11px / 1.3 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-strong);flex-shrink:0;padding:3px 8px}.nx-flow__detail{margin:0 0 var(--space-3) 60px;padding:var(--space-4) var(--space-5) var(--space-5);border:var(--border-width) solid var(--border-hairline);border-radius:var(--radius-card);background:var(--surface-raised)}[data-gate]>.nx-flow__detail{border-left:3px solid var(--accent)}.nx-flow__trace{gap:var(--space-1) var(--space-4);margin:0 0 var(--space-2);font:var(--weight-medium) var(--text-xs) / 1.4 var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;display:flex}[data-gate]>.nx-flow__detail .nx-flow__trace span:last-child{color:var(--accent-strong)}.nx-flow__text{max-width:46rem;color:var(--text-body);text-wrap:pretty;margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.6}html[data-motion] .nx-flow__step:not([data-current])>.nx-flow__detail{display:none}html[data-motion] [data-current]>.nx-flow__button .nx-flow__node{box-shadow:0 0 0 4px var(--surface-subtle), 0 0 0 6px var(--text-strong)}html[data-motion] [data-current]>.nx-flow__button .nx-flow__label{text-underline-offset:6px;text-decoration:underline 2px}@media (hover:hover){html[data-motion] .nx-flow__button:hover .nx-flow__label{color:var(--accent-strong)}}html[data-motion=full] .nx-flow__button:active .nx-flow__node{transform:scale(.94)}html[data-motion=full] .nx-flow__button:active .nx-flow__node[data-gate]{transform:rotate(45deg)scale(.94)}html[data-motion=off] .nx-flow__node{transition:none}html:not([data-motion]) .nx-flow__button{cursor:default}.nx-flow__token,.nx-flow__halo{border-radius:var(--radius-round);pointer-events:none;visibility:hidden;position:absolute;top:0;left:0}.nx-flow__token{background:var(--accent);width:14px;height:14px;margin:-7px 0 0 -7px}.nx-flow__halo{border:2px solid var(--accent);opacity:.5;width:40px;height:40px;margin:-20px 0 0 -20px}[data-live]>:is(.nx-flow__token,.nx-flow__halo){visibility:visible}[data-live] .nx-flow__node[data-done]{border-color:var(--accent)}[data-live] .nx-flow__node[data-active]{border-color:var(--accent);background:var(--accent)}[data-live] .nx-flow__node[data-active] .nx-flow__num{color:var(--accent-contrast)}[data-live] .nx-flow__step:has(>.nx-flow__button [data-done]):before{border-left-style:solid;border-color:var(--accent)}@media (width>=900px){html[data-motion] .nx-flow__steps{grid-template-columns:repeat(var(--steps), minmax(0, 1fr));gap:0 var(--space-3)}html[data-motion] .nx-flow__steps:before{content:"";top:30px;left:calc((100% - (var(--steps) - 1) * var(--space-3)) / var(--steps) / 2);right:calc((100% - (var(--steps) - 1) * var(--space-3)) / var(--steps) / 2);border-top:2px dotted var(--border-control);position:absolute}html[data-motion] .nx-flow__step{display:contents}html[data-motion] .nx-flow__step:before{display:none}html[data-motion] .nx-flow__button{justify-content:flex-start;gap:var(--space-3);min-height:0;padding:var(--space-2) var(--space-2) var(--space-3);text-align:center;flex-direction:column;grid-row:1}html[data-motion] .nx-flow__label{text-wrap:balance;flex:none}html[data-motion] .nx-flow__detail{margin:var(--space-4) 0 0;padding:var(--space-6) clamp(20px, 3vw, 36px);grid-area:2/1/auto/-1}}@keyframes flow-detail-in{0%{opacity:0;transform:translateY(8px)}}@keyframes flow-detail-fade{0%{opacity:0}}html[data-motion=full] .nx-flow[data-picked] [data-current]>.nx-flow__detail{animation:flow-detail-in var(--duration-slow) var(--ease-out) both}html[data-motion=lite] .nx-flow[data-picked] [data-current]>.nx-flow__detail{animation:flow-detail-fade var(--duration-base) var(--ease-out) both}.nx-flow-frame--hero{padding-top:clamp(40px,6vw,72px)}.nx-flow-frame--hero>.nx-container{max-width:none;padding-inline:0}.nx-flow-frame--hero>.nx-container>.nx-eyebrow{margin-bottom:var(--space-5)}.nx-flow-frame--hero>.nx-container>.nx-h2{letter-spacing:-.03em;margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.15}.nx-flow-frame--hero>.nx-container>.nx-lead{max-width:44rem;margin:var(--space-3) 0 0;color:var(--text-muted);font-size:clamp(15px,1.2vw,17px)}.nx-flow-frame--hero .nx-module__body{margin-top:clamp(20px,2.4vw,28px)}.nx-flow-frame--hero .nx-module__next{margin-top:var(--space-5);text-align:right}
