/* PUBLIC02: public presentation only. Content is visible before motion initializes. */
.nx-home { --nx-ink:#f6f7ff; --nx-muted:#b8bed2; --nx-surface:#111323; --nx-line:#ffffff21; --nx-blue:#3288ff; --nx-purple:#9755f5; --nx-pink:#f238a5; --nx-brand:linear-gradient(105deg,#287cf0 0%,#8050e6 52%,#dd278d 100%); color:var(--nx-ink); background:#080a13; overflow:clip; font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
.nx-home *, .nx-home *::before, .nx-home *::after { box-sizing:border-box; }
.nx-home h1,.nx-home h2,.nx-home h3,.nx-home p { margin:0; }
.nx-home h1,.nx-home h2,.nx-home h3 { text-transform:none; font-family:inherit; }
.nx-home em { font-style:normal; }
.nx-home button,.nx-home summary,.nx-home a { -webkit-tap-highlight-color:transparent; }
.nx-home button { font:inherit; cursor:pointer; }
.nx-home a:focus-visible,.nx-home button:focus-visible,.nx-home summary:focus-visible { outline:3px solid var(--nx-blue); outline-offset:5px; }
.nx-wrap { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.nx-eyebrow { display:flex; align-items:center; gap:9px; font-size:.68rem; font-weight:750; letter-spacing:.12em; line-height:1.6; }
.nx-eyebrow i { width:7px; height:7px; flex:0 0 auto; background:var(--nx-pink); border-radius:50%; box-shadow:0 0 15px #f238a570; }
.nx-hero { display:grid; grid-template-columns:1fr 1.03fr; align-items:center; gap:22px 55px; position:relative; padding-block:85px 25px; }
.nx-hero::before { content:""; position:absolute; width:650px; height:650px; right:-210px; top:-90px; pointer-events:none; background:radial-gradient(ellipse,#7551ff24,transparent 68%); }
.nx-hero-copy { position:relative; z-index:1; }
.nx-hero-copy>.nx-eyebrow { color:var(--nx-muted); margin-bottom:25px; }
.nx-home h1 { font-size:clamp(3.35rem,5.45vw,5.4rem); line-height:1.01; letter-spacing:-.068em; font-weight:850; }
.nx-home h1 em,.nx-home h2 em { color:transparent; background:var(--nx-brand); -webkit-background-clip:text; background-clip:text; }
.nx-home .nx-lead { max-width:430px; font-size:1.07rem; line-height:1.75; color:var(--nx-muted); margin-top:26px; }
.nx-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:28px; }
.nx-home .nx-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:48px; padding:14px 19px; border-radius:8px; border:1px solid transparent; font-size:.82rem; font-weight:750; line-height:1.35; text-decoration:none; transition:transform .22s ease,box-shadow .22s ease,background .22s ease; }
.nx-home .nx-button-primary { color:#fff; background:linear-gradient(105deg,#1e65d7 0%,#6030c0 52%,#b81772 100%); box-shadow:0 5px 25px #9755f540; }
.nx-home .nx-button-primary:hover { transform:translateY(-3px); box-shadow:0 9px 32px #f238a54d; background:linear-gradient(105deg,#2878ed 0%,#7541d7 52%,#d22688 100%); }
.nx-button-primary>span { font-size:1.3rem; }
.nx-home .nx-button-quiet { border-color:var(--nx-line); color:var(--nx-ink); background:#ffffff05; }
.nx-home .nx-button-quiet:hover { background:#ffffff10; transform:translateY(-2px); }
.nx-play { font-size:.7rem; }
.nx-home .nx-entry-note { font-size:.72rem; line-height:1.6; color:var(--nx-muted); margin-top:14px; }
.nx-home .nx-invitation { display:inline-flex; align-items:center; gap:12px; font-size:.78rem; margin-top:23px; color:var(--nx-ink); }
.nx-invitation:hover { text-decoration:underline; }
.nx-hero-stage { position:relative; min-width:0; padding:25px 0; scroll-margin-top:30px; }
.nx-stage-orbit { position:absolute; inset:-16px -45px; border:1px solid #ad8bff29; border-radius:50%; transform:rotate(-27deg); pointer-events:none; }
.nx-stage-orbit::after { content:""; position:absolute; width:13px; height:13px; border-radius:50%; background:var(--nx-blue); right:9%; top:9%; box-shadow:0 0 30px #3288ff80; }
.nx-demo { position:relative; color:#f6f7ff; background:#111523; border:1px solid #a69cff4d; border-radius:17px; box-shadow:0 30px 90px #0006,0 0 65px #7055ed18; transform:perspective(1200px) rotateY(-5deg) rotateX(2deg); transition:transform .6s cubic-bezier(.2,.8,.2,1); overflow:hidden; }
.nx-demo:hover { transform:perspective(1200px) rotateY(0) rotateX(0); }
.nx-demo-header { display:flex; align-items:center; gap:11px; padding:18px 21px; border-bottom:1px solid #ffffff12; }
.nx-demo-brand { width:32px; height:34px; font-weight:900; font-style:italic; font-size:1.6rem; color:#f238a5; letter-spacing:-.15em; }
.nx-demo-brand>span { font-size:1.05rem; }
.nx-demo-header>div { display:grid; gap:3px; }
.nx-demo-header strong { font-size:.81rem; }
.nx-demo-header small { font-size:.64rem; color:#b8bed2; }
.nx-demo-badge { margin-left:auto; color:#b8bed2; font-size:.51rem; letter-spacing:.08em; border:1px solid #ffffff24; border-radius:4px; padding:5px 7px; }
.nx-demo-tabs { display:flex; padding:13px 20px; gap:8px; background:#0d101b; }
.nx-demo-tabs button { display:flex; align-items:center; justify-content:center; gap:6px; flex:1; min-height:42px; border:1px solid transparent; border-radius:6px; color:#b8bed2; background:transparent; font-size:.73rem; transition:background .22s,color .22s; }
.nx-demo-tabs button>span { font-size:.58rem; opacity:.8; }
.nx-demo-tabs button.is-selected { border-color:#3288ff75; color:#72adff; background:#3288ff19; }
.nx-demo-tabs button:hover { background:#ffffff09; color:#fff; }
.nx-demo-screen { min-height:379px; padding:21px; background:radial-gradient(ellipse at 10% 70%,#37265f28,transparent 65%); animation:nx-scene-in .5s cubic-bezier(.2,.8,.2,1) both; }
.nx-demo-screen-top { display:grid; gap:7px; }
.nx-demo-screen-top>span { font-size:.55rem; color:#b8bed2; letter-spacing:.13em; }
.nx-demo-screen-top>strong { font-size:1.01rem; letter-spacing:-.025em; }
.nx-demo-score { display:flex; justify-content:center; align-items:center; gap:38px; margin:18px 0 17px; }
.nx-demo-score>div:not(.nx-score-digits) { display:grid; justify-items:center; gap:7px; }
.nx-demo-score strong { font-size:.6rem; letter-spacing:.12em; }
.nx-crest { width:36px; height:39px; display:grid; place-items:center; font-weight:850; font-style:italic; font-size:1.2rem; clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%); }
.nx-crest-a { background:#3288ff; color:#091426; }
.nx-crest-b { background:#e53caa; color:#1b0b20; }
.nx-score-digits { display:grid; grid-template-columns:1fr 18px 1fr; text-align:center; column-gap:5px; }
.nx-score-digits>span { font-size:2.75rem; font-weight:750; letter-spacing:-.08em; line-height:1; font-variant-numeric:tabular-nums; }
.nx-score-digits>i { font-style:normal; color:#74798b; align-self:center; }
.nx-score-digits>small { grid-column:1/-1; color:#b8bed2; font-size:.5rem; margin-top:9px; white-space:nowrap; letter-spacing:.06em; }
.nx-pitch { position:relative; height:146px; border:1px solid #3288ff35; border-radius:6px; background:repeating-linear-gradient(90deg,#3288ff0b 0,#3288ff0b 12.5%,transparent 12.5%,transparent 25%),linear-gradient(135deg,#102343,#171629); overflow:hidden; }
.nx-pitch-outline { position:absolute; inset:12px 17px; border:1px solid #a9b5ff32; }
.nx-pitch-outline::before { content:""; position:absolute; left:50%; height:100%; border-left:1px solid #a9b5ff32; }
.nx-pitch-outline::after { content:""; position:absolute; width:49px; height:49px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #a9b5ff32; border-radius:50%; }
.nx-pitch-outline i,.nx-pitch-outline b { position:absolute; top:25%; height:50%; width:12%; border:1px solid #a9b5ff32; }
.nx-pitch-outline i { left:-1px; }.nx-pitch-outline b { right:-1px; }
.nx-pitch-player { position:absolute; left:var(--x); top:var(--y); width:21px; height:21px; display:grid; place-items:center; transform:translate(-50%,-50%); border-radius:50%; font-size:.52rem; font-weight:850; z-index:1; }
.nx-pitch-player.team-a { color:#091426; background:#4291ff; box-shadow:0 0 14px #3288ff66; animation:nx-player-drift 4s ease-in-out infinite alternate; }
.nx-pitch-player.team-b { color:#fff0fa; background:#bd318e; border:1px solid #f26bb9; }
.nx-pitch-player:nth-child(3n) { animation-delay:-2s; }
.nx-pitch-ball { position:absolute; width:6px; height:6px; top:64%; left:55%; background:white; box-shadow:0 0 12px white; border-radius:50%; animation:nx-ball-pass 5s ease-in-out infinite; }
.nx-pitch-caption { position:absolute; bottom:5px; left:0; right:0; text-align:center; font-size:.38rem; letter-spacing:.18em; color:#c4c2e5b0; }
.nx-demo-toast { display:flex; align-items:center; gap:12px; border:1px solid #ffffff13; background:#ffffff04; border-radius:7px; padding:12px; margin-top:14px; }
.nx-demo-toast>span { width:27px; height:27px; border-radius:50%; background:#3288ff25; color:#72adff; display:grid; place-items:center; }
.nx-demo-toast>div { display:grid; gap:4px; }
.nx-demo-toast strong { font-size:.71rem; }.nx-demo-toast small { font-size:.6rem; color:#b8bed2; line-height:1.5; }
.nx-demo-footer { padding:13px 20px; border-top:1px solid #ffffff13; display:flex; justify-content:space-between; gap:10px; color:#b8bed2; font-size:.59rem; }
.nx-demo-footer>span:last-child { color:#72adff; white-space:nowrap; }
.nx-demo-preparation { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.nx-demo-event { border-radius:8px; background:radial-gradient(ellipse at right top,#a788ff45,transparent),#262039; padding:20px 16px; }
.nx-demo-event>span { font-size:.49rem; letter-spacing:.08em; color:#d6c9fd; }
.nx-demo-event>strong { display:block; font-size:1.55rem; line-height:1.13; letter-spacing:-.05em; margin-block:20px; }
.nx-demo-event p { font-size:.64rem; line-height:1.5; color:#d6c9fd; }
.nx-demo-confirmations { padding:8px 0; }
.nx-demo-confirmations>span { font-size:.45rem; color:#b8bed2; letter-spacing:.06em; }
.nx-demo-confirmations>div { display:grid; grid-template-columns:27px 1fr; column-gap:8px; margin-top:20px; }
.nx-demo-confirmations i { grid-row:span 2; display:grid; place-items:center; width:27px; height:30px; border-radius:6px; font-style:normal; color:#d7c8ff; background:#382650; font-size:.7rem; }
.nx-demo-confirmations strong { font-size:.7rem; }.nx-demo-confirmations>div>span { font-size:.55rem; color:#c5b8e6; margin-top:3px; }
.nx-demo-preparation>.nx-demo-toast { grid-column:1/-1; margin-top:0; }
.nx-demo-broadcast { height:146px; border-radius:8px; position:relative; overflow:hidden; background:linear-gradient(115deg,#5624b7,#332467); padding:20px; }
.nx-demo-broadcast>strong { position:relative; z-index:1; font-size:2rem; line-height:1; letter-spacing:-.05em; }
.nx-demo-broadcast em { color:#ff62b7; }
.nx-broadcast-caption { display:block; position:relative; font-size:.46rem; letter-spacing:.1em; margin-top:12px; color:#e2d2ff; }
.nx-broadcast-rings { position:absolute; width:230px; height:230px; right:-40px; top:-40px; border:25px solid #b298ff25; border-radius:50%; box-shadow:0 0 0 28px #b298ff15,0 0 0 58px #b298ff10; }
.nx-hero-baseline { grid-column:1/-1; margin-top:25px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:20px; border-top:1px solid var(--nx-line); color:var(--nx-muted); font-size:.59rem; letter-spacing:.1em; }
.nx-motion-control { border:1px solid var(--nx-line); border-radius:20px; padding:8px 12px; min-height:36px; background:transparent; color:var(--nx-muted); font-size:.64rem!important; letter-spacing:0; }
.nx-motion-control:disabled { cursor:default; opacity:.65; }
.nx-ribbon { background:linear-gradient(105deg,#236cd6 0%,#7140d6 52%,#c52683 100%); color:#fff; transform:rotate(-1deg) scale(1.015); padding-block:24px; margin:20px 0; }
.nx-ribbon>.nx-wrap { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.nx-ribbon span { font-size:clamp(.85rem,2.1vw,1.8rem); font-weight:850; letter-spacing:-.035em; }
.nx-ribbon b { font-size:1.8rem; }
.nx-section { padding-block:90px; }
.nx-section-heading>.nx-eyebrow,.nx-section-heading>div>.nx-eyebrow { color:var(--nx-muted); margin-bottom:20px; }
.nx-home h2 { font-size:clamp(2.2rem,4vw,3.5rem); line-height:1.08; letter-spacing:-.055em; font-weight:780; }

.nx-section-heading>p { color:var(--nx-muted); line-height:1.8; font-size:.94rem; max-width:430px; margin-top:24px; }
.nx-heading-split { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:50px; }
.nx-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:48px; }
.nx-benefits article { border-top:1px solid var(--nx-line); padding-top:24px; min-width:0; }
.nx-step-number { font-size:.65rem; color:var(--nx-purple); font-weight:750; letter-spacing:.12em; }
.nx-home .nx-benefits h3 { font-size:1.12rem; letter-spacing:-.025em; margin:17px 0 12px; }
.nx-benefits p { color:var(--nx-muted); font-size:.84rem; line-height:1.75; }
.nx-mini-roster,.nx-mini-fixture,.nx-mini-wave { margin-top:25px; min-height:60px; display:flex; align-items:center; }
.nx-mini-roster>span { display:flex; }.nx-mini-roster i { width:29px; height:33px; border-radius:7px; border:2px solid var(--nx-surface); display:grid; place-items:center; font-style:normal; font-size:.61rem; font-weight:700; background:#493367; color:#e3d5ff; margin-left:-5px; }
.nx-mini-roster i:first-child { margin-left:0; background:#1e3e70; color:#b9d6ff; }.nx-mini-roster i:nth-child(3) { background:#54294f; color:#ffd0ed; }
.nx-mini-roster strong { margin-left:12px; font-size:.66rem; }.nx-mini-roster b { color:var(--nx-pink); margin-left:4px; }
.nx-mini-fixture { gap:13px; font-size:.7rem; }.nx-mini-fixture i { color:var(--nx-muted); font-style:normal; }.nx-mini-fixture strong { border:1px solid #ad8bff66; background:#ad8bff12; color:var(--nx-purple); padding:9px 14px; border-radius:6px; }
.nx-mini-wave { gap:4px; }.nx-mini-wave i { width:3px; height:15px; border-radius:2px; background:var(--nx-blue); }.nx-mini-wave i:nth-child(2n) { height:33px; }.nx-mini-wave i:nth-child(3n) { height:45px; }.nx-mini-wave>span { margin-left:14px; font-size:.57rem; font-weight:700; letter-spacing:.07em; }
.nx-solutions { border-top:1px solid var(--nx-line); }
.nx-path-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:40px; }
.nx-path { position:relative; overflow:hidden; padding:35px; border:1px solid var(--nx-line); border-radius:14px; background:var(--nx-surface); transition:border-color .25s,transform .25s; }
.nx-path:hover { transform:translateY(-4px); border-color:#ad8bff75; }
.nx-path .nx-eyebrow { color:var(--nx-muted); position:relative; }
.nx-home .nx-path h3 { font-size:2rem; line-height:1.1; letter-spacing:-.045em; position:relative; margin:22px 0 17px; }
.nx-path>p { font-size:.86rem; line-height:1.7; max-width:360px; color:var(--nx-muted); position:relative; }
.nx-path-symbol { position:absolute; right:21px; top:10px; font-size:8rem; line-height:1; color:#ad8bff16; font-weight:900; transform:rotate(-12deg); }
.nx-path-community { background:radial-gradient(ellipse at right top,#8250f327,transparent 65%),var(--nx-surface); }
.nx-path-player { background:radial-gradient(ellipse at right top,#3288ff1c,transparent 65%),var(--nx-surface); }.nx-path-player .nx-path-symbol { color:#3288ff20; }
.nx-path-competition { background:radial-gradient(ellipse at right top,#f238a51a,transparent 65%),var(--nx-surface); }.nx-path-competition .nx-path-symbol { color:#f238a522; }
.nx-path-creator { background:radial-gradient(ellipse at right top,#ff82c521,transparent 65%),var(--nx-surface); }.nx-path-creator .nx-path-symbol { color:#ff82c51f; }
.nx-path-actions { display:flex; flex-wrap:wrap; gap:10px 23px; margin-top:25px; position:relative; }
.nx-path-actions a { display:inline-flex; align-items:center; gap:17px; font-size:.8rem; font-weight:700; padding-block:10px; border-bottom:1px solid var(--nx-purple); }
.nx-path-actions a:hover { color:var(--nx-blue); }
.nx-home .nx-path-more { display:inline-block; margin-top:16px; font-size:.72rem; color:var(--nx-muted); position:relative; }
.nx-route-help { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:5px 20px; margin-top:28px; color:var(--nx-muted); font-size:.8rem; }
.nx-route-help button { background:transparent; border:0; color:var(--nx-ink); padding:12px 0; text-decoration:underline; text-underline-offset:5px; }
.nx-live-section { border-top:1px solid var(--nx-line); }
.nx-activity { margin-top:40px; display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--nx-line); border-radius:14px; overflow:hidden; background:var(--nx-surface); }
.nx-activity-art { position:relative; display:flex; flex-direction:column; justify-content:center; padding:40px; min-height:270px; background:linear-gradient(125deg,#215bb2 0%,#6540bd 53%,#ad2879 100%); color:#fff; overflow:hidden; }
.nx-activity-art>span,.nx-activity-art>b { font-size:clamp(2.3rem,4.5vw,4.1rem); font-weight:900; line-height:.97; letter-spacing:-.065em; z-index:1; }
.nx-activity-art>b { color:#f4eefe; }.nx-activity-art>i { position:absolute; right:0; top:0; font-size:17rem; font-weight:900; font-style:normal; line-height:1; opacity:.14; }
.nx-activity-copy { padding:38px; align-self:center; }.nx-activity-copy>.nx-eyebrow { color:var(--nx-muted); font-size:.56rem; }
.nx-home .nx-activity h3 { font-size:2rem; line-height:1.1; letter-spacing:-.04em; margin-block:18px; }
.nx-activity p { font-size:.86rem; line-height:1.75; color:var(--nx-muted); }.nx-home .nx-text-link { font-size:.78rem; text-decoration:underline; text-underline-offset:5px; }
.nx-activity-intro { padding:35px; }.nx-activity-intro>a { display:inline-block; margin-top:10px; font-size:.85rem; color:var(--nx-blue); }
.nx-activity-matches { display:grid; align-content:center; padding:15px 30px; border-left:1px solid var(--nx-line); }
.nx-activity-match { display:grid; gap:11px; padding-block:20px; border-bottom:1px solid var(--nx-line); }.nx-activity-match:last-child { border-bottom:0; }.nx-activity-match>span { font-size:.7rem; color:var(--nx-muted); overflow-wrap:anywhere; }.nx-activity-match>strong { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:.8rem; }.nx-activity-match>strong span { overflow-wrap:anywhere; flex:1; }.nx-activity-match>strong span:last-child { text-align:right; }.nx-activity-match b { font-size:1.3rem; white-space:nowrap; color:var(--nx-pink); }.nx-activity-match>small { color:#87baff; font-size:.65rem; }
.nx-reward-note { display:flex; align-items:center; gap:18px; padding:25px 0; }.nx-reward-note>span { color:var(--nx-purple); font-size:1.5rem; }.nx-reward-note p { font-size:.8rem; color:var(--nx-muted); }.nx-reward-note a { margin-left:auto; font-size:.76rem; white-space:nowrap; }
.nx-faq { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; border-top:1px solid var(--nx-line); }
.nx-faq .nx-text-link { display:inline-block; margin-top:28px; color:var(--nx-muted); }
.nx-faq details { border-bottom:1px solid var(--nx-line); }.nx-faq details:first-child { border-top:1px solid var(--nx-line); }
.nx-faq summary { display:flex; justify-content:space-between; align-items:center; gap:22px; padding:23px 0; font-size:.9rem; font-weight:650; list-style:none; cursor:pointer; }
.nx-faq summary::-webkit-details-marker { display:none; }.nx-faq summary>span { color:var(--nx-pink); font-size:1.4rem; transition:transform .2s; }.nx-faq details[open] summary>span { transform:rotate(45deg); }
.nx-faq details>p { color:var(--nx-muted); font-size:.85rem; line-height:1.85; padding:0 30px 25px 0; }
.nx-final { position:relative; overflow:hidden; text-align:center; padding:85px 0 100px; background:radial-gradient(ellipse at bottom,#7034e840,transparent 65%),#11101d; border-top:1px solid var(--nx-line); }
.nx-final>.nx-wrap { position:relative; z-index:1; }.nx-final .nx-eyebrow { justify-content:center; color:#c3b4df; }
.nx-home .nx-final h2 { font-size:clamp(3rem,6vw,5.7rem); letter-spacing:-.065em; margin:28px 0; color:#f7f5ff; }
.nx-final p { color:#c1bad1; font-size:.94rem; line-height:1.7; margin-bottom:25px; }
.nx-final-discover { display:block; width:fit-content; margin:20px auto 0; color:#c1bad1!important; font-size:.78rem; }
.nx-final-orbit { position:absolute; width:850px; height:850px; border-radius:50%; border:1px solid #ad8bff1f; top:-300px; left:50%; transform:translateX(-50%); box-shadow:0 0 0 55px #ad8bff07,0 0 0 110px #ad8bff05; pointer-events:none; }
.nx-home .na-public-footer { margin-top:0; padding-block:35px; }
.nx-skip { position:absolute; top:0; left:20px; padding:12px; background:#347df0; color:#fff!important; transform:translateY(-300%); z-index:100; }.nx-skip:focus { transform:none; }
.nx-home[data-motion-paused] *, .nx-home[data-motion-paused] *::before,.nx-home[data-motion-paused] *::after { animation-play-state:paused!important; }
@keyframes nx-scene-in { from { opacity:.5; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@keyframes nx-player-drift { to { transform:translate(calc(-50% + 5px),calc(-50% - 3px)); } }
@keyframes nx-ball-pass { 0%,100% { transform:translate(0,0); } 50% { transform:translate(43px,-35px); } }
html[data-na-theme="light"] .nx-home { --nx-ink:#181b32; --nx-muted:#535c75; --nx-surface:#ffffff; --nx-line:#24233d25; --nx-blue:#165fc9; --nx-purple:#6840c9; --nx-pink:#ad145f; background:#f6f5fa; }
html[data-na-theme="light"] .nx-home h1 em,html[data-na-theme="light"] .nx-home h2 em { background-image:linear-gradient(100deg,#165fc9 0%,#6840c9 54%,#ad145f 100%); }
html[data-na-theme="light"] .nx-mini-roster b,html[data-na-theme="light"] .nx-faq summary>span,html[data-na-theme="light"] .nx-activity-match b { color:#ad145f; }
html[data-na-theme="light"] .nx-final { --nx-line:#ad8bff25; }
@media(min-width:1500px) { .nx-hero { padding-top:100px; padding-bottom:35px; } }
@media(max-width:1100px) { .nx-wrap { width:calc(100% - 64px); }.nx-hero { gap:20px 30px; padding-top:60px; }.nx-home h1 { font-size:4.4rem; }.nx-demo-score { gap:25px; }.nx-benefits { gap:22px; }.nx-mini-roster { flex-wrap:wrap; gap:10px; }.nx-mini-roster strong { margin:0; }.nx-path { padding:28px; }.nx-path-actions { gap:8px 18px; }.nx-faq { gap:35px; } }
@media(max-width:820px) { .nx-wrap { width:calc(100% - 40px); }.nx-hero { grid-template-columns:1fr; padding-top:48px; gap:32px; }.nx-hero-copy { max-width:630px; }.nx-home h1 { font-size:clamp(3.4rem,9vw,5rem); }.nx-desktop-break { display:none; }.nx-home .nx-lead { max-width:520px; }.nx-hero-stage { max-width:560px; width:100%; margin-inline:auto; padding:5px 8px; }.nx-demo { transform:none; }.nx-stage-orbit { inset:0 -10px; }.nx-hero-baseline { margin-top:8px; }.nx-section { padding-block:65px; }.nx-benefits { gap:25px; }.nx-mini-fixture { flex-wrap:wrap; gap:7px; }.nx-mini-wave { flex-wrap:wrap; }.nx-mini-wave>span { width:100%; margin:4px 0 0; }.nx-heading-split { gap:30px; }.nx-home .nx-path h3 { font-size:1.7rem; }.nx-activity-copy { padding:25px; }.nx-activity-art { padding:25px; }.nx-faq { grid-template-columns:1fr; gap:30px; }.nx-reward-note { flex-wrap:wrap; gap:10px; }.nx-reward-note a { margin-left:0; width:100%; padding-left:30px; }.nx-final { padding-block:70px; } }
@media(max-width:560px) { .nx-wrap { width:calc(100% - 36px); }.nx-hero { padding-top:37px; }.nx-hero-copy>.nx-eyebrow { font-size:.57rem; margin-bottom:21px; }.nx-home h1 { font-size:clamp(3rem,11.6vw,4rem); letter-spacing:-.065em; }.nx-home .nx-lead { font-size:.94rem; margin-top:22px; }.nx-hero .nx-actions { flex-direction:column; align-items:stretch; gap:10px; margin-top:23px; }.nx-home .nx-button { min-height:48px; font-size:.8rem; padding-inline:16px; }.nx-home .nx-entry-note { font-size:.66rem; }.nx-invitation { margin-top:16px!important; }.nx-hero-stage { padding:5px 0; }.nx-demo-header { padding:14px; gap:8px; }.nx-demo-header strong { font-size:.76rem; }.nx-demo-header small { font-size:.58rem; }.nx-demo-badge { font-size:.44rem; padding:4px; }.nx-demo-tabs { padding:9px 12px; gap:3px; }.nx-demo-tabs button { font-size:.66rem; }.nx-demo-screen { padding:16px 13px; min-height:366px; }.nx-demo-score { gap:29px; }.nx-demo-screen-top>strong { font-size:.92rem; }.nx-demo-footer { padding:13px; font-size:.53rem; }.nx-demo-event { padding:17px 12px; }.nx-demo-event>strong { font-size:1.35rem; }.nx-demo-confirmations>span { font-size:.4rem; }.nx-hero-baseline { align-items:flex-start; letter-spacing:.04em; font-size:.5rem; padding-top:12px; }.nx-hero-baseline>span { max-width:160px; line-height:1.7; }.nx-motion-control { font-size:.58rem!important; padding:8px; white-space:nowrap; }.nx-ribbon { padding-block:18px; }.nx-ribbon>.nx-wrap { gap:7px; }.nx-ribbon span { font-size:.66rem; }.nx-ribbon b { font-size:1.1rem; }.nx-ribbon b:last-child { display:none; }.nx-section { padding-block:50px; }.nx-home h2 { font-size:2.1rem; }.nx-section-heading .nx-eyebrow { font-size:.57rem; }.nx-section-heading>p { font-size:.85rem; margin-top:18px; }.nx-heading-split { grid-template-columns:1fr; gap:0; }.nx-benefits { grid-template-columns:1fr; gap:30px; margin-top:32px; }.nx-benefits article { display:grid; grid-template-columns:30px 1fr; gap:0 15px; }.nx-benefits h3 { margin:0 0 10px!important; }.nx-step-number { padding-top:3px; grid-row:span 3; }.nx-benefits p,.nx-benefits article>div { grid-column:2; }.nx-mini-roster,.nx-mini-fixture,.nx-mini-wave { margin-top:15px; min-height:42px; }.nx-mini-roster strong { margin-left:8px; }.nx-mini-wave { flex-wrap:nowrap; }.nx-mini-wave>span { width:auto; margin-left:10px; }.nx-path-grid { grid-template-columns:1fr; gap:14px; margin-top:30px; }.nx-path { padding:26px; }.nx-home .nx-path h3 { font-size:1.9rem; }.nx-route-help { justify-content:flex-start; font-size:.75rem; }.nx-activity { grid-template-columns:1fr; margin-top:28px; }.nx-activity-art { min-height:200px; padding:30px; }.nx-activity-art>span,.nx-activity-art>b { font-size:3.3rem; }.nx-activity-art>i { font-size:14rem; }.nx-activity-copy { padding:28px; }.nx-activity-matches { border-left:0; border-top:1px solid var(--nx-line); padding-inline:22px; }.nx-reward-note p { font-size:.72rem; }.nx-faq summary { font-size:.83rem; padding:20px 0; }.nx-final .nx-eyebrow { font-size:.56rem; }.nx-home .nx-final h2 { font-size:3.05rem; }.nx-final p { font-size:.85rem; }.nx-home .na-public-footer { padding-block:28px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.nx-home *, .nx-home *::before,.nx-home *::after { animation:none!important; transition:none!important; }.nx-demo,.nx-demo:hover { transform:none; } }

.nx-home[data-motion-paused] .nx-demo-screen { animation:none; }

/* Keep the dark product preview and closing panel readable in either public theme. */
.nx-home .nx-demo, .nx-home .nx-final { --na-public-text:#f6f7ff; --na-public-muted:#c1bad1; }