/* La section NFC de la landing (index.html .nx-scope) : cartes NFC aux couleurs
   des réseaux en PVC, bois ou métal, présentoir FEED, carte SPOT et ses
   statistiques. Rendus repris de la refonte de Loïc (/datamix/design/loic/
   cardpm-refonte), ses classes préfixées nx- et rangées sous .nx-scope, ses
   couleurs branchées sur les jetons d'app.css. Les valeurs posées en ligne
   chez lui (couleurs des cartes, épingles, barres) sont des classes ici :
   la politique de sécurité du site refuse les styles en ligne. */

.nx-scope { --nx-signal-soft: color-mix(in srgb, var(--accent) 14%, transparent); padding-block-start: clamp(28px, 4vw, 56px); }
.nx-scope pm-nfc-deck, .nx-scope pm-pile { display: block; }

/* Le bloc encre reste contrasté dans les deux thèmes (inversé en sombre). */
.nx-scope .nx-inkzone { --ink-bg: #0b0c0e; --ink-fg: #f4f5f7; --ink-muted: #9aa1ad; --ink-line: #2a2e35; padding-block: clamp(64px, 9vw, 120px); }
:root[data-theme='dark'] .nx-scope .nx-inkzone { --ink-bg: #f4f5f7; --ink-fg: #0b0c0e; --ink-muted: #5d6470; --ink-line: #d9dce2; }
@media (prefers-color-scheme: dark) { :root:not([data-theme='light']) .nx-scope .nx-inkzone { --ink-bg: #f4f5f7; --ink-fg: #0b0c0e; --ink-muted: #5d6470; --ink-line: #d9dce2; } }
.nx-scope .nx-inkzone h2 { color: var(--ink-fg); }
.nx-scope .nx-inkzone .lead { color: var(--ink-muted); }
.nx-scope .nx-inkzone .kicker { background: transparent; border-color: var(--ink-line); color: var(--ink-muted); }
.nx-scope .nx-inkzone .btn--solid { background: var(--ink-fg); color: var(--ink-bg); }
.nx-scope .nx-inkzone .btn--ghost { color: var(--ink-fg); border-color: var(--ink-fg); background: transparent; }
.nx-scope .nx-inkzone .btn--ghost:hover { background: var(--ink-fg); color: var(--ink-bg); }
.nx-scope .nx-hint { margin-block: 0 28px; }
.nx-scope .nx-cta { margin-block-start: 36px; display: flex; flex-wrap: wrap; gap: 12px; }
.nx-scope .nx-products { padding-block-start: clamp(80px, 10vw, 140px); }
.nx-scope .nx-copy .cta-row { margin: 8px 0 0; }
.nx-scope .nx-stats .kicker { margin-block-end: 14px; }

/* Les couleurs des réseaux (le gabarit du BAT : logo centré, NFC en haut à droite). */
.nx-scope .nx-b-orpi { --c: #e30613; --fg: #fff; }
.nx-scope .nx-b-iad { --c: #00aeef; --fg: #fff; }
.nx-scope .nx-b-c21 { --c: #1d1d1b; --fg: #beaf87; }
.nx-scope .nx-b-era { --c: #ffffff; --fg: #1e1464; }
.nx-scope .nx-b-capi { --c: #0d2b4e; --fg: #fff; }
.nx-scope .nx-b-optim { --c: #ff5d02; --fg: #fff; }
.nx-scope .nx-b-pp { --c: #ffffff; --fg: #e5175b; }
.nx-scope .nx-b-fict { --c: #2563eb; --fg: #fff; }

/* La carte du secteur : épingles et barres du classement. */
.nx-scope .nx-pin-1 { left: 30%; top: 36%; }
.nx-scope .nx-pin-2 { left: 57%; top: 25%; }
.nx-scope .nx-pin-3 { left: 66%; top: 62%; }
.nx-scope .nx-pin-4 { left: 37%; top: 70%; }
.nx-scope .nx-pin-5 { left: 15%; top: 55%; }
.nx-scope .nx-pin-6 { left: 84%; top: 40%; }
.nx-scope .nx-w-1 { width: 100%; } .nx-scope .nx-w-2 { width: 71.1%; } .nx-scope .nx-w-3 { width: 55.3%; }
.nx-scope .nx-w-4 { width: 36.8%; } .nx-scope .nx-w-5 { width: 23.7%; } .nx-scope .nx-w-6 { width: 15.8%; }
.nx-scope .nx-wh-rev i { font-style: normal; }
.nx-scope .nx-gb { color: #4285F4; } .nx-scope .nx-gr { color: #EA4335; } .nx-scope .nx-gy { color: #FBBC05; } .nx-scope .nx-gg2 { color: #34A853; }

.nx-scope .nx-gmap { position: relative; aspect-ratio: 400/260; border-radius: 18px; overflow: hidden; background: var(--surface-2); border: 1px solid var(--line); max-width: 100%; }
.nx-scope .nx-gmap > svg { position: absolute; inset: 0; width: 100%; height: 100%; }


/* ── Rendus portés ── */
.nx-scope .nx-inkzone{background:var(--ink-bg);color:var(--ink-fg);border-radius:clamp(24px,4vw,44px);margin-inline:clamp(8px,1.5vw,20px)}
.nx-scope .nx-specs{display:flex;flex-wrap:wrap;gap:10px 22px;font:500 .78rem/1.4 var(--font-m);letter-spacing:.06em;color:var(--ink-muted);border-top:1px solid var(--ink-line);padding-top:22px}
.nx-scope .nx-specs span::before{content:"◆ ";color:var(--accent)}
.nx-scope .nx-product{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}
.nx-scope .nx-product + .nx-product{margin-top:clamp(80px,10vw,140px)}
.nx-scope .nx-product.nx-rev .nx-copy{order:2}
.nx-scope .nx-tag{justify-self:start;display:inline-block;font:800 .95rem/1 var(--font-d);letter-spacing:.06em;padding:8px 14px;border-radius:999px;background:var(--ink);color:var(--bg)}
.nx-scope .nx-copy{display:grid;gap:20px;min-width:0}
.nx-scope .nx-copy h2{font-size:clamp(2rem,4.4vw,3.4rem)}
.nx-scope .nx-checks{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:12px}
.nx-scope .nx-checks li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start}
.nx-scope .nx-checks li::before{content:"";width:22px;height:22px;margin-top:2px;border-radius:50%;background:var(--nx-signal-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d4bff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.nx-scope .nx-checks b{font-weight:700}
.nx-scope .nx-visual{position:relative;aspect-ratio:1/1;border-radius:clamp(24px,3vw,36px);background:var(--surface-2);overflow:hidden;display:grid;place-items:center;max-width:100%}
.nx-scope .nx-toast{position:absolute;right:7%;top:12%;display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:14px;background:var(--bg);color:var(--ink);box-shadow:0 18px 40px -16px rgba(0,0,0,.35);font-size:.82rem;animation:nx-toast 8s cubic-bezier(.2,.8,.2,1) infinite;max-width:70%}
.nx-scope .nx-toast i{font-style:normal;color:#f5a524}
.nx-scope .nx-toast em{font-style:normal;color:var(--ink-2);display:block;font-size:.75rem}
.nx-scope .nx-vlabel{position:absolute;top:7%;left:7%;font:500 .7rem/1 var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);background:var(--bg);padding:8px 10px;border-radius:999px}
@media (max-width:860px){
  .nx-scope .nx-product.nx-rev .nx-copy{order:0}
}
@supports (animation-timeline: view()){
  }
.nx-scope .nx-mat{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;margin-top:clamp(32px,5vw,48px)}
.nx-scope .nx-seg{display:inline-flex;padding:4px;border-radius:999px;border:1px solid var(--ink-line);gap:4px}
.nx-scope .nx-seg button{border:0;background:transparent;color:var(--ink-muted);font:700 .92rem/1 var(--font-b);padding:12px 22px;border-radius:999px;cursor:pointer;transition:background .3s,color .3s}
.nx-scope .nx-seg button[aria-pressed="true"]{background:var(--ink-fg);color:var(--ink-bg)}
.nx-scope .nx-mat-desc{color:var(--ink-muted);max-width:46ch;font-size:.95rem;min-width:0}
.nx-scope .nx-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px);margin-block:28px}
.nx-scope .nx-flip{perspective:1000px;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;display:grid;gap:10px;text-align:left}
.nx-scope .nx-flip-in{position:relative;aspect-ratio:85.6/54;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.nx-scope .nx-flip:hover .nx-flip-in,.nx-scope .nx-flip.nx-on .nx-flip-in{transform:rotateY(180deg)}
.nx-scope .nx-flip .nx-label{font:500 .72rem/1 var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.nx-scope .nx-bc{position:absolute;inset:0;border-radius:5%/7.9%;overflow:hidden;display:grid;place-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:var(--font-b);box-shadow:0 26px 50px -24px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.12) inset;transition:background .5s}
.nx-scope .nx-bc.nx-back{transform:rotateY(180deg);align-content:center;gap:7%}
.nx-scope .nx-bc .nx-mark{max-width:61.7%;max-height:50.5%;width:auto;height:auto;object-fit:contain}
.nx-scope .nx-bc .nx-nfc-i{position:absolute;right:3.5%;top:5.5%;width:9%;height:auto;aspect-ratio:1}
.nx-scope .nx-bc canvas{width:31.5%;aspect-ratio:1;height:auto}
.nx-scope .nx-bc .nx-serial{font:700 clamp(.42rem,.9vw,.6rem)/1 var(--font-b);letter-spacing:.06em}
.nx-scope .nx-bc .nx-fict{display:flex;align-items:center;gap:.4em;font:800 clamp(.8rem,1.8vw,1.25rem)/1 var(--font-b);letter-spacing:-.01em}
.nx-scope .nx-bc .nx-fict svg{width:1.6em;height:1.6em}
.nx-scope .nx-bc::after{content:"";position:absolute;inset:-40%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-70%);transition:transform 1.2s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.nx-scope .nx-flip:hover .nx-bc::after{transform:translateX(70%)}
.nx-scope .nx-m-pvc .nx-bc{background:var(--c);color:var(--fg)}
.nx-scope .nx-m-pvc .nx-bc[data-ink="dark"] .nx-eng{filter:brightness(0);opacity:.88}
.nx-scope .nx-m-pvc .nx-bc[data-tint="gold"] .nx-eng{filter:brightness(0) invert(73%) sepia(19%) saturate(560%) hue-rotate(6deg) brightness(.98)}
.nx-scope .nx-m-pvc .nx-bc .nx-eng.nx-orig{filter:none;opacity:1}
.nx-scope .nx-m-wood .nx-bc{color:#3b210e;background:#b98552 var(--wood,none) var(--wp,50% 50%)/150% auto;box-shadow:0 26px 50px -24px rgba(0,0,0,.6),inset 0 0 0 1px rgba(60,30,10,.25),inset 0 1px 0 rgba(255,230,200,.35)}
.nx-scope .nx-m-wood .nx-bc .nx-eng{filter:brightness(0) drop-shadow(0 1px 0 rgba(255,222,180,.35));opacity:.78;mix-blend-mode:multiply}
.nx-scope .nx-m-wood .nx-bc .nx-serial,.nx-scope .nx-m-wood .nx-bc .nx-fict{color:#3b210e;opacity:.8}
.nx-scope .nx-m-metal .nx-bc{color:#2a2c30;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,rgba(0,0,0,.05) 1px 3px),linear-gradient(135deg,#dcdee2,#9fa3ab 45%,#eceef0 70%,#8d919a)}
.nx-scope .nx-m-metal .nx-bc .nx-eng{filter:brightness(0) drop-shadow(0 1px 0 rgba(255,255,255,.7));opacity:.62}
.nx-scope .nx-m-metal .nx-bc .nx-serial,.nx-scope .nx-m-metal .nx-bc .nx-fict{color:#2a2c30;opacity:.75;text-shadow:0 1px 0 rgba(255,255,255,.6)}
@media (max-width:900px){
  .nx-scope .nx-deck{grid-template-columns:1fr 1fr}
}
.nx-scope .nx-spotv{perspective:1200px}
.nx-scope .nx-sp-back,.nx-scope .nx-sp-front{position:absolute;aspect-ratio:85.6/54;border-radius:5%/7.9%;width:64%}
.nx-scope .nx-sp-back{left:6%;top:40%;transform:rotate(-8deg) skewY(-2deg);background-color:#d8c79f;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='96' viewBox='0 0 150 96'%3E%3Cg fill='%2338a35f' fill-opacity='.85' font-family='Georgia,serif' font-weight='700'%3E%3Ctext x='4' y='26' font-size='20' font-family='Arial Black,Arial,sans-serif'%3E3M%3C/text%3E%3Ctext x='44' y='18' font-size='11'%3E467MP%3C/text%3E%3Ctext x='44' y='29' font-size='7'%3E200MP Adhesive%3C/text%3E%3Cg transform='rotate(180 112 72)'%3E%3Ctext x='79' y='80' font-size='20' font-family='Arial Black,Arial,sans-serif'%3E3M%3C/text%3E%3Ctext x='119' y='72' font-size='11'%3E467MP%3C/text%3E%3Ctext x='119' y='83' font-size='7'%3E200MP%3C/text%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
  linear-gradient(135deg,rgba(255,255,255,.35),rgba(120,95,50,.12) 60%,rgba(255,255,255,.2));
  background-size:34% auto,100% 100%;box-shadow:0 30px 50px -26px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.06)}
.nx-scope .nx-sp-front{right:5%;top:14%;container-type:inline-size;background:linear-gradient(160deg,#ee1c24,#e30613 55%,#c80510);color:#fff;
  box-shadow:0 36px 60px -28px rgba(120,0,0,.55),0 0 0 1px rgba(255,255,255,.08) inset;transform:rotate(-6deg);animation:nx-spfloat 7s ease-in-out infinite;
  display:grid;justify-items:center;align-content:start;font-family:var(--font-b);overflow:hidden}
.nx-scope .nx-sp-front::after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);animation:nx-sheen 6s ease-in-out infinite;pointer-events:none}
.nx-scope .nx-sp-logo{width:24%;height:auto}
.nx-scope .nx-sp-t{margin-top:2.6cqw;text-align:center;line-height:1.15;text-transform:uppercase}
.nx-scope .nx-sp-t b{display:block;font-weight:800;font-size:4.7cqw;letter-spacing:-.01em}
.nx-scope .nx-sp-t span{display:block;font-weight:400;font-size:4cqw}
.nx-scope .nx-sp-row{display:flex;align-items:center;gap:7cqw;margin-top:3.4cqw}
.nx-scope .nx-sp-tile{position:relative;width:18cqw;aspect-ratio:1;border-radius:3cqw;background:#fff;display:grid;place-items:center;box-shadow:-1.4cqw 1.4cqw 0 #8f0008}
.nx-scope .nx-sp-tile canvas{width:76%;height:auto;aspect-ratio:1}
.nx-scope .nx-sp-tile svg{width:78%;height:auto;color:#151713}
.nx-scope .nx-sp-or{font-weight:800;font-size:3.6cqw;text-transform:uppercase}
.nx-scope .nx-sp-ill{position:absolute;right:4cqw;top:4cqw;width:13cqw;height:auto}
.nx-scope .nx-sp-tile .nx-ring{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;border-radius:50%;border:.5cqw solid #fff;translate:-50% -50%;opacity:0;animation:nx-spring 3.2s ease-out infinite}
.nx-scope .nx-sp-tile .nx-ring+.nx-ring{animation-delay:.35s}
@media (max-width:560px){
  .nx-scope .nx-sp-front{width:74%;right:3%}
  .nx-scope .nx-sp-back{width:70%}
}
.nx-scope .nx-spotv{background:linear-gradient(180deg,#e7e1d6 0%,#ddd5c7 44%,#b9a58a 44.4%,#cbb89c 45.6%,#e4ddd1 45.8%,#d8cfbf 100%)}
.nx-scope .nx-spotv::before{content:"";position:absolute;inset:45.8% 0 0;background:
  radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.45),transparent 60%),
  repeating-linear-gradient(97deg,rgba(120,100,70,.035) 0 2px,transparent 2px 9px);pointer-events:none}
.nx-scope .nx-spotv::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7%;background:linear-gradient(#bfb29c,#9e8f77);box-shadow:0 -1px 0 rgba(255,255,255,.5) inset}
.nx-scope .nx-sp-before,.nx-scope .nx-sp-after{position:absolute;inset:0}
.nx-scope .nx-sp-before{animation:nx-spbefore 13s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-sp-after{animation:nx-spafter 13s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-sp-pile{position:absolute;left:50%;top:66%;width:60%;aspect-ratio:1.5;transform:translate(-50%,-50%) perspective(700px) rotateX(54deg) rotateZ(-6deg);transform-style:preserve-3d}
.nx-scope .nx-pc{position:absolute;width:56%;aspect-ratio:85/55;border-radius:2px;background:var(--b);box-shadow:0 .5px 0 rgba(0,0,0,.18),0 2px 3px rgba(60,40,10,.18),0 8px 14px -6px rgba(60,40,10,.25);overflow:hidden}
.nx-scope .nx-pc::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 45%,rgba(0,0,0,.05))}
.nx-scope .nx-pc i{position:absolute;display:block;border-radius:1px}
.nx-scope .nx-pc .nx-lg{left:9%;top:16%;width:16%;aspect-ratio:1;background:var(--a);border-radius:var(--lr,2px)}
.nx-scope .nx-pc .nx-l1{left:31%;top:20%;width:42%;height:7%;background:var(--t)}
.nx-scope .nx-pc .nx-l2{left:31%;top:33%;width:28%;height:5%;background:var(--t);opacity:.55}
.nx-scope .nx-pc .nx-l3{left:9%;bottom:16%;width:50%;height:4.5%;background:var(--t);opacity:.45;box-shadow:0 -9px 0 0 var(--t)}
.nx-scope .nx-pc .nx-st{left:0;right:0;bottom:0;height:12%;background:var(--a)}
.nx-scope .nx-pc.nx-dog{clip-path:polygon(0 0,100% 0,100% 82%,88% 100%,0 100%)}
.nx-scope .nx-vlabel.nx-va{opacity:0;animation:nx-labafter 13s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-vlabel.nx-vb{animation:nx-labbefore 13s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-hand-nfc{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.nx-scope .nx-plq{position:absolute;left:9%;top:14%;width:33%;aspect-ratio:1;container-type:inline-size;border-radius:4%;background:linear-gradient(155deg,#e2343a,#d7262d 60%,#c51d24);color:#fff;
  display:grid;justify-items:center;align-content:start;font-family:var(--font-b);box-shadow:0 18px 30px -18px rgba(70,0,0,.6),inset 0 0 0 4px rgba(255,255,255,.18);transform:perspective(600px) rotateY(10deg)}
.nx-scope .nx-plq::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent 35%,transparent 70%,rgba(255,255,255,.12));pointer-events:none}
.nx-scope .nx-plq img{width:42%;height:auto;margin-top:12cqw}
.nx-scope .nx-plq-panel{position:relative;margin-top:9cqw;width:66%;height:26cqw;border-radius:9cqw;background:#fff;color:#d7262d;display:flex;align-items:center;justify-content:space-around;padding-inline:6cqw;box-shadow:0 1.4cqw 0 #8c1a1f}
.nx-scope .nx-plq-panel canvas{width:16cqw;height:16cqw}
.nx-scope .nx-plq-panel span{font-weight:800;font-size:3.6cqw;text-transform:uppercase}
.nx-scope .nx-plq-panel .nx-hand-nfc{width:18cqw;height:auto}
.nx-scope .nx-plq-stars{position:absolute;left:50%;top:-8cqw;width:18cqw;translate:-50% 0}
.nx-scope .nx-plq-s{margin-top:7cqw;font:400 8cqw/1 "Kaushan Script","Brush Script MT",cursive}
.nx-scope .nx-plq-t{margin-top:2cqw;font-size:3.5cqw;text-transform:uppercase;letter-spacing:.02em}
.nx-scope .nx-chev{position:absolute;right:9%;bottom:11%;width:37%;perspective:700px}
.nx-scope .nx-chev-face{position:relative;aspect-ratio:10.5/14.8;container-type:inline-size;border-radius:2.5%;background:linear-gradient(160deg,#4a4a4d,#3b3b3e 55%,#333336);color:#cbb685;
  transform:rotateX(9deg) rotateY(-16deg);transform-origin:50% 100%;display:grid;justify-items:center;align-content:start;font-family:var(--font-b);
  box-shadow:0 30px 40px -24px rgba(0,0,0,.6),inset 0 0 0 3px rgba(255,255,255,.06);animation:nx-chev 8s ease-in-out infinite}
.nx-scope .nx-chev-face::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 30%,transparent 65%,rgba(255,255,255,.07));pointer-events:none}
.nx-scope .nx-ch-panel .nx-hand-nfc{width:26cqw;height:auto}
.nx-scope .nx-chev-base{height:7%;margin-top:-1px;background:linear-gradient(#3a3a3d,#2a2a2c);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);transform:translateX(-3%) skewX(-14deg);box-shadow:0 10px 18px rgba(0,0,0,.3)}
.nx-scope .nx-feedv .nx-toast{top:auto;bottom:6%;left:5%;right:auto;z-index:2;max-width:46%}
.nx-scope .nx-feedv .nx-toast.nx-t2{display:none}
@media (max-width:560px){
  .nx-scope .nx-feedv .nx-toast{font-size:.72rem}
}
.nx-scope .nx-sp-front{background:linear-gradient(160deg,#3b74f0,#2563eb 55%,#1d4fd0)!important;box-shadow:0 36px 60px -28px rgba(20,40,120,.55),0 0 0 1px rgba(255,255,255,.08) inset!important}
.nx-scope .nx-sp-tile{box-shadow:-1.4cqw 1.4cqw 0 #173c9e!important}
.nx-scope .nx-sp-word{font:800 14cqw/1 var(--font-b);letter-spacing:.06em;margin-top:5cqw}
.nx-scope .nx-sp-ill{width:9cqw!important}
.nx-scope .nx-sp-tile .nx-hand-nfc{width:74%;color:#151713}
.nx-scope .nx-chev-face.nx-wh{background:linear-gradient(160deg,#ffffff,#f3f3f1 60%,#e9e9e6);color:#1a1a1a;box-shadow:0 30px 40px -24px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.06)}
.nx-scope .nx-chev-face.nx-wh::after{background:linear-gradient(115deg,rgba(255,255,255,.6),transparent 30%,transparent 70%,rgba(0,0,0,.04))}
.nx-scope .nx-wh-head{display:flex;align-items:center;gap:2.5cqw;margin-top:10cqw;padding-inline:7cqw;font-size:6.6cqw;line-height:1.1;font-weight:500;letter-spacing:-.01em}
.nx-scope .nx-wh-head .nx-cl{width:15cqw;height:auto;flex:none}
.nx-scope .nx-wh-head .nx-hand-nfc{width:24cqw;height:auto;flex:none;color:#1a1a1a}
.nx-scope .nx-wh-mid{display:flex;align-items:center;justify-content:center;gap:7cqw;margin-top:9cqw;width:100%}
.nx-scope .nx-wh-mid .nx-gg{width:38cqw;height:auto}
.nx-scope .nx-wh-mid canvas{width:30cqw;height:30cqw;border-radius:1.5cqw;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.nx-scope .nx-wh-rev{margin-top:9cqw;text-align:center;font-size:7cqw;line-height:1.1;font-weight:500;padding-inline:8cqw}
.nx-scope .nx-wh-rev b{display:inline-block;font-weight:600;letter-spacing:-.02em}
.nx-scope .nx-wh-rev b i{font-style:normal}
.nx-scope .nx-wh-stars{margin-top:6cqw;display:flex;gap:2.6cqw;color:#f0a02a;font-size:10cqw;line-height:1}
.nx-scope .nx-wh-stars i{font-style:normal;display:inline-block;animation:nx-pop 4s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-wh-stars i:nth-child(2){animation-delay:.12s}
.nx-scope .nx-wh-stars i:nth-child(3){animation-delay:.24s}
.nx-scope .nx-wh-stars i:nth-child(4){animation-delay:.36s}
.nx-scope .nx-wh-stars i:nth-child(5){animation-delay:.48s}
.nx-scope .nx-chev:has(.nx-wh) .nx-chev-base{background:linear-gradient(#f2f2ef,#d9d9d4);height:9%}
.nx-scope .nx-shop{background:#e6ddcf}
.nx-scope .nx-shop::before,.nx-scope .nx-shop::after{display:none}
.nx-scope .nx-shop-wall{position:absolute;inset:0 0 50%;background:linear-gradient(180deg,#efe7da,#e3d8c6)}
.nx-scope .nx-shop-top{position:absolute;left:0;right:0;top:50%;height:34%;background:var(--wood,linear-gradient(#caa57a,#b98d5f)) center/120% auto,#c49a6c;box-shadow:inset 0 14px 18px -10px rgba(60,35,10,.45)}
.nx-scope .nx-shop-top::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(40,20,5,.28),rgba(255,240,220,.08) 60%,rgba(255,240,220,.15))}
.nx-scope .nx-shop-front{position:absolute;left:0;right:0;bottom:0;height:16%;background:repeating-linear-gradient(90deg,#4a3b2e 0 22px,#3f3227 22px 24px);box-shadow:inset 0 3px 0 #2a2019,inset 0 6px 10px rgba(0,0,0,.35)}
.nx-scope .nx-shop .nx-sp-pile{left:48%;top:67%;width:58%;transform:translate(-50%,-50%) perspective(700px) rotateX(58deg) rotateZ(-5deg)}
.nx-scope .nx-pc{container-type:inline-size;font-family:var(--font-b);color:var(--t)}
.nx-scope .nx-pc .nx-n{position:absolute;left:var(--nx,34%);top:var(--ny,22%);font-weight:800;font-size:8.6cqw;line-height:1.05;letter-spacing:-.01em;white-space:nowrap}
.nx-scope .nx-pc .nx-j{position:absolute;left:var(--nx,34%);top:calc(var(--ny,22%) + 13%);font-size:6cqw;opacity:.75;white-space:nowrap}
.nx-scope .nx-pc .nx-ph{position:absolute;left:var(--nx,34%);bottom:12%;font:600 5.6cqw/1.35 var(--font-m);opacity:.8;white-space:nowrap}
.nx-scope .nx-pc.nx-ctr .nx-n,.nx-scope .nx-pc.nx-ctr .nx-j,.nx-scope .nx-pc.nx-ctr .nx-ph{left:0;right:0;text-align:center}
.nx-scope .nx-pc .nx-lg2{position:absolute;left:8%;top:20%;width:19%;aspect-ratio:1;border-radius:var(--lr,3px);background:var(--a);display:grid;place-items:center;color:var(--b);font:800 9cqw/1 var(--font-b)}
.nx-scope .nx-pc.nx-ser .nx-n{font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.06em}
.nx-scope .nx-pc .nx-bd{position:absolute;left:0;right:0;bottom:0;height:9%;background:var(--a)}
.nx-scope .nx-sp-stuck{position:absolute;left:50%;top:66%;width:44%;transform:translate(-50%,-50%) perspective(800px) rotateX(46deg) rotateZ(-4deg);transform-style:preserve-3d}
.nx-scope .nx-sp-stuck .nx-sp-front{position:relative;inset:auto;right:auto;top:auto;width:100%;transform:none;animation:none;box-shadow:0 2px 2px rgba(0,0,0,.25),0 10px 18px -8px rgba(10,20,60,.5)}
.nx-scope .nx-sp-phone{position:absolute;left:55%;top:33%;width:10.5%;z-index:3;aspect-ratio:9/18;border-radius:14px;background:#15171b;box-shadow:0 0 0 2px #2b2e35 inset,0 24px 30px -14px rgba(0,0,0,.6);animation:nx-sptap 4s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:50% 100%}
.nx-scope .nx-sp-phone span{position:absolute;inset:6%;border-radius:10px;background:radial-gradient(circle at 50% 30%,#fff 0 13%,transparent 14%),linear-gradient(#fff,#fff) 50% 52%/60% 5% no-repeat,linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)) 50% 60%/44% 4% no-repeat,linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)) 50% 74%/70% 9% no-repeat,linear-gradient(160deg,#3b74f0,#1d4fd0)}
.nx-scope .nx-sp-tag{position:absolute;left:50%;bottom:19%;translate:-50% 0;font:500 .66rem/1 var(--font-m);letter-spacing:.1em;text-transform:uppercase;background:#f6f1e7;color:#3b3127;padding:7px 10px;border-radius:999px;box-shadow:0 6px 14px -8px rgba(0,0,0,.4);white-space:nowrap}
@media (max-width:560px){
  .nx-scope .nx-tpe{width:14%}
  .nx-scope .nx-sp-stuck{width:52%}
}
.nx-scope .nx-shop .nx-vlabel{z-index:4}
.nx-scope .nx-stats{margin-top:clamp(56px,8vw,96px);border:1px solid var(--line);border-radius:clamp(22px,3vw,32px);padding:clamp(22px,4vw,44px);display:grid;gap:28px;background:var(--bg)}
.nx-scope .nx-stats-head{display:grid;gap:12px;max-width:70ch}
.nx-scope .nx-stats-head p{color:var(--ink-2)}
.nx-scope .nx-stats-body{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(20px,3vw,36px);align-items:start}
.nx-scope .nx-m-zone{fill:var(--accent);fill-opacity:.05;stroke:var(--accent);stroke-width:1.6;stroke-dasharray:6 6;vector-effect:non-scaling-stroke}
.nx-scope .nx-map-tag{position:absolute;left:12px;bottom:12px;font:500 .68rem/1 var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--bg);padding:6px 9px;border-radius:999px}
.nx-scope .nx-rank{display:grid;gap:14px;min-width:0}
.nx-scope .nx-rank-total b{font:800 clamp(2.4rem,5vw,3.4rem)/1 var(--font-d);letter-spacing:-.04em;display:block}
.nx-scope .nx-rank-total span{color:var(--ink-2);font-size:.92rem}
.nx-scope .nx-srows{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.nx-scope .nx-srow{display:grid;grid-template-columns:minmax(0,1fr) 1.1fr auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;cursor:default;transition:background .2s}
.nx-scope .nx-srow.nx-hl,.nx-scope .nx-srow:hover{background:var(--surface-2)}
.nx-scope .nx-sl{font-size:.92rem;min-width:0;overflow-wrap:anywhere}
.nx-scope .nx-sb{height:10px;border-radius:0 4px 4px 0;background:transparent;position:relative}
.nx-scope .nx-sb i{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--accent)}
.nx-scope .nx-sv{font:600 .9rem/1 var(--font-m);font-variant-numeric:tabular-nums;min-width:2ch;text-align:right}
.nx-scope .nx-rank-note{font:500 .7rem/1.4 var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
@media (max-width:860px){
  .nx-scope .nx-stats-body{grid-template-columns:1fr}
}
.nx-scope .nx-gmap{background:#f2f1ed;border-color:#dadce0}
.nx-scope .nx-gmap .nx-m-zone{fill:#1a73e8;fill-opacity:.06;stroke:#1a73e8}
.nx-scope .nx-gpin{position:absolute;translate:-50% -100%;display:flex;align-items:flex-start;gap:4px;background:none;border:0;padding:0;cursor:pointer;font-family:Arial,var(--font-b),sans-serif;z-index:1;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.nx-scope .nx-gpin .nx-drop{position:relative;width:30px;height:38px;flex:none;display:grid;place-items:start center;padding-top:6px;color:#fff;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.nx-scope .nx-gpin .nx-drop::before{content:"";position:absolute;inset:0;background:#ea4335;clip-path:path("M15 38C15 38 0 22.5 0 14.5A15 15 0 0 1 30 14.5C30 22.5 15 38 15 38Z")}
.nx-scope .nx-gpin .nx-gi{position:relative;width:17px;height:17px}
.nx-scope .nx-gpin .nx-glab{margin-top:4px;text-align:left;line-height:1.15;text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 3px #fff,0 0 4px #fff;white-space:nowrap}
.nx-scope .nx-gpin .nx-glab b{display:block;font-size:.74rem;color:#c5221f;font-weight:700}
.nx-scope .nx-gpin .nx-glab em{font-style:normal;font-size:.68rem;color:#3c4043;font-weight:700}
.nx-scope .nx-gpin.nx-left{flex-direction:row-reverse}
.nx-scope .nx-gpin.nx-left .nx-glab{text-align:right}
.nx-scope .nx-gpin.nx-left{translate:calc(-100% + 15px) -100%}
.nx-scope .nx-gpin:not(.nx-left){translate:-15px -100%}
.nx-scope .nx-gpin.nx-hl,.nx-scope .nx-gpin:hover,.nx-scope .nx-gpin:focus-visible{transform:translateY(-4px) scale(1.08);z-index:2}
.nx-scope .nx-gpin.nx-hl .nx-drop::before,.nx-scope .nx-gpin:hover .nx-drop::before{background:#b31412}
.nx-scope .nx-gzoom{position:absolute;right:10px;bottom:10px;display:grid;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.3);overflow:hidden}
.nx-scope .nx-gzoom i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;color:#666;font:400 1.1rem/1 Arial,sans-serif}
.nx-scope .nx-gzoom i+i{border-top:1px solid #e6e6e6}
.nx-scope .nx-gmap .nx-map-tag{color:#1a73e8;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.nx-scope .nx-sl{display:flex;align-items:center;gap:10px}
.nx-scope .nx-sic{flex:none;width:28px;height:28px;border-radius:50%;background:#ea4335;color:#fff;display:grid;place-items:center}
.nx-scope .nx-sic .nx-si{width:16px;height:16px}
@media (max-width:560px){
  .nx-scope .nx-gpin .nx-glab b{font-size:.62rem}
  .nx-scope .nx-gpin .nx-glab em{font-size:.58rem}
  .nx-scope .nx-gpin .nx-drop{width:24px;height:31px;padding-top:4px}
  .nx-scope .nx-gpin .nx-drop::before{clip-path:path("M12 31C12 31 0 18.5 0 12A12 12 0 0 1 24 12C24 18.5 12 31 12 31Z")}
  .nx-scope .nx-gpin .nx-gi{width:14px;height:14px}
  .nx-scope .nx-gpin:not(.nx-left){translate:-12px -100%}
  .nx-scope .nx-gpin.nx-left{translate:calc(-100% + 12px) -100%}
}
.nx-scope .nx-flip{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.nx-scope .nx-bc .nx-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(260px circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.28),transparent 60%);opacity:0;transition:opacity .3s;mix-blend-mode:soft-light}
.nx-scope .nx-flip:hover .nx-bc .nx-glare{opacity:1}
@media (hover:none){
  .nx-scope .nx-flip{transform:none}
  .nx-scope .nx-flip:hover .nx-flip-in{transform:none}
  .nx-scope .nx-flip.nx-on .nx-flip-in{transform:rotateY(180deg)}
  .nx-scope .nx-flip:hover .nx-bc::after,.nx-scope .nx-flip:hover .nx-bc .nx-glare{opacity:0}
}
.nx-scope .nx-chev{right:10%;bottom:13%;width:33%;perspective:1000px;perspective-origin:20% -20%}
.nx-scope .nx-chev-3d{position:relative;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-32deg);animation:nx-chevturn 10s ease-in-out infinite}
.nx-scope .nx-chev .nx-chev-face{transform-origin:50% 100%;transform:rotateX(8deg);animation:none;border-radius:3%/2.2%}
.nx-scope .nx-chev-foot{position:absolute;left:0;right:0;bottom:0;aspect-ratio:10.5/6;transform-origin:50% 100%;transform:rotateX(90deg);border-radius:0 0 4% 4%/0 0 7% 7%;background:linear-gradient(0deg,#f4f4f1,#dcdcd7 70%,#cfcfca)}
.nx-scope .nx-chev-foot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(#e9e9e5,#fff)}
.nx-scope .nx-chev-shadow{position:absolute;left:-14%;right:4%;bottom:-6%;height:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(40,30,15,.35),transparent);filter:blur(6px);z-index:-1;transform:skewX(-30deg)}
.nx-scope .nx-shop-wall svg{position:absolute;inset:0;width:100%;height:100%}
.nx-scope .nx-shop-top{top:50%;height:24%}
.nx-scope .nx-shop-front.nx-vitrine{height:26%;background:none;box-shadow:0 -2px 0 #2a2019}
.nx-scope .nx-shop-front.nx-vitrine svg{width:100%;height:100%;display:block}
.nx-scope .nx-shop .nx-plant,.nx-scope .nx-shop .nx-tpe{display:none}
.nx-scope .nx-shop .nx-sp-pile{left:44%;top:62%;width:60%}
.nx-scope .nx-shop .nx-sp-stuck{top:63%;left:44%;width:40%}
.nx-scope .nx-shop .nx-sp-phone{left:46%;top:32%}
.nx-scope .nx-shop .nx-sp-tag{left:auto;right:5%;translate:none;bottom:28%}
.nx-scope .nx-shop{background:#2a1d12}
.nx-scope .nx-shop-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nx-scope .nx-shop .nx-sp-pile{left:36%;top:79%;width:50%;transform:translate(-50%,-50%) perspective(700px) rotateX(60deg) rotateZ(-5deg)}
.nx-scope .nx-shop .nx-sp-pile::before{content:"";position:absolute;left:6%;top:8%;width:80%;height:62%;border-radius:50%;background:radial-gradient(closest-side,rgba(45,25,8,.5),rgba(45,25,8,.18) 60%,transparent 100%);filter:blur(7px);transform:translateZ(-1px)}
.nx-scope .nx-shop .nx-pc{box-shadow:0 0 0 .6px rgba(0,0,0,.3),0 1px 1.5px rgba(40,25,5,.35)}
.nx-scope .nx-shop .nx-pc::after{background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 45%,rgba(0,0,0,.05)),rgba(0,0,0,var(--sh,0))}
.nx-scope .nx-shop .nx-sp-stuck{left:40.8%;top:30.3%;width:21%;transform:translate(-50%,-50%)}
.nx-scope .nx-shop .nx-sp-stuck .nx-sp-front{box-shadow:0 1px 1px rgba(0,0,0,.5),0 6px 12px -4px rgba(0,0,0,.6)!important}
.nx-scope .nx-shop .nx-sp-phone{left:40.5%;top:33%;width:8%}
.nx-scope .nx-shop .nx-sp-phone{left:41%;top:31%;width:15%;aspect-ratio:9/19.5;background:none;box-shadow:none;border-radius:0;container-type:inline-size;transform-origin:50% 0;animation:nx-sppmove 13s cubic-bezier(.2,.8,.2,1) infinite;filter:drop-shadow(0 8px 6px rgba(0,0,0,.5)) drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.nx-scope .nx-spp-body{position:absolute;inset:0;border-radius:15cqw;padding:1.3cqw;background:linear-gradient(140deg,#cfd3d9,#757a82 24%,#3b3e45 50%,#82878f 76%,#c3c7cd)}
.nx-scope .nx-spp-screen{position:relative;width:100%;height:100%;box-sizing:border-box;border:2.2cqw solid #050507;border-radius:13.6cqw;background:#000;overflow:hidden}
.nx-scope .nx-spp-screen::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.17),transparent 38%)}
.nx-scope .nx-spp-card{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform-origin:50% 14%;animation:nx-sppcard 13s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-spp-lock{position:absolute;inset:0;background:radial-gradient(120% 70% at 25% 8%,#3d6bff,transparent 62%),linear-gradient(170deg,#101c4d,#171127 60%,#2b133c);animation:nx-spplock 13s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-spp-time{position:absolute;left:0;right:0;top:19cqw;text-align:center;color:#fff;font:600 17cqw/1 var(--font-b);letter-spacing:-.02em}
.nx-scope .nx-spp-ban{position:absolute;left:5cqw;right:5cqw;top:-24cqw;height:17cqw;border-radius:5.5cqw;background:rgba(255,255,255,.93);display:flex;align-items:center;gap:3cqw;padding-inline:3cqw;box-shadow:0 2cqw 4cqw rgba(0,0,0,.25);animation:nx-sppban 13s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-spp-ban i{flex:none;width:10cqw;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 45deg,#1fb6ff,#1a5cf0,#1fb6ff)}
.nx-scope .nx-spp-ban u{flex:1;height:7cqw;border-radius:2cqw;background:linear-gradient(#9aa0aa,#9aa0aa) 0 18%/78% 22% no-repeat,linear-gradient(#c3c7cf,#c3c7cf) 0 78%/100% 22% no-repeat;text-decoration:none}
.nx-scope .nx-spp-island{position:absolute;left:50%;top:3.4cqw;translate:-50% 0;width:29cqw;height:8.2cqw;border-radius:99px;background:#000;z-index:2}
.nx-scope .nx-spp-btn{position:absolute;width:1.3cqw;border-radius:1px;background:linear-gradient(#979ca4,#4c5058)}
.nx-scope .nx-spp-b1{left:-.9cqw;top:21cqw;height:6cqw}
.nx-scope .nx-spp-b2{left:-.9cqw;top:31cqw;height:10cqw}
.nx-scope .nx-spp-b3{right:-.9cqw;top:30cqw;height:15cqw}
.nx-scope .nx-shop .nx-sp-tag{left:55%;right:auto;top:24%;bottom:auto;translate:none}
.nx-scope .nx-feedv{background:#3a2a1a}
.nx-scope .nx-feedv::before,.nx-scope .nx-feedv::after{display:none}
.nx-scope .nx-feed-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nx-scope .nx-fd-q{position:absolute;left:0;top:0;transform-origin:0 0;z-index:2}
.nx-scope .nx-fd-q:not([data-ready]){visibility:hidden}
.nx-scope .nx-fd-in{width:100%;height:100%;transform-origin:50% 100%}
.nx-scope .nx-fd-in .nx-plq{position:relative;left:auto;top:auto;width:100%;height:100%;box-shadow:0 0 0 .6px rgba(0,0,0,.45),0 2px 3px rgba(0,0,0,.5)}
.nx-scope .nx-fd-in .nx-chev-face{width:100%;box-shadow:0 0 0 .5px rgba(60,40,20,.35),inset 0 0 0 1px rgba(0,0,0,.05)}
.nx-scope .nx-fd-grp{position:absolute;inset:0;z-index:2;animation:nx-fdgrp 12s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-fd-foot{background:linear-gradient(0deg,#d9d9d4,#fbfbf9);box-shadow:0 0 9px 3px rgba(30,16,4,.6)}
.nx-scope .nx-fd-foot2{background:linear-gradient(90deg,#bdbdb7,#8f8f89)}
.nx-scope .nx-fd-shadow{position:absolute;left:27.5%;top:67.4%;width:22%;height:3%;border-radius:50%;z-index:1;background:radial-gradient(closest-side,rgba(30,16,4,.78),rgba(40,22,6,.28) 60%,transparent);filter:blur(2.5px);transform-origin:20% 50%;animation:nx-fdsh 12s cubic-bezier(.2,.8,.2,1) infinite}
.nx-scope .nx-fd-plaque .nx-fd-in{transform-origin:50% 50%;animation:nx-fdstick 12s cubic-bezier(.2,.8,.2,1) infinite}
@media (prefers-reduced-motion: reduce){
  .nx-scope .nx-fd-in,.nx-scope .nx-fd-grp,.nx-scope .nx-fd-shadow{animation:none!important}
}
.nx-scope .nx-pc.nx-top{background:#fff;color:#1d2b4a}
.nx-scope .nx-pc.nx-top .nx-tl{position:absolute;left:0;top:0;bottom:0;width:34%;background:linear-gradient(160deg,#1d2b4a,#13203a);display:grid;place-items:center;align-content:center;gap:4%;color:#c9a65a}
.nx-scope .nx-pc.nx-top .nx-tl svg{width:42%;height:auto}
.nx-scope .nx-pc.nx-top .nx-tl span{font:700 5.5cqw/1 Georgia,serif;letter-spacing:.12em}
.nx-scope .nx-pc.nx-top .nx-tn{position:absolute;left:40%;top:16%;font:700 8cqw/1.1 Georgia,"Times New Roman",serif;color:#1d2b4a;white-space:nowrap}
.nx-scope .nx-pc.nx-top .nx-tj{position:absolute;left:40%;top:33%;font-size:5.4cqw;color:#c9a65a;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.nx-scope .nx-pc.nx-top .nx-tc{position:absolute;left:40%;bottom:14%;display:grid;gap:3%;font:600 5cqw/1.4 var(--font-m);color:#33415e;white-space:nowrap}
.nx-scope .nx-pc.nx-top .nx-tline{position:absolute;left:40%;top:47%;width:22%;height:1.5%;background:#c9a65a}
/* animations */
@keyframes nx-chev{50%{transform:rotateX(9deg) rotateY(-10deg)}}
@keyframes nx-chevturn{50%{transform:rotateX(-12deg) rotateY(-20deg)}}
@keyframes nx-fdgrp{0%,8%{opacity:0;transform:translateY(-14%)}14%{opacity:1;transform:translateY(0)}17%{transform:translateY(-1.8%)}20%,88%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-3%)}}
@keyframes nx-fdsh{0%,10%{opacity:0;transform:scale(.4)}15%,88%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes nx-fdstick{0%,24%{opacity:0;transform:translate(-16%,-12%) scale(1.25)}31%{opacity:1;transform:scale(1.03)}34%{transform:scale(.985)}37%,88%{opacity:1;transform:none}94%,100%{opacity:0;transform:scale(1.04)}}
@keyframes nx-labafter{0%,46%{opacity:0}52%,90%{opacity:1}96%,100%{opacity:0}}
@keyframes nx-labbefore{0%,40%{opacity:1}46%,94%{opacity:0}100%{opacity:1}}
@keyframes nx-pop{0%,8%{transform:scale(1)}14%{transform:scale(1.45)}22%,100%{transform:scale(1)}}
@keyframes nx-sheen{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
@keyframes nx-spafter{0%,42%{opacity:0;transform:translateY(-16px)}52%,90%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes nx-spbefore{0%,36%{opacity:1;transform:none}46%,94%{opacity:0;transform:translateY(14px) scale(.98)}100%{opacity:1;transform:none}}
@keyframes nx-spfloat{50%{transform:rotate(-4deg) translateY(-8px)}}
@keyframes nx-sppban{0%,60%{top:-24cqw;opacity:0}63.5%,67%{top:36cqw;opacity:1}69%,100%{top:-24cqw;opacity:0}}
@keyframes nx-sppcard{0%,66%{opacity:0;transform:scale(.55) translateY(-6%)}71%{opacity:1;transform:none}86%{opacity:1;transform:none}88.5%,100%{opacity:0}}
@keyframes nx-spplock{0%,66%{opacity:1}69%,100%{opacity:0}}
@keyframes nx-sppmove{0%,53%{opacity:0;transform:translate(26%,46%) rotate(16deg) scale(1.08)}58%{opacity:1;transform:translate(10%,14%) rotate(11deg) scale(1.04)}61%,86%{opacity:1;transform:translate(0,0) rotate(6deg) scale(1)}62.5%{transform:translate(0,-2.5%) rotate(6deg) scale(1)}64%{transform:translate(0,0) rotate(6deg) scale(1)}89%,100%{opacity:0;transform:translate(24%,40%) rotate(14deg) scale(1.06)}}
@keyframes nx-spring{0%,40%{scale:.6;opacity:0}48%{opacity:.9}80%,100%{scale:1.9;opacity:0}}
@keyframes nx-sptap{0%,15%{transform:translate(40%,-30%) rotate(18deg);opacity:0}30%{opacity:1}45%,62%{transform:translate(0,22%) rotate(8deg);opacity:1}85%,100%{transform:translate(40%,-30%) rotate(18deg);opacity:0}}
@keyframes nx-toast{0%,20%{opacity:0;transform:translateY(-12px) scale(.96)}28%,80%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-6px)}}

/* Après les rendus portés (même spécificité) : */
/* Sur un écran étroit, FEED et SPOT passent sur une colonne, le texte d'abord. */
@media (max-width: 860px) { .nx-scope .nx-product { grid-template-columns: 1fr; } .nx-scope .nx-product.nx-rev .nx-copy { order: 0; } }