/* ============================================================
   NEXIM FOUNDATION — PRO ELEVATION LAYER v3 "Nexim Signature"
   Caricato dopo vertical.css (prio 60). Targetta le classi nx-*.
   Brand-aware: usa --nx-brand/--nx-accent del child theme, così
   ogni divisione ha la sua aurora. Non altera i contenuti.
   v3 = v2 (motion+depth) + cinematica: split-headline, god-rays,
   shimmer, glass stratificato, watermark footer, view transitions.
   ============================================================ */
:root, body{
  --pro-a: var(--nx-accent, #43e0ff);
  --pro-b: var(--nx-brand,  #3e8bff);
  --pro-b2: var(--nx-brand-2, #1f5cd1);
  --pro-grad: linear-gradient(120deg, var(--pro-a) 0%, var(--pro-b) 55%, #8b7bff 115%);
  --pro-ease: cubic-bezier(.22,1,.36,1);
  --pro-spot: rgba(67,224,255,.10);
  --pro-line-glow: rgba(67,224,255,.4);
  --pro-tint-strong: rgba(62,139,255,.07);
  --pro-tint-soft: rgba(67,224,255,.045);
}
@supports (color: color-mix(in srgb, red 10%, transparent)){
  :root, body{
    --pro-spot: color-mix(in srgb, var(--pro-a) 11%, transparent);
    --pro-line-glow: color-mix(in srgb, var(--pro-a) 45%, transparent);
    --pro-tint-strong: color-mix(in srgb, var(--pro-b) 7%, transparent);
    --pro-tint-soft: color-mix(in srgb, var(--pro-a) 4%, transparent);
  }
}

/* ---- fondamenta: selection, scrollbar, focus, type ---- */
::selection{ background: var(--pro-b); color:#fff; }
html{ scrollbar-width: thin; scrollbar-color: #2a2f3d var(--nx-bg, #0a0b0f); }
@media (hover:hover) and (pointer:fine){
  ::-webkit-scrollbar{ width:10px; height:10px; }
  ::-webkit-scrollbar-track{ background: var(--nx-bg, #0a0b0f); }
  ::-webkit-scrollbar-thumb{ background:#232836; border-radius:8px; border:2px solid var(--nx-bg,#0a0b0f); }
  ::-webkit-scrollbar-thumb:hover{ background: var(--pro-b); }
}
h1,h2,h3,.nx-section-head h2{ text-wrap: balance; }
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--pro-a); outline-offset:3px; border-radius:2px;
  box-shadow:0 0 0 5px var(--pro-spot); transition:none; }

/* ambient: aure brand dietro le superfici trasparenti della pagina */
body{
  background:
    radial-gradient(1100px 720px at 88% -8%, var(--pro-tint-strong), transparent 62%),
    radial-gradient(900px 640px at -12% 12%, var(--pro-tint-soft), transparent 60%),
    var(--nx-bg, #0a0b0f);
}

/* view transitions cross-document (stessa origine): fade+lift morbido */
@media (prefers-reduced-motion:no-preference){
  @view-transition{ navigation:auto; }
  ::view-transition-old(root){ animation:proVtOut .26s ease both; }
  ::view-transition-new(root){ animation:proVtIn .4s var(--pro-ease) both; }
}
@keyframes proVtOut{ to{ opacity:0; transform:translateY(-8px); } }
@keyframes proVtIn{ from{ opacity:0; transform:translateY(12px); } }

html.lenis, html.lenis body{ height:auto; }
.lenis.lenis-smooth{ scroll-behavior:auto!important; }
.lenis.lenis-smooth [data-lenis-prevent]{ overscroll-behavior:contain; }
.lenis.lenis-stopped{ overflow:hidden; }

/* ---- progress ---- */
.pro-progress{ position:fixed; top:0; left:0; height:2px; width:100%; z-index:2000;
  transform:scaleX(0); transform-origin:0 50%; background:var(--pro-grad);
  box-shadow:0 0 14px var(--pro-line-glow); will-change:transform; pointer-events:none; }

/* ---- reveal ---- */
.pro-reveal{ opacity:0; transform:translateY(28px) scale(.985);
  transition:opacity .9s var(--pro-ease),transform .9s var(--pro-ease),filter .9s var(--pro-ease); will-change:opacity,transform; }
.nx-section-head.pro-reveal{ filter:blur(6px); }
.pro-reveal.is-in{ opacity:1; transform:none; filter:none; }
.no-js .pro-reveal{ opacity:1; transform:none; filter:none; }

/* ---- HERO: aurora brand-aware + parallax + grana + griglia orizzonte ---- */
.nx-vhero{ isolation:isolate; overflow:hidden; }
.nx-vhero__inner{ position:relative; z-index:6; }
.nx-vhero__bg{ will-change:transform; transform:scale(1.08); animation:proKenBurns 24s ease-in-out infinite alternate; }
@keyframes proKenBurns{ from{ transform:scale(1.08) translate3d(0,0,0); } to{ transform:scale(1.18) translate3d(-1.5%,-1.5%,0); } }
.pro-hero-canvas{ position:absolute; inset:0; z-index:3; width:100%; height:100%; opacity:.5; pointer-events:none; mix-blend-mode:screen; }
.pro-hero-blobs{ position:absolute; inset:-20%; z-index:2; pointer-events:none; overflow:hidden; }
.pro-hero-blobs i{ position:absolute; display:block; border-radius:50%; filter:blur(72px); opacity:.38; mix-blend-mode:screen; will-change:transform; }
.pro-hero-blobs i:nth-child(1){ width:46vw; height:46vw; left:-6%; top:-14%;
  background:radial-gradient(circle, var(--pro-b), transparent 70%); animation:proFloat 20s ease-in-out infinite alternate; }
.pro-hero-blobs i:nth-child(2){ width:40vw; height:40vw; right:-8%; top:0;
  background:radial-gradient(circle, var(--pro-a), transparent 70%); animation:proFloat 26s ease-in-out infinite alternate-reverse; }
.pro-hero-blobs i:nth-child(3){ width:30vw; height:30vw; left:32%; bottom:-20%;
  background:radial-gradient(circle, #8b7bff, transparent 70%); opacity:.22; animation:proFloat 30s ease-in-out infinite alternate; }
.pro-hero-blobs i:nth-child(4){ width:24vw; height:24vw; left:56%; top:-10%;
  background:radial-gradient(circle, var(--pro-b2), transparent 70%); opacity:.3; animation:proFloat 24s ease-in-out infinite alternate-reverse; }
@keyframes proFloat{ from{ transform:translate3d(-4%,-2%,0) scale(1); } to{ transform:translate3d(5%,4%,0) scale(1.16); } }
.pro-hero-grid{ position:absolute; left:-12%; right:-12%; bottom:-2%; height:44%; z-index:2; pointer-events:none; opacity:.35;
  background-image:
    linear-gradient(var(--pro-line-glow) 1px, transparent 1px),
    linear-gradient(90deg, var(--pro-line-glow) 1px, transparent 1px);
  background-size:46px 46px;
  transform:perspective(640px) rotateX(62deg); transform-origin:50% 100%;
  -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 60%); mask-image:linear-gradient(180deg, transparent 0%, #000 60%); }
.nx-vhero::after{ content:""; position:absolute; inset:0; z-index:4; pointer-events:none; opacity:.45; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }

/* v3: god-rays — due lame di luce brand che scendono dall'alto, deriva lenta */
.pro-hero-beams{ position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; mix-blend-mode:screen; }
.pro-hero-beams i{ position:absolute; top:-30%; height:160%; width:22%; display:block; opacity:.16;
  background:linear-gradient(180deg, var(--pro-a), transparent 72%); filter:blur(34px);
  transform:skewX(-14deg); will-change:transform,opacity; }
.pro-hero-beams i:nth-child(1){ left:16%; animation:proBeam 17s ease-in-out infinite alternate; }
.pro-hero-beams i:nth-child(2){ left:58%; width:14%; opacity:.11; background:linear-gradient(180deg, var(--pro-b), transparent 70%);
  animation:proBeam 23s ease-in-out infinite alternate-reverse; }
@keyframes proBeam{ from{ transform:skewX(-14deg) translateX(-6%); opacity:.09; } 50%{ opacity:.2; } to{ transform:skewX(-10deg) translateX(8%); opacity:.12; } }
/* v3: vignette bassa per contrasto testo */
.pro-hero-vignette{ position:absolute; left:0; right:0; bottom:0; height:38%; z-index:4; pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(4,6,12,.55)); }

/* titolo hero: entrata blur-in + accento gradiente brand sull'enfasi */
.nx-vhero h1{ opacity:0; transform:translateY(26px); filter:blur(8px); animation:proRise 1.05s var(--pro-ease) .15s both; }
.nx-vhero__sub, .nx-vhero__ctas, .nx-vhero__trust{ opacity:0; transform:translateY(22px); animation:proRise 1s var(--pro-ease) both; }
.nx-vhero__sub{ animation-delay:.32s; } .nx-vhero__ctas{ animation-delay:.46s; } .nx-vhero__trust{ animation-delay:.6s; }
@keyframes proRise{ to{ opacity:1; transform:none; filter:none; } }
.nx-vhero h1 em{ background:linear-gradient(100deg, #fff 10%, var(--pro-a) 45%, var(--pro-b) 80%, #fff 115%);
  background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; font-style:inherit;
  animation:proRise 1.05s var(--pro-ease) .15s both, proShimmer 7s ease-in-out 1.6s infinite; }
@keyframes proShimmer{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }

/* v3: split-headline — pro.js spezza l'h1 in parole (.pro-w > .pro-wi) */
h1.pro-split{ animation:none; opacity:1; transform:none; filter:none; }
.pro-w{ display:inline-block; }
.pro-wi{ display:inline-block; opacity:0; transform:translateY(1.05em) rotate(3deg); filter:blur(7px);
  animation:proWordIn .85s var(--pro-ease) both; animation-delay:calc(var(--wi, 0) * 60ms + .12s); will-change:transform,filter; }
@keyframes proWordIn{ to{ opacity:1; transform:none; filter:none; } }
/* le parole dentro <em> mantengono il gradiente brand (clip per-parola) */
h1.pro-split em{ background:none; color:inherit; animation:none; }
h1.pro-split em .pro-wi{ background:linear-gradient(100deg, #fff 0%, var(--pro-a) 45%, var(--pro-b) 95%);
  background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:proWordIn .85s var(--pro-ease) both, proShimmer 7s ease-in-out 1.8s infinite; }

.nx-vhero__panel{ border-color:var(--nx-line-2); box-shadow:0 24px 70px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05); overflow:hidden; }
.nx-vhero__panel::after{ content:""; position:absolute; left:0; right:0; height:1px; top:0;
  background:linear-gradient(90deg, transparent, var(--pro-line-glow), transparent);
  animation:proScan 4.5s var(--pro-ease) infinite; pointer-events:none; }
@keyframes proScan{ 0%{ transform:translateY(0); opacity:0; } 12%{ opacity:1; } 88%{ opacity:1; } 100%{ transform:translateY(210px); opacity:0; } }

/* ---- HEADER: stile pulito definito in components.css (v3) — qui nessun ornamento ---- */

/* logo testuale: wordmark vero (fix "senza logo") */
.nx-logo-text{ font-family:'Space Grotesk','Inter',sans-serif; font-weight:700; letter-spacing:-.02em; font-size:1.35rem; line-height:1; display:inline-flex; gap:.18em; align-items:baseline; }
.nx-logo-text strong{ font-weight:700; background:var(--pro-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.nx-logo-img{ transition:transform .3s var(--pro-ease); }
.nx-logo:hover .nx-logo-img{ transform:translateY(-1px) scale(1.02); }

/* nav: underline animato */
.nx-nav__list a{ position:relative; }
.nx-nav__list a::after{ content:""; position:absolute; left:11px; right:11px; bottom:4px; height:1px;
  background:var(--pro-grad); transform:scaleX(0); transform-origin:0 50%; transition:transform .3s var(--pro-ease); }
.nx-nav__list a:hover::after, .nx-nav__list .current-menu-item > a::after{ transform:scaleX(1); }

/* ---- TIPOGRAFIA: scala monumentale ora definita in vertical.css v2 ---- */
.nx-section-head .nx-kicker{ font-weight:600; }

/* ---- BUTTONS: primary gradiente animato + glow, sheen, ghost fill ---- */
.nx-btn{ position:relative; overflow:hidden; isolation:isolate; will-change:transform; }
.nx-btn--primary{ background:linear-gradient(135deg, var(--pro-a) 0%, var(--pro-b) 55%, var(--pro-b2) 110%);
  background-size:180% 100%; background-position:0% 50%; border-color:transparent; color:#041021;
  transition:background-position .5s var(--pro-ease), box-shadow .3s var(--pro-ease), filter .3s;
  box-shadow:0 10px 26px -12px var(--pro-line-glow), inset 0 1px 0 rgba(255,255,255,.25); }
.nx-btn--primary:hover{ background-position:85% 50%; border-color:transparent; color:#041021;
  box-shadow:0 16px 38px -12px var(--pro-line-glow), inset 0 1px 0 rgba(255,255,255,.3); filter:brightness(1.06); }
.nx-btn--primary::after, .nx-btn--lg::after{ content:""; position:absolute; inset:0; z-index:-1; transform:translateX(-130%) skewX(-12deg);
  background:linear-gradient(110deg, transparent 20%, rgba(255,255,255,.4) 50%, transparent 80%); transition:transform .7s var(--pro-ease); }
.nx-btn--primary:hover::after, .nx-btn--lg:hover::after{ transform:translateX(130%) skewX(-12deg); }
.nx-btn--ghost:hover{ background:var(--pro-spot); }
  50%{ box-shadow:0 14px 44px -10px var(--pro-line-glow), 0 0 0 6px var(--pro-spot), inset 0 1px 0 rgba(255,255,255,.3); } }

/* ---- CARDS: vetro stratificato + bordo gradiente + spotlight + tilt ---- */
.nx-services__item, .nx-hub-card, .nx-offer, .nx-post-card{ position:relative; transform-style:preserve-3d; will-change:transform;
  background-image:linear-gradient(180deg, rgba(255,255,255,.035), transparent 42%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055), 0 1px 0 rgba(0,0,0,.35);
  transition:transform .3s var(--pro-ease),box-shadow .3s var(--pro-ease),border-color .3s,background .25s; }
.nx-services__item::before, .nx-hub-card::before, .nx-offer::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; z-index:3;
  background:var(--pro-grad); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .3s var(--pro-ease); }
.nx-services__item:hover::before, .nx-hub-card:hover::before, .nx-offer:hover::before{ opacity:1; }
.nx-services__item:hover, .nx-hub-card:hover{ box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 24px 70px -30px var(--pro-line-glow); }
.nx-services__code{ transition:color .3s var(--pro-ease), text-shadow .3s; }
.nx-services__item:hover .nx-services__code{ color:var(--pro-a); text-shadow:0 0 22px var(--pro-line-glow); }
.nx-services__link{ transition:color .25s, letter-spacing .3s var(--pro-ease); }
.nx-services__item:hover .nx-services__link{ color:var(--pro-a); letter-spacing:.18em; }
/* spotlight che segue il puntatore (JS setta --pro-mx/--pro-my) */
.pro-spot::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1; opacity:0; transition:opacity .35s var(--pro-ease);
  background:radial-gradient(440px circle at var(--pro-mx,50%) var(--pro-my,50%), var(--pro-spot), transparent 65%); }
.pro-spot:hover::after{ opacity:1; }
.nx-hub-card.pro-spot::after{ z-index:1; }
.nx-why__item.pro-spot::after, .nx-process__step.pro-spot::after{ border-radius:0; }

/* ---- NUMERI: gradiente + tabular + alone ---- */
.nx-why__n, .nx-stat__n, .nx-process__n{ background:linear-gradient(120deg, var(--pro-a) 0%, var(--pro-b) 80%);
  -webkit-background-clip:text; background-clip:text; color:transparent; font-variant-numeric:tabular-nums;
  filter:drop-shadow(0 0 26px var(--pro-line-glow)); }
.nx-stats-bar [data-n]{ font-variant-numeric:tabular-nums; }
.nx-why__item, .nx-process__step{ position:relative; transition:background .25s; }
.nx-why__item:hover, .nx-process__step:hover{ background:var(--nx-surf,#13151c); }

/* ---- SECTION HEAD: kicker con riga che si disegna ---- */
.nx-section-head{ position:relative; }
.nx-kicker{ position:relative; color:var(--pro-a); }
.nx-section-head .nx-kicker::after{ content:""; position:absolute; left:50%; bottom:-8px; height:1px; width:56px;
  transform:translateX(-50%) scaleX(0); transform-origin:50% 50%;
  background:var(--pro-grad); transition:transform .8s var(--pro-ease) .25s; }
.nx-section-head.is-in .nx-kicker::after{ transform:translateX(-50%) scaleX(1); }

/* ---- TRUST STRIP: marquee infinito (costruito da pro.js) ---- */
.pro-marquee{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.pro-marquee .nx-trust-strip__list{ flex-wrap:nowrap; justify-content:flex-start; width:max-content; gap:0;
  animation:proMarquee var(--pro-marq-dur,30s) linear infinite; }
.pro-marquee .nx-trust-strip__list li{ margin-inline-end:56px; white-space:nowrap; transition:color .25s; }
.pro-marquee .nx-trust-strip__list li:hover{ color:var(--pro-a); }
.pro-marquee:hover .nx-trust-strip__list{ animation-play-state:paused; }
@keyframes proMarquee{ to{ transform:translateX(-50%); } }

/* ---- CTA BAND: aurora conica che ruota ---- */
.nx-vband{ isolation:isolate; overflow:hidden; }
.nx-vband::before{ content:""; position:absolute; inset:-45%; z-index:-1; pointer-events:none;
  background:conic-gradient(from 0deg, transparent 0 62%, var(--pro-line-glow) 76%, transparent 88%);
  animation:proSpin 28s linear infinite; filter:blur(52px); opacity:.8; }
@keyframes proSpin{ to{ transform:rotate(1turn); } }

/* ---- COMMERCIAL (offer/faq/compare) ---- */
.nx-offer--featured{ box-shadow:0 24px 70px -34px var(--pro-line-glow); }
.nx-faq-acc{ transition:border-color .25s, background .25s; }
.nx-faq-acc:hover{ border-color:var(--nx-line-3, rgba(255,255,255,.22)); }

/* ---- POST CARDS ---- */
.nx-post-card__media{ overflow:hidden; }
.nx-post-card__media img{ transition:transform .6s var(--pro-ease), filter .4s; }
.nx-post-card:hover .nx-post-card__media img{ transform:scale(1.05); filter:grayscale(0) contrast(1.05) brightness(.95); }
/* v3 progressive: leggero settle scroll-driven delle immagini card (solo browser con view()) */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .nx-post-card__media img{ animation:proImgSettle linear both; animation-timeline:view(); animation-range:entry 0% entry 80%; }
    @keyframes proImgSettle{ from{ transform:scale(1.1); } to{ transform:scale(1.0); } }
  }
}

/* ---- FOOTER: hairline gradiente + micro-interazioni + watermark NEXIM ---- */
.nx-footer{ position:relative; overflow:hidden; }
.nx-footer::before{ content:""; position:absolute; top:-1px; left:0; right:0; height:1px; pointer-events:none; opacity:.4;
  background:linear-gradient(90deg, transparent, var(--pro-line-glow) 35%, var(--pro-line-glow) 65%, transparent); }
.nx-footer__col a, .nx-footer__list a{ display:inline-block; transition:color .15s, transform .2s var(--pro-ease); }
.nx-footer__col a:hover, .nx-footer__list a:hover{ transform:translateX(3px); }
.nx-footer > *{ position:relative; z-index:1; }
.pro-watermark{ position:absolute; left:50%; bottom:-.14em; transform:translateX(-50%); z-index:0; pointer-events:none;
  font-family:'Space Grotesk','Inter',sans-serif; font-weight:700; letter-spacing:-.045em; line-height:1;
  font-size:clamp(110px, 19vw, 300px); white-space:nowrap; user-select:none;
  color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.055);
  background:linear-gradient(180deg, var(--pro-tint-strong), transparent 80%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-mask-image:linear-gradient(180deg, #000 20%, transparent 92%); mask-image:linear-gradient(180deg, #000 20%, transparent 92%); }

/* ---- NETBAR: hairline luminosa sotto ---- */
.nx-netbar{ position:relative; }
.nx-netbar::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; pointer-events:none; opacity:.25;
  background:linear-gradient(90deg, transparent, rgba(34,211,238,.6) 50%, transparent); }

/* ============================================================
   CORP (nexim.it, classi nxc-*) + NEWS (nxn-*) + divisionali
   ============================================================ */
/* hero corp "Iliad-style": aurora + entrance (il kenburns lo ha già via nxc-pan) */
.nxc-hero{ isolation:isolate; overflow:hidden; }
.nxc-hero__inner{ position:relative; z-index:6; }
.nxc-hero__eyebrow, .nxc-hero h1, .nxc-hero__sub, .nxc-hero__ctas, .nxc-hero__numbers{
  opacity:0; transform:translateY(24px); animation:proRise 1s var(--pro-ease) both; }
.nxc-hero h1{ filter:blur(8px); animation-delay:.15s; animation-duration:1.05s; letter-spacing:-.03em; }
.nxc-hero__eyebrow{ animation-delay:.05s; } .nxc-hero__sub{ animation-delay:.32s; }
.nxc-hero__ctas{ animation-delay:.46s; } .nxc-hero__numbers{ animation-delay:.6s; }
.nxc-hero .pro-hero-canvas{ opacity:.4; }
.nxc-hero h1 em{ background:linear-gradient(100deg, #fff 10%, var(--pro-a) 45%, var(--pro-b) 80%, #fff 115%);
  background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; font-style:inherit;
  animation:proShimmer 7s ease-in-out 1.6s infinite; }
/* hero news (CSS-only bg) */
.nxn-hero{ isolation:isolate; overflow:hidden; position:relative; }
.nxn-hero__inner{ position:relative; z-index:6; }
/* card divisioni corp + eventi + sedi */
.nxc-div, .nxc-event, .nxc-office, .nxn-card, .nxn-vert, .nxm-cat, .nxm-product, .nxm-pa-card,
.nxw-svc, .nx-hw__card, .nxb-plan, .nx-press__card{
  position:relative; will-change:transform;
  background-image:linear-gradient(180deg, rgba(255,255,255,.03), transparent 42%);
  transition:transform .3s var(--pro-ease), box-shadow .3s var(--pro-ease), border-color .3s, background .25s; }
.nxc-div:hover, .nxm-product:hover, .nxb-plan:hover{ box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 24px 70px -30px var(--pro-line-glow); }
.nxc-div::before, .nxm-product::before, .nxb-plan::before{ content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none; z-index:3;
  background:var(--pro-grad); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude; opacity:0; transition:opacity .3s var(--pro-ease); }
.nxc-div:hover::before, .nxm-product:hover::before, .nxb-plan:hover::before{ opacity:1; }
/* numeri corp */
.nxc-bignum__item-n, .nxc-hero__numbers-n{ font-variant-numeric:tabular-nums; }
.nxc-bignum__item-n{ filter:drop-shadow(0 0 26px var(--pro-line-glow)); }
/* CTA finale corp: stessa aurora conica del vband */
.nxc-cta-big{ isolation:isolate; overflow:hidden; position:relative; }
.nxc-cta-big::before{ content:""; position:absolute; inset:-45%; z-index:-1; pointer-events:none;
  background:conic-gradient(from 0deg, transparent 0 62%, var(--pro-line-glow) 76%, transparent 88%);
  animation:proSpin 28s linear infinite; filter:blur(52px); opacity:.8; }

/* ============================================================
   v3.1 BOLD — impatto anche da fermo (non solo motion)
   ============================================================ */
/* hero cinematico: bg/scrim ora definiti in vertical.css v2 (subsiti)
   e in nexim-corp/assets/corp.css (corp) — qui restano solo i layer motion. */
/* card: hairline gradiente brand SEMPRE visibile (non solo hover) */
.nx-services__item::before, .nx-hub-card::before, .nx-offer::before,
.nxc-div::before, .nxm-product::before, .nxb-plan::before{ opacity:.28; }
/* CTA hero più imponenti */
.nx-vhero__ctas .nx-btn--lg, .nxc-hero__ctas .nx-btn--lg{ padding:16px 32px; font-size:15px; border-radius:6px; }
/* barra progresso più presente */
.pro-progress{ height:3px; }
/* trust strip più leggibile */
.pro-marquee .nx-trust-strip__list li{ font-size:14px; }

/* ---- accessibilità / motion / mobile ---- */
@media (prefers-reduced-motion:reduce){
  .pro-reveal{ opacity:1!important; transform:none!important; filter:none!important; transition:none; }
  .nx-vhero h1, .nx-vhero__sub, .nx-vhero__ctas, .nx-vhero__trust, .nx-vhero__bg, .pro-hero-blobs i,
  .nxc-hero__eyebrow, .nxc-hero h1, .nxc-hero__sub, .nxc-hero__ctas, .nxc-hero__numbers,
  .pro-wi, .nx-vhero h1 em, .nxc-hero h1 em{ animation:none!important; opacity:1!important; transform:none!important; filter:none!important; }
  .pro-marquee .nx-trust-strip__list{ animation:none; flex-wrap:wrap; justify-content:center; width:auto; }
  .nx-vband::before, .nx-vhero__panel::after, .nxc-cta-big::before{ animation:none; }
  .nx-vband::before, .nx-vhero__panel::after, .nxc-cta-big::before{ display:none; }
  .pro-progress, .pro-hero-grid, .pro-hero-beams{ display:none; }
}
@media (max-width:760px){
  .pro-hero-blobs i{ filter:blur(46px); }
  .pro-hero-beams i{ filter:blur(24px); opacity:.1; }
  .pro-hero-grid{ background-size:34px 34px; opacity:.25; }
  .pro-watermark{ font-size:clamp(70px, 22vw, 120px); -webkit-text-stroke-width:.6px; }
}