/* ============================================================================
   NEXORA AUTOPILOT — page styles (V2026.210). Brand v1.0 through nx-brand.css
   tokens: Black / Paper / White, Lime for action, square corners, 1px
   hairlines, no shadows, no gradients. Namespace .nxap (shell.js owns .nxa-).
   ========================================================================== */
.nxap{--e:cubic-bezier(.2,0,0,1);background:var(--nx-paper);color:var(--nx-black)}
.nxap *,.nxap *::before,.nxap *::after{box-sizing:border-box}
.nxap-wrap{width:min(100% - 96px,1280px);margin-inline:auto}
@media (max-width:767px){.nxap-wrap{width:calc(100% - 32px)}}
.nxap-label{font:500 11px/1.3 var(--nx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--nx-steel);margin:0}
.nxap-label b{font-weight:500}
.nxap-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- actions (not "btn": the brand layer restyles those) ---------- */
.nxap-act{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;font:500 15px/1.2 var(--nx-text);
  text-decoration:none;cursor:pointer;border:1px solid var(--nx-black);background:var(--nx-black);color:var(--nx-paper);border-radius:0;
  transition:background-color 120ms var(--e),color 120ms var(--e),border-color 120ms var(--e)}
.nxap-act:hover{background:var(--nx-lime);color:var(--nx-black)}
.nxap-act.is-ghost{background:transparent;color:var(--nx-black)}
.nxap-act.is-ghost:hover{background:var(--nx-black);color:var(--nx-paper)}
.nxap-dark .nxap-act{background:var(--nx-lime);border-color:var(--nx-lime);color:var(--nx-black)}
.nxap-dark .nxap-act:hover{background:var(--nx-paper);border-color:var(--nx-paper)}
.nxap-dark .nxap-act.is-ghost{background:transparent;color:var(--nx-paper);border-color:var(--nx-steel)}
.nxap-dark .nxap-act.is-ghost:hover{background:var(--nx-paper);color:var(--nx-black);border-color:var(--nx-paper)}
.nxap-link{color:var(--nx-black);font:500 15px/1.3 var(--nx-text);text-decoration:underline;text-decoration-color:var(--nx-lime-deep);text-underline-offset:3px;text-decoration-thickness:1px}
.nxap-link:hover{color:var(--nx-lime-deep)}

/* ---------- black grounds ---------- */
.nxap-dark{background:var(--nx-black);color:var(--nx-paper)}
.nxap-dark .nxap-label{color:var(--nx-ash)}

/* ---------- hero ---------- */
.nxap-hero{padding:96px 0 88px;border-bottom:1px solid var(--nx-carbon)}
.nxap-label--dot{display:inline-flex;align-items:center;gap:10px}
.nxap-label--dot::before{content:"";width:8px;height:8px;background:var(--nx-lime)}
.nxap-hero .nxap-label b{color:var(--nx-lime)}
.nxap-hero h1{margin:22px 0 0;font:600 clamp(44px,6.8vw,92px)/.98 var(--nx-display);letter-spacing:-.035em;color:var(--nx-paper);max-width:12ch}
.nxap-lede{margin:24px 0 0;max-width:46ch;font:400 clamp(18px,1.6vw,21px)/1.5 var(--nx-text);color:var(--nx-ash)}
.nxap-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.nxap-facts{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--nx-graphite)}
.nxap-facts li{padding:16px 24px 0 0;margin-right:24px;font:400 14px/1.4 var(--nx-text);color:var(--nx-ash);display:flex;align-items:center;gap:10px}
.nxap-facts li::before{content:"";width:6px;height:6px;background:var(--nx-lime);flex:0 0 auto}

/* hero visual: the static card (shown when the particle shape cannot run) */
.nxhv--autopilot .nxap-hvcard{background:var(--hv-bg);border:1px solid var(--hv-line);display:grid}
.nxap-hvrow{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--hv-line)}
.nxap-hvrow:last-child{border-bottom:0}
.nxap-hvrow span{display:grid;gap:4px;min-width:0}
.nxap-hvrow b{font:500 16px/1.3 var(--nx-text);color:var(--nx-paper)}
.nxap-hvrow small{font:400 13.5px/1.35 var(--nx-text);color:var(--hv-mute)}

/* ---------- glyphs: plain shapes in inline SVG, no platform logos ---------- */
.nxap-glyph{display:block;width:48px;height:48px;border:1px solid var(--nx-graphite);background:var(--nx-carbon);flex:0 0 auto}
.nxap-glyph.is-lg{width:64px;height:64px;background:var(--nx-black);border-color:var(--nx-black)}
.nxap-glyph svg{display:block;width:100%;height:100%}
.nxap-glyph .l{fill:var(--nx-lime)}
.nxap-glyph .p{fill:var(--nx-paper)}

