/* ═══ VARIABLES ═══════════════════════════════════════════════════════════ */
:root {
  --teal:   #4A868F;
  --teal-d: #3B6E77;
  --teal-l: #D4EEF1;
  --red:    #EA5542;
  --red-d:  #D43E2C;
  --green:  #6BBB82;
  --yellow: #F5B731;
  --navy:   #0D1B35;
  --navy-m: #1A2E52;
  --navy-l: #243870;
  --ink:    #0F172A;
  --gray:   #64748B;
  --border: #E2E8F0;
  --light:  #F8FAFC;
  --white:  #FFFFFF;
  --wrap:   1180px;
  --r:      10px;
}

/* ═══ RESET ══════════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px;line-height:1.65;color:var(--gray);
  background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{color:var(--ink);font-weight:700;line-height:1.15;letter-spacing:-0.025em}

/* ═══ NEUTRALISER BLOCS WORDPRESS ══════════════════════════════════════ */
.wp-block-html,
figure.wp-block-html,
.blocks-gallery-grid,
.wp-block {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  display: block !important;
}
.wp-block-html > * {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}
:where(body) { --wp--style--global--content-size: 100%; }
:root { --wp--style--global--content-size: 100%; --wp--style--global--wide-size: 100%; }

/* ═══ HEADER ═════════════════════════════════════════════════════════════ */
#np-header{
  position:sticky;top:0;z-index:500;
  background:#1E293B;
  border-bottom:1px solid rgba(0,0,0,.1);
}
.np-header-inner{
  max-width:var(--wrap);margin:0 auto;padding:0 40px;
  height:60px;display:flex;align-items:center;gap:24px;
}
.np-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.np-logo-mark{
  width:32px;height:32px;background:rgba(255,255,255,.18);
  border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;
}
.np-logo-name{
  font-size:1rem;font-weight:800;color:#fff;
  letter-spacing:.3px;line-height:1.1;
}
.np-logo-name span{color:rgba(255,255,255,.6)}
.np-logo-sub{font-size:.58rem;color:rgba(255,255,255,.45);font-weight:500;margin-top:1px}
#np-nav{flex:1;display:flex;justify-content:center}
.np-nav-list{display:flex;list-style:none;gap:2px;align-items:center}
.np-nav-list>li{position:relative}
.np-nav-list>li>a{
  display:block;color:rgba(255,255,255,.8);font-size:.875rem;font-weight:500;
  padding:6px 13px;border-radius:6px;transition:background .15s,color .15s;white-space:nowrap;
}
.np-nav-list>li>a:hover,
.np-nav-list>li.current-menu-item>a{color:#fff;background:rgba(255,255,255,.15)}
.np-nav-list .sub-menu{
  position:absolute;top:100%;left:50%;
  transform:translateX(-50%) translateY(-4px);
  background:#fff;border-radius:10px;
  box-shadow:0 20px 60px rgba(0,0,0,.18);
  min-width:240px;padding:6px;list-style:none;
  border-top:3px solid #6C5CE7;
  opacity:0;pointer-events:none;
  transition:opacity .2s,transform .2s;z-index:600;
}
.np-nav-list li:hover>.sub-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.np-nav-list li.menu-open>.sub-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0)}
.np-nav-list .sub-menu a{
  display:block;color:var(--ink) !important;padding:9px 14px;
  border-radius:7px;font-size:.875rem;font-weight:500;white-space:nowrap;
  transition:background .12s;
}
.np-nav-list .sub-menu a:hover{background:var(--light)}
.np-header-cta{
  flex-shrink:0;background:#6C5CE7;color:#fff;padding:8px 20px;
  border-radius:8px;font-size:.875rem;font-weight:700;
  transition:background .15s,transform .15s;white-space:nowrap;
}
.np-header-cta:hover{background:#5B4BD5;transform:translateY(-1px)}
.np-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;margin-left:auto}
.np-burger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .2s,opacity .2s}

/* ═══ MAIN ════════════════════════════════════════════════════════════════ */
#np-main{}
#np-main > * { display:block; width:100%; }

