/* Home «next» (preview at /?v=next; linked from next_head.html only). Everything is scoped under .nx with nx-* classes:
   rest.css loads after <main>, so every rule here carries at least .nx + one class to win the cascade.
   Display face «Ehsebly Display» (Alexandria 600) for h1/h2/final line only — never on amounts (.num / bdi keep Readex, tnum).
   Light (default) + dark (html[data-theme]); RTL + LTR via logical properties; reduced motion = final state, no motion. */

/* ------------------------------------------------------------------ display face (tools/site/fonts.sh output; keep url() unquoted + relative for fingerprint.py) */
@font-face{font-family:"Ehsebly Display";font-style:normal;font-weight:600;font-display:swap;src:url(../type/alexandria-latin-600.woff2?v=dee9bb42755c) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2264,U+FEFF}
@font-face{font-family:"Ehsebly Display";font-style:normal;font-weight:600;font-display:swap;src:url(../type/alexandria-ar-600.woff2?v=3c45f6c3177c) format("woff2");unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00B7,U+00BB,U+00D7,U+0600-06FF,U+200C-200F,U+2010-2014,U+2018-201D,U+2026,U+2039-203A,U+2190-2193,U+2212,U+FE70-FEFF}
@font-face{font-family:"Ehsebly Display Latin";font-style:normal;font-weight:600;font-display:swap;src:url(../type/alexandria-latin-600.woff2?v=dee9bb42755c) format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2264,U+FEFF}
/* metric-matched fallbacks (Alexandria 968/-251 @1000 upm): a swap never changes the line count */
@font-face{font-family:"Ehsebly Display Fallback";font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("Helvetica Bold");size-adjust:104.86%;ascent-override:92.31%;descent-override:23.94%;line-gap-override:0%;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Ehsebly Display Fallback";font-weight:600;src:local("Noto Sans Arabic Bold"),local("NotoSansArabic-Bold"),local("Noto Sans Arabic SemiBold"),local("NotoSansArabic-SemiBold");size-adjust:108.75%;ascent-override:89.01%;descent-override:23.08%;line-gap-override:0%;unicode-range:U+0020-0040,U+005B-0060,U+007B-007E,U+00A0,U+00AB,U+00BB,U+0600-06FF,U+FE70-FEFF}
@font-face{font-family:"Ehsebly Display Latin Fallback";font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT"),local("Liberation Sans Bold"),local("LiberationSans-Bold"),local("Helvetica Neue Bold"),local("Helvetica Bold");size-adjust:104.86%;ascent-override:92.31%;descent-override:23.94%;line-gap-override:0%}

/* ------------------------------------------------------------------ tokens */
:root{
	--f-display:"Ehsebly Display","Ehsebly Display Fallback","Readex",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
	--f-body:"Readex","Readex Fallback",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;
	--fs-h1:clamp(2.25rem,1.45rem + 3.4vw,4.5rem);
	--fs-h2:clamp(1.75rem,1.3rem + 1.9vw,3rem);
	--fs-h3:clamp(1.125rem,1.02rem + .45vw,1.375rem);
	--fs-lead:clamp(1.0625rem,1rem + .3vw,1.25rem);
	--fs-body:clamp(1rem,.95rem + .2vw,1.0625rem);
	--fs-ui:.9375rem;--fs-sm:.875rem;--fs-xs:.8125rem;
	--fs-display:clamp(2.75rem,1.6rem + 5vw,6rem);
	--nx-r:28px;
	--nx-night:#0E1B2C;--nx-night-2:#17283D;
	--nx-glass:rgb(255 255 255/.62);--nx-glass-line:rgb(255 255 255/.85);
	--nx-sec:clamp(64px,9vw,128px);
}
:root[data-theme="dark"]{--nx-glass:rgb(23 40 61/.62);--nx-glass-line:rgb(255 255 255/.09)}
[lang="en"]{--f-display:"Ehsebly Display Latin","Ehsebly Display Latin Fallback","Readex","Readex Fallback",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}

/* the footer's own CTA card is replaced on this page by .nx-final (this stylesheet only loads on the preview) */
.final{display:none}

/* ------------------------------------------------------------------ base + type */
.nx{font-size:var(--fs-body);overflow-x:clip}
.nx .nx-wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto;min-width:0}
.nx .nx-h1{font-family:var(--f-display);font-weight:600;font-size:var(--fs-h1);line-height:1.25;letter-spacing:0;text-wrap:balance;word-spacing:.02em}
.nx .nx-h2{font-family:var(--f-display);font-weight:600;font-size:var(--fs-h2);line-height:1.32;letter-spacing:0;text-wrap:balance}
.nx .nx-h3{font-family:var(--f-body);font-weight:600;font-size:var(--fs-h3);line-height:1.5}
.nx .nx-display{font-family:var(--f-display);font-weight:600;font-size:var(--fs-display);line-height:1.18;text-wrap:balance}
[lang="en"] .nx .nx-h1{line-height:1.04;letter-spacing:-.028em;font-size:calc(var(--fs-h1)*.94);word-spacing:0}
[lang="en"] .nx .nx-h2{line-height:1.1;letter-spacing:-.02em}
[lang="en"] .nx .nx-h3{line-height:1.3;letter-spacing:-.005em}
[lang="en"] .nx .nx-display{line-height:1.02;letter-spacing:-.03em}
/* amounts and numbers never take the display face (Alexandria drops tnum) */
.nx :is(.nx-h1,.nx-h2,.nx-display) :is(bdi,.num){font-family:var(--f-body)}
.nx .nx-lead{font-size:var(--fs-lead);line-height:1.85;color:var(--ink-3);text-wrap:pretty;max-width:58ch}
[lang="en"] .nx .nx-lead{line-height:1.6;max-width:52ch}
.nx .hl{background:linear-gradient(120deg,#F3CF73 0%,#E0A526 45%,#C08414 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline:.04em}
:root[data-theme="light"] .nx .hl{background:linear-gradient(120deg,#C99315 0%,#A3740F 52%,#7E5A0E 100%);-webkit-background-clip:text;background-clip:text}
.nx .nx-kick{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600;line-height:1.4;color:var(--em-text);background:var(--mint);border:1px solid rgb(14 122 92/.16);padding:6px 14px;border-radius:999px;margin-bottom:18px;max-width:100%}
.nx .nx-kick .flag{width:18px;height:18px;flex:none;border-radius:3px}
[lang="en"] .nx .nx-kick{letter-spacing:.04em}
.nx .nx-kick--plain{background:none;border:0;padding:0;margin-bottom:12px}
.nx .btn{font-weight:600}
.nx .nx-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:28px}
.nx .nx-ctas--c{justify-content:center}
.nx .nx-tlink{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-weight:600;font-size:var(--fs-ui);color:var(--em-text);text-decoration:underline;text-decoration-color:rgb(14 122 92/.3);text-underline-offset:6px;text-decoration-thickness:1.5px;transition:text-decoration-color .2s}
.nx .nx-tlink:hover{text-decoration-color:currentColor}
.nx .nx-tlink .i{width:18px;height:18px}
.nx .nx-micro{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:18px;font-size:var(--fs-sm);color:var(--ink-3)}
.nx .nx-micro span{display:inline-flex;align-items:center;gap:6px}
.nx .nx-micro .i{width:16px;height:16px;color:var(--em-text)}
.nx .nx-micro--night{color:#C9D3DE}
.nx .nx-micro--night .i{color:#7FD8B8}
.nx .nx-head{margin-bottom:clamp(28px,4vw,48px);max-width:760px}
.nx .nx-head .nx-lead{margin-top:14px}
.nx .nx-head--c{text-align:center;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.nx .nx-head--c .nx-lead{margin-inline:auto}
.nx .nx-more{margin-top:28px;text-align:center}
.nx .nx-more a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--em-text);font-weight:600}
.nx .nx-more .i{width:18px;height:18px}
.nx .nx-sec{padding-block:var(--nx-sec)}

/* ------------------------------------------------------------------ surfaces: glass on the page, dark glass on the night stage */
.nx .nx-glass{position:relative;background:var(--nx-glass);border:1px solid var(--nx-glass-line);box-shadow:0 1px 0 rgb(255 255 255/.7) inset,var(--sh-2);border-radius:20px}
:root[data-theme="dark"] .nx .nx-glass{box-shadow:0 1px 0 rgb(255 255 255/.06) inset,var(--sh-2)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
	@media (min-width:721px){.nx .nx-glass{backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5)}}
}
.nx .nx-glass.nx-dk{background:linear-gradient(180deg,rgb(31 50 74/.62),rgb(14 27 44/.5));border-color:rgb(255 255 255/.14);color:#fff;box-shadow:0 1px 0 rgb(255 255 255/.12) inset,0 20px 40px -18px rgb(0 0 0/.6)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nx .nx-glass.nx-dk{backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}}

/* the night glass stage: the same dark panel in both themes (pre-rendered media need no theme variants) */
.nx .nx-stage{position:relative;isolation:isolate;border-radius:var(--nx-r);color:#fff;overflow:hidden;
	background:radial-gradient(120% 80% at 50% 0%,rgb(23 40 61/.0),rgb(23 40 61/.0)),linear-gradient(160deg,var(--nx-night-2) 0%,var(--nx-night) 60%,#0A1522 100%);
	box-shadow:0 2px 4px rgb(14 27 44/.06),0 30px 60px -24px rgb(14 27 44/.45),0 60px 120px -40px rgb(9 79 60/.35)}
.nx .nx-stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgb(169 180 194/.07) 1px,transparent 1px),linear-gradient(90deg,rgb(169 180 194/.07) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 25%,transparent 75%)}
.nx .nx-stage::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(135deg,rgb(255 255 255/.28),rgb(127 216 184/.18) 35%,rgb(255 255 255/.04) 60%,rgb(235 197 114/.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.nx .nx-stage__glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.75}
.nx .nx-stage__glow--em{width:60%;aspect-ratio:1;inset-inline-end:-18%;top:-22%;background:radial-gradient(circle,rgb(14 122 92/.85),transparent 68%)}
.nx .nx-stage__glow--gold{width:46%;aspect-ratio:1;inset-inline-start:-14%;bottom:-24%;background:radial-gradient(circle,rgb(224 165 38/.45),transparent 68%)}

/* app window around a coded mock-up (mock text: 13–14 px desktop, never under 11 px on phones) */
.nx .nx-win{--mf:clamp(13.5px,.3vw + 10.5px,14px);font-size:var(--mf);line-height:1.5;background:var(--m-bg);color:var(--m-ink);border-radius:18px;border:1px solid var(--m-frame);overflow:hidden;position:relative;box-shadow:0 1px 0 rgb(255 255 255/.5) inset,0 24px 48px -20px rgb(0 0 0/.55),0 0 0 1px rgb(255 255 255/.06)}
.nx .nx-win__bar{height:2.6em;display:flex;align-items:center;gap:.8em;padding:0 1em;background:linear-gradient(var(--m-bar-a),var(--m-bar-b));border-bottom:1px solid var(--m-line)}
.nx .nx-win__url{display:inline-flex;align-items:center;gap:.4em;margin-inline:auto;padding-inline-end:3em;font-size:.85em;color:var(--m-ink-4);direction:ltr}
.nx .nx-win__url .i{width:1em;height:1em}
.nx .nx-win__main{container-type:inline-size;container-name:nxw;min-width:0;background:var(--m-bg)}
.nx .nx-win .cur{font-size:.9em}
.nx .nx-win .mock{color:var(--m-ink)}

/* ------------------------------------------------------------------ the invoice (container-driven) */
.nx .nx-inv__in{padding:1.25em 1.4em 1.35em}
.nx .nx-inv__top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id badge" "meta meta";gap:.8em 1em;align-items:start;padding-bottom:.9em;border-bottom:1px dashed var(--m-line)}
.nx .nx-inv__id{grid-area:id;min-width:0}
.nx .nx-inv__co{font-weight:600;font-size:1.05em;line-height:1.35}
.nx .nx-inv__kind{font-size:.88em;color:var(--m-em);font-weight:600}
.nx .nx-badge{grid-area:badge;display:inline-flex;align-items:center;gap:.3em;padding:.28em .8em .28em .7em;border-radius:999px;font-size:.88em;font-weight:600;line-height:1.3;color:var(--m-inc);background:var(--m-inc-soft);border:1.5px solid rgb(31 157 107/.55);white-space:nowrap;transition:opacity .25s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.nx .nx-badge .i{width:1.05em;height:1.05em;background:#1F9D6B;color:#fff;border-radius:50%;padding:.12em}
.nx .armed .nx-badge:not(.on){opacity:0;transform:scale(1.5) rotate(-8deg)}
.nx .nx-inv__meta{grid-area:meta;display:flex;align-items:center;gap:.8em;min-width:0}
.nx .nx-qr{width:4.4em;height:4.4em;flex:none;background:var(--m-bg);border:1px solid var(--m-line);border-radius:.45em;padding:.2em;fill:var(--m-ink)}
.nx .armed .nx-qr:not(.on) .qr__g{clip-path:inset(0 0 100% 0)}
.nx .nx-seal{display:grid;place-items:center;flex:none;width:4.6em;height:4.6em;border-radius:50%;border:2px dashed var(--m-em);color:var(--m-em);text-align:center;line-height:1.1;transform:rotate(-8deg)}
.nx .nx-seal b{font-size:1.35em;font-weight:600}
.nx .nx-seal small{font-size:.65em}
.nx .nx-seal i{font-style:normal;font-size:.85em;max-width:5.2em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nx .nx-inv__no{display:grid;min-width:0;line-height:1.45}
.nx .nx-inv__num{font-weight:600;font-size:.95em;justify-self:start}
.nx .nx-inv__date,.nx .nx-inv__qrcap{font-size:.86em;color:var(--m-ink-4)}
.nx .nx-inv__qrcap{color:var(--m-em);font-weight:600}
.nx .nx-inv__party{display:flex;flex-wrap:wrap;gap:.2em .6em;align-items:baseline;padding:.8em 0;font-size:.95em}
.nx .nx-inv__party span{color:var(--m-ink-4)}
.nx .nx-inv__lines{border:1px solid var(--m-line);border-radius:.8em;overflow:hidden}
.nx .nx-inv__row{display:grid;grid-template-columns:minmax(0,1fr) 3em 6.2em 6.8em;gap:.6em;align-items:center;padding:.62em .95em;font-size:.93em;border-top:1px solid var(--m-line);background:var(--m-bg)}
.nx .nx-inv__row--h{border-top:0;background:var(--m-bg-2);color:var(--m-ink-4);font-size:.85em;font-weight:600}
.nx .nx-inv__row--h span:not(:first-child),.nx .nx-inv__row bdi{text-align:end}
.nx .nx-inv__qr8{display:contents}
.nx .nx-inv__x{display:none}
.nx .nx-inv__name{min-width:0;line-height:1.35}
.nx .nx-inv__t{font-weight:600}
.nx .nx-inv__tot{display:grid;gap:.3em;width:min(100%,19em);margin-inline-start:auto;margin-top:1em}
.nx .nx-inv__tot>div{display:flex;justify-content:space-between;gap:1em;font-size:.93em}
.nx .nx-inv__tot dt{color:var(--m-ink-3)}
.nx .nx-inv__grand{margin-top:.25em;padding:.6em .8em;border-radius:.7em;background:var(--m-em-soft);font-size:1.05em!important;font-weight:600}
.nx .nx-inv__grand dt{color:var(--m-ink)}
.nx .nx-inv__grand .num{color:var(--m-em)}
/* narrow container (phones, small stages): stacked lines, full-width totals, no column heads, no Hijri */
@container nxw (max-width:30em){
	.nx .nx-inv__in{padding:1.05em 1.1em 1.15em}
	.nx .nx-inv__row--h{display:none}
	.nx .nx-inv__lines{border:0;border-radius:0;display:grid;gap:.45em}
	.nx .nx-inv__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name name" "qr8 t";gap:.15em .8em;padding:.6em .8em;border:1px solid var(--m-line);border-radius:.7em;background:var(--m-bg-2)}
	.nx .nx-inv__name{grid-area:name;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
	.nx .nx-inv__qr8{grid-area:qr8;display:flex;align-items:baseline;gap:.35em;color:var(--m-ink-4);font-size:.9em}
	.nx .nx-inv__x{display:inline}
	.nx .nx-inv__t{grid-area:t;text-align:end}
	.nx .nx-inv__tot{width:100%}
	.nx .nx-inv__hj{display:none}
	.nx .nx-qr{width:4em;height:4em}
}

/* the other story mock-ups (macros): readable sizes (≥ .82em of a ≥ 13.5 px base) and narrow-container layouts */
.nx .nx-win :is(.rec,.bk,.pl){padding:1.25em 1.4em}
.nx .nx-win .rec__no,.nx .nx-win .pl__per{font-size:.86em}
.nx .nx-win .rec__grid div{font-size:.93em}
.nx .nx-win .rec__grid span{font-size:.9em}
.nx .nx-win .bk__head{font-size:.86em}
.nx .nx-win .bk__l,.nx .nx-win .bk__r{font-size:.88em}
.nx .nx-win .pl__kpis div{font-size:.95em}
.nx .nx-win .pl__kpis span{font-size:.87em}
.nx .nx-win .pl__axis{font-size:.85em}
.nx .nx-win .amt--xl{font-size:1.7em}
@container nxw (max-width:30em){
	.nx .nx-win :is(.rec,.bk,.pl){padding:1.05em 1.1em}
	.nx .nx-win .bk__head{display:none}
	.nx .nx-win .bk__row{grid-template-columns:minmax(0,1fr) 1.9em minmax(0,.8fr)}
	.nx .nx-win .bk__l{grid-template-columns:minmax(0,1fr);gap:.15em;padding:.5em .6em}
	.nx .nx-win .bk__d{display:none}
	.nx .nx-win .bk__r{grid-template-columns:minmax(0,1fr);gap:.15em;padding:.5em .6em}
	.nx .nx-win .bk__link::before{width:1.9em}
	.nx .nx-win .bk__top{flex-wrap:wrap}
	.nx .nx-win .pl__kpis{grid-template-columns:1fr 1fr}
	.nx .nx-win .pl__net{grid-column:1/-1}
	.nx .nx-win .rec__grid{gap:.7em 1em}
	.nx .nx-win .rec__amt .amt--xl{font-size:1.45em}
}
/* role view in a narrow frame: the menu folds into two columns above the details */
.nx .nx-win .rv2__st{font-size:.92em}
.nx .nx-win .rv2__k,.nx .nx-win .rv2__legend{font-size:.86em}
@container nxr (max-width:34em){
	.nx .rv2{grid-template-columns:minmax(0,1fr);min-height:0}
	.nx .rv2__menu{width:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3em;border-inline-end:0;border-bottom:1px solid var(--m-line)}
	.nx .rv2__mark{display:none}
	.nx .rv2__i{min-width:0}
	.nx .rv2__l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.nx .rv2__main{padding:1em 1.1em}
}

/* ------------------------------------------------------------------ HERO */
.nx>.nx-hero.nx-hero{position:relative;isolation:isolate;padding-top:calc(var(--hh) + 12px + clamp(28px,5vh,64px));padding-bottom:clamp(28px,5vw,64px)}
.nx .nx-hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.nx .nx-glow{position:absolute;border-radius:50%;filter:blur(70px)}
.nx .nx-glow--a{width:52vw;aspect-ratio:1;inset-inline-end:-14vw;top:-18vw;background:radial-gradient(circle,rgb(14 122 92/.22),transparent 65%)}
.nx .nx-glow--b{width:40vw;aspect-ratio:1;inset-inline-start:-12vw;top:12vw;background:radial-gradient(circle,rgb(224 165 38/.16),transparent 65%)}
.nx .nx-hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 20%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 20%,#000 30%,transparent 75%)}
:root[data-theme="dark"] .nx .nx-hero__bg{display:none}
.nx .nx-hero__copy{display:flex;flex-direction:column;align-items:center;text-align:center}
.nx .nx-h1{max-width:16ch}
.nx .nx-hero__lead{margin-top:18px;margin-inline:auto}
.nx .nx-hero__copy .nx-ctas{justify-content:center}
.nx .nx-hero__stagewrap{margin-top:clamp(32px,5vw,56px)}

.nx .nx-stage--hero{max-width:1160px;margin-inline:auto;padding:clamp(14px,3vw,24px)}
.nx .nx-stage__media{position:absolute;inset-inline:0;top:0;z-index:0;aspect-ratio:716/896;pointer-events:none}
.nx .nx-stage__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgb(14 27 44/.55) 80%,var(--nx-night))}
.nx .nx-still,.nx .nx-still__img,.nx .nx-hvid{position:absolute;inset:0;width:100%;height:100%}
.nx .nx-still__img,.nx .nx-hvid{object-fit:cover}
.nx .nx-hvid{display:none;opacity:0;transition:opacity .9s var(--ease)}
.nx .nx-hvid.is-on{opacity:1}
.nx .nx-hero__inv{position:relative;z-index:2;margin-top:46%;margin-inline:auto;max-width:560px}
.nx .nx-sample{margin-top:10px;text-align:center;font-size:var(--fs-xs);color:#A9B4C2}
.nx .nx-float{display:none}
.nx .nx-vbtn{position:absolute;z-index:5;inset-block-end:14px;inset-inline-end:14px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:rgb(14 27 44/.55);border:1px solid rgb(255 255 255/.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nx .nx-vbtn .i{width:18px;height:18px}
.nx .nx-vbtn .nx-vbtn__play,.nx .nx-vbtn[aria-pressed="true"] .nx-vbtn__pause{display:none}
.nx .nx-vbtn[aria-pressed="true"] .nx-vbtn__play{display:block}

@media (max-width:559px){
	.nx .nx-hero__copy .nx-ctas{flex-direction:column;align-items:stretch;gap:6px;width:100%}
	.nx .nx-cta{width:100%}
	.nx .nx-tlink{justify-content:center}
	.nx .nx-micro__x{display:none}
}
@media (min-width:768px) and (max-width:1023px){
	.nx .nx-stage__media{aspect-ratio:1280/900}
	.nx .nx-hero__inv{margin-top:38%}
}
@media (min-width:1024px){
	.nx .nx-stage--hero{aspect-ratio:1280/900;padding:0;perspective:1600px}
	.nx .nx-stage__media{inset:0;aspect-ratio:auto}
	.nx .nx-stage__media::after{background:linear-gradient(90deg,rgb(14 27 44/.35),transparent 55%)}
	[dir="ltr"] .nx .nx-stage__media::after{background:linear-gradient(270deg,rgb(14 27 44/.35),transparent 55%)}
	.nx .nx-hvid{display:block}
	.nx .nx-hero__inv{position:absolute;margin:0;inset-inline-start:5.5%;top:50%;width:min(41%,470px);max-width:none;translate:0 -50%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s var(--ease)}
	.nx .nx-float{display:block;position:absolute;z-index:4;transition:translate .5s var(--ease)}
	.nx .nx-float--chip{display:inline-flex;align-items:center;gap:8px;top:22px;inset-inline-end:24px;padding:8px 14px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;translate:calc(var(--mx,0)*18px) calc(var(--my,0)*12px)}
	.nx .nx-float--chip .bi{width:20px;height:20px;color:#EBC572}
	.nx .nx-float--jr{inset-inline-end:6%;bottom:8%;width:260px;padding:14px 16px;translate:calc(var(--mx,0)*-26px) calc(var(--my,0)*-18px)}
	.nx .nx-sample{text-align:start;color:#C9D3DE}
}
/* the journal card reads on the night glass in both themes */
.nx .nx-dk .jr{color:#fff;font-size:.86rem}
.nx .nx-dk .jr__h{color:#7FD8B8}
.nx .nx-dk .jr__r{color:#C9D3DE;border-top-color:rgb(255 255 255/.12)}
.nx .nx-dk .jr__r bdi{color:#fff}
.nx .nx-dk .jr__r .dr::before{color:#7FD8B8}

/* ------------------------------------------------------------------ PROOF STRIP */
.nx .nx-proof{padding-block:clamp(8px,2vw,24px) clamp(40px,6vw,72px)}
.nx .nx-proof__in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nx .nx-proof__c{display:grid;align-content:start;gap:4px;min-width:0;padding:16px;border-radius:18px;font-size:var(--fs-sm);color:var(--ink-3);line-height:1.5}
.nx .nx-proof__ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--mint);color:var(--em-text);margin-bottom:6px}
.nx .nx-proof__ico .bi,.nx .nx-proof__ico .i{width:20px;height:20px}
.nx .nx-proof__big{font-size:1.375rem;font-weight:600;line-height:1.25;color:var(--ink)}
@media (min-width:900px){.nx .nx-proof__in{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.nx .nx-proof__c{padding:20px 22px}}

/* ------------------------------------------------------------------ STORY (one stage) */
.nx .nx-story{position:relative;padding-block:var(--nx-sec)}
.nx .nx-story__grid{display:grid;gap:20px;min-width:0}
.nx .nx-story__side{display:contents}
.nx .nx-story__tabs{order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px;border-radius:16px;background:var(--bg-3);border:1px solid var(--line)}
.nx .nx-stab{position:relative;display:grid;justify-items:center;align-content:start;gap:2px;min-width:0;min-height:56px;padding:8px 4px;border-radius:12px;text-align:center;font-size:var(--fs-xs);font-weight:600;line-height:1.3;color:var(--ink-3);transition:background-color .25s,color .25s,box-shadow .25s}
.nx .nx-stab__n{font-size:.75rem;color:var(--ink-4)}
.nx .nx-stab__t{min-width:0;overflow-wrap:anywhere}
.nx .nx-stab.is-on{background:var(--card);color:var(--ink);box-shadow:var(--sh-2)}
.nx .nx-stab.is-on .nx-stab__n{color:var(--em-text)}
.nx .nx-stab__bar{position:absolute;inset-inline:12px;bottom:4px;height:2px;border-radius:2px;background:var(--line);overflow:hidden;opacity:0}
.nx .nx-stab__bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--em-light),var(--gold));transform-origin:var(--o-start,left);transform:scaleX(var(--p,0))}
[dir="rtl"] .nx .nx-stab__bar i{transform-origin:right}
.nx .nx-stab.is-on .nx-stab__bar{opacity:1}
.nx .nx-story__stage{order:2;padding:16px;touch-action:pan-y}
.nx .nx-story__texts{order:3;display:grid}
.nx .nx-stxt{grid-area:1/1;font-size:var(--fs-body);line-height:1.8;color:var(--ink-3);text-wrap:pretty;transition:opacity .35s var(--ease)}
.nx .nx-stxt:not(:first-child){visibility:hidden}
.js .nx .nx-stxt:not(:first-child){visibility:visible}
.js .nx .nx-stxt:not(.is-on){visibility:hidden;opacity:0}
.nx .nx-sheets{display:grid;perspective:1600px;transform-style:preserve-3d}
.nx .nx-sheet{grid-area:1/1;min-width:0;transition:opacity .5s var(--ease),transform .7s cubic-bezier(.2,.8,.2,1),filter .5s;transform-origin:50% 0}
.nx .nx-sheet:not(:first-child){visibility:hidden}
.js .nx .nx-sheet:not(:first-child){visibility:visible}
.js .nx .nx-sheet:not(.is-on){opacity:0;pointer-events:none;transform:translateX(calc(var(--dir,1)*24px)) scale(.98)}
.js .nx .nx-sheet.is-past{transform:translateX(calc(var(--dir,1)*-24px)) scale(.98)}
.nx .nx-story__stage .nx-win{box-shadow:0 1px 0 rgb(255 255 255/.4) inset,0 30px 60px -24px rgb(0 0 0/.7)}
@media (min-width:1024px){
	.nx .nx-story__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,64px);align-items:center}
	.nx .nx-story__side{display:grid;gap:22px;align-content:center}
	.nx .nx-story__tabs{grid-template-columns:1fr;gap:4px;padding:0;background:none;border:0}
	.nx .nx-stab{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:14px;min-height:56px;padding:12px 16px;text-align:start;font-size:1.0625rem}
	.nx .nx-stab__n{font-size:var(--fs-xs)}
	.nx .nx-stab.is-on{background:var(--nx-glass);border:1px solid var(--nx-glass-line)}
	.nx .nx-stab__bar{inset-inline:16px;bottom:6px}
	.nx .nx-story__texts{padding-inline:16px}
	.nx .nx-story__stage{padding:clamp(28px,3.4vw,44px)}
	/* stacked glass sheets in 3D: done steps settle back, the current one lifts */
	.js .nx .nx-sheet:not(.is-on){transform:translateY(46px) translateZ(60px) rotateX(-8deg);opacity:0}
	.js .nx .nx-sheet.is-past{transform:translateY(-7%) translateZ(-90px) rotateX(9deg) scale(.93);opacity:.4;filter:blur(1px)}
	.js .nx .nx-sheet.is-past2{transform:translateY(-12%) translateZ(-170px) rotateX(12deg) scale(.88);opacity:.18}
	.nx .nx-sheet.is-on{z-index:2}
}
/* pinned only on wide, tall screens with motion allowed: each step costs 40svh of scroll */
@media (min-width:1024px) and (min-height:600px) and (prefers-reduced-motion:no-preference){
	.js .nx .nx-story{height:calc(100vh + 3*40vh);height:calc(100svh + 3*40svh);padding-block:0}
	.js .nx .nx-story__pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;align-items:center;padding-top:calc(var(--hh) + 20px);padding-bottom:20px;overflow:clip}
	.js .nx .nx-story__head{margin-bottom:clamp(16px,3vh,36px)}
	.js .nx .nx-story__stage .nx-win{--mf:clamp(11.5px,1.55vh,14px)}
}

/* ------------------------------------------------------------------ INTERLUDE */
.nx .nx-inter{padding-block:clamp(24px,4vw,48px)}
.nx .nx-inter__stage{display:grid;min-height:0}
.nx .nx-loop{position:relative;margin:0;min-width:0}
.nx .nx-loop__v{width:100%;height:100%;object-fit:cover;background:var(--nx-night)}
.nx .nx-inter__media{aspect-ratio:16/10}
.nx .nx-inter__media .nx-loop__v{aspect-ratio:16/10}
.nx .nx-inter__copy{position:relative;z-index:2;padding:22px clamp(18px,4vw,48px) 30px}
.nx .nx-inter__h{color:#fff}
.nx .nx-inter__lead{color:#C9D3DE;margin-top:12px}
.nx .nx-inter__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.nx .nx-inter__stats li{display:grid;gap:2px;min-width:0;padding:12px;border-radius:14px;background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.1)}
.nx .nx-inter__stats b{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);font-weight:600;line-height:1.15;color:#EBC572}
.nx .nx-inter__stats span{font-size:var(--fs-xs);color:#C9D3DE;line-height:1.4}
.nx .nx-inter__stamp{display:none}
@media (min-width:1024px){
	.nx .nx-inter__stage{min-height:min(560px,70vh);align-items:center}
	.nx .nx-inter__media{position:absolute;inset:0;aspect-ratio:auto;z-index:0}
	.nx .nx-inter__media .nx-loop__v{aspect-ratio:auto}
	.nx .nx-inter__media::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,transparent 30%,rgb(14 27 44/.92) 70%);pointer-events:none}
	[dir="ltr"] .nx .nx-inter__media::after{background:linear-gradient(90deg,rgb(14 27 44/.92) 30%,transparent 70%)}
	[dir="rtl"] .nx .nx-inter__media::after{background:linear-gradient(270deg,rgb(14 27 44/.92) 30%,transparent 70%)}
	.nx .nx-inter__copy{max-width:540px;padding:56px}
	.nx .nx-inter__stamp{display:block;position:absolute;z-index:2;inset-inline-end:40px;bottom:40px;width:300px;padding:6px;border-radius:18px;aspect-ratio:auto}
	.nx .nx-inter__stamp .nx-loop__v{aspect-ratio:960/600;border-radius:13px}
	.nx .nx-inter__stamp .nx-vbtn{inset-block-end:12px;inset-inline-end:12px;width:36px;height:36px}
}

/* ------------------------------------------------------------------ APPS bento */
.nx .nx-apps__grid{display:grid;gap:20px;min-width:0}
.nx .nx-frame{position:relative;border-radius:20px;overflow:hidden;background:var(--m-bg);border:1px solid var(--m-frame);box-shadow:var(--sh-3)}
.nx .nx-frame__bar{height:38px;display:flex;align-items:center;gap:12px;padding:0 14px;font-size:13px;background:linear-gradient(var(--m-bar-a),var(--m-bar-b));border-bottom:1px solid var(--m-line)}
.nx .nx-frame__panels{display:grid;aspect-ratio:16/10;background:var(--m-bg-2)}
.nx .nx-fpanel{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility 0s .45s}
.nx .nx-fpanel.is-on{opacity:1;visibility:visible;transition:opacity .45s var(--ease)}
.nx .nx-fpanel .amedia,.nx .nx-fpanel .amedia img{display:block;width:100%;height:100%;object-fit:contain}
.nx .nx-frame__label{position:absolute;inset-block-end:12px;inset-inline-start:12px;padding:6px 12px;border-radius:999px;font-size:var(--fs-xs);font-weight:600}
.nx .nx-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
.nx .nx-tile{position:relative;min-width:0;border-radius:18px;background:var(--nx-glass);border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .25s,box-shadow .25s}
.nx .nx-tile--core{grid-column:1/-1}
.nx .nx-tile__btn{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico name" "ico chip";align-items:center;gap:2px 10px;width:100%;height:100%;min-height:64px;padding:12px;text-align:start;border-radius:inherit}
.nx .nx-tile__ico{grid-area:ico;display:grid;place-items:center;width:40px;height:40px;border-radius:12px}
.nx .nx-tile__ico .bi,.nx .nx-tile__ico .robot{width:22px;height:22px}
.nx .app--mint.nx-tile__ico{background:var(--mint);color:var(--em-text)}
.nx .app--gold.nx-tile__ico{background:var(--gold-soft);color:var(--gold-text)}
.nx .app--seal.nx-tile__ico{background:var(--seal-soft);color:var(--seal)}
:root[data-theme="dark"] .nx .app--seal.nx-tile__ico{color:#9DB9E6}
.nx .nx-tile__name{grid-area:name;min-width:0;font-size:var(--fs-ui);font-weight:600;line-height:1.35;color:var(--ink)}
.nx .nx-tile__pitch{display:none}
.nx .nx-tile__chip{grid-area:chip;min-width:0;font-size:var(--fs-xs);color:var(--ink-4);line-height:1.35}
.nx .nx-tile--core .nx-tile__btn{grid-template-areas:"ico name" "ico chip" "pitch pitch"}
.nx .nx-tile--core .nx-tile__pitch{grid-area:pitch;display:block;margin-top:8px;font-size:var(--fs-sm);color:var(--ink-3);line-height:1.6}
.nx .nx-tile.is-on{border-color:var(--em-light);box-shadow:0 0 0 3px rgb(57 146 121/.18),var(--sh-2)}
@media (min-width:1024px){
	.nx .nx-apps__grid{grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:clamp(24px,3vw,48px);align-items:start}
	.nx .nx-apps__frame{order:2;position:sticky;top:var(--stick)}
	.nx .nx-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
	.nx .nx-tile--core{grid-column:span 2;grid-row:span 2}
	.nx .nx-tile__btn{grid-template-columns:1fr;grid-template-areas:"ico" "name" "pitch" "chip";align-content:start;gap:6px;padding:16px}
	.nx .nx-tile__pitch{grid-area:pitch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-xs);color:var(--ink-3);line-height:1.55}
	.nx .nx-tile--core .nx-tile__btn{grid-template-areas:"ico" "name" "pitch" "chip";padding:24px}
	.nx .nx-tile--core .nx-tile__name{font-size:1.375rem}
	.nx .nx-tile--core .nx-tile__pitch{-webkit-line-clamp:5;font-size:var(--fs-body)}
	.nx .nx-tile--core .nx-tile__ico{width:52px;height:52px;border-radius:16px}
}

/* ------------------------------------------------------------------ COUNTRY + calculator (360 px: nothing wider than its column) */
.nx .nx-ctry__grid{display:grid;gap:32px;min-width:0}
.nx .nx-ctry__copy,.nx .nx-ctry__side{min-width:0}
.nx .nx-facts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}
.nx .nx-fact{min-width:0;padding:14px 16px;border-radius:16px;background:var(--nx-glass);border:1px solid var(--line)}
.nx .nx-fact dt{display:flex;align-items:center;gap:8px;font-size:var(--fs-xs);color:var(--ink-4);font-weight:600}
.nx .nx-fact dt .bi{width:18px;height:18px;color:var(--em-text)}
.nx .nx-fact dd{margin-top:4px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.nx .nx-fact dd small{font-weight:400;color:var(--ink-4)}
.nx .nx-ctry__side{display:grid;gap:20px;align-content:start}
.nx .nx-calc{display:grid;gap:14px;min-width:0;width:100%;padding:20px;border-radius:22px}
.nx .nx-calc__h{display:flex;align-items:center;gap:8px;min-width:0;font-weight:600}
.nx .nx-calc__h .bi{width:22px;height:22px;flex:none;color:var(--em-text)}
.nx .nx-calc__in{display:grid;gap:6px;min-width:0;font-size:var(--fs-sm);color:var(--ink-3)}
.nx .nx-calc__field{display:flex;align-items:center;gap:8px;min-width:0;width:100%;height:52px;padding:0 14px;border-radius:14px;border:1px solid var(--field-line);background:var(--card)}
.nx .nx-calc__field:focus-within{border-color:var(--em-light);box-shadow:0 0 0 3px rgb(57 146 121/.2)}
.nx .nx-calc__field input{flex:1 1 0;min-width:0;width:100%;border:0;outline:0;background:none;font-size:1.25rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
[dir="rtl"] .nx .nx-calc__field input{text-align:right}
.nx .nx-calc__field .cur{flex:none;color:var(--ink-4)}
.nx .nx-calc__out{display:grid;gap:8px;min-width:0}
.nx .nx-calc__out p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;min-width:0;color:var(--ink-3)}
.nx .nx-calc__out .amt{color:var(--ink);font-weight:600;white-space:normal;overflow-wrap:anywhere}
.nx .nx-calc__total{padding-top:10px;border-top:1px solid var(--line)}
.nx .nx-calc__total .amt{color:var(--em-text);font-size:1.25rem}
.nx .nx-calc__nojs{font-size:var(--fs-sm);color:var(--ink-4)}
.nx .nx-flags__h{font-size:var(--fs-sm);color:var(--ink-3);margin-bottom:12px}
.nx .nx-flags__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}
.nx .nx-flags__grid a{display:grid;place-items:center;aspect-ratio:1;min-height:44px;border-radius:50%;background:var(--nx-glass);border:1px solid var(--line);transition:transform .2s var(--ease),border-color .2s}
.nx .nx-flags__grid a:hover{transform:translateY(-2px);border-color:var(--em-light)}
.nx .nx-flags__grid a[aria-current]{border:2px solid var(--em);box-shadow:0 0 0 3px rgb(57 146 121/.2)}
.nx .nx-flags__grid .flag{width:28px;height:28px;border-radius:5px}
@media (min-width:640px){.nx .nx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.nx .nx-fact--wide{grid-column:1/-1}}
@media (min-width:1024px){.nx .nx-ctry__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:start}.nx .nx-ctry__side{position:sticky;top:var(--stick)}}

/* ------------------------------------------------------------------ SECURITY + ROLES */
.nx .nx-trust__grid{display:grid;gap:24px;min-width:0}
.nx .nx-cards{display:grid;gap:12px;min-width:0}
.nx .nx-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico h" "ico p";gap:2px 14px;padding:18px;border-radius:20px;overflow:hidden}
.nx .nx-card__ico{grid-area:ico;display:grid;place-items:center;width:44px;height:44px;border-radius:14px}
.nx .nx-card__ico .bi{width:24px;height:24px}
.nx .nx-card__ico--em{background:var(--mint);color:var(--em-text)}
.nx .nx-card__ico--gold{background:var(--gold-soft);color:var(--gold-text)}
.nx .nx-card__ico--seal{background:var(--seal-soft);color:var(--seal)}
:root[data-theme="dark"] .nx .nx-card__ico--seal{color:#9DB9E6}
.nx .nx-card .nx-h3{grid-area:h}
.nx .nx-card p{grid-area:p;color:var(--ink-3);font-size:var(--fs-sm);line-height:1.7}
.nx .nx-roles{min-width:0}
.nx .nx-roles__k{font-weight:600;margin-bottom:12px;color:var(--ink-2)}
.nx .nx-roles__tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.nx .nx-rtab{min-height:40px;padding:8px 14px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-3);background:var(--nx-glass);border:1px solid var(--line);transition:background-color .2s,color .2s,border-color .2s}
.nx .nx-rtab:hover{border-color:var(--em-light)}
.nx .nx-rtab[aria-selected="true"]{background:var(--em);border-color:var(--em);color:#fff}
.nx .nx-roles__frame{border-radius:20px}
.nx .nx-roles__panels{display:grid;container-type:inline-size;container-name:nxr}
.nx .nx-rp{grid-area:1/1;min-width:0}
.nx .nx-rp:not(:first-child){visibility:hidden}
.js .nx .nx-rp:not(:first-child){visibility:visible}
.js .nx .nx-rp:not(.is-on){visibility:hidden;opacity:0}
.js .nx .nx-rp{transition:opacity .3s var(--ease)}
.nx .nx-roles__more{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:var(--fs-sm);color:var(--ink-3)}
.nx .nx-roles__more .i{width:18px;height:18px;flex:none;margin-top:3px;color:var(--em-text)}
@media (min-width:1024px){.nx .nx-trust__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,56px);align-items:start}.nx .nx-roles{order:2}.nx .nx-cards{order:1}}

/* ------------------------------------------------------------------ HOW */
.nx .nx-steps{position:relative;display:grid;gap:22px;padding-inline-start:0}
.nx .nx-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-areas:"n h" "n p";gap:2px 16px;min-width:0}
.nx .nx-step__n{grid-area:n;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-weight:600;color:#fff;background:var(--grad-pri);box-shadow:0 8px 18px -8px rgb(9 79 60/.6);z-index:1}
.nx .nx-step .nx-h3{grid-area:h;align-self:center}
.nx .nx-step p{grid-area:p;color:var(--ink-3);font-size:var(--fs-sm);line-height:1.7}
.nx .nx-steps::before{content:"";position:absolute;inset-inline-start:21px;top:22px;bottom:22px;width:2px;background:linear-gradient(180deg,var(--em-light),var(--gold));opacity:.35;transform-origin:top;transform:scaleY(var(--line-p,1))}
@media (min-width:900px){
	.nx .nx-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
	.nx .nx-step{grid-template-columns:minmax(0,1fr);grid-template-areas:"n" "h" "p";gap:10px}
	.nx .nx-steps::before{inset-inline:22px;top:21px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--em-light),var(--gold));transform-origin:var(--ls,left);transform:scaleX(var(--line-p,1))}
	[dir="rtl"] .nx .nx-steps::before{--ls:right;background:linear-gradient(270deg,var(--em-light),var(--gold))}
}

/* ------------------------------------------------------------------ PLANS + FAQ (cards come from rest.css) */
.nx .nx-plans .cyc{margin-top:18px}
.nx .nx-plans__grid{margin-top:8px}
.nx .nx-faq__grid{display:grid;gap:24px;min-width:0}
@media (min-width:900px){.nx .nx-faq__grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,72px);align-items:start}.nx .nx-faq__head{position:sticky;top:var(--stick)}}
.nx .faq__i summary{min-height:56px}

/* ------------------------------------------------------------------ FINAL */
.nx .nx-final{padding-block:clamp(24px,5vw,64px) clamp(56px,8vw,112px)}
.nx .nx-final__stage{display:grid;justify-items:center;text-align:center;gap:20px;padding:clamp(40px,7vw,96px) clamp(20px,5vw,72px)}
.nx .nx-final__mark{position:relative;width:clamp(96px,12vw,150px);perspective:900px;transition:translate .5s var(--ease);translate:calc(var(--mx,0)*14px) calc(var(--my,0)*10px)}
.nx .nx-final__glass{width:100%}
.nx .nx-coin{width:36px;height:36px}
.nx .nx-coin--1{inset-inline-end:-30%;top:-8%}
.nx .nx-coin--2{inset-inline-start:-26%;bottom:0;width:26px;height:26px}
.nx .nx-display{color:#fff}
.nx .nx-final__lead{color:#C9D3DE;margin-inline:auto}
@media (max-width:559px){.nx .nx-final .nx-ctas{flex-direction:column;align-items:stretch;width:100%}}

/* ------------------------------------------------------------------ tilt + sheen (fine pointers only; next.js sets --rx/--ry/--sx/--sy) */
.nx .nx-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(360px circle at var(--sx,50%) var(--sy,0%),rgb(255 255 255/.5),transparent 45%)}
:root[data-theme="dark"] .nx .nx-sheen{background:radial-gradient(360px circle at var(--sx,50%) var(--sy,0%),rgb(255 255 255/.08),transparent 45%)}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
	.nx [data-nx-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease),border-color .25s,box-shadow .25s}
	.nx [data-nx-tilt]:hover .nx-sheen{opacity:1}
	.nx .nx-tile:hover{border-color:var(--line-2);box-shadow:var(--sh-2)}
}

/* ------------------------------------------------------------------ section entrances: 3D swing-in with stagger (scroll timeline; IO fallback in next.js) */
.nx .nx-d1{--i:1}.nx .nx-d2{--i:2}.nx .nx-d3{--i:3}
@media (prefers-reduced-motion:no-preference){
	.nx .nx-sec>.nx-wrap,.nx .nx-proof{perspective:1400px}
	@supports (animation-timeline:view()){
		.nx .nx-rv{animation:nxrv linear both;animation-timeline:view();animation-range:entry calc(var(--i,0)*4%) entry calc(28vh + var(--i,0)*4vh)}
	}
	@supports not (animation-timeline:view()){
		.js .nx .nx-rv{opacity:0;translate:0 34px;rotate:x 12deg;transition:opacity .7s var(--ease),translate .8s var(--ease),rotate .8s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
		.js .nx .nx-rv.is-in{opacity:1;translate:none;rotate:none}
	}
	/* hero: the copy rises once on load, the stage settles in depth */
	.nx .nx-hero__copy>*{animation:nxup .8s var(--ease) both}
	.nx .nx-hero__copy>:nth-child(2){animation-delay:.06s}.nx .nx-hero__copy>:nth-child(3){animation-delay:.12s}.nx .nx-hero__copy>:nth-child(4){animation-delay:.18s}.nx .nx-hero__copy>:nth-child(5){animation-delay:.24s}
	.nx .nx-stage--hero{animation:nxstage 1.1s cubic-bezier(.2,.8,.2,1) .15s both}
	.nx .nx-h1{animation:none!important}
	.nx .nx-stage__glow{animation:nxglow 9s ease-in-out 3 alternate}
}
@keyframes nxrv{from{opacity:0;translate:0 46px;rotate:x 14deg;scale:.96}}
@keyframes nxup{from{opacity:0;translate:0 18px}}
@keyframes nxstage{from{transform:perspective(1600px) rotateX(10deg) translateY(40px) scale(.97)}}
@keyframes nxglow{to{translate:-6% 8%;scale:1.12}}

/* ------------------------------------------------------------------ below the fold: skip rendering until near */
.nx .nx-below>section{content-visibility:auto;contain-intrinsic-size:auto 900px}

/* ------------------------------------------------------------------ reduced motion: final states, no transforms */
@media (prefers-reduced-motion:reduce){
	.nx *,.nx *::before,.nx *::after{animation:none!important;transition:none!important}
	.nx [data-nx-tilt],.nx .nx-hero__inv{transform:none!important}
	.js .nx .nx-sheet:not(.is-on){transform:none!important;filter:none!important;opacity:0!important}
	.nx .nx-float{translate:none!important}
}
@media (forced-colors:active){.nx .hl{background:none!important;color:CanvasText!important}}

/* ---------------------------------------------------------------- desktop hero in thirds (owner): copy 1/3 · stage 2/3 */
@media (min-width:1024px){
	.nx>.nx-hero.nx-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:clamp(28px,3.4vw,64px);max-width:1520px;margin-inline:auto;padding-inline:clamp(24px,3vw,48px)}
	.nx .nx-hero__copy,.nx .nx-hero__stagewrap{width:auto;max-width:none;margin:0;padding:0}
	.nx .nx-hero__copy{align-items:flex-start;text-align:start}
	.nx .nx-hero__copy .nx-h1{max-width:none;font-size:clamp(2.6rem,1.2rem + 2.6vw,4.25rem)}
	.nx .nx-hero__lead{margin-inline:0;max-width:34ch}
	.nx .nx-hero__copy .nx-ctas{justify-content:flex-start;flex-wrap:wrap}
	.nx .nx-hero__copy .nx-micro{justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:6px}
	.nx .nx-hero__stagewrap{margin-top:0}
	.nx .nx-stage--hero{max-width:none;margin:0;box-shadow:0 50px 100px -40px rgb(14 27 44/.55),0 0 0 1px rgb(255 255 255/.06) inset}
	.nx .nx-hero__inv{width:min(46%,500px)}
}

/* ---------------------------------------------------------------- hero, desktop: the stage is the 3D scene alone (owner: no layers fighting over it) */
.nx .nx-hero__badge{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:7px 14px 7px 12px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:linear-gradient(var(--bg-2,#fff),var(--bg-2,#fff)) padding-box,linear-gradient(120deg,rgb(14 122 92/.55),rgb(224 165 38/.45)) border-box;border:1px solid transparent;box-shadow:0 8px 22px -14px rgb(14 122 92/.5)}
.nx .nx-hero__badge .bi{width:18px;height:18px;color:#B3841E}
:root[data-theme="dark"] .nx .nx-hero__badge{color:#fff;background:linear-gradient(#13243A,#13243A) padding-box,linear-gradient(120deg,rgb(77 182 148/.6),rgb(235 197 114/.5)) border-box}
@media (min-width:1024px){
	.nx .nx-hero__inv,.nx .nx-float--jr,.nx .nx-float--chip,.nx .nx-sample{display:none}
	.nx .nx-stage__media::after{display:none}
}

/* ---------------------------------------------------------------- facts strip: premium cards (gradient edge, glowing icon tile, display numbers, lift) */
.nx .nx-proof__c{position:relative;padding:20px 20px 18px;border-radius:22px;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.92),rgb(255 255 255/.72)) padding-box,linear-gradient(140deg,rgb(14 122 92/.42),rgb(255 255 255/.4) 42%,rgb(224 165 38/.38)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 2px 4px rgb(14 27 44/.04),0 18px 40px -22px rgb(14 27 44/.28);
	transition:translate .45s var(--ease),box-shadow .45s var(--ease)}
.nx .nx-proof__c::after{content:"";position:absolute;inset-inline:18%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgb(14 122 92/.55),transparent);opacity:.7}
.nx .nx-proof__ico{width:46px;height:46px;border-radius:14px;margin-bottom:10px;color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51);box-shadow:0 1px 0 rgb(255 255 255/.25) inset,0 10px 20px -10px rgb(14 122 92/.7)}
.nx .nx-proof__c:nth-child(even) .nx-proof__ico{background:linear-gradient(145deg,#EBC572,#B3841E);box-shadow:0 1px 0 rgb(255 255 255/.35) inset,0 10px 20px -10px rgb(179 132 30/.7)}
.nx .nx-proof__ico .bi,.nx .nx-proof__ico .i{width:22px;height:22px}
.nx .nx-proof__big{font-family:var(--f-display,inherit);font-size:clamp(1.35rem,1.1rem + .9vw,1.85rem);line-height:1.2;background:linear-gradient(120deg,var(--ink),#0E7A5C);-webkit-background-clip:text;background-clip:text;color:transparent}
.nx .nx-proof__c bdi{font-family:inherit}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
	.nx .nx-proof__c:hover{translate:0 -4px;box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 2px 4px rgb(14 27 44/.05),0 26px 50px -22px rgb(14 122 92/.45)}
}
:root[data-theme="dark"] .nx .nx-proof__c{background:linear-gradient(180deg,rgb(23 40 61/.88),rgb(14 27 44/.72)) padding-box,linear-gradient(140deg,rgb(77 182 148/.5),rgb(255 255 255/.06) 45%,rgb(235 197 114/.42)) border-box;box-shadow:0 1px 0 rgb(255 255 255/.05) inset,0 24px 48px -26px rgb(0 0 0/.8)}
:root[data-theme="dark"] .nx .nx-proof__big{background:linear-gradient(120deg,#fff,#7FD8B8);-webkit-background-clip:text;background-clip:text}

/* ---------------------------------------------------------------- FAQ: both sides carry weight (owner) — wider, a contact card under the title, numbered question cards */
.nx .nx-faq .nx-wrap.nx-faq__grid{max-width:1320px}
@media (min-width:900px){.nx .nx-faq__grid{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:stretch}.nx .nx-faq__head{align-self:start}}
.nx .nx-faq__list{min-width:0;counter-reset:faq}
.nx .nx-faq__list .faq{gap:12px}
.nx .nx-faq__list .faq__i{counter-increment:faq;border-radius:20px;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.94),rgb(255 255 255/.78)) padding-box,linear-gradient(140deg,rgb(14 122 92/.3),rgb(255 255 255/.5) 45%,rgb(224 165 38/.26)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 14px 34px -24px rgb(14 27 44/.32);transition:box-shadow .35s var(--ease),translate .35s var(--ease)}
.nx .nx-faq__list .faq__i[open]{box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 24px 50px -26px rgb(14 122 92/.42)}
.nx .nx-faq__list .faq__i summary{gap:16px;padding:18px 22px;font-family:var(--f-display,inherit);font-weight:600;font-size:clamp(1.02rem,.95rem + .3vw,1.18rem);line-height:1.5;color:var(--ink)}
.nx .nx-faq__list .faq__i summary::before{content:counter(faq,decimal-leading-zero);flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-family:"Readex","Readex Fallback",system-ui,sans-serif;font-size:.85rem;font-weight:600;color:#0E7A5C;background:linear-gradient(145deg,rgb(14 122 92/.14),rgb(14 122 92/.05));font-variant-numeric:tabular-nums}
.nx .nx-faq__list .faq__i[open] summary::before{color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51)}
.nx .nx-faq__list .faq__i summary>span{flex:1;min-width:0}
.nx .nx-faq__list .faq__a{padding:0 22px 20px calc(22px + 38px + 16px);font-size:1rem;line-height:1.9;color:var(--ink-3)}
@media (max-width:559px){.nx .nx-faq__list .faq__a{padding-inline-start:22px}}
.nx .nx-faq__help{margin-top:24px;padding:22px;border-radius:22px;border:1px solid transparent;
	background:linear-gradient(160deg,rgb(14 122 92/.10),rgb(255 255 255/.85) 55%) padding-box,linear-gradient(140deg,rgb(14 122 92/.45),rgb(224 165 38/.35)) border-box;box-shadow:0 20px 44px -26px rgb(14 122 92/.45)}
.nx .nx-faq__help-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(145deg,#EBC572,#B3841E);box-shadow:0 10px 20px -10px rgb(179 132 30/.7)}
.nx .nx-faq__help-ico .i{width:22px;height:22px}
.nx .nx-faq__help-t{margin-top:14px;font-family:var(--f-display,inherit);font-weight:600;font-size:1.15rem;line-height:1.5;color:var(--ink)}
.nx .nx-faq__help-s{margin-top:6px;font-size:.95rem;line-height:1.8;color:var(--ink-3)}
.nx .nx-faq__help-btn{margin-top:16px}
:root[data-theme="dark"] .nx .nx-faq__list .faq__i{background:linear-gradient(180deg,rgb(23 40 61/.9),rgb(14 27 44/.75)) padding-box,linear-gradient(140deg,rgb(77 182 148/.42),rgb(255 255 255/.05) 45%,rgb(235 197 114/.32)) border-box;box-shadow:0 24px 48px -28px rgb(0 0 0/.8)}
:root[data-theme="dark"] .nx .nx-faq__help{background:linear-gradient(160deg,rgb(77 182 148/.16),rgb(14 27 44/.85) 55%) padding-box,linear-gradient(140deg,rgb(77 182 148/.5),rgb(235 197 114/.4)) border-box}
:root[data-theme="dark"] .nx .nx-faq__list .faq__i summary::before{color:#7FD8B8}

/* ---------------------------------------------------------------- no pause / play buttons on any video (owner): clips stop by themselves after 3 loops; reduced motion → stills */
.nx .nx-vbtn,.clip__btn,[data-clip-toggle]{display:none!important}
/* facts cards: icon beside the two text rows (number + label) */
.nx .nx-proof__c{grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:2px;align-items:center;align-content:center}
.nx .nx-proof__ico{grid-row:1/span 2;margin:0}
.nx .nx-proof__big{align-self:end;min-width:0}
.nx .nx-proof__c>span:last-child{align-self:start;min-width:0}
@media (max-width:599px){.nx .nx-proof__c{column-gap:10px;padding:14px 12px}.nx .nx-proof__ico{width:38px;height:38px;border-radius:12px}.nx .nx-proof__ico .bi,.nx .nx-proof__ico .i{width:19px;height:19px}.nx .nx-proof__big{font-size:1.15rem}}
/* story on desktop: heading, steps and text share one column beside the screen (thirds-like balance) */
@media (min-width:1024px){
	.nx .nx-story__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto;column-gap:clamp(36px,4.5vw,72px);row-gap:clamp(18px,2.6vh,28px);align-items:center;align-content:center}
	.nx .nx-story__grid{display:contents}
	.nx .nx-story__head,.js .nx .nx-story__head{grid-column:1;grid-row:1;align-self:end;margin:0;max-width:none;text-align:start}
	.nx .nx-story__head .nx-h2{font-size:clamp(1.9rem,1rem + 1.7vw,2.9rem);line-height:1.22;text-wrap:balance}
	.nx .nx-story__side{grid-column:1;grid-row:2;align-self:start;gap:16px}
	.nx .nx-story__stage{grid-column:2;grid-row:1/span 2;align-self:center}
	.nx .nx-story__tabs{gap:6px}
	.nx .nx-stab{min-height:52px;padding:10px 16px;border:1px solid transparent;font-size:1.05rem}
	.nx .nx-stab:not(.is-on):hover{background:rgb(255 255 255/.5);border-color:var(--line);color:var(--ink)}
	.nx .nx-stab__n{display:grid;place-items:center;min-width:34px;height:26px;border-radius:8px;background:var(--bg-3);font-weight:700}
	.nx .nx-stab.is-on .nx-stab__n{background:linear-gradient(145deg,#16876A,#0B6B51);color:#fff}
	.nx .nx-story__texts{position:relative;padding:16px 20px;border-radius:16px;background:rgb(255 255 255/.6);border:1px solid var(--line);border-inline-start:3px solid var(--em-light,#16876A)}
	.nx .nx-stxt{font-size:1rem;line-height:1.85;color:var(--ink-2,var(--ink-3))}
	:root[data-theme="dark"] .nx .nx-story__texts{background:rgb(23 40 61/.6)}
	:root[data-theme="dark"] .nx .nx-stab:not(.is-on):hover{background:rgb(255 255 255/.04)}
}
@media (max-width:599px){.nx .nx-proof__in{grid-template-columns:1fr;gap:10px}.nx .nx-proof__c{padding:12px 16px}}
/* country: both sides the same height — calculator on top, flags card fills the rest */
@media (min-width:1024px){
	.nx .nx-ctry__grid{align-items:stretch}
	.nx .nx-ctry__side{position:static;display:flex;flex-direction:column;gap:20px}
	.nx .nx-flags{flex:1;display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:22px;background:rgb(255 255 255/.55);border:1px solid var(--line);box-shadow:var(--sh-1)}
	.nx .nx-flags__h{text-align:center}
	.nx .nx-flags__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;justify-items:center}
	.nx .nx-flags__grid a{width:52px;min-height:52px}
	.nx .nx-flags__grid .flag{width:32px;height:32px}
	:root[data-theme="dark"] .nx .nx-flags{background:rgb(23 40 61/.55)}
}
/* apps on wide screens: the app screen in the middle, modules around it (4 | screen | 4, two under the screen) */
@media (min-width:1200px){
	.nx .nx-apps__grid{grid-template-columns:minmax(0,1.15fr) repeat(4,minmax(0,.6fr)) minmax(0,1.15fr);grid-template-rows:repeat(3,auto) auto;gap:14px;align-items:stretch}
	.nx .nx-bento{display:contents}
	.nx .nx-apps__frame{order:0;position:static;grid-column:2/6;grid-row:1/4;align-self:center;padding-inline:8px}
	.nx .nx-tile,.nx .nx-tile--core{grid-row:auto;grid-column:auto}
	.nx .nx-bento>li:nth-child(-n+3){grid-column:1}
	.nx .nx-bento>li:nth-child(1){grid-row:1}.nx .nx-bento>li:nth-child(2){grid-row:2}.nx .nx-bento>li:nth-child(3){grid-row:3}
	.nx .nx-bento>li:nth-child(4){grid-column:6;grid-row:1}.nx .nx-bento>li:nth-child(5){grid-column:6;grid-row:2}.nx .nx-bento>li:nth-child(6){grid-column:6;grid-row:3}
	.nx .nx-bento>li:nth-child(7){grid-column:1;grid-row:4}.nx .nx-bento>li:nth-child(8){grid-column:2/4;grid-row:4}
	.nx .nx-bento>li:nth-child(9){grid-column:4/6;grid-row:4}.nx .nx-bento>li:nth-child(10){grid-column:6;grid-row:4}
	.nx .nx-tile__btn,.nx .nx-tile--core .nx-tile__btn{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ico name" "pitch pitch" "chip chip";align-content:start;gap:6px 12px;padding:16px}
	.nx .nx-tile__ico,.nx .nx-tile--core .nx-tile__ico{width:42px;height:42px;border-radius:13px}
	.nx .nx-tile__name,.nx .nx-tile--core .nx-tile__name{font-size:1.0625rem;align-self:center}
	.nx .nx-tile__pitch,.nx .nx-tile--core .nx-tile__pitch{margin:0;-webkit-line-clamp:2;font-size:var(--fs-xs)}
}
/* Arabic display headings: room for the descenders (ي ح ج) so they never sit on the line below */
[lang="ar"] .nx .nx-display{line-height:1.38;padding-bottom:.06em}
.nx .nx-final__copy{display:grid;justify-items:center;gap:clamp(14px,2vw,22px)}
.nx .nx-final__copy>*{margin:0}
.nx .nx-final .nx-display{font-size:clamp(2.6rem,1.4rem + 4.2vw,5.5rem)}
/* trust: cards fill the same height as the roles demo; roles tabs as one segmented tray */
@media (min-width:1024px){
	.nx .nx-trust__grid{align-items:stretch}
	.nx .nx-cards{grid-template-rows:repeat(3,minmax(0,1fr));gap:16px}
	.nx .nx-card{align-content:center;padding:24px 26px;border:1px solid transparent;background:linear-gradient(180deg,rgb(255 255 255/.92),rgb(255 255 255/.7)) padding-box,linear-gradient(140deg,rgb(14 122 92/.35),rgb(255 255 255/.4) 45%,rgb(203 160 82/.4)) border-box;box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 18px 40px -26px rgb(14 27 44/.35)}
	.nx .nx-card__ico{width:52px;height:52px;border-radius:16px;color:#fff;box-shadow:0 1px 0 rgb(255 255 255/.3) inset,0 10px 20px -10px rgb(14 27 44/.5)}
	.nx .nx-card__ico--em{background:linear-gradient(145deg,#16876A,#0B6B51);color:#fff}
	.nx .nx-card__ico--gold{background:linear-gradient(145deg,#EBC572,#B3841E);color:#fff}
	.nx .nx-card__ico--seal{background:linear-gradient(145deg,#4C74B8,#2B4F8E);color:#fff}
	.nx .nx-card .nx-h3{font-size:1.3rem}
	.nx .nx-card p{font-size:var(--fs-body)}
	.nx .nx-roles{display:flex;flex-direction:column}
	.nx .nx-roles__frame{flex:1}
}
.nx .nx-roles__tabs{gap:4px;padding:5px;border-radius:18px;background:rgb(255 255 255/.6);border:1px solid var(--line);box-shadow:0 1px 0 rgb(255 255 255/.9) inset}
.nx .nx-rtab{flex:1 1 auto;min-height:40px;border:1px solid transparent;border-radius:13px;background:none;text-align:center}
.nx .nx-rtab:hover{background:rgb(255 255 255/.85);border-color:var(--line)}
.nx .nx-rtab[aria-selected="true"]{background:linear-gradient(145deg,#16876A,#0B6B51);border-color:transparent;color:#fff;box-shadow:0 8px 18px -10px rgb(14 122 92/.8)}
:root[data-theme="dark"] .nx .nx-roles__tabs{background:rgb(23 40 61/.6)}
:root[data-theme="dark"] .nx .nx-rtab:hover{background:rgb(255 255 255/.06)}
:root[data-theme="dark"] .nx .nx-card{background:linear-gradient(180deg,rgb(23 40 61/.88),rgb(14 27 44/.72)) padding-box,linear-gradient(140deg,rgb(77 182 148/.5),rgb(255 255 255/.06) 45%,rgb(235 197 114/.42)) border-box}
/* phones: facts cards and section heads centred */
@media (max-width:599px){
	.nx .nx-proof__c{grid-template-columns:auto auto;justify-content:center;text-align:start}
	.nx .nx-story__head{text-align:center;margin-inline:auto}
}
/* flags are rounded squares everywhere; the flag picker tiles follow */
.nx .nx-flags__grid a{border-radius:12px}
/* phones and tablets: the hero image shows whole, nothing laid over it (the coded invoice is desktop-free too) */
@media (max-width:1023px){
	.nx .nx-stage--hero{padding:clamp(8px,2vw,14px)}
	.nx .nx-stage__media{position:relative;inset:auto;border-radius:calc(var(--r-stage,28px) - 8px);overflow:hidden}
	.nx .nx-stage__media::after{display:none}
	.nx .nx-hero__inv,.nx .nx-sample,.nx .nx-float{display:none}
}
/* facts numbers stay on one line (English "Web · phone" wrapped at 1440) */
.nx .nx-proof__big{white-space:nowrap}
@media (min-width:900px){.nx .nx-proof__big{font-size:clamp(1.2rem,.55rem + 1.05vw,1.85rem)}}
/* desktop hero: the section spans the page (no boxed background); its content lines up with the header bar */
@media (min-width:1024px){
	.nx>.nx-hero.nx-hero{max-width:none;margin-inline:0;padding-inline:max(var(--gut),calc((100% - var(--wrap) - 40px)/2))}
}
/* hero glows fade out at the section's foot instead of stopping on a hard line */
.nx .nx-hero__bg{-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
/* desktop hero (owner, round 3): text on top, the image full width under it, and the image ends inside the first screen */
@media (min-width:1024px){
	.nx>.nx-hero.nx-hero{display:flex;flex-direction:column;align-items:stretch;gap:clamp(16px,2.4vh,28px);height:100vh;height:100svh;min-height:660px;max-height:1200px;padding-top:calc(var(--hh) + 12px + clamp(14px,2.6vh,32px));padding-bottom:clamp(14px,2.4vh,28px)}
	.nx .nx-hero__copy{flex:none;align-items:center;text-align:center}
	.nx .nx-hero__copy .nx-kick{margin-bottom:clamp(8px,1.4vh,14px)}
	.nx .nx-hero__copy .nx-h1{font-size:clamp(2.4rem,1rem + 2.4vw,3.9rem);line-height:1.2;margin:0}
	.nx .nx-hero__lead{max-width:62ch;margin:clamp(8px,1.4vh,14px) auto 0;text-wrap:balance}
	.nx .nx-hero__copy .nx-ctas{justify-content:center;margin-top:clamp(14px,2.2vh,24px)}
	.nx .nx-hero__copy .nx-micro{flex-direction:row;justify-content:center;align-items:center;gap:6px 22px;margin-top:clamp(10px,1.6vh,16px)}
	.nx .nx-hero__badge{display:none}
	.nx .nx-hero__stagewrap{flex:1 1 auto;min-height:0;display:flex}
	.nx .nx-stage--hero{flex:1;min-height:300px;height:auto;padding:0;overflow:hidden}
	.nx .nx-stage--hero .nx-stage__media{position:absolute;inset:0;aspect-ratio:auto}
	.nx .nx-stage--hero :is(.nx-still__img,.nx-hvid){object-fit:contain;object-position:50% 50%}
}
@media (min-width:1024px) and (max-height:700px){.nx .nx-hero__copy .nx-micro{display:none}}
@media (min-width:1024px){
	/* the still/video keep their own 1280:900 box, centred, with soft edges so no image border shows on the stage */
	.nx .nx-stage--hero :is(.nx-still,.nx-hvid){inset:0 auto;left:50%;translate:-50% 0;height:100%;width:auto;max-width:100%;aspect-ratio:1280/900;
		-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;
		mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
	.nx .nx-stage--hero .nx-still__img{object-fit:cover}
}
/* hero copy: tighter rhythm on every size (owner: too much space between kicker, title, lead and buttons) */
.nx .nx-hero__copy .nx-kick{margin-bottom:10px}
.nx .nx-hero__copy .nx-h1{line-height:1.12;margin:0}
.nx .nx-hero__lead{margin-top:10px;line-height:1.6}
.nx .nx-hero__copy .nx-ctas{margin-top:18px}
.nx .nx-hero__copy .nx-micro{margin-top:12px}
@media (max-width:767px){
	.nx>.nx-hero.nx-hero{padding-top:calc(var(--hh) + 12px + 14px)}
	.nx .nx-hero__copy .nx-kick{margin-bottom:8px}
	.nx .nx-hero__lead{margin-top:8px;line-height:1.55}
	.nx .nx-hero__copy .nx-ctas{margin-top:14px}
	.nx .nx-hero__copy .nx-micro{margin-top:10px}
	.nx .nx-hero__badge{margin-top:10px}
	.nx .nx-hero__stagewrap{margin-top:18px}
}
@media (min-width:1024px){
	.nx>.nx-hero.nx-hero{gap:clamp(14px,2vh,22px);padding-top:calc(var(--hh) + 12px + clamp(10px,1.8vh,22px))}
	.nx .nx-hero__copy .nx-kick{margin-bottom:8px}
	.nx .nx-hero__lead{margin-top:8px}
	.nx .nx-hero__copy .nx-ctas{margin-top:clamp(12px,1.8vh,18px)}
	.nx .nx-hero__copy .nx-micro{margin-top:clamp(8px,1.2vh,12px)}
}
/* ================================================================ light theme: no dark panels (owner) —
   every stage turns into a light glass panel; the media switch in home_next.html serves the "-l" renders */
:root:not([data-theme="dark"]) .nx .nx-stage{color:var(--ink);background:linear-gradient(160deg,#FFFFFF 0%,#F4F8F6 55%,#EDF3F0 100%);
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 2px 4px rgb(14 27 44/.04),0 30px 60px -28px rgb(14 27 44/.22),0 60px 120px -50px rgb(9 79 60/.18)}
:root:not([data-theme="dark"]) .nx .nx-stage::before{background-image:linear-gradient(rgb(14 27 44/.05) 1px,transparent 1px),linear-gradient(90deg,rgb(14 27 44/.05) 1px,transparent 1px)}
:root:not([data-theme="dark"]) .nx .nx-stage::after{background:linear-gradient(135deg,rgb(14 122 92/.35),rgb(255 255 255/.6) 40%,rgb(203 160 82/.4))}
:root:not([data-theme="dark"]) .nx .nx-stage__glow{opacity:.35}
:root:not([data-theme="dark"]) .nx .nx-stage__media::after{display:none}
:root:not([data-theme="dark"]) .nx .nx-loop__v{background:#F4F8F6}
:root:not([data-theme="dark"]) .nx .nx-story__stage .nx-win{box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 24px 50px -26px rgb(14 27 44/.35)}
/* interlude copy on light */
:root:not([data-theme="dark"]) .nx .nx-inter__h{color:var(--ink)}
:root:not([data-theme="dark"]) .nx .nx-inter__lead,:root:not([data-theme="dark"]) .nx .nx-inter__stats span{color:var(--ink-3)}
:root:not([data-theme="dark"]) .nx .nx-inter__stats li{background:rgb(255 255 255/.75);border-color:var(--line);box-shadow:0 10px 24px -18px rgb(14 27 44/.3)}
:root:not([data-theme="dark"]) .nx .nx-inter__stats b{color:var(--gold-text,#9A6B12)}
@media (min-width:1024px){
	:root:not([data-theme="dark"])[dir="rtl"] .nx .nx-inter__media::after{background:linear-gradient(270deg,transparent 30%,rgb(244 248 246/.94) 68%)}
	:root:not([data-theme="dark"])[dir="ltr"] .nx .nx-inter__media::after{background:linear-gradient(90deg,rgb(244 248 246/.94) 32%,transparent 70%)}
}
/* final call to action on light */
:root:not([data-theme="dark"]) .nx .nx-final .nx-display{color:var(--ink)}
:root:not([data-theme="dark"]) .nx .nx-final__lead{color:var(--ink-3)}
:root:not([data-theme="dark"]) .nx .nx-micro--night{color:var(--ink-3)}
:root:not([data-theme="dark"]) .nx .nx-micro--night .i{color:var(--em-text)}
:root:not([data-theme="dark"]) .nx .nx-final .btn--glass{color:var(--ink);background:#fff;border:1px solid var(--line-2,var(--line));box-shadow:0 8px 20px -14px rgb(14 27 44/.35)}
/* apps frame label and other night glass chips read as light glass */
:root:not([data-theme="dark"]) .nx .nx-glass.nx-dk{background:rgb(255 255 255/.82);border-color:var(--line);color:var(--ink);box-shadow:0 12px 30px -18px rgb(14 27 44/.35)}
/* phones in light mode until the light portrait render exists: the landscape light still, uncropped */
@media (max-width:767px){.nx .nx-stage--land .nx-stage__media{aspect-ratio:1280/900}}
/* phones (owner): the first screen shows the short copy AND the whole hero image — no extra lines, image fitted */
@media (max-width:767px){
	.nx>.nx-hero.nx-hero{display:flex;flex-direction:column;height:100vh;height:100svh;min-height:560px;max-height:960px;padding-top:calc(var(--hh) + 12px + 10px);padding-bottom:12px}
	.nx .nx-hero__copy{flex:none}
	.nx .nx-hero__copy .nx-kick{margin-bottom:6px;padding:4px 12px}
	.nx .nx-hero__copy .nx-h1{font-size:clamp(1.9rem,1.2rem + 3.4vw,2.4rem)}
	.nx .nx-hero__lead{margin-top:6px;font-size:.98rem;line-height:1.5}
	.nx .nx-hero__copy .nx-ctas{flex-direction:row;align-items:center;justify-content:center;gap:16px;width:auto;margin-top:12px}
	.nx .nx-hero__copy .nx-cta{width:auto;min-height:46px;padding-inline:20px}
	.nx .nx-hero__copy .nx-micro,.nx .nx-hero__badge{display:none}
	.nx .nx-hero__stagewrap{flex:1 1 auto;min-height:0;display:flex;margin-top:14px}
	.nx .nx-stage--hero{flex:1;min-height:220px;padding:0;overflow:hidden}
	.nx .nx-stage--hero .nx-stage__media{position:absolute;inset:0;aspect-ratio:auto;border-radius:inherit}
	.nx .nx-stage--hero .nx-still{inset:0 auto;left:50%;translate:-50% 0;height:100%;width:auto;max-width:100%;aspect-ratio:716/896}
	.nx .nx-stage--hero.nx-stage--land .nx-still{aspect-ratio:1280/900}
	.nx .nx-stage--hero .nx-still__img{object-fit:contain}
}
@media (max-width:380px){.nx .nx-hero__copy .nx-ctas{flex-wrap:nowrap;gap:10px}.nx .nx-hero__copy .nx-cta{padding-inline:14px;font-size:.95rem}.nx .nx-hero__copy .nx-tlink{font-size:.92rem;white-space:nowrap}}
/* apps grid: an odd last tile spans the full row so rows stay even (2 columns <1024, 3 columns 1024–1199) */
@media (max-width:1023px){.nx .nx-bento>li:last-child:nth-child(even){grid-column:1/-1}}
@media (min-width:1024px) and (max-width:1199px){.nx .nx-bento>li:last-child:nth-child(3n+1){grid-column:1/-1}}
/* phones (owner): headings, leads and detail cards centred */
@media (max-width:639px){
	.nx .nx-head,.nx .nx-ctry__copy,.nx .nx-story__head,.nx .nx-roles__k,.nx .nx-inter__copy{text-align:center;margin-inline:auto}
	.nx .nx-head .nx-lead,.nx .nx-ctry__copy .nx-lead{margin-inline:auto}
	.nx .nx-ctry__copy>.nx-kick{display:flex;width:fit-content;margin-inline:auto}
	.nx .nx-fact{text-align:center}
	.nx .nx-fact dt{justify-content:center}
	.nx .nx-card{grid-template-columns:1fr;grid-template-areas:"ico" "h" "p";justify-items:center;text-align:center;gap:8px}
	.nx .nx-stxt{text-align:center}
	.nx .nx-roles__more{justify-content:center;text-align:center}
}
/* dark theme (owner: bright white media on desktop dark): dim light app captures and the ledger; copy side fully night */
:root[data-theme="dark"] .nx :is(.amedia,.nx-fpanel img,.nx-fpanel video){filter:brightness(.8) contrast(1.04) saturate(.95)}
:root[data-theme="dark"] .nx .nx-loop__v{filter:brightness(.78) saturate(.95)}
:root[data-theme="dark"] .nx .nx-inter__stats li{background:rgb(14 27 44/.82);border-color:rgb(255 255 255/.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media (min-width:1024px){
	:root[data-theme="dark"][dir="rtl"] .nx .nx-inter__media::after{background:linear-gradient(270deg,rgb(14 27 44/.97) 30%,rgb(14 27 44/.9) 50%,transparent 78%,rgb(10 21 34/.35) 100%)}
	:root[data-theme="dark"][dir="ltr"] .nx .nx-inter__media::after{background:linear-gradient(90deg,rgb(14 27 44/.97) 30%,rgb(14 27 44/.9) 50%,transparent 78%,rgb(10 21 34/.35) 100%)}
}
/* a QR is always dark on white (scannable, and visible on night cards) */
.nx .nx-qr,.nx .qr{background:#fff;fill:#0E1B2C;border-color:rgb(14 27 44/.12)}
/* the invoice QR is always drawn (its draw-in waited on a step event that the pinned story could skip) */
.nx .armed .nx-qr:not(.on) .qr__g{clip-path:none}
/* light interlude (owner: the ledger video was washed out): the copy sits on its own glass card, the video stays clear */
:root:not([data-theme="dark"]) .nx .nx-loop__v{filter:saturate(1.2) contrast(1.06)}
@media (min-width:1024px){
	:root:not([data-theme="dark"])[dir="rtl"] .nx .nx-inter__media::after,
	:root:not([data-theme="dark"])[dir="ltr"] .nx .nx-inter__media::after{background:none}
	:root:not([data-theme="dark"]) .nx .nx-inter__copy{margin:32px;padding:36px 40px;border-radius:24px;background:rgb(255 255 255/.8);border:1px solid rgb(255 255 255/.9);box-shadow:0 1px 0 #fff inset,0 24px 50px -28px rgb(14 27 44/.35);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
}
@media (min-width:1024px){
	/* light: the ledger plays in the free side, the copy card holds the other — nothing covers the book */
	:root:not([data-theme="dark"]) .nx .nx-inter__media{inset-inline-start:44%}
	:root:not([data-theme="dark"]) .nx .nx-inter__media .nx-loop__v{object-fit:contain;background:transparent}
	:root:not([data-theme="dark"]) .nx .nx-inter__copy{max-width:min(44%,560px)}
	:root:not([data-theme="dark"]) .nx .nx-inter__stamp{width:240px;bottom:28px;inset-inline-end:28px}
}
@media (min-width:1024px){
	:root:not([data-theme="dark"]) .nx .nx-inter__media .nx-loop__v{position:absolute;inset:auto 0;top:50%;translate:0 -50%;width:100%;height:auto;aspect-ratio:1200/700;object-fit:cover;
		-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;
		mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}
}
/* home: free tools under the prices — three premium cards (icon tile, title, one line), equal heights */
.nx .nx-ftools__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1100px;margin-inline:auto}
.nx .nx-ftool{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;height:100%;padding:22px;border-radius:22px;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.92),rgb(255 255 255/.72)) padding-box,linear-gradient(140deg,rgb(14 122 92/.35),rgb(255 255 255/.4) 45%,rgb(203 160 82/.4)) border-box;
	box-shadow:0 1px 0 rgb(255 255 255/.9) inset,0 18px 40px -26px rgb(14 27 44/.35);transition:translate .25s var(--ease),box-shadow .25s}
.nx .nx-ftool:hover{translate:0 -4px;box-shadow:0 1px 0 #fff inset,0 26px 50px -24px rgb(14 122 92/.45)}
.nx .nx-ftool__ico{grid-row:1/span 2;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;color:#fff}
.nx .nx-ftool__ico.app--seal{background:linear-gradient(145deg,#4C74B8,#2B4F8E)}
.nx .nx-ftool__ico.app--gold{background:linear-gradient(145deg,#EBC572,#B3841E)}
.nx .nx-ftool__ico.app--mint{background:linear-gradient(145deg,#16876A,#0B6B51)}
.nx .nx-ftool__ico .bi{width:26px;height:26px}
.nx .nx-ftool b{display:block;font-size:1.1rem;color:var(--ink);line-height:1.35}
.nx .nx-ftool small{display:block;margin-top:4px;font-size:var(--fs-sm);color:var(--ink-3);line-height:1.6}
:root[data-theme="dark"] .nx .nx-ftool{background:linear-gradient(180deg,rgb(23 40 61/.88),rgb(14 27 44/.72)) padding-box,linear-gradient(140deg,rgb(77 182 148/.5),rgb(255 255 255/.06) 45%,rgb(235 197 114/.42)) border-box}
@media (max-width:899px){.nx .nx-ftools__grid{grid-template-columns:1fr;max-width:560px}}
@media (max-width:639px){.nx .nx-ftool{grid-template-columns:1fr;justify-items:center;text-align:center}.nx .nx-ftool__ico{grid-row:auto}}
/* home: «تعلّم احسبلي بنفسك» — copy | six tiles, both sides balanced */
.nx .nx-learn__grid{display:grid;gap:28px;align-items:center}
.nx .nx-learn__points{display:grid;gap:10px;margin-top:20px}
.nx .nx-learn__points li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2,var(--ink));font-size:var(--fs-body);line-height:1.6}
.nx .nx-learn__points .i{flex:none;width:20px;height:20px;margin-top:3px;color:var(--em-text)}
.nx .nx-learn__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nx .nx-learn__tile{display:grid;gap:6px;align-content:start;padding:18px;border-radius:20px;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.92),rgb(255 255 255/.72)) padding-box,linear-gradient(140deg,rgb(14 122 92/.3),rgb(255 255 255/.4) 45%,rgb(203 160 82/.35)) border-box;
	box-shadow:0 1px 0 #fff inset,0 16px 36px -26px rgb(14 27 44/.35)}
.nx .nx-learn__tile b{font-size:1.05rem;color:var(--ink)}
.nx .nx-learn__tile small{font-size:var(--fs-sm);color:var(--ink-3);line-height:1.6}
.nx .nx-learn__ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;margin-bottom:4px}
.nx .nx-learn__ico--em{background:linear-gradient(145deg,#16876A,#0B6B51)}
.nx .nx-learn__ico--gold{background:linear-gradient(145deg,#EBC572,#B3841E)}
.nx .nx-learn__ico--seal{background:linear-gradient(145deg,#4C74B8,#2B4F8E)}
.nx .nx-learn__ico .bi,.nx .nx-learn__ico .i,.nx .nx-learn__ico .robot{width:24px;height:24px}
:root[data-theme="dark"] .nx .nx-learn__tile{background:linear-gradient(180deg,rgb(23 40 61/.88),rgb(14 27 44/.72)) padding-box,linear-gradient(140deg,rgb(77 182 148/.5),rgb(255 255 255/.06) 45%,rgb(235 197 114/.42)) border-box}
@media (min-width:1024px){.nx .nx-learn__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,4vw,64px)}.nx .nx-learn__tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:639px){.nx .nx-learn__head{text-align:center}.nx .nx-learn__points li{text-align:start}.nx .nx-learn__tiles{grid-template-columns:1fr}.nx .nx-learn__tile{justify-items:center;text-align:center}}
.nx .nx-learn__head .nx-h2{font-size:clamp(1.7rem,1rem + 1.6vw,2.5rem);line-height:1.25;text-wrap:balance}
@media (max-width:639px){
	.nx .nx-learn__tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.nx .nx-learn__tile{padding:14px 10px;gap:4px}
	.nx .nx-learn__tile b{font-size:.95rem}
	.nx .nx-learn__tile small{font-size:.8rem;line-height:1.5}
	.nx .nx-learn__ico{width:40px;height:40px;border-radius:12px}
}

/* ================================================================== v3 home (home_v3.html, preview /?v=v3 — preview.py). Every rule is
   scoped .nx--v3 so the live home (home_next.html) is unchanged. */
/* hero: the Saudi «Phase 2 included» chip + the trial note («no credit card»), on every width */
.nx--v3 .nx-hfacts{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:14px}
.nx--v3 .nx-zchip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:var(--fs-sm);font-weight:600;line-height:1.4;color:var(--ink);text-align:start;
	background:linear-gradient(var(--bg-2,#fff),var(--bg-2,#fff)) padding-box,linear-gradient(120deg,rgb(14 122 92/.55),rgb(224 165 38/.45)) border-box;border:1px solid transparent;box-shadow:0 8px 22px -14px rgb(14 122 92/.5)}
.nx--v3 .nx-zchip .bi{flex:none;width:18px;height:18px;color:#B3841E}
:root[data-theme="dark"] .nx--v3 .nx-zchip{color:#fff;background:linear-gradient(#13243A,#13243A) padding-box,linear-gradient(120deg,rgb(77 182 148/.6),rgb(235 197 114/.5)) border-box}
:root[data-theme="dark"] .nx--v3 .nx-zchip .bi{color:#EBC572}
.nx--v3 .nx-hnote{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--ink-3)}
.nx--v3 .nx-hnote .i{flex:none;width:16px;height:16px;color:var(--em-text)}
@media (min-width:1024px){.nx--v3 .nx-hfacts{margin-top:12px}}
@media (min-width:768px){.nx--v3 .nx-hnote{display:none}}
@media (max-width:767px){.nx--v3 .nx-hfacts{margin-top:10px;gap:6px 12px}.nx--v3 .nx-zchip{font-size:.78rem;padding:5px 12px;gap:6px;text-align:center;text-wrap:balance}.nx--v3 .nx-zchip .bi{width:16px;height:16px}.nx--v3 .nx-hnote{font-size:.8rem;text-wrap:balance;text-align:center}}

/* proof strip: three counted numbers, then what sets Ehsebly apart (links into the page) — both homes (owner 2026-10-19) */
.nx .nx-proof__in.nx-pnums{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:599px){
	.nx .nx-proof__in.nx-pnums{gap:8px}
	.nx .nx-pnums .nx-proof__c{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;padding:12px 6px;row-gap:2px}
	.nx .nx-pnums .nx-proof__ico{display:none}
	.nx .nx-pnums .nx-proof__big{align-self:auto}
	.nx .nx-pnums .nx-proof__c>span:last-child{font-size:.76rem;line-height:1.4}
}
.nx .nx-pdiff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.nx .nx-pdiff>li{display:grid;min-width:0}
@media (max-width:1023px){.nx .nx-pdiff>li:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:1024px){.nx .nx-pdiff{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.nx .nx-pdiff:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.nx .nx-pdiff__a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-height:76px;padding:14px 16px;border-radius:18px;color:inherit;text-decoration:none;border:1px solid transparent;
	background:linear-gradient(180deg,rgb(255 255 255/.92),rgb(255 255 255/.72)) padding-box,linear-gradient(140deg,rgb(14 122 92/.3),rgb(255 255 255/.4) 45%,rgb(203 160 82/.35)) border-box;
	box-shadow:0 1px 0 #fff inset,0 16px 36px -26px rgb(14 27 44/.35);transition:translate .25s var(--ease,ease),box-shadow .25s}
.nx .nx-pdiff__a b{display:block;font-size:1rem;font-weight:600;line-height:1.35;color:var(--ink)}
.nx .nx-pdiff__a small{display:block;margin-top:2px;font-size:var(--fs-xs);line-height:1.5;color:var(--ink-3)}
.nx .nx-pdiff__ico{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(145deg,#16876A,#0B6B51);box-shadow:0 1px 0 rgb(255 255 255/.25) inset,0 10px 20px -10px rgb(14 122 92/.7)}
.nx .nx-pdiff__ico--gold{background:linear-gradient(145deg,#EBC572,#B3841E);box-shadow:0 1px 0 rgb(255 255 255/.35) inset,0 10px 20px -10px rgb(179 132 30/.7)}
.nx .nx-pdiff__ico--seal{background:linear-gradient(145deg,#4C74B8,#2B4F8E)}
.nx .nx-pdiff__ico .bi{width:22px;height:22px}
.nx .nx-pdiff__a:focus-visible{outline:2px solid var(--em-text);outline-offset:3px}
:root[data-theme="dark"] .nx .nx-pdiff__a{background:linear-gradient(180deg,rgb(23 40 61/.88),rgb(14 27 44/.72)) padding-box,linear-gradient(140deg,rgb(77 182 148/.5),rgb(255 255 255/.06) 45%,rgb(235 197 114/.42)) border-box;box-shadow:0 1px 0 rgb(255 255 255/.05) inset,0 24px 48px -26px rgb(0 0 0/.8)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.nx .nx-pdiff__a:hover{translate:0 -3px;box-shadow:0 1px 0 #fff inset,0 22px 44px -24px rgb(14 122 92/.45)}}
@media (max-width:639px){.nx .nx-pdiff{gap:10px}.nx .nx-pdiff__a{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:6px;padding:14px 10px}}

/* social proof (renders only with real data) */
.nx--v3 .nx-quotes{display:grid;gap:16px}
@media (min-width:900px){.nx--v3 .nx-quotes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.nx--v3 .nx-quote{display:grid;align-content:space-between;gap:14px;padding:22px}
.nx--v3 .nx-quote blockquote p{font-size:1.02rem;line-height:1.75;color:var(--ink)}
.nx--v3 .nx-quote__by{display:grid;gap:2px;font-size:var(--fs-sm);color:var(--ink-3)}
.nx--v3 .nx-quote__by b{color:var(--ink)}
@media (max-width:639px){.nx--v3 .nx-quote{text-align:center}}

/* story: 3 steps and a shorter pin (each step ≈ 36svh of scroll; was 4 × 40svh) */
.nx--v3 .nx-story--3 .nx-story__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1024px){.nx--v3 .nx-story--3 .nx-story__tabs{grid-template-columns:1fr}}
@media (min-width:1024px) and (min-height:600px) and (prefers-reduced-motion:no-preference){
	.js .nx--v3 .nx-story--3{height:calc(100vh + 2*36vh);height:calc(100svh + 2*36svh)}
}

/* «ابدأ اليوم دون تدريب»: how it starts (a card, vertical steps) | the in-app help (six tiles + points); both sides balanced */
.nx--v3 .nx-start__grid{display:grid;gap:20px;align-items:stretch}
@media (min-width:1024px){.nx--v3 .nx-start__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3vw,40px)}}
.nx--v3 .nx-start__how{display:flex;flex-direction:column;padding:clamp(20px,2.4vw,32px);border-radius:24px}
.nx--v3 .nx-start__k{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-weight:600;font-size:1.05rem;color:var(--ink)}
.nx--v3 .nx-start__k .i{flex:none;width:20px;height:20px;color:var(--em-text)}
.nx--v3 .nx-start__steps{flex:1;grid-template-columns:minmax(0,1fr);gap:20px;align-content:space-between}
.nx--v3 .nx-start__steps .nx-step{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"n h" "n p";gap:2px 16px}
[dir] .nx--v3 .nx-start__steps::before{inset-inline-start:21px;inset-inline-end:auto;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,var(--em-light),var(--gold));transform-origin:top;transform:scaleY(var(--line-p,1))}
.nx--v3 .nx-start__help{display:grid;align-content:space-between;gap:16px;min-width:0}
.nx--v3 .nx-start__points{margin-top:0}
@media (min-width:1024px){.nx--v3 .nx-start__points{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nx--v3 .nx-start__points li{font-size:var(--fs-sm)}}
@media (max-width:639px){.nx--v3 .nx-start__points{width:fit-content;max-width:100%;margin-inline:auto}.nx--v3 .nx-start__k{justify-content:center}}
@media (min-width:768px){.nx--v3 .nx-hfacts:not(:has(.nx-zchip)){display:none}}

/* four free tools (+ the ZATCA checker, owner 2026-10-19): two by two on wide screens; the Saudi Phase 2 links under the country facts */
@media (min-width:900px){.nx .nx-ftools__grid:has(>li:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}}
.nx .nx-ctry__links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px}
.nx .nx-ctry__links a{display:inline-flex;align-items:center;gap:6px}
@media (max-width:767px){.nx .nx-ctry__links{justify-content:center;text-align:center}}
.nx .nx-ftool__ico.app--zatca{background:linear-gradient(145deg,#1E9E86,#0E5E63)}
/* Arabic hero heading (owner 2026-10-19): room for the letters below the line («في») so they never touch the lead */
[lang="ar"] .nx .nx-hero__copy .nx-h1{line-height:1.36;padding-bottom:.06em}
[lang="ar"] .nx .nx-hero__lead{margin-top:14px}