/* ---------- sections ---------- */
.nxap-sec{padding:104px 0}
@media (max-width:767px){.nxap-sec{padding:64px 0}}
.nxap-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:44px;flex-wrap:wrap}
.nxap-head h2{margin:14px 0 0;font:600 clamp(30px,3.6vw,48px)/1.04 var(--nx-display);letter-spacing:-.03em;max-width:20ch}
.nxap-head > p{margin:0;max-width:44ch;color:var(--nx-graphite);font:400 16px/1.55 var(--nx-text)}
.nxap-dark .nxap-head > p{color:var(--nx-ash)}
.nxap-dark .nxap-head h2{color:var(--nx-paper)}

/* ---------- the three agents ---------- */
.nxap-agents{display:grid;gap:0;border-top:1px solid var(--nx-black)}
.nxap-agent{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);border-bottom:1px solid var(--nx-black);scroll-margin-top:96px}
.nxap-agent-id{padding:40px 40px 40px 0;border-right:1px solid var(--nx-hairline);display:flex;flex-direction:column;align-items:flex-start}
.nxap-agent-id .nxap-label{margin-top:24px}
.nxap-agent-id h3{margin:10px 0 0;font:600 clamp(26px,2.6vw,34px)/1.08 var(--nx-display);letter-spacing:-.025em}
.nxap-tag{margin:14px 0 0;color:var(--nx-graphite);font:400 16px/1.55 var(--nx-text);max-width:40ch}
.nxap-dl{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px}
.nxap-fine{margin:16px 0 0;font:400 13px/1.45 var(--nx-text);color:var(--nx-steel)}
.nxap-agent-info{display:grid;grid-template-columns:1fr 1fr;gap:0}
.nxap-cell{padding:36px 0 36px 40px;border-bottom:1px solid var(--nx-hairline)}
.nxap-cell:nth-child(n+3){border-bottom:0}
.nxap-cell:nth-child(2n){border-left:1px solid var(--nx-hairline)}
.nxap-cell h4{margin:0 0 14px;font:500 11px/1.3 var(--nx-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--nx-steel)}
.nxap-cell ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nxap-cell li{position:relative;padding-left:18px;font:400 15px/1.55 var(--nx-text);color:var(--nx-black)}
.nxap-cell li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--nx-black)}
.nxap-cell p{margin:0;font:400 15px/1.55 var(--nx-text);color:var(--nx-graphite)}
.nxap-cell .nxap-big{margin:0 0 8px;font:600 28px/1.1 var(--nx-display);letter-spacing:-.02em;color:var(--nx-black)}
@media (max-width:1023px){
  .nxap-agent{grid-template-columns:1fr}
  .nxap-agent-id{padding:36px 0 32px;border-right:0;border-bottom:1px solid var(--nx-hairline)}
  .nxap-cell{padding:28px 0 28px 0}
  .nxap-cell:nth-child(2n){border-left:1px solid var(--nx-hairline);padding-left:28px}
  .nxap-cell:nth-child(2n+1){padding-right:28px}
}
@media (max-width:699px){
  .nxap-agent-info{grid-template-columns:1fr}
  .nxap-cell,.nxap-cell:nth-child(2n),.nxap-cell:nth-child(2n+1){padding:24px 0;border-left:0;border-bottom:1px solid var(--nx-hairline)}
  .nxap-cell:last-child{border-bottom:0}
}

/* ---------- setup helper ---------- */
.nxap-helper{background:var(--nx-pure);border-top:1px solid var(--nx-hairline);border-bottom:1px solid var(--nx-hairline);scroll-margin-top:72px}
.nxap-wiz{border:1px solid var(--nx-black);background:var(--nx-paper);max-width:920px}
.nxap-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--nx-black)}
.nxap-steps li{display:flex;align-items:center;gap:12px;padding:16px 20px;font:500 14px/1.3 var(--nx-text);color:var(--nx-steel);min-width:0}
.nxap-steps li + li{border-left:1px solid var(--nx-hairline)}
.nxap-steps b{flex:0 0 auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--nx-ash);font:500 13px/1 var(--nx-mono);color:var(--nx-steel);background:var(--nx-pure)}
.nxap-steps li[aria-current="step"]{color:var(--nx-black)}
.nxap-steps li[aria-current="step"] b{border-color:var(--nx-black);color:var(--nx-black)}
.nxap-steps li.is-done{color:var(--nx-black)}
.nxap-steps li.is-done b{background:var(--nx-black);border-color:var(--nx-black);color:var(--nx-lime)}
.nxap-form,.nxap-result{padding:36px 40px 40px}
.nxap-q{border:0;margin:0;padding:0;min-width:0}
.nxap-q legend{padding:0;margin:0;font:600 clamp(24px,2.4vw,30px)/1.15 var(--nx-display);letter-spacing:-.02em;color:var(--nx-black)}
.nxap-q legend:focus{outline:none}
.nxap-q legend:focus-visible{outline:2px solid var(--nx-lime-deep);outline-offset:4px}
.nxap-hint{margin:10px 0 24px;font:400 15px/1.5 var(--nx-text);color:var(--nx-graphite);max-width:60ch}
.nxap-chips{display:flex;flex-wrap:wrap;gap:12px}
.nxap-chip,.nxap-opt{position:relative;cursor:pointer}
.nxap-chip input,.nxap-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.nxap-chip span{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px 0 16px;border:1px solid var(--nx-black);background:var(--nx-pure);
  font:500 16px/1.2 var(--nx-text);color:var(--nx-black);transition:background-color 120ms var(--e),color 120ms var(--e)}