/* ═══ LAYOUT ══════════════════════════════════════════════════════════════ */
.np-w{max-width:var(--wrap);margin:0 auto;padding:0 40px;width:100%}
.np-s{padding:96px 0;background:#fff}
.np-s-gray{padding:96px 0;background:#F4F6FA}
.np-s-dark{padding:96px 0;background:var(--navy)}
.np-s-ink{padding:96px 0;background:var(--ink)}
.np-s-teal{padding:96px 0;background:var(--teal)}

/* ═══ TYPO SECTIONS ═══════════════════════════════════════════════════════ */
.np-eye{
  display:inline-flex;align-items:center;gap:6px;
  font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:#6C5CE7;margin-bottom:.9rem;
}
.np-eye--light{color:rgba(255,255,255,.5)}
.np-eye--red{color:var(--red)}
.np-eye::before{content:'';width:14px;height:2px;background:currentColor;border-radius:2px}
.np-h2{font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;letter-spacing:-.04em;margin-bottom:1rem}
.np-h2--light{color:#fff}
.np-sub{font-size:1.05rem;line-height:1.75;color:var(--gray)}
.np-sub--light{color:rgba(255,255,255,.6)}
.np-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.np-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}

/* ═══ HERO ════════════════════════════════════════════════════════════════ */
.np-hero{
  background:var(--navy);
  background-image:
    radial-gradient(ellipse 900px 700px at 75% 50%,rgba(74,134,143,.18) 0%,transparent 70%),
    radial-gradient(ellipse 600px 500px at 15% 90%,rgba(26,46,82,.8) 0%,transparent 60%);
  padding:88px 0 100px;overflow:hidden;position:relative;
}
.np-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.np-hero-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(74,134,143,.18);border:1px solid rgba(74,134,143,.3);
  color:rgba(255,255,255,.8);padding:4px 14px;border-radius:20px;
  font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:1.4rem;
}
.np-hero-badge::before{content:'';width:6px;height:6px;background:var(--teal);border-radius:50%}
.np-hero h1{
  font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:900;color:#fff;
  letter-spacing:-.04em;line-height:1.08;margin-bottom:1.4rem;
}
.np-hero h1 em{font-style:normal;
  background:linear-gradient(90deg,#7fd8e2,var(--teal));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.np-hero-p{
  font-size:1.07rem;color:rgba(255,255,255,.58);line-height:1.8;
  max-width:460px;margin-bottom:2.2rem;
}
.np-hero-btns{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2rem}
.np-hero-proof{display:flex;gap:1.5rem;flex-wrap:wrap}
.np-hero-proof span{
  font-size:.8rem;color:rgba(255,255,255,.38);
  display:flex;align-items:center;gap:5px;
}
.np-hero-proof span::before{content:'✓';color:var(--green);font-weight:900;font-size:.7rem}

/* Frame navigateur */
.np-browser{
  border-radius:11px;overflow:hidden;
  box-shadow:0 50px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.06);
  transform:perspective(1400px) rotateY(-7deg) rotateX(4deg) scale(.96);
  transform-origin:center center;
  transition:transform .6s cubic-bezier(.34,1.56,.64,1);
}
.np-browser:hover{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg) scale(1)}
.np-browser-bar{
  background:#1A1A2E;padding:10px 16px;
  display:flex;align-items:center;gap:10px;
}
.np-browser-dots{display:flex;gap:5px}
.np-browser-dots b{width:10px;height:10px;border-radius:50%;display:block}
.np-browser-dots b:nth-child(1){background:#FF5F57}
.np-browser-dots b:nth-child(2){background:#FFBD2E}
.np-browser-dots b:nth-child(3){background:#28C840}
.np-browser-url{
  flex:1;background:rgba(255,255,255,.06);border-radius:5px;
  padding:4px 12px;font-size:10px;font-family:'SF Mono',monospace;
  color:rgba(255,255,255,.3);
}
.np-browser img{width:100%;display:block;max-height:420px;object-fit:cover;object-position:top}

/* ═══ STATS ═══════════════════════════════════════════════════════════════ */
.np-stats{
  background:var(--teal);
  display:grid !important;grid-template-columns:repeat(4,1fr);
}
.np-stat{
  padding:36px 24px;text-align:center;
  border-right:1px solid rgba(255,255,255,.12);
}
.np-stat:last-child{border-right:none}
.np-stat-n{font-size:2.2rem;font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1;margin-bottom:5px}
.np-stat-l{font-size:.8rem;color:rgba(255,255,255,.5);font-weight:500}

/* ═══ CARDS LIGHT ════════════════════════════════════════════════════════ */
.np-card{
  background:#fff;border-radius:12px;padding:28px 24px;
  border:1px solid var(--border);
  box-shadow:0 1px 3px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04);
  transition:box-shadow .25s,transform .25s;
}
.np-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.1);transform:translateY(-3px)}
a.np-card{display:block;text-decoration:none;color:inherit}
.np-card-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1rem}
.np-card h3{font-size:.97rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;letter-spacing:-.01em}
.np-card p{font-size:.88rem;color:var(--gray);line-height:1.65}
.np-card-lnk{display:inline-block;margin-top:1rem;font-size:.85rem;font-weight:600}
.np-card-lnk:hover{text-decoration:underline}

/* ═══ CARDS DARK ═════════════════════════════════════════════════════════ */
.np-dcard{
  background:rgba(255,255,255,.05);border-radius:12px;padding:28px 24px;
  border:1px solid rgba(255,255,255,.08);
  transition:background .25s,transform .25s;
}
.np-dcard:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}
.np-dcard-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:1rem}
.np-dcard h3{font-size:.97rem;font-weight:700;color:#fff;margin-bottom:.5rem}
.np-dcard p{font-size:.88rem;color:rgba(255,255,255,.5);line-height:1.65}

/* ═══ FEATURES LIST ════════════════════════════════════════════════════════ */
.np-feats{list-style:none;display:flex;flex-direction:column;gap:0;margin-bottom:2.5rem}
.np-feats li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.np-feats li:last-child{border-bottom:none}
.np-feats .ck{width:20px;height:20px;background:rgba(74,134,143,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.6rem;color:var(--teal);font-weight:900;margin-top:1px}
.np-feats span{font-size:.93rem;color:rgba(255,255,255,.65);line-height:1.55}
.np-feats span strong{color:#fff;display:block}

/* ═══ SHOWCASE ════════════════════════════════════════════════════════════ */
.np-showcase{border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08)}
.np-showcase-bar{background:var(--teal);padding:10px 16px;display:flex;align-items:center;gap:8px}
.np-showcase-dots{display:flex;gap:4px}
.np-showcase-dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);display:block}
.np-showcase-lbl{color:rgba(255,255,255,.75);font-size:11px;font-weight:600;flex:1}
.np-showcase img{width:100%;display:block;object-fit:cover;object-position:top}

