/* NURUSTOCK — page d'accueil v2 « Votre commerce, en clair. »
   Préfixe nh- : n'interfère pas avec site.css ni wapilia-theme-v1.css. */

@font-face{font-family:"Inter";src:url("fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/Inter-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url("fonts/InterDisplay-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Display";src:url("fonts/InterDisplay-SemiBoldItalic.woff2") format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Inter Display";src:url("fonts/InterDisplay-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

.nh{
  --w950:var(--wine-950,#35101d);--w900:var(--wine-900,#4c1328);--w800:var(--wine-800,#64162f);--w700:var(--wine-700,#7f1d3a);
  --w600:var(--wine-600,#982747);--w500:var(--wine-500,#b13a5a);--w100:var(--wine-100,#f7dfe7);--w50:var(--wine-50,#fdf4f7);
  --iv:var(--ivory,#fffdf8);--nk:#1d1719;--mut:var(--muted,#665a60);--ln:var(--line,#e8e1e3);
  --disp:"Inter Display","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --sh1:0 1px 2px #34101d0a,0 8px 24px #34101d10;
  --sh2:0 2px 6px #34101d0d,0 30px 70px #34101d1f;
  font-family:var(--body);color:var(--nk);overflow-x:clip;
}
.nh *,.nh *::before,.nh *::after{box-sizing:border-box}
.nh-wrap{width:100%;max-width:1380px;margin-inline:auto;padding-inline:clamp(20px,4vw,30px)}
.nh-section{padding-block:clamp(72px,10vw,128px)}
.nh-center{text-align:center;max-width:760px;margin-inline:auto}

/* ---------- typographie ---------- */
.nh-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--w700);background:var(--w50);border:1px solid #efd6df;border-radius:999px;padding:8px 14px;margin-bottom:22px}
.nh-eyebrow--dark{background:#ffffff12;border-color:#ffffff24;color:#f2b6c8}
.nh-pulse{width:8px;height:8px;border-radius:50%;background:var(--w500);box-shadow:0 0 0 0 #b13a5a66;animation:nh-pulse 2.2s infinite}
@keyframes nh-pulse{70%{box-shadow:0 0 0 10px #b13a5a00}100%{box-shadow:0 0 0 0 #b13a5a00}}
.nh-display,.nh-h2{font-family:var(--disp);font-weight:600;letter-spacing:-.035em;line-height:1.02;margin:0;color:var(--nk)}
.nh-display{font-size:clamp(46px,5.6vw,80px)}
.nh-display .nh-nw{white-space:nowrap}
.nh-h2{font-size:clamp(34px,4.6vw,62px);line-height:1.05}
.nh-display em,.nh-h2 em{font-style:italic;color:var(--w700);font-weight:600}
.nh-lead{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:var(--mut);max-width:560px;margin:26px 0 0}
.nh-p{font-size:17px;line-height:1.65;color:var(--mut);margin:22px 0 0;max-width:520px}
.nh-center .nh-p{margin-inline:auto}
.nh-fine{font-size:13.5px;line-height:1.55;color:#7a6d73;margin:18px 0 0}
.nh-fine--c{text-align:center}
.nh-fine a,.nh-link{color:var(--w700);font-weight:600;text-decoration:none;border-bottom:1px solid #7f1d3a44}
.nh-fine a:hover,.nh-link:hover{border-color:var(--w700)}

/* ---------- boutons ---------- */
.nh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;font:700 16px/1 var(--body);text-decoration:none;cursor:pointer;border:0;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s}
.nh-btn span{transition:transform .25s var(--ease)}
.nh-btn:hover span{transform:translate(2px,-2px)}
.nh-btn:focus-visible{outline:3px solid #b13a5a66;outline-offset:3px}
.nh-btn--primary{color:#fff;background:linear-gradient(135deg,var(--w600),var(--w700) 55%,var(--w800));box-shadow:0 10px 24px #7f1d3a3d,inset 0 1px 0 #ffffff33}
.nh-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px #7f1d3a52,inset 0 1px 0 #ffffff33}
.nh-btn--ghost{color:var(--nk);background:#fff;box-shadow:inset 0 0 0 1px var(--ln)}
.nh-btn--ghost:hover{box-shadow:inset 0 0 0 1px #d6c3ca;transform:translateY(-2px)}
.nh-btn--ghost:hover span{transform:translateY(2px)}
.nh-btn--light{color:var(--w950);background:var(--iv);box-shadow:0 14px 34px #0000002e}
.nh-btn--light:hover{transform:translateY(-2px)}
.nh-btn--wide{width:100%}
.nh-btn--lg{min-height:62px;padding:0 34px;font-size:18px}
.nh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

/* ---------- apparitions au défilement ---------- */
.nh-reveal.is-in{animation:nh-reveal-in .8s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes nh-reveal-in{from{opacity:0;transform:translateY(26px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}

/* ---------- HERO ---------- */
.nh-hero{position:relative;padding-block:clamp(44px,7vw,96px) clamp(80px,9vw,120px);background:linear-gradient(180deg,var(--iv),#fdf3f2 70%,var(--iv));isolation:isolate}
.nh-glow{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none}
.nh-glow--a{width:620px;height:620px;right:-160px;top:-180px;background:radial-gradient(circle,#b13a5a40,#b13a5a00 70%);animation:nh-float 18s ease-in-out infinite alternate}
.nh-glow--b{width:560px;height:560px;left:-220px;bottom:-200px;background:radial-gradient(circle,#f6c9d6cc,#f7dfe700 70%);animation:nh-float 22s ease-in-out infinite alternate-reverse}
@keyframes nh-float{to{transform:translate(-60px,50px) scale(1.1)}}
.nh-hero__grid{display:grid;gap:clamp(48px,6vw,72px);align-items:center}
.nh-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:28px 0 0}
.nh-trust li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#4a3f44}
.nh-trust svg{width:20px;height:20px;flex:none;padding:3px;border-radius:50%;background:var(--w100);stroke:var(--w700);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* scène de démonstration */
.nh-stage{position:relative;padding:22px 0 46px;--sc:1}
.nh-app{position:relative;display:grid;grid-template-columns:62px 1fr;min-height:400px;border-radius:24px;background:#fbf7f5;box-shadow:var(--sh2),0 0 0 1px #34101d0f;overflow:hidden}
.nh-app__side{background:linear-gradient(180deg,#3a1420,#2a1118 60%,#22100f);padding:16px 10px;display:flex;flex-direction:column;gap:6px;position:relative}
.nh-app__side::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff05 0 2px,transparent 2px 20px);pointer-events:none}
.nh-app__brand{display:flex;align-items:center;gap:10px;margin:2px 2px 14px}
.nh-app__brand b{display:none;color:#fff;font:700 15px var(--disp);letter-spacing:.02em}
.nh-app__brand i,.nh-phone__brand i{font-style:normal;color:#f2a9c0}
.nh-app__nav{display:flex;align-items:center;justify-content:center;gap:10px;height:38px;border-radius:10px;color:#ffffffb8;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden}
.nh-app__nav svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nh-app__nav.is-on{background:linear-gradient(90deg,#7f1d3af2,#7f1d3a55);color:#fff;box-shadow:inset 3px 0 0 #e77a9c}
.nh-app__nav:not(.is-on) svg+*{display:none}
.nh-app__nav{font-size:0}
.nh-mark{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;color:#fff;font:800 19px/1 var(--disp);background:linear-gradient(150deg,#b23560,#8e2245 45%,#6a1730);box-shadow:inset 0 1px 0 #ffffff55,0 6px 14px #7f1d3a40}
.nh-mark--sm{width:26px;height:26px;font-size:15px;border-radius:8px}
.nh-mark--xl{width:84px;height:84px;font-size:50px;border-radius:24px;margin-bottom:26px;box-shadow:inset 0 2px 0 #ffffff55,0 24px 50px #0000004d}
.nh-app__main{padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.nh-app__head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--mut)}
.nh-app__head b{font-size:11.5px;color:var(--w700);background:var(--w100);padding:5px 10px;border-radius:999px}
.nh-app__h{margin:0;font:700 22px/1.1 var(--disp);letter-spacing:-.02em}
.nh-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nh-kpi{position:relative;border-radius:16px;padding:12px 14px;background:#fff;border:1px solid var(--ln);overflow:hidden}
.nh-kpi small{display:block;font-size:11.5px;font-weight:600;color:var(--mut)}
.nh-kpi strong{display:block;font:700 clamp(21px,2.4vw,27px)/1.15 var(--disp);letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums;transition:color .3s}
.nh-kpi em{font-style:normal;font-size:11px;color:var(--mut)}
.nh-kpi--wine{background:linear-gradient(135deg,#962649,#7f1d3a 55%,#651630);border-color:transparent;color:#fff}
.nh-kpi--wine small,.nh-kpi--wine em{color:#f7dfe7}
.nh-kpi--wine::after{content:"";position:absolute;right:-40px;bottom:-60px;width:130px;height:130px;border-radius:50%;background:#ffffff14}
.nh-kpi.is-bump strong{animation:nh-bump .6s var(--ease)}
@keyframes nh-bump{40%{transform:scale(1.07)}}
.nh-stockrow{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:10px 12px}
.nh-fan{width:42px;height:42px;flex:none;border-radius:12px;background:var(--w100);display:grid;place-items:center}
.nh-fan svg{width:30px;height:32px;fill:none;stroke:var(--w700);stroke-width:7;stroke-linecap:round}
.nh-fan g path{fill:var(--w700);stroke:none}
.nh-fan__blades{transform-origin:60px 52px}
.is-spin .nh-fan__blades{animation:nh-spin .8s linear infinite}
@keyframes nh-spin{to{transform:rotate(360deg)}}
.nh-fan--sm{width:38px;height:38px}
.nh-stockrow__t{display:flex;flex-direction:column;min-width:0;flex:1}
.nh-stockrow__t b{font-size:14px}
.nh-stockrow__t small{font-size:11.5px;color:var(--mut)}
.nh-badge{font:800 12px/1 var(--body);color:#fff;background:var(--w700);border-radius:999px;padding:5px 9px;opacity:0;transform:scale(.6);transition:all .35s var(--ease)}
.is-done .nh-badge{opacity:1;transform:none}
.nh-odo{font:700 30px/1 var(--disp);letter-spacing:-.04em;min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.nh-odo span{display:inline-block}
.nh-odo .is-roll{animation:nh-roll .5s var(--ease)}
@keyframes nh-roll{0%{transform:translateY(-70%);opacity:0;filter:blur(3px)}100%{transform:none;opacity:1}}
.is-done .nh-odo{color:var(--w700)}
.nh-bars{flex:1;min-height:70px;display:flex;align-items:flex-end;gap:8px;padding:12px 12px 0;background:#fff;border:1px solid var(--ln);border-radius:16px}
.nh-bars i{flex:1;height:var(--h);border-radius:6px 6px 0 0;background:linear-gradient(180deg,#e7b3c3,#f3d6df);transition:height .7s var(--ease)}
.nh-bars i:nth-last-child(-n+2){background:linear-gradient(180deg,var(--w600),var(--w700))}
.is-done .nh-bars__last{height:calc(var(--h) + 22%)}

/* fenêtre « Nouvelle vente » */
.nh-modal{position:absolute;left:calc(62px + 8%);right:8%;top:22%;background:#fff;border-radius:18px;padding:16px;box-shadow:0 30px 60px #34101d33,0 0 0 1px #34101d0d;opacity:0;transform:translateY(18px) scale(.96);pointer-events:none;transition:opacity .4s var(--ease),transform .5s var(--ease)}
.is-modal .nh-modal{opacity:1;transform:none}
.nh-modal__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.nh-modal__head b{font:700 17px var(--disp)}
.nh-modal__head span{font-size:11.5px;font-weight:700;color:#fff;background:var(--w700);padding:5px 10px;border-radius:999px}
.nh-modal__row{display:flex;align-items:center;gap:10px;padding:10px 0;border-block:1px solid var(--ln)}
.nh-modal__row span:nth-child(2){display:flex;flex-direction:column;flex:1}
.nh-modal__row b{font-size:14px}.nh-modal__row small{font-size:12px;color:var(--mut)}
.nh-modal__row strong{font:700 16px var(--disp);color:var(--w700);white-space:nowrap}
.nh-modal__btn{position:relative;display:block;width:100%;height:44px;margin-top:12px;border:0;border-radius:12px;background:linear-gradient(135deg,#962649,#7f1d3a 60%,#6a1730);color:#fff;font:700 14px var(--body);overflow:hidden;transition:transform .15s}
.is-press .nh-modal__btn{transform:scale(.97)}
.nh-modal__label,.nh-modal__ok{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .25s,transform .35s var(--ease)}
.nh-modal__ok{background:var(--w950);opacity:0;transform:translateY(100%)}
.nh-modal__ok svg{width:18px;height:18px;fill:none;stroke:#f7dfe7;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.is-ok .nh-modal__ok{opacity:1;transform:none}
.is-ok .nh-modal__label{opacity:0;transform:translateY(-100%)}
.nh-tap{position:absolute;left:50%;bottom:22px;width:56px;height:56px;margin-left:-28px;border-radius:50%;border:3px solid #b13a5a;opacity:0;transform:scale(.3);pointer-events:none}
.is-press .nh-tap{animation:nh-tap .55s var(--ease)}
@keyframes nh-tap{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}

/* téléphone */
.nh-phone{position:absolute;right:-6px;bottom:0;width:clamp(128px,26%,172px);aspect-ratio:9/18.4;border-radius:30px;background:#1f1418;padding:7px;box-shadow:0 30px 60px #1d17194d}
.nh-phone__screen{position:relative;color:var(--nk);height:100%;border-radius:24px;background:#fbf7f5;overflow:hidden;padding:30px 9px 9px;display:flex;flex-direction:column;gap:7px}
.nh-phone__island{position:absolute;left:50%;top:8px;width:46px;height:14px;margin-left:-23px;border-radius:9px;background:#1f1418}
.nh-phone__brand{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.nh-phone__brand b{font:700 11px var(--disp);letter-spacing:.02em}
.nh-phone__brand i{color:var(--w700)}
.nh-pcard{border-radius:12px;background:#fff;border:1px solid var(--ln);padding:8px 9px}
.nh-pcard small{display:block;font-size:9.5px;font-weight:600;color:var(--mut)}
.nh-pcard strong{display:block;font:700 14px/1.2 var(--disp);letter-spacing:-.02em;margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.nh-pcard--wine{background:linear-gradient(135deg,#962649,#7f1d3a 60%,#651630);border-color:transparent;color:#fff}
.nh-pcard--wine small{color:#f7dfe7}
.nh-pskel{height:26px;border-radius:9px;background:#f2ebed}
.nh-pskel--s{width:70%}

/* toast et carte domaine */
.nh-toast{position:absolute;left:-8px;top:0;display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:10px 14px 10px 10px;box-shadow:var(--sh2);opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.is-done .nh-toast{opacity:1;transform:none}
.nh-toast__ic{width:32px;height:32px;border-radius:10px;background:var(--w700);display:grid;place-items:center}
.nh-toast__ic svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.nh-toast b{display:block;font-size:13.5px}.nh-toast small{font-size:11.5px;color:var(--mut)}
.nh-domain{position:absolute;left:8%;bottom:0;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:var(--sh1),0 0 0 1px #34101d0a;animation:nh-bob 6s ease-in-out infinite}
@keyframes nh-bob{50%{transform:translateY(-6px)}}
.nh-domain__ic{width:34px;height:34px;border-radius:10px;background:var(--w50);color:var(--w700);display:grid;place-items:center;font-weight:700}
.nh-domain small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.nh-domain b{font:700 15px var(--disp)}
.nh-stage__note{position:absolute;right:0;bottom:-26px;margin:0;font-size:11.5px;color:#8a7d83}

/* ---------- bandeau défilant ---------- */
.nh-marquee{position:relative;overflow:hidden;border-block:1px solid var(--ln);background:#fff;padding-block:18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.nh-marquee__track{display:flex;gap:14px;width:max-content;animation:nh-marq 46s linear infinite}
.nh-marquee:hover .nh-marquee__track{animation-play-state:paused}
.nh-marquee span{display:inline-flex;align-items:center;gap:14px;white-space:nowrap;font:600 17px var(--disp);color:#4a3f44}
.nh-marquee span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--w500);opacity:.55}
@keyframes nh-marq{to{transform:translateX(-50%)}}

/* ---------- avant / avec ---------- */
.nh-chaos__grid{display:grid;gap:48px;align-items:center}
.nh-switch{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;margin-top:30px;padding:5px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln)}
.nh-switch__b{position:relative;z-index:1;border:0;background:none;padding:12px 20px;border-radius:999px;font:700 14.5px var(--body);color:var(--mut);cursor:pointer;transition:color .3s;white-space:nowrap}
.nh-switch__b[aria-pressed="true"]{color:#fff}
.nh-switch__b:focus-visible{outline:3px solid #b13a5a66}
.nh-switch__pill{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(135deg,var(--w600),var(--w800));box-shadow:0 6px 16px #7f1d3a40;transition:transform .5s var(--ease)}
[data-mode="after"] .nh-switch__pill{transform:translateX(100%)}
.nh-board{position:relative;display:grid;min-height:440px;border-radius:28px;background:radial-gradient(circle at 70% 20%,#f7dfe7aa,transparent 60%),linear-gradient(160deg,#fff,#fbf2f3);box-shadow:inset 0 0 0 1px var(--ln);overflow:hidden}
.nh-notes,.nh-order{list-style:none;margin:0;padding:0}
.nh-notes{grid-area:1/1;position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-content:center;padding:32px}
.nh-notes li{position:relative;min-width:0;overflow-wrap:anywhere;background:#fffef9;border-radius:16px;padding:12px 16px;box-shadow:0 14px 30px #34101d14,0 0 0 1px #34101d0a;transform:rotate(var(--r,0deg));transition:transform .7s var(--ease),opacity .5s,filter .6s;transition-delay:calc(var(--i,0) * 50ms)}
.nh-notes li::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(180deg,transparent 0 21px,#665a6014 21px 22px);pointer-events:none}
.nh-notes b{display:block;font-size:15px}.nh-notes small{font-size:12.5px;color:var(--mut)}
.nh-order{grid-area:1/1;position:relative;margin:22px;display:grid;grid-template-columns:1fr;gap:10px;align-content:center}
.nh-order li{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;background:#fff;border-radius:16px;padding:10px 14px;box-shadow:var(--sh1),0 0 0 1px #34101d0a;opacity:0;transform:translateY(24px) scale(.97);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i,0) * 70ms + .15s)}
.nh-order .nh-ic{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--w100);color:var(--w700);font-weight:700}
.nh-order b{font-size:15px}.nh-order small{font-size:12.5px;color:var(--mut)}
[data-mode="after"] .nh-notes li{opacity:0;transform:translateY(-12px) rotate(0) scale(.95);filter:blur(6px)}
[data-mode="after"] .nh-order li{opacity:1;transform:none}

/* ---------- fonctionnalités ---------- */
.nh-features{background:linear-gradient(180deg,var(--iv),#f8eff1)}
.nh-tabs{margin-top:52px;display:grid;gap:22px}
.nh-tabs__list{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;margin-inline:-4px;scrollbar-width:none}
.nh-tabs__list::-webkit-scrollbar{display:none}
.nh-tab{position:relative;flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:12px;text-align:left;border:0;cursor:pointer;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:inset 0 0 0 1px var(--ln);font:inherit;color:var(--nk);overflow:hidden;transition:box-shadow .3s,background .3s,transform .3s var(--ease)}
.nh-tab:hover{transform:translateY(-1px)}
.nh-tab:focus-visible{outline:3px solid #b13a5a66;outline-offset:2px}
.nh-tab__ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--w50);color:var(--w700);font-weight:700;transition:background .3s,color .3s}
.nh-tab__t b{display:block;font-size:15.5px}
.nh-tab__t small{display:none;font-size:13px;color:var(--mut);margin-top:2px}
.nh-tab[aria-selected="true"]{box-shadow:inset 0 0 0 1.5px var(--w700),var(--sh1)}
.nh-tab[aria-selected="true"] .nh-tab__ic{background:var(--w700);color:#fff}
.nh-tab__bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--w700)}
.is-auto .nh-tab[aria-selected="true"] .nh-tab__bar{animation:nh-bar var(--dur,6s) linear forwards}
@keyframes nh-bar{to{width:100%}}
.nh-panel{display:grid;gap:26px;background:#fff;border-radius:28px;padding:clamp(22px,3vw,40px);box-shadow:var(--sh2),0 0 0 1px #34101d0a}
.nh-panel[hidden]{display:none}
.nh-panel.is-active{animation:nh-panel .55s var(--ease)}
@keyframes nh-panel{from{opacity:0;transform:translateY(14px)}}
.nh-panel h3{font:700 clamp(24px,2.4vw,32px)/1.15 var(--disp);letter-spacing:-.025em;margin:0}
.nh-panel p{font-size:16.5px;line-height:1.65;color:var(--mut);margin:14px 0 0}
.nh-tags{display:inline-block;margin-top:18px;font-size:13px;font-weight:700;color:var(--w700);background:var(--w50);padding:8px 12px;border-radius:999px}
.nh-ui{background:#fbf7f5;border-radius:20px;padding:16px;box-shadow:inset 0 0 0 1px var(--ln);display:flex;flex-direction:column;gap:9px}
.nh-ui__t{display:flex;justify-content:space-between;align-items:center;font:700 15px var(--disp);margin-bottom:4px}
.nh-ui__t span{font:700 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);background:#fff;padding:5px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ln)}
.nh-li{display:grid;grid-template-columns:1fr auto auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 0 0 1px #34101d0a}
.nh-li b{font-size:14.5px}.nh-li small{grid-row:2;font-size:12.5px;color:var(--mut)}
.nh-li em,.nh-li .nh-meter{grid-row:span 2;font-style:normal}
.nh-li strong{grid-row:span 2;white-space:nowrap;font:700 16px var(--disp);font-variant-numeric:tabular-nums;min-width:62px;text-align:right}
.nh-st{white-space:nowrap;font-size:11.5px;font-weight:700;padding:5px 9px;border-radius:999px}
.nh-st--ok{background:#e9f3ec;color:#2f6b43}.nh-st--part{background:#fdf1df;color:#8a5a12}.nh-st--due{background:var(--w100);color:var(--w700)}
.nh-meter{width:90px;height:8px;border-radius:9px;background:#f0e6e9;overflow:hidden}
.nh-meter i{display:block;height:100%;width:var(--v);border-radius:inherit;background:linear-gradient(90deg,var(--w500),var(--w700))}
.nh-meter--low i{background:#d9822b}
.nh-panel.is-active .nh-meter i{animation:nh-grow .9s var(--ease)}
@keyframes nh-grow{from{width:0}}
.nh-alert{font-size:13px;font-weight:700;color:#8a4a12;background:#fdf1df;border-radius:12px;padding:10px 12px}
.nh-tl{position:relative;padding:8px 12px 8px 34px;background:#fff;border-radius:14px;box-shadow:0 0 0 1px #34101d0a}
.nh-tl i{position:absolute;left:13px;top:15px;width:10px;height:10px;border-radius:50%;background:var(--w700);box-shadow:0 0 0 4px var(--w100)}
.nh-tl b{display:block;font-size:14.5px}.nh-tl small{font-size:12.5px;color:var(--mut)}
.nh-acc{border-radius:16px;background:#fff;padding:14px 16px;box-shadow:0 0 0 1px #34101d0a}
.nh-acc small{display:block;font-size:12.5px;font-weight:600;color:var(--mut)}
.nh-acc strong{font:700 24px var(--disp);letter-spacing:-.025em}
.nh-acc em{font-style:normal;font-size:13px;color:var(--mut)}
.nh-acc--wine{background:linear-gradient(135deg,#962649,#7f1d3a 60%,#651630);color:#fff}
.nh-acc--wine small,.nh-acc--wine em{color:#f7dfe7}
.nh-user{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center;background:#fff;border-radius:14px;padding:9px 12px;box-shadow:0 0 0 1px #34101d0a}
.nh-user span{grid-row:span 2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--w700);color:#fff;font-size:12.5px;font-weight:700}
.nh-user b{font-size:14.5px}.nh-user em{font-style:normal;font-size:12.5px;color:var(--mut)}
.nh-chart{height:170px;display:flex;align-items:flex-end;gap:10px;background:#fff;border-radius:14px;padding:16px 16px 0;box-shadow:0 0 0 1px #34101d0a}
.nh-chart i{flex:1;height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(180deg,#e7b3c3,#f3d6df)}
.nh-chart i:nth-last-child(-n+2){background:linear-gradient(180deg,var(--w600),var(--w700))}
.nh-panel.is-active .nh-chart i{animation:nh-rise .8s var(--ease) both}
.nh-chart i:nth-child(2){animation-delay:.05s}.nh-chart i:nth-child(3){animation-delay:.1s}.nh-chart i:nth-child(4){animation-delay:.15s}.nh-chart i:nth-child(5){animation-delay:.2s}.nh-chart i:nth-child(6){animation-delay:.25s}.nh-chart i:nth-child(7){animation-delay:.3s}
@keyframes nh-rise{from{height:0}}
.nh-export{align-self:flex-start;font-size:13.5px;font-weight:700;color:var(--w700);background:#fff;border-radius:999px;padding:9px 14px;box-shadow:inset 0 0 0 1px #e6cdd6}

/* ---------- aperçu sombre ---------- */
.nh-dark{position:relative;color:#fff;padding-block:clamp(80px,10vw,130px) 40px;background:radial-gradient(circle at 12% 12%,#98274755,transparent 42%),radial-gradient(circle at 90% 80%,#7f1d3a44,transparent 45%),#24171c;overflow:hidden}
.nh-dark .nh-h2{color:#fff}
.nh-dark .nh-h2 em{color:#f2a9c0}
.nh-dark .nh-p{color:#dccbd2}
.nh-dark__grid{display:grid;gap:56px;align-items:center}
.nh-checks{list-style:none;padding:0;margin:26px 0 34px;display:grid;gap:12px}
.nh-checks li{position:relative;padding-left:32px;font-size:16px;color:#efe3e8}
.nh-checks li::before{content:"";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#ffffff14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%23f2a9c0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.nh-devices{position:relative;padding:10px 0 40px;perspective:1400px}
.nh-laptop{position:relative;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease);transform-style:preserve-3d}
.nh-laptop__screen{border-radius:18px;background:#120b0e;padding:10px;box-shadow:0 40px 80px #00000066,0 0 0 1px #ffffff14}
.nh-laptop__base{height:16px;margin:0 -5%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#4a3a40,#1f1418)}
.nh-browser{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:10px 10px 0 0;background:#2a1d22;font-size:11.5px;color:#cdb9c1}
.nh-browser i{width:8px;height:8px;border-radius:50%;background:#5a474f}
.nh-browser span{margin-left:10px;background:#ffffff10;border-radius:999px;padding:3px 12px}
.nh-mini{display:grid;grid-template-columns:52px 1fr;background:#fbf7f5;border-radius:0 0 10px 10px;min-height:260px;overflow:hidden}
.nh-mini__side{background:linear-gradient(180deg,#3a1420,#2a1118);display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0}
.nh-mini__side i{width:24px;height:6px;border-radius:4px;background:#ffffff26}
.nh-mini__side i.is-on{background:#e77a9c}
.nh-mini__main{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;color:var(--nk)}
.nh-mini__kpi{border-radius:12px;background:#fff;padding:10px 12px;box-shadow:0 0 0 1px #34101d0d}
.nh-mini__kpi small{display:block;font-size:10.5px;font-weight:600;color:var(--mut)}
.nh-mini__kpi b{font:700 clamp(14px,1.6vw,18px)/1.2 var(--disp);letter-spacing:-.02em;white-space:nowrap}
.nh-mini__kpi--wine{grid-column:span 2;background:linear-gradient(135deg,#962649,#7f1d3a 60%,#651630);color:#fff}
.nh-mini__kpi--wine small{color:#f7dfe7}
.nh-mini__kpi--wine b{font-size:clamp(20px,2.4vw,28px)}
.nh-mini__chart{grid-column:span 2;height:80px;display:flex;align-items:flex-end;gap:7px;background:#fff;border-radius:12px;padding:10px 10px 0;box-shadow:0 0 0 1px #34101d0d}
.nh-mini__chart i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:#efc9d5}
.nh-mini__chart i:last-child{background:var(--w700)}
.nh-phone--dark{right:-2%;bottom:0;width:clamp(120px,24%,168px);transform:translateZ(60px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease)}
.nh-dark__note{margin:28px auto 0;font-size:12.5px;color:#b9a5ad}

/* ---------- étapes ---------- */
.nh-steps__wrap{position:relative;margin-top:56px}
.nh-steps__list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.nh-steps__list li{position:relative;background:#fff;border-radius:24px;padding:28px;box-shadow:var(--sh1),0 0 0 1px #34101d0a}
.nh-steps__n{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;font:700 18px var(--disp);color:#fff;background:linear-gradient(135deg,var(--w600),var(--w800));box-shadow:0 10px 20px #7f1d3a40;margin-bottom:18px}
.nh-steps__list h3{font:700 22px/1.2 var(--disp);letter-spacing:-.02em;margin:0}
.nh-steps__list p{font-size:15.5px;line-height:1.65;color:var(--mut);margin:10px 0 0}
.nh-steps__list strong{color:var(--nk)}
.nh-steps__line{display:none}

/* ---------- tarif ---------- */
.nh-pricing{background:#f5ecef}
.nh-pricing__grid{display:grid;gap:52px;align-items:start}
.nh-path{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:10px;counter-reset:p}
.nh-path li{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:14px 18px 14px 52px;box-shadow:0 0 0 1px #34101d0d}
.nh-path li::before{counter-increment:p;content:counter(p);position:absolute;left:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--w100);color:var(--w700)}
.nh-path li:first-child::before{background:var(--w700);color:#fff}
.nh-path small{font-size:14px;color:var(--mut)}
.nh-path b{font:700 18px var(--disp);white-space:nowrap}
.nh-price{position:relative;background:#fff;border-radius:30px;padding:clamp(24px,3vw,38px);box-shadow:var(--sh2),0 0 0 1px #dfc4ce}
.nh-price__head{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--w700)}
.nh-price__tag{background:var(--w100);color:var(--w900);border-radius:999px;padding:6px 12px;letter-spacing:.06em;text-transform:uppercase}
.nh-price h3{font:700 24px var(--disp);letter-spacing:-.02em;margin:18px 0 0}
.nh-price__big{font:700 clamp(64px,7vw,86px)/1 var(--disp);letter-spacing:-.05em;margin:14px 0 0}
.nh-price__big span{font-size:22px;letter-spacing:0;color:var(--mut)}
.nh-price__period{margin:6px 0 0;color:var(--mut)}
.nh-price__first{margin-top:20px;padding:12px 16px;border-radius:14px;background:var(--w50);box-shadow:inset 0 0 0 1px #eed9e1;font-size:15px}
.nh-dur{border:0;margin:20px 0 0;padding:0}
.nh-dur legend{font-size:14px;font-weight:700;margin-bottom:10px;padding:0}
.nh-dur{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.nh-dur legend{grid-column:1/-1}
.nh-dur label{position:relative;cursor:pointer}
.nh-dur input{position:absolute;opacity:0;inset:0;cursor:pointer}
.nh-dur span{display:block;text-align:center;padding:12px 4px;border-radius:12px;font-size:14px;font-weight:700;color:var(--mut);background:#faf6f7;box-shadow:inset 0 0 0 1px var(--ln);transition:all .25s var(--ease)}
.nh-dur input:checked+span{color:#fff;background:var(--w700);box-shadow:0 8px 18px #7f1d3a3d}
.nh-dur input:focus-visible+span{outline:3px solid #b13a5a66;outline-offset:2px}
.nh-price__renew{margin:16px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.nh-price__renew strong{font:700 30px var(--disp);letter-spacing:-.03em}
.nh-price__renew span{color:var(--mut)}
.nh-price__renew small{flex-basis:100%;font-size:13.5px;font-weight:600;color:var(--w700)}
.nh-price__renew.is-swap strong{animation:nh-roll .45s var(--ease)}
.nh-price__all{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nh-checklist{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px}
.nh-checklist li{position:relative;padding-left:30px;font-size:15px}
.nh-checklist li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--w100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4L18 8' fill='none' stroke='%237f1d3a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}

/* ---------- FAQ ---------- */
.nh-faq__grid{display:grid;gap:44px}
.nh-faqs{display:grid;gap:10px}
.nh-faqs details{background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--ln);transition:box-shadow .3s}
.nh-faqs details[open]{box-shadow:0 0 0 1.5px #d9b3c0,var(--sh1)}
.nh-faqs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font:600 17px/1.35 var(--disp);letter-spacing:-.01em}
.nh-faqs summary::-webkit-details-marker{display:none}
.nh-faqs summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:var(--w50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' fill='none' stroke='%237f1d3a' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .35s var(--ease),background-color .3s}
.nh-faqs details[open] summary::after{transform:rotate(45deg);background-color:var(--w100)}
.nh-faqs summary:focus-visible{outline:3px solid #b13a5a66;outline-offset:2px;border-radius:18px}
.nh-faq__a{overflow:hidden}
.nh-faq__a p{margin:0;padding:0 22px 22px;font-size:15.5px;line-height:1.7;color:var(--mut)}

/* ---------- appel final ---------- */
.nh-final{position:relative;overflow:hidden;color:#fff;text-align:center;padding:clamp(90px,12vw,150px) 20px;background:radial-gradient(circle at 50% 0%,#9a2a4d,#7f1d3a 38%,#4a1426 78%,#35101d)}
.nh-final__inner{position:relative;max-width:780px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.nh-final .nh-h2{color:#fff;font-size:clamp(40px,6vw,76px)}
.nh-final .nh-h2 em{color:#f7c6d6}
.nh-final .nh-p{color:#f3dbe3;margin-bottom:34px}
.nh-final .nh-mark--xl{background:linear-gradient(150deg,#fff,#fbe5ec 55%,#f2c4d3);color:var(--w700)}
.nh-final__fine{margin:20px 0 0;font-size:14px;color:#f0cfdb}
.nh-final__fine a{color:#fff}
.nh-final__rings{position:absolute;left:50%;top:clamp(120px,14vw,170px);width:0;height:0}
.nh-final__rings i{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;border:1px solid #f7dfe71f;animation:nh-ring 6s ease-out infinite}
.nh-final__rings i:nth-child(1){--s:260px}.nh-final__rings i:nth-child(2){--s:460px;animation-delay:1.5s}.nh-final__rings i:nth-child(3){--s:680px;animation-delay:3s}.nh-final__rings i:nth-child(4){--s:920px;animation-delay:4.5s}
@keyframes nh-ring{0%{transform:scale(.85);opacity:0}30%{opacity:1}100%{transform:scale(1.15);opacity:0}}

/* ---------- barre mobile ---------- */
.nh-sticky{display:none}
@media (max-width:759px){
  .nh-sticky{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:20px;background:#fffdf8f2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 16px 40px #34101d33,0 0 0 1px #34101d12;transform:translateY(140%);transition:transform .45s var(--ease)}
  .nh-sticky.is-on{transform:none}
  .nh-sticky b{display:block;font-size:15px}.nh-sticky small{font-size:12.5px;color:var(--mut)}
  .nh-sticky .nh-btn{min-height:46px;padding:0 20px}
  body.nh-sticky-on .whatsapp-contact{bottom:calc(96px + env(safe-area-inset-bottom));transition:bottom .45s}
  .nh-stage{padding-top:30px}
  .nh-toast{left:0}
  .nh-domain{left:0}
  .nh-switch{width:100%}
}


@media (max-width:639px){
  .nh-stage{padding-bottom:96px}
  .nh-stage .nh-phone:not(.nh-phone--dark){display:none}
  .nh-stage{padding-bottom:70px}
  .nh-domain{bottom:12px}
  .nh-stage__note{bottom:-22px}
  .nh-li{grid-template-columns:1fr auto;row-gap:4px}
  .nh-li b{grid-column:1;grid-row:1}
  .nh-li small{grid-column:1;grid-row:2}
  .nh-li strong{grid-column:2;grid-row:1}
  .nh-li em,.nh-li .nh-meter{grid-column:2;grid-row:2;justify-self:end}
  .nh-meter{width:70px}
  .nh-phone--dark{display:none}
  .nh-mini{grid-template-columns:40px 1fr;min-height:0}
  .nh-mini__chart{height:60px}
}

/* ---------- tablette et plus ---------- */
@media (min-width:640px){
  .nh-app{grid-template-columns:190px 1fr;min-height:430px}
  .nh-app__brand b{display:inline}
  .nh-app__nav{justify-content:flex-start;padding-left:12px;font-size:13px}
  .nh-app__nav:not(.is-on) svg+*{display:inline}
  .nh-modal{left:calc(190px + 8%)}
  .nh-order{grid-template-columns:1fr 1fr}
  .nh-steps__list{grid-template-columns:repeat(3,1fr)}
  .nh-tab__t small{display:block}
}
@media (min-width:1000px){
  .nh-hero__grid{grid-template-columns:1fr 1.06fr}
  .nh-chaos__grid{grid-template-columns:.9fr 1.1fr}
  .nh-board{min-height:480px}
  .nh-tabs{grid-template-columns:360px 1fr;align-items:start}
  .nh-tabs__list{flex-direction:column;overflow:visible;padding:0;margin:0}
  .nh-tab{width:100%;padding:16px 18px}
  .nh-panel{grid-template-columns:1fr 1.1fr;align-items:center;min-height:430px}
  .nh-dark__grid{grid-template-columns:.85fr 1.15fr}
  .nh-steps__line{display:block;position:absolute;left:16.6%;right:16.6%;top:54px;height:2px;background:#ead9df;z-index:0}
  .nh-steps__line i{display:block;height:100%;width:calc(var(--p,0) * 100%);background:linear-gradient(90deg,var(--w500),var(--w700));transition:width .2s linear}
  .nh-steps__list li{background:transparent;box-shadow:none;text-align:center;padding:28px 18px}
  .nh-steps__n{position:relative;z-index:1}
  .nh-pricing__grid{grid-template-columns:1fr 480px}
  .nh-faq__grid{grid-template-columns:.8fr 1.2fr;gap:64px}
  .nh-stage{padding-right:0}
  .nh-app{margin-left:9%}
  .nh-phone{right:auto;left:-2%;bottom:-6px;width:150px}
  .nh-domain{left:auto;right:4%}
  .nh-toast{left:auto;right:-10px}
  .nh-modal{left:calc(190px + 10%)}
}

/* ---------- mouvement réduit ---------- */
@media (prefers-reduced-motion:reduce){
  .nh *,.nh *::before,.nh *::after{animation:none!important;transition:none!important}
  .nh-js .nh-reveal{opacity:1;transform:none;filter:none}
  .nh-marquee__track{flex-wrap:wrap;width:auto;justify-content:center}
}

/* Progressive enhancement: readable content and a shared motion control. */
.nh-motion{font:600 12px/1.5 var(--body);color:var(--w700);background:transparent;border:0;border-bottom:1px solid #7f1d3a44;padding:5px 0;margin-top:14px;cursor:pointer}
.nh-motion[hidden]{display:none}
.nh-motion:focus-visible{outline:2px solid var(--w700);outline-offset:4px}
.nh.is-paused *,.nh.is-paused *::before,.nh.is-paused *::after{animation:none!important}
.nh.is-paused .nh-reveal{animation:none!important;opacity:1;transform:none;filter:none}
.nh:not(.is-enhanced) .nh-tabs__list,.nh:not(.is-enhanced) .nh-switch{display:none}
.nh:not(.is-enhanced) .nh-panel[hidden]{display:grid!important}
.nh:not(.is-enhanced) .nh-panel{margin-bottom:22px}
@media(prefers-reduced-motion:reduce){.nh-reveal.is-in{animation:none}}

.nh.is-enhanced .nh-price-fallback,.nh:not(.is-enhanced) .nh-dur{display:none}

/* CSP-compatible decorative values; no inline style is needed. */
.nh .nh-h-34{--h:34%}
.nh .nh-h-38{--h:38%}
.nh .nh-h-40{--h:40%}
.nh .nh-h-41{--h:41%}
.nh .nh-h-46{--h:46%}
.nh .nh-h-47{--h:47%}
.nh .nh-h-48{--h:48%}
.nh .nh-h-52{--h:52%}
.nh .nh-h-55{--h:55%}
.nh .nh-h-58{--h:58%}
.nh .nh-h-60{--h:60%}
.nh .nh-h-62{--h:62%}
.nh .nh-h-63{--h:63%}
.nh .nh-h-68{--h:68%}
.nh .nh-h-70{--h:70%}
.nh .nh-h-72{--h:72%}
.nh .nh-h-75{--h:75%}
.nh .nh-h-84{--h:84%}
.nh .nh-h-88{--h:88%}
.nh .nh-v-12{--v:12%}
.nh .nh-v-55{--v:55%}
.nh .nh-v-80{--v:80%}

.nh-notes li:nth-child(1){--r:-3deg}.nh-notes li:nth-child(2){--r:2deg}
.nh-notes li:nth-child(3){--r:2deg}.nh-notes li:nth-child(4){--r:-2deg}
.nh-notes li:nth-child(5){--r:3deg}.nh-notes li:nth-child(6){--r:-2deg}
@media(max-width:639px){
  .nh-board{min-height:0}
  .nh-notes{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px}
  .nh-notes li:nth-child(odd){--r:-1.5deg}
  .nh-notes li:nth-child(even){--r:1.5deg}
}