.nxap-chip span::before{content:"";width:16px;height:16px;border:1px solid var(--nx-black);background:var(--nx-pure);flex:0 0 auto}
.nxap-chip:hover span{background:var(--nx-lime-10)}
.nxap-chip input:checked + span{background:var(--nx-black);color:var(--nx-paper)}
.nxap-chip input:checked + span::before{background:var(--nx-lime);border-color:var(--nx-lime)}
.nxap-chip input:focus-visible + span,.nxap-opt input:focus-visible + span{outline:2px solid var(--nx-lime-deep);outline-offset:2px}
.nxap-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nxap-opt span{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:14px;row-gap:4px;height:100%;padding:18px 20px;border:1px solid var(--nx-black);background:var(--nx-pure);
  transition:background-color 120ms var(--e)}
.nxap-opt span::before{content:"";grid-row:1 / span 2;width:18px;height:18px;margin-top:2px;border:1px solid var(--nx-black);background:var(--nx-pure)}
.nxap-opt b{font:500 16px/1.3 var(--nx-text);color:var(--nx-black)}
.nxap-opt small{grid-column:2;font:400 14px/1.45 var(--nx-text);color:var(--nx-graphite)}
.nxap-opt:hover span{background:var(--nx-lime-10)}
.nxap-opt input:checked + span{background:var(--nx-lime-10)}
.nxap-opt input:checked + span::before{background:var(--nx-black)}
@media (max-width:640px){.nxap-opts{grid-template-columns:1fr}}
.nxap-note{margin:20px 0 0;padding:16px 18px;border:1px solid var(--nx-black);border-left:4px solid var(--nx-black);background:var(--nx-pure);font:400 14.5px/1.55 var(--nx-text);color:var(--nx-black);max-width:72ch}
.nxap-note b{font-weight:600}
.nxap-err{margin:16px 0 0;min-height:1.4em;font:500 14px/1.4 var(--nx-text);color:var(--nx-error)}
.nxap-err:empty{margin:0;min-height:0}
.nxap-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.nxap-nav [hidden]{display:none}
.nxap-result h3{margin:0;font:600 clamp(26px,2.6vw,34px)/1.1 var(--nx-display);letter-spacing:-.02em}
.nxap-result h3:focus{outline:none}
.nxap-result h3:focus-visible{outline:2px solid var(--nx-lime-deep);outline-offset:4px}
.nxap-sum{margin:10px 0 0;font:400 15px/1.5 var(--nx-text);color:var(--nx-graphite)}
.nxap-pack{margin-top:24px;border:1px solid var(--nx-black);background:var(--nx-pure)}
.nxap-pack-hd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--nx-hairline)}
.nxap-pack-hd h4{margin:0;font:600 22px/1.2 var(--nx-display);letter-spacing:-.015em}
.nxap-pack-hd p{margin:4px 0 0;font:400 13.5px/1.4 var(--nx-text);color:var(--nx-steel)}
.nxap-pack-hd .nxap-dl{margin-top:0}
.nxap-pack ol{list-style:none;margin:0;padding:8px 22px 20px;counter-reset:s}
.nxap-pack li{counter-increment:s;display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--nx-hairline);font:400 15px/1.55 var(--nx-text)}
.nxap-pack li:last-child{border-bottom:0}
.nxap-pack li::before{content:counter(s);width:32px;height:32px;display:grid;place-items:center;background:var(--nx-black);color:var(--nx-lime);font:500 13px/1 var(--nx-mono)}
.nxap-pack .nxap-more{margin:0;padding:0 22px 20px;font:400 14px/1.5 var(--nx-text);color:var(--nx-graphite)}
@media (max-width:767px){.nxap-form,.nxap-result{padding:28px 20px 28px}.nxap-steps li{padding:12px;gap:8px;font-size:13px}.nxap-steps li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media (max-width:420px){.nxap-steps li{flex-direction:column;align-items:flex-start;gap:6px}}

/* ---------- how it stays safe ---------- */
.nxap-safe{padding:104px 0}
@media (max-width:767px){.nxap-safe{padding:64px 0}}
.nxap-grid4{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--nx-graphite)}
.nxap-safecell{padding:32px 28px 8px 0}
.nxap-safecell + .nxap-safecell{padding-left:28px;border-left:1px solid var(--nx-graphite)}
.nxap-safecell .k{display:block;font:500 12px/1 var(--nx-mono);letter-spacing:.1em;color:var(--nx-lime)}
.nxap-safecell h3{margin:18px 0 12px;font:600 21px/1.2 var(--nx-display);letter-spacing:-.015em;color:var(--nx-paper)}
.nxap-safecell p{margin:0;font:400 15px/1.6 var(--nx-text);color:var(--nx-ash)}
@media (max-width:1023px){.nxap-grid4{grid-template-columns:1fr 1fr}.nxap-safecell:nth-child(3){padding-left:0;border-left:0}.nxap-safecell:nth-child(n+3){border-top:1px solid var(--nx-graphite);margin-top:24px}}
@media (max-width:599px){.nxap-grid4{grid-template-columns:1fr}.nxap-safecell,.nxap-safecell + .nxap-safecell{padding:28px 0 4px;border-left:0}.nxap-safecell + .nxap-safecell{border-top:1px solid var(--nx-graphite);margin-top:24px}}