/* ═══ BOUTONS ═════════════════════════════════════════════════════════════ */
.np-btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;border:none;cursor:pointer;font-family:inherit;font-weight:700;border-radius:9px;transition:all .2s;line-height:1;white-space:nowrap}
.np-btn-lg{padding:14px 28px;font-size:.95rem}
.np-btn-md{padding:11px 22px;font-size:.875rem}
.np-btn-xl{padding:16px 38px;font-size:1.05rem}

.np-btn-red{background:#6C5CE7;color:#fff}
.np-btn-red:hover{background:#5B4BD5;transform:translateY(-2px);box-shadow:0 10px 28px rgba(108,92,231,.38)}

.np-btn-teal{background:var(--teal);color:#fff}
.np-btn-teal:hover{background:var(--teal-d);transform:translateY(-2px);box-shadow:0 10px 28px rgba(74,134,143,.38)}

.np-btn-ghost{background:rgba(255,255,255,.08);color:rgba(255,255,255,.85);border:1.5px solid rgba(255,255,255,.2)}
.np-btn-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}

.np-btn-w{background:#fff;color:var(--navy);border:1.5px solid var(--border)}
.np-btn-w:hover{border-color:var(--teal);box-shadow:0 4px 16px rgba(74,134,143,.2)}

/* ═══ STEPS ══════════════════════════════════════════════════════════════ */
.np-steps{display:flex;flex-direction:column;gap:10px}
.np-step{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:rgba(255,255,255,.05);border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.np-step-n{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;color:#fff;flex-shrink:0;margin-top:1px}
.np-step strong{display:block;font-size:.9rem;color:#fff;margin-bottom:2px}
.np-step p{font-size:.82rem;color:rgba(255,255,255,.5);margin:0;line-height:1.45}
.np-steps--light .np-step{background:#fff;border-color:var(--border);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.np-steps--light .np-step strong{color:var(--ink)}
.np-steps--light .np-step p{color:var(--gray)}

/* ═══ CTA BAND ════════════════════════════════════════════════════════════ */
.np-cta{padding:100px 0;text-align:center}
.np-cta h2{font-size:clamp(1.9rem,3.5vw,2.8rem);font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:1rem}
.np-cta p{font-size:1.05rem;color:rgba(255,255,255,.6);max-width:520px;margin:0 auto 2.5rem;line-height:1.75}
.np-cta-dark{background:var(--ink);background-image:radial-gradient(ellipse 800px 400px at 50% 120%,rgba(74,134,143,.25) 0%,transparent 70%)}
.np-cta-teal{background:linear-gradient(135deg,var(--teal-d) 0%,#5CA9B3 100%)}
.np-cta-red{background:linear-gradient(135deg,#5B4BD5 0%,#7C6FF0 100%)}

/* ═══ PRICING ════════════════════════════════════════════════════════════ */
.np-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:2.5rem;flex-wrap:wrap}
.np-toggle{position:relative;width:52px;height:28px;background:#d1d5db;border-radius:14px;border:none;cursor:pointer;padding:0;transition:background .25s}
.np-toggle-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.np-toggle.active{background:var(--teal)}
.np-toggle.active .np-toggle-knob{transform:translateX(24px)}
.np-toggle-label{font-size:.88rem;font-weight:600;color:var(--gray);cursor:pointer;transition:color .2s}
.np-toggle-label--active{color:var(--ink)}
.np-toggle-badge{background:var(--teal-l);color:var(--teal-d);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:12px;letter-spacing:.3px}
.np-pricing-wrap{max-width:1340px;margin:0 auto;padding:0 40px;width:100%}
.np-pricing{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2rem;align-items:stretch}
.np-plan{background:#fff;border-radius:16px;padding:28px 20px 24px;border:1px solid #e8eaee;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .2s,transform .2s;min-width:0}
.np-plan:hover{box-shadow:0 8px 28px rgba(0,0,0,.09);transform:translateY(-2px)}
.np-plan--pop{border-color:var(--red);border-width:2px;box-shadow:0 0 0 1px var(--red),0 20px 50px rgba(234,85,66,.13);position:relative;background:linear-gradient(180deg,#fffaf9 0%,#fff 50%)}
.np-plan--pop:hover{box-shadow:0 0 0 1px var(--red),0 28px 60px rgba(234,85,66,.18);transform:translateY(-3px)}
.np-plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;padding:5px 18px;border-radius:20px;font-size:.68rem;font-weight:700;white-space:nowrap;letter-spacing:.5px}
.np-plan-name{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;margin-bottom:.9rem}
.np-plan-price{font-size:2.4rem;font-weight:900;color:var(--ink);letter-spacing:-.04em;line-height:1;margin-bottom:3px}
.np-plan-price sub{font-size:.85rem;font-weight:400;color:var(--gray);letter-spacing:0}
.np-plan-users{font-size:.78rem;color:var(--gray);margin-bottom:1rem;font-weight:500}
.np-plan hr{border:none;border-top:1px solid #eef0f3;margin-bottom:1.2rem;margin-top:.2rem}
.np-plan p{font-size:.82rem!important;line-height:1.55;min-height:3.5em}
.np-plan ul{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem;text-align:left;flex:1}
.np-plan li{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:#4a5568;line-height:1.5}
.np-plan li::before{content:'✓';color:var(--teal);font-weight:900;font-size:.7rem;flex-shrink:0;margin-top:3px}
.np-plan .np-plan-highlight::before{content:'';width:0}
.np-plan .np-plan-highlight{color:var(--ink);font-weight:600;padding-left:0}
.np-plan .np-btn{margin-top:auto;text-align:center;justify-content:center}
.np-plan-off{opacity:.38;text-decoration:line-through}
.np-plan-billing{font-size:.75rem;color:var(--gray);margin-bottom:.75rem;min-height:1.2em}
.np-plan-billing--disabled{color:var(--red);font-weight:600;font-style:italic}
.np-option-price{display:flex;align-items:baseline;gap:12px;margin-bottom:2rem;flex-wrap:wrap}
.np-option-price-amount{font-size:1.8rem;font-weight:900;color:var(--ink);letter-spacing:-.03em}
.np-option-price-amount sub{font-size:.85rem;font-weight:400;color:var(--gray)}
.np-option-price-billing{font-size:.8rem;color:var(--gray)}

/* ═══ DEMO LANDING PAGE ══════════════════════════════════════════════════ */
.np-demo-lp .np-header{background:rgba(13,27,53,.95)!important;border-bottom:1px solid rgba(255,255,255,.07)}
.np-demo-lp .np-nav,.np-demo-lp .np-header>.np-header-inner>.np-btn{display:none!important}
.np-demo-lp .np-header-inner{justify-content:center}
.np-demo-bg{background:linear-gradient(160deg,var(--navy) 0%,#0d2445 60%,#1a3a5c 100%);min-height:calc(100vh - 60px);display:flex;align-items:center;padding:72px 0 88px}
.np-demo-grid{max-width:1080px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 460px;gap:80px;align-items:center}
.np-dc-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75);font-size:.72rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:30px;margin-bottom:1.2rem}
.np-dc-badge::before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%;animation:np-pulse 2s ease infinite}
@keyframes np-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
.np-dc h1{color:#fff;font-size:3rem;line-height:1.08;margin-bottom:1.2rem;font-weight:900}
.np-dc-sub{color:rgba(255,255,255,.6);font-size:1rem;line-height:1.75;max-width:420px;margin-bottom:2rem}
.np-dc-perks{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:2.4rem}
.np-dc-perks li{display:flex;align-items:flex-start;gap:12px;color:rgba(255,255,255,.82);font-size:.93rem;line-height:1.5}
.np-dc-perks .pck{width:20px;height:20px;background:var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.62rem;font-weight:900;color:#fff;margin-top:2px}
.np-dc-proof{display:flex;align-items:center;gap:12px;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.1)}
.np-dc-avatars{display:flex}
.np-dc-avatars span{width:34px;height:34px;border-radius:50%;background:var(--navy-m);border:2px solid var(--navy);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:rgba(255,255,255,.9);margin-left:-10px}
.np-dc-avatars span:first-child{margin-left:0}
.np-dc-proof p{font-size:.8rem;color:rgba(255,255,255,.45);line-height:1.4}
.np-dc-proof strong{color:rgba(255,255,255,.8)}
.np-dfc{background:#fff;border-radius:20px;padding:2.6rem 2.2rem;box-shadow:0 50px 120px rgba(0,0,0,.4)}
.np-dfc-head h2{font-size:1.2rem;font-weight:800;color:var(--ink);margin-bottom:.3rem}
.np-dfc-head p{font-size:.8rem;color:var(--gray);margin-bottom:1.7rem}
.np-ff{margin-bottom:14px}
.np-ff label{display:block;font-size:.75rem;font-weight:600;color:var(--ink);margin-bottom:5px;letter-spacing:.3px}
.np-ff label em{color:var(--red);font-style:normal}
.np-ff input,.np-ff select{width:100%;border:1.5px solid #E2E8F0;border-radius:9px;padding:10px 13px;font-size:.88rem;color:var(--ink);font-family:inherit;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}
.np-ff input:focus,.np-ff select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(74,134,143,.12)}
.np-ff input.np-err,.np-ff select.np-err{border-color:var(--red);box-shadow:0 0 0 3px rgba(234,85,66,.1)}
.np-ff input::placeholder{color:#CBD5E1}
.np-ff select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.np-frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.np-dfc-btn{width:100%;background:var(--red);color:#fff;border:none;border-radius:10px;padding:14px 20px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,transform .1s,box-shadow .15s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;box-shadow:0 4px 20px rgba(234,85,66,.3)}
.np-dfc-btn:hover{background:var(--red-d);box-shadow:0 6px 28px rgba(234,85,66,.4)}
.np-dfc-btn:active{transform:scale(.98)}
.np-dfc-btn.np-loading{opacity:.7;pointer-events:none}
.np-dfc-btn .np-spn{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:np-spin .65s linear infinite;display:none;flex-shrink:0}
.np-dfc-btn.np-loading .np-spn{display:block}
@keyframes np-spin{to{transform:rotate(360deg)}}
.np-dfc-rgpd{text-align:center;font-size:.7rem;color:#94A3B8;margin-top:.8rem}
.np-dfc-rgpd a{color:var(--teal)}
.np-form-ok{text-align:center;padding:2rem 0;display:none}
.np-form-ok-ico{width:64px;height:64px;background:linear-gradient(135deg,var(--green),#4caf73);border-radius:50%;margin:0 auto 1.2rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 8px 24px rgba(107,187,130,.35)}
.np-form-ok h3{color:var(--ink);font-size:1.25rem;font-weight:800;margin-bottom:.6rem}
.np-form-ok p{color:var(--gray);font-size:.88rem;line-height:1.6}
@media(max-width:960px){
  .np-demo-grid{grid-template-columns:1fr;gap:48px;padding:0 28px}
  .np-dc h1{font-size:2.2rem}
  .np-dfc{padding:2rem 1.7rem}
}
@media(max-width:580px){
  .np-demo-grid{padding:0 18px}
  .np-dc h1{font-size:1.9rem}
  .np-frow{grid-template-columns:1fr}
  .np-demo-bg{padding:52px 0 64px}
}

/* ═══ FAQ ════════════════════════════════════════════════════════════════ */
.np-faq{max-width:700px;margin:2.5rem auto 0;display:flex;flex-direction:column;gap:10px}
.np-faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 22px}
.np-faq-q{font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.np-faq-a{font-size:.875rem;color:var(--gray);line-height:1.7;margin:0}

/* ═══ FORM CONTACT ════════════════════════════════════════════════════════ */
.wpcf7-form{display:flex;flex-direction:column;gap:1rem}
.wpcf7-form p{margin:0}
.wpcf7-form input[type=text],.wpcf7-form input[type=email],.wpcf7-form input[type=tel],.wpcf7-form textarea,.wpcf7-form select{
  width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:8px;
  font-family:inherit;font-size:.9rem;color:var(--ink);background:#fff;
  transition:border-color .15s,box-shadow .15s;outline:none;
}
.wpcf7-form input:focus,.wpcf7-form textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(74,134,143,.12)}
.wpcf7-form textarea{height:120px;resize:vertical}
.wpcf7-form input[type=submit]{
  background:var(--red);color:#fff;border:none;padding:12px 24px;
  border-radius:9px;font-weight:700;font-size:.9rem;cursor:pointer;
  transition:background .2s,transform .2s;
}
.wpcf7-form input[type=submit]:hover{background:var(--red-d);transform:translateY(-1px)}

/* ═══ FOOTER ═════════════════════════════════════════════════════════════ */
#np-footer{background:var(--navy)}
.np-footer-top{
  max-width:var(--wrap);margin:0 auto;padding:56px 40px 44px;
  display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:2.5rem;
}
.np-footer-tag{font-size:.82rem;color:rgba(255,255,255,.35);line-height:1.65;margin-bottom:1.2rem;max-width:220px}
.np-footer-cta-sm{
  display:inline-block;background:rgba(74,134,143,.25);border:1px solid rgba(74,134,143,.4);
  color:rgba(255,255,255,.8);padding:7px 16px;border-radius:8px;font-size:.8rem;font-weight:600;
  transition:background .15s;
}
.np-footer-cta-sm:hover{background:rgba(74,134,143,.4);color:#fff}
.np-footer-head{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.2);margin-bottom:1rem}
.np-footer-col a{display:block;color:rgba(255,255,255,.45);font-size:.875rem;padding:4px 0;transition:color .15s}
.np-footer-col a:hover{color:rgba(255,255,255,.9)}
.np-footer-bar{
  border-top:1px solid rgba(255,255,255,.06);
  max-width:var(--wrap);margin:0 auto;padding:18px 40px;
  display:flex;justify-content:space-between;align-items:center;
}
.np-footer-bar,.np-footer-bar a{font-size:.77rem;color:rgba(255,255,255,.2)}
.np-footer-bar a:hover{color:rgba(255,255,255,.5)}

/* ═══ BANDEAU NOUVEAU ════════════════════════════════════════════════════ */
.np-bandeau{padding:14px 0;text-align:center;font-size:.9rem;font-weight:600;color:#fff}
.np-bandeau a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.np-bandeau a:hover{opacity:.85}

/* ═══ BADGE NOUVEAU ══════════════════════════════════════════════════════ */
.np-badge-new{display:inline-block;background:var(--red);color:#fff;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:2px 7px;border-radius:4px;vertical-align:middle;margin-left:6px;line-height:1.4}

/* ═══ PACKAGING PAGE ═════════════════════════════════════════════════════ */
.np-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.np-pkg-card{background:#fff;border-radius:14px;padding:28px 24px;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.05);transition:box-shadow .25s,transform .25s}
.np-pkg-card:hover{box-shadow:0 8px 28px rgba(0,0,0,.1);transform:translateY(-3px)}
.np-pkg-card-ico{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}
.np-pkg-card h3{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}
.np-pkg-card p{font-size:.88rem;color:var(--gray);line-height:1.65;margin:0}

/* ═══ OPTION ENCART (tarifs) ═════════════════════════════════════════════ */
.np-option-box{background:linear-gradient(135deg,#FBF8F3 0%,#FFF7EE 100%);border:2px solid #E8DFD2;border-radius:20px;padding:48px;margin-top:3rem;position:relative;overflow:hidden}
.np-option-box::before{content:'';position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle,rgba(234,85,66,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.np-option-box h3{font-size:1.4rem;font-weight:800;color:var(--ink);margin-bottom:.4rem}
.np-option-box .np-sub{margin-bottom:2rem;font-size:.95rem}
.np-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:2rem}
.np-option-feat{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--gray);line-height:1.5;background:#fff;border:1px solid #EDE7DD;border-radius:10px;padding:12px 14px}
.np-option-feat::before{content:'✦';color:var(--red);font-weight:900;flex-shrink:0;margin-top:1px}

/* ═══ TARIFS TABS ════════════════════════════════════════════════════════ */
.np-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:2.5rem;flex-wrap:wrap}
.np-tab{display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:2px solid var(--border);border-radius:12px;padding:16px 32px;cursor:pointer;transition:all .2s;font-family:inherit;font-size:1rem;font-weight:700;color:var(--ink);min-width:240px}
.np-tab:hover{border-color:var(--teal);box-shadow:0 4px 16px rgba(74,134,143,.12)}
.np-tab--active{border-color:var(--teal);background:var(--teal-l);box-shadow:0 4px 16px rgba(74,134,143,.15)}
.np-tab-desc{font-size:.72rem;font-weight:500;color:var(--gray);letter-spacing:0}
.np-tab-panel{display:none}
.np-tab-panel--active{display:block}
@media(max-width:580px){.np-tab{min-width:0;padding:12px 18px;font-size:.9rem}.np-tabs{gap:6px}}

/* ═══ COMPARISON TABLE ═══════════════════════════════════════════════════ */
.np-cmp{width:100%;border-collapse:collapse;margin-top:2rem;text-align:left;font-size:.82rem}
.np-cmp th{background:var(--ink);color:#fff;padding:10px 14px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.np-cmp th:first-child{border-radius:8px 0 0 0;text-align:left}
.np-cmp th:last-child{border-radius:0 8px 0 0}
.np-cmp td{padding:10px 14px;border-bottom:1px solid var(--border)}
.np-cmp td:first-child{font-weight:600;color:var(--ink)}
.np-cmp td:not(:first-child){text-align:center}
.np-cmp tr:last-child td{border-bottom:none}
.np-cmp tr:hover td{background:var(--light)}
.np-cmp .np-cmp-yes{color:var(--teal);font-weight:700}
.np-cmp .np-cmp-no{color:#ccc}
.np-cmp-head td{background:var(--light);font-weight:700!important;color:var(--ink)!important;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}
.np-cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--border)}
.np-cmp-note{font-size:.78rem;color:var(--gray);margin-top:1rem;font-style:italic;line-height:1.6}

/* ═══ NOTE+ GO — 2-column pricing ═══════════════════════════════════════ */
.np-pricing--2{grid-template-columns:repeat(2,1fr);max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:640px){.np-pricing--2{grid-template-columns:1fr}}

/* ═══ FOOTER BADGES ══════════════════════════════════════════════════════ */
.np-footer-legal{text-align:center;padding:12px 40px;font-size:.72rem;color:rgba(255,255,255,.25);border-top:1px solid rgba(255,255,255,.04)}
.np-footer-badges{display:flex;justify-content:center;gap:16px;padding:12px 0;flex-wrap:wrap}
.np-footer-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:5px 12px;border-radius:6px;font-size:.7rem;font-weight:600;color:rgba(255,255,255,.5)}

/* ═══ API & WEBHOOKS PAGE ════════════════════════════════════════════════ */
.np-api-steps{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}
.np-api-step{font-size:.85rem;color:var(--ink);line-height:1.5;padding:4px 0}
.np-api-step code{background:rgba(74,134,143,.08);color:var(--teal-d);padding:2px 6px;border-radius:4px;font-size:.8rem}
.np-api-result{font-size:.82rem;font-weight:600;color:var(--teal-d);background:var(--teal-l);padding:10px 14px;border-radius:8px;line-height:1.5}
.np-api-code{background:#1a1a2e;border-radius:10px;padding:18px 20px;margin-bottom:1rem;overflow-x:auto}
.np-api-code code{font-family:'SF Mono','Fira Code',monospace;font-size:.8rem;color:#e2e8f0;line-height:1.6;white-space:pre}
.np-api-code--dark{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.np-api-code--dark code{color:rgba(255,255,255,.8)}
.np-api-events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.np-api-event{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px;transition:box-shadow .2s,transform .2s}
.np-api-event:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.np-api-event code{font-family:'SF Mono','Fira Code',monospace;font-size:.78rem;color:var(--teal-d);background:rgba(74,134,143,.08);padding:3px 8px;border-radius:5px;white-space:nowrap;font-weight:600}
.np-api-event span{font-size:.84rem;color:var(--gray);line-height:1.4}
.np-api-event--highlight{border-color:var(--teal);background:rgba(74,134,143,.04)}
.np-api-event--highlight code{background:var(--teal);color:#fff}
.np-api-specs{display:grid;grid-template-columns:1fr;gap:0;max-width:720px;margin:0 auto;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}
.np-api-spec{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid rgba(255,255,255,.06)}
.np-api-spec:last-child{border-bottom:none}
.np-api-spec-label{padding:14px 18px;font-size:.8rem;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.5px;background:rgba(255,255,255,.03)}
.np-api-spec-value{padding:14px 18px;font-size:.88rem;color:rgba(255,255,255,.75)}
.np-api-spec-value code{background:rgba(74,134,143,.2);color:var(--teal-l);padding:2px 7px;border-radius:4px;font-size:.8rem;font-family:'SF Mono','Fira Code',monospace}

/* ═══ API DOCS PAGE ═════════════════════════════════════════════════════ */
.np-doc-wrap{max-width:920px;margin:0 auto;padding:0 40px}
.np-doc-info-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.np-doc-info-item{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 18px}
.np-doc-info-item strong{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:4px}
.np-doc-info-item code{font-family:'SF Mono','Fira Code',monospace;font-size:.85rem;color:var(--teal-d);font-weight:600}
.np-doc-section-head{margin-bottom:2.5rem}
.np-doc-section-head .np-eye{margin-bottom:.5rem}
.np-doc-section-head .np-sub{max-width:600px}
.np-doc-h3{font-size:1.15rem;font-weight:800;color:var(--ink);margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--border)}
.np-doc-h3:first-of-type{border-top:none;padding-top:0}
.np-doc-h4{font-size:.95rem;font-weight:700;color:var(--ink);margin:1.5rem 0 .8rem}
.np-doc-p{font-size:.9rem;color:var(--gray);line-height:1.7;margin-bottom:1rem}
.np-doc-p code{background:rgba(74,134,143,.08);color:var(--teal-d);padding:2px 6px;border-radius:4px;font-size:.82rem;font-family:'SF Mono','Fira Code',monospace}
.np-doc-ol{padding-left:1.5rem;margin-bottom:1.5rem}
.np-doc-ol li{font-size:.9rem;color:var(--gray);line-height:1.7;margin-bottom:.4rem}
.np-doc-ol li strong{color:var(--ink)}
.np-doc-note{font-size:.82rem;color:var(--gray);line-height:1.6;margin-top:.8rem;font-style:italic}
.np-doc-note code{background:rgba(74,134,143,.08);color:var(--teal-d);padding:1px 5px;border-radius:3px;font-size:.78rem;font-family:'SF Mono','Fira Code',monospace}

/* Doc tables */
.np-doc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;border:1px solid var(--border);margin-bottom:1.5rem}
.np-doc-table{width:100%;border-collapse:collapse;font-size:.85rem}
.np-doc-table thead th{background:var(--light);padding:10px 14px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray);text-align:left;border-bottom:2px solid var(--border);white-space:nowrap}
.np-doc-table tbody td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--gray);vertical-align:top}
.np-doc-table tbody tr:last-child td{border-bottom:none}
.np-doc-table tbody tr:hover td{background:rgba(74,134,143,.03)}
.np-doc-table code{background:rgba(74,134,143,.08);color:var(--teal-d);padding:2px 6px;border-radius:4px;font-size:.8rem;font-family:'SF Mono','Fira Code',monospace;white-space:nowrap}
.np-doc-table--dark{border-color:rgba(255,255,255,.1)}
.np-doc-table--dark thead th{background:rgba(255,255,255,.05);color:rgba(255,255,255,.4);border-bottom-color:rgba(255,255,255,.1)}
.np-doc-table--dark tbody td{color:rgba(255,255,255,.6);border-bottom-color:rgba(255,255,255,.06)}
.np-doc-table--dark tbody tr:hover td{background:rgba(255,255,255,.03)}
.np-doc-table--dark code{background:rgba(74,134,143,.2);color:var(--teal-l)}

/* Method badges */
.np-doc-method{display:inline-block;font-size:.65rem;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.5px;font-family:'SF Mono','Fira Code',monospace;text-transform:uppercase;line-height:1}
.np-doc-method--get{background:rgba(74,134,143,.15);color:var(--teal-d)}
.np-doc-method--post{background:rgba(107,187,130,.15);color:#2e7d49}
.np-doc-method--put{background:rgba(245,183,49,.15);color:#b5850e}
.np-doc-method--del{background:rgba(234,85,66,.12);color:var(--red-d)}

/* Code blocks */
.np-doc-code{background:#1a1a2e;border-radius:10px;overflow:hidden;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.06)}
.np-doc-code-header{padding:10px 18px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}
.np-doc-code-header code{background:none;color:rgba(255,255,255,.5);font-size:.82rem;padding:0}
.np-doc-code pre{margin:0;padding:18px 20px;overflow-x:auto}
.np-doc-code pre code{font-family:'SF Mono','Fira Code','Cascadia Code',monospace;font-size:.82rem;color:#e2e8f0;line-height:1.65;white-space:pre;background:none;padding:0;border-radius:0}

/* Callouts */
.np-doc-callout{padding:16px 20px;border-radius:10px;font-size:.88rem;line-height:1.6;margin-bottom:1.5rem}
.np-doc-callout strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.np-doc-callout--warn{background:#FFF8E1;border-left:4px solid var(--yellow);color:#5D4E07}
.np-doc-callout--warn strong{color:#8B6F00}
.np-doc-callout--info{background:rgba(74,134,143,.08);border-left:4px solid var(--teal);color:var(--gray)}
.np-doc-callout--info strong{color:var(--teal-d)}

/* Status grid */
.np-doc-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.5rem}
.np-doc-status{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:.84rem;color:var(--gray)}
.np-doc-status code{background:rgba(74,134,143,.08);color:var(--teal-d);padding:2px 6px;border-radius:4px;font-size:.78rem;font-family:'SF Mono','Fira Code',monospace}
.np-doc-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}

/* ═══ PRESET WORKFLOW TABS ════════════════════════════════════════════════ */
.np-preset-tab{background:#fff;border:2px solid var(--border);border-radius:10px;padding:10px 18px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;color:var(--ink);transition:all .15s}
.np-preset-tab:hover{border-color:var(--teal);background:var(--teal-l)}
.np-preset-tab--active{border-color:var(--teal);background:var(--teal-l);box-shadow:0 2px 8px rgba(74,134,143,.15)}

/* ═══ RESPONSIVE ══════════════════════════════════════════════════════════ */
@media(max-width:1024px){
  .np-w{padding:0 28px}
  .np-header-inner{padding:0 28px}
  .np-footer-top{grid-template-columns:1fr 1fr;gap:2rem}
  .np-footer-top > *:first-child{grid-column:span 2}
  .np-option-box{padding:32px}
  .np-option-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .np-hero-grid,.np-grid-2{grid-template-columns:1fr;gap:2.5rem}
  .np-browser{display:none}
  .np-hero{padding:60px 0}
  .np-grid-3{grid-template-columns:1fr 1fr}
  .np-stats{grid-template-columns:1fr 1fr}
  .np-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}
  .np-pricing{grid-template-columns:repeat(2,1fr)}
  .np-plan--pop{transform:none}
  .np-option-box{padding:28px}
  .np-option-grid{grid-template-columns:1fr 1fr}
  .np-api-events-grid{grid-template-columns:1fr 1fr}
  .np-api-spec{grid-template-columns:120px 1fr}
  .np-doc-info-bar{grid-template-columns:1fr 1fr}
  .np-doc-status-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .np-pricing{grid-template-columns:1fr}
  .np-option-grid{grid-template-columns:1fr}
  .np-option-box{padding:24px}
}
@media(max-width:640px){
  .np-w{padding:0 18px}
  .np-header-inner{padding:0 18px}
  .np-s,.np-s-gray,.np-s-dark,.np-s-ink,.np-s-teal,.np-cta{padding:64px 0}
  .np-hero{padding:52px 0}
  .np-grid-3{grid-template-columns:1fr}
  .np-hero h1{font-size:2rem}
  .np-hero-btns{flex-direction:column}
  .np-burger{display:flex}
  #np-nav{display:none;position:absolute;top:60px;left:0;right:0;background:var(--teal);padding:10px}
  #np-nav.open{display:flex;flex-direction:column}
  .np-nav-list{flex-direction:column;width:100%}
  .np-nav-list>li>a{padding:11px 14px}
  .np-header-cta{display:none}
  .np-footer-top{grid-template-columns:1fr;padding:36px 18px 28px}
  .np-footer-top > *:first-child{grid-column:span 1}
  .np-footer-bar{flex-direction:column;gap:8px;padding:16px 18px;text-align:center}
  .np-stats{grid-template-columns:1fr 1fr}
  .np-api-events-grid{grid-template-columns:1fr}
  .np-api-event{flex-direction:column;align-items:flex-start;gap:6px}
  .np-api-spec{grid-template-columns:1fr;gap:0}
  .np-api-spec-label{padding:10px 14px 2px;background:transparent}
  .np-api-spec-value{padding:2px 14px 10px}
  .np-doc-wrap{padding:0 18px}
  .np-doc-info-bar{grid-template-columns:1fr}
  .np-doc-status-grid{grid-template-columns:1fr}
}