/* ---------- limits + FAQ ---------- */
.nxap-faqgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:72px;align-items:start}
.nxap-faqgrid h2{margin:14px 0 28px;font:600 clamp(28px,3vw,40px)/1.06 var(--nx-display);letter-spacing:-.03em}
.nxap-limits{border:1px solid var(--nx-black);background:var(--nx-pure);padding:32px}
.nxap-limits ul{list-style:none;margin:0;padding:0;display:grid}
.nxap-limits li{position:relative;padding:12px 0 12px 20px;border-top:1px solid var(--nx-hairline);font:400 15px/1.5 var(--nx-text)}
.nxap-limits li::before{content:"";position:absolute;left:0;top:1.15em;width:8px;height:8px;background:var(--nx-lime);outline:1px solid var(--nx-black)}
.nxap-faq details{border-top:1px solid var(--nx-black)}
.nxap-faq details:last-of-type{border-bottom:1px solid var(--nx-black)}
.nxap-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font:500 17px/1.4 var(--nx-text);color:var(--nx-black)}
.nxap-faq summary::-webkit-details-marker{display:none}
.nxap-faq summary::after{content:"+";flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--nx-black);font:400 18px/1 var(--nx-mono)}
.nxap-faq details[open] summary::after{content:"\2212";background:var(--nx-black);color:var(--nx-lime)}
.nxap-faq details p{margin:0 0 22px;max-width:64ch;font:400 15.5px/1.6 var(--nx-text);color:var(--nx-graphite)}
@media (max-width:1023px){.nxap-faqgrid{grid-template-columns:1fr;gap:48px}}
@media (max-width:599px){.nxap-limits{padding:24px 20px}}

/* ---------- close ---------- */
.nxap-close{padding:88px 0}
.nxap-close-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.nxap-close h2{margin:14px 0 0;font:600 clamp(32px,4.4vw,56px)/1.02 var(--nx-display);letter-spacing:-.035em;color:var(--nx-paper)}
.nxap-close p:not(.nxap-label){margin:18px 0 0;max-width:52ch;font:400 16px/1.6 var(--nx-text);color:var(--nx-ash)}
@media (max-width:767px){.nxap-close{padding:64px 0}.nxap-hero{padding:64px 0 56px}}

/* ---------- motion: one Resolve on arrival ---------- */
@media (prefers-reduced-motion:no-preference){
  .nxap-result:not([hidden]),.nxap-q:not([hidden]){animation:nxapUp 220ms var(--e) both}
}
@keyframes nxapUp{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}

/* V2026.210 · the 60-second demo */
.nxap-video{margin:32px 0 0}
.nxap-video video{display:block;width:100%;aspect-ratio:16/9;background:var(--nx-black);border:1px solid var(--nx-black)}
@media (max-width:767px){.nxap-video video.is-tall{aspect-ratio:9/16;max-height:80vh;width:auto;max-width:100%;margin-inline:auto}}