/* ===================================================================
   NEURAPEZIL — neura-pezil.com
   Palette : ink #16253F (deep navy, from the label) | ink-dk #0A1220
             | steel(=teal-green accent) #3FA796 | steel-dk #2C8478 |
             sage(=lighter teal highlight) #7FCFC0 | stone #F7FAFA |
             sand #E8F3F1 | slate #435055 | line #DCEAE7
   Type    : 'Schibsted Grotesk' (a clean, confident display) +
             'Inter' (clean body) — a fresh pairing not reused
   Motif   : the beacon pulse — a single soft circular glow that
             slowly brightens and dims behind the bottle, like a
             calm lighthouse beacon, on a loop; deliberately simple
             and DELIBERATELY NON-CLINICAL - no neuron, synapse, or
             brain-network imagery is used anywhere in this build's
             signature motif, given the source infographic's
             disease-adjacent framing (see honesty note below).
             Distinct from every other signature used across this
             project (a single breathing glow - not a scattered
             constellation, not a synapse spark web, not an uptake
             current, not a scan-line, not a performance gauge)
   Layout  : STRUCTURALLY UNIQUE HERO — the bottle sits centered with
             the pulsing glow behind it in open space, object-
             fit:contain, never clipped or masked.
   Voice   : especially cautious, structure-function only -
             Neurapezil supports general energy, focus, and mental
             clarity as part of a healthy lifestyle. NEVER claims to
             treat, cure, or prevent dementia, Alzheimer's disease,
             or any other diagnosed neurological or cognitive
             condition.
   CRITICAL HONESTY / SAFETY NOTE: this build required unusual care.
             (1) The product's own supplied infographic contains
             explicit, serious disease-treatment language -
             "Beta amyloid plaque reduction" and a "Multi-Layer
             Neuroprotection Protocol" - directly invoking Alzheimer's
             disease pathology. This is NEVER reproduced anywhere in
             this build; the infographic image itself was excluded
             entirely rather than used as decorative art, and the
             "how it works" section uses clean, brand-neutral CSS
             steps instead. (2) The product's name closely resembles
             "donepezil," a real prescription medication used to
             treat Alzheimer's disease (brand name Aricept) - this
             build states plainly, on every relevant page, that
             Neurapezil is an unrelated dietary supplement, not that
             drug and not a substitute for it. (3) Web research on
             this product name returned WILDLY inconsistent ingredient
             lists across different "Neuro-Pezil-family" sites (one
             site: a 30-ingredient multivitamin; another: a 19-
             ingredient 661mg proprietary blend containing Vinpocetine;
             another: turmeric and black pepper; another: L-Theanine/
             Bacopa/Rhodiola/Ginseng) - a pattern consistent with a
             white-label product sold under many near-identical
             names with different fillers. Rather than picking one of
             these conflicting lists and presenting it as this
             product's actual formula, this build states plainly that
             specific ingredients could not be confirmed from the
             materials available for this exact domain, and directs
             the buyer to their own physical label as the only
             reliable source.
   Rules   : grids minmax(0,1fr) · flex min-width:0 · img max-width min(Npx,100%)
             mobile hero order = IMAGE first, then H1, then rest
=================================================================== */

:root{
  --ink:#16253F;
  --ink-dk:#0A1220;
  --steel:#3FA796;
  --steel-dk:#2C8478;
  --sage:#7FCFC0;
  --stone:#F7FAFA;
  --sand:#E8F3F1;
  --slate:#435055;
  --line:#DCEAE7;
}

*{box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:var(--slate);margin:0;background:var(--stone);overflow-x:hidden}
h1,h2,h3,h4{font-family:'Schibsted Grotesk',serif;color:var(--ink);margin:0 0 .5em;line-height:1.15}
h1{font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700}
h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}
h3{font-size:1.3rem;font-weight:700}
h4{font-size:1.05rem;font-weight:700}
p{margin:0 0 1em;line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.np-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.np-narrow{max-width:760px;margin:0 auto}
.np-mid{text-align:center}

/* ---------- top strip + nav ---------- */
.np-strip{background:var(--ink-dk);color:#fff;font-size:.78rem;padding:8px 0;text-align:center}
.np-strip span{margin:0 12px;display:inline-block}
.np-nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.np-nav .np-wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.np-logo{font-family:'Schibsted Grotesk',serif;font-weight:700;font-size:1.35rem;color:var(--ink)}
.np-logo em{font-style:normal;color:var(--steel-dk)}
.np-links{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0}
.np-links a{font-size:.92rem;font-weight:600;color:var(--slate)}
.np-links a:hover{color:var(--steel-dk)}
.np-btn{background:var(--steel);color:#fff!important;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.88rem;display:inline-block}
.np-btn:hover{background:var(--steel-dk)}
.np-btn-sage{background:var(--steel)}
.np-btn-full{display:block;text-align:center;width:100%;margin-bottom:10px}
.np-btn-ghost{border:1.5px solid var(--ink);color:var(--ink)!important;padding:9px 19px;border-radius:999px;font-weight:600;font-size:.88rem;display:inline-block}
.np-toggle{display:none;background:none;border:0;font-size:1.4rem;color:var(--ink)}
@media(max-width:860px){.np-links{display:none}.np-toggle{display:block}}

/* ---------- HERO : HONEYCOMB SHIMMER GRID — a grid of small hexagon cells softly shimmering in sequence, echoing the label's honeycomb pattern ---------- */
.np-hero{background:linear-gradient(180deg,var(--ink) 0%,var(--ink-dk) 100%);padding:54px 0 68px;overflow:hidden;position:relative}
.np-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:50px;align-items:center;
  position:relative;z-index:1}
.np-hero-shot{order:1;position:relative;display:flex;justify-content:center;align-items:center;min-height:260px}
.np-glow-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;z-index:0;
  display:flex;align-items:center;justify-content:center}
.np-beacon-core{width:150px;height:150px;border-radius:50%;
  background:radial-gradient(circle,rgba(63,167,150,.32) 0%,rgba(63,167,150,.12) 45%,transparent 72%);
  animation:npBeaconPulse 4s ease-in-out infinite}
@keyframes npBeaconPulse{0%,100%{transform:scale(.85);opacity:.6}50%{transform:scale(1.12);opacity:1}}
@media(prefers-reduced-motion:reduce){.np-beacon-core{animation:none;opacity:.8}}
.np-hero-copy{order:2}
.np-hero h1{color:#fff}
.np-hero-shot img{max-width:min(215px,100%);width:100%;height:auto;object-fit:contain;margin:0 auto;
  position:relative;z-index:2;filter:drop-shadow(0 22px 34px rgba(63,167,150,.35))}
.np-wave-tag{position:absolute;bottom:2%;right:2%;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:8px 14px;font-size:.74rem;font-weight:700;color:var(--ink);box-shadow:0 10px 20px rgba(0,0,0,.3);
  z-index:3;white-space:nowrap}
.np-hero h1 em{font-style:italic;color:var(--sage)}
.np-lede{font-size:1.05rem;color:#C8E5DE;max-width:37em}

.np-answer{background:#fff;border-left:4px solid var(--steel);border-radius:0 8px 8px 0;
  padding:23px 25px;margin:0 0 22px;box-shadow:0 8px 24px rgba(22,37,63,.08)}
.np-answer .tag{display:block;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:9px}
.np-answer p{margin:0;color:var(--slate)}
.np-answer p.first{color:var(--ink);font-weight:700;margin-bottom:.75em}

.np-facts{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0 0 22px;padding:0}
.np-facts li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 15px;
  font-size:.8rem;font-weight:700;color:#fff}

.np-check{list-style:none;margin:0 0 24px;padding:0}
.np-check li{position:relative;padding-left:32px;margin-bottom:11px;font-size:.96rem;font-weight:500;color:#D6ECE6}
.np-check li::before{content:'';position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;
  background:var(--steel);box-shadow:0 0 0 4px rgba(63,167,150,.28)}
.np-check li::after{content:'\2713';position:absolute;left:4px;top:6.5px;color:var(--ink);font-size:.62rem;font-weight:800}

.np-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
.np-figures div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:14px 8px;text-align:center}
.np-figures b{display:block;font-family:'Schibsted Grotesk',serif;font-weight:700;font-size:1.2rem;color:#fff;line-height:1.1}
.np-figures span{font-size:.68rem;font-weight:700;color:#8FCABB;text-transform:uppercase;letter-spacing:.05em}

.np-hero-btns{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:20px}
.np-hero-trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.78rem;font-weight:700;color:#8FCABB}

@media(max-width:920px){
  .np-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .np-hero-copy{display:contents}
  .np-hero-shot{order:1;min-height:200px}
  .np-hero-title{order:2}
  .np-hero-rest{order:3}
  .np-hero-shot img{max-width:min(175px,100%)}
  .np-glow-svg{width:220px;height:220px}
  .np-wave-tag{bottom:0;right:0}
}

/* ---------- "the honeycomb shimmer grid" signature — a tiny hex cluster that shimmers, echoing the honeycomb pattern ---------- */
.np-ascent{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 18px 14px;
  box-shadow:0 8px 22px rgba(22,37,63,.14);text-align:center;max-width:260px;margin-left:auto;margin-right:auto}
.np-ascent h4{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:var(--steel-dk);
  margin-bottom:8px;font-family:'Inter',sans-serif;font-weight:700}
.np-ascent svg{display:block;margin:0 auto;overflow:visible}
.np-mini-beacon{width:34px;height:34px;border-radius:50%;margin:0 auto;
  background:radial-gradient(circle,rgba(63,167,150,.35) 0%,rgba(63,167,150,.1) 50%,transparent 75%);
  animation:npMiniPulse 3s ease-in-out infinite}
@keyframes npMiniPulse{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.15);opacity:1}}
@media(prefers-reduced-motion:reduce){.np-mini-beacon{animation:none;opacity:.8}}
.np-ascent-cap{font-size:.68rem;font-weight:700;color:var(--slate);margin-top:8px}

/* ---------- grids ---------- */
.np-grid{display:grid;gap:20px}
.np-g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.np-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.np-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:980px){.np-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.np-g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.np-g4,.np-g3,.np-g2{grid-template-columns:minmax(0,1fr)}}

.np-sec{padding:64px 0}
.np-sec-sand{background:var(--sand)}
.np-sec-dark{background:var(--ink);color:#fff}
.np-sec-dark h2,.np-sec-dark h3,.np-sec-dark h4{color:#fff}
.np-sec-dark p{color:#C8E5DE}
.np-sec-dark .np-eyebrow{color:var(--sage)}

.np-head{text-align:center;max-width:640px;margin:0 auto 40px}
.np-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:10px}

.np-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:26px 22px}
.np-card p{color:var(--slate);font-size:.93rem;margin:0}
.np-card h4{margin-bottom:8px}
.np-card-badge{text-align:center}
.np-card-badge img{max-width:70px;margin:0 auto 14px}

.np-idx{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;
  justify-content:center;font-family:'Schibsted Grotesk',serif;font-weight:700;margin-bottom:14px}
.np-idx-sage{background:var(--steel)}

/* ---------- split ---------- */
.np-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
@media(max-width:820px){.np-split{grid-template-columns:minmax(0,1fr)}}
.np-split-copy p{color:var(--slate)}

/* ---------- reviews ---------- */
.np-rev-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.np-rev-head img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.np-rev-name{font-weight:700;color:var(--ink);font-size:.95rem}
.np-rev-sub{font-size:.78rem;color:var(--slate)}
.np-stars{color:#F4B740;letter-spacing:2px;margin-bottom:10px}
.np-board{display:flex;justify-content:center;gap:50px;margin-top:34px;flex-wrap:wrap;text-align:center}
.np-board b{display:block;font-family:'Schibsted Grotesk',serif;font-size:1.7rem;color:var(--ink)}
.np-board span{font-size:.8rem;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}

/* ---------- pricing plans ---------- */
.np-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
@media(max-width:900px){.np-plans{grid-template-columns:minmax(0,1fr)}}
.np-plan{background:#fff;border:2px solid var(--line);border-radius:14px;padding:26px 22px;text-align:center;position:relative}
.np-plan.top{border-color:var(--steel);box-shadow:0 14px 34px rgba(63,167,150,.18);transform:scale(1.04)}
.np-plan img.pk{max-width:140px;margin:0 auto 16px}
.np-plan-ttl{font-family:'Schibsted Grotesk',serif;font-weight:700;font-size:1.1rem;color:var(--ink)}
.np-plan-sub{font-size:.82rem;color:var(--slate);margin-bottom:12px}
.np-plan-price{font-family:'Schibsted Grotesk',serif;font-size:2.1rem;font-weight:700;color:var(--ink)}
.np-plan-price small{font-size:.9rem;font-weight:600;color:var(--slate)}
.np-plan-tot{font-size:.85rem;color:var(--slate);margin:6px 0}
.np-plan-ship{font-size:.78rem;font-weight:700;color:var(--steel-dk);margin-bottom:14px}
.np-plan-ship.pay{color:var(--slate)}
.np-plan ul{list-style:none;padding:0;margin:0 0 16px;text-align:left;font-size:.86rem;color:var(--slate)}
.np-plan ul li{padding:5px 0;position:relative;padding-left:20px}
.np-plan ul li::before{content:'\2713';position:absolute;left:0;color:var(--steel-dk);font-weight:800}
.np-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--steel);color:#fff;
  font-size:.72rem;font-weight:700;padding:5px 16px;border-radius:999px;white-space:nowrap}
.np-badge-steel{background:var(--ink)}
.np-plan .cards{max-width:180px;margin:0 auto}

/* ---------- guarantee ---------- */
.np-guar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:center;background:#fff;
  border:1px solid var(--line);border-radius:14px;padding:34px}
@media(max-width:680px){.np-guar{grid-template-columns:minmax(0,1fr);text-align:center}}
.np-guar-badge img{max-width:180px}

/* ---------- ribbon list ---------- */
.np-ribbon-list{display:flex;flex-direction:column;gap:16px}
.np-ribbon{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:18px 20px}
.np-ribbon-icon{font-size:1.5rem;flex:0 0 auto}
.np-ribbon-body h4{margin-bottom:4px}
.np-ribbon-body p{margin:0;font-size:.9rem}

/* ---------- timeline ---------- */
.np-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:820px){.np-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
.np-tl-item{text-align:center}
.np-tl-dot{width:36px;height:36px;border-radius:50%;background:var(--steel);color:#fff;display:flex;
  align-items:center;justify-content:center;font-family:'Schibsted Grotesk',serif;font-weight:700;margin:0 auto 12px}
.np-tl-item h4{font-size:.95rem;margin-bottom:6px}
.np-tl-item p{font-size:.85rem;color:var(--slate);margin:0}

/* ---------- compare ---------- */
.np-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
@media(max-width:700px){.np-compare{grid-template-columns:minmax(0,1fr)}}
.np-compare .a,.np-compare .b{border-radius:12px;padding:24px}
.np-compare .a{background:#fff;border:1px solid var(--line)}
.np-compare .b{background:var(--ink);color:#fff}
.np-compare .b h4{color:#fff}
.np-compare ul{list-style:none;padding:0;margin:0;font-size:.9rem}
.np-compare ul li{padding:6px 0}
.np-compare .a ul li{color:var(--slate)}
.np-compare .b ul li{color:#C8E5DE}

/* ---------- steps ---------- */
.np-steps{display:flex;flex-direction:column;gap:18px}
.np-step-row{display:flex;gap:18px;align-items:flex-start}
.np-step-row .n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--steel);color:#fff;
  display:flex;align-items:center;justify-content:center;font-family:'Schibsted Grotesk',serif;font-weight:700}
.np-step-row h4{margin-bottom:4px;color:#fff}
.np-step-row p{margin:0;color:#C8E5DE;font-size:.9rem}

/* ---------- FAQ ---------- */
.np-faq-row{border-bottom:1px solid var(--line)}
.np-faq-btn{width:100%;text-align:left;background:none;border:0;padding:18px 0;font-family:'Schibsted Grotesk',serif;
  font-weight:700;font-size:1rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.np-faq-btn::after{content:'+';font-size:1.3rem;color:var(--steel-dk)}
.np-faq-btn[aria-expanded="true"]::after{content:'\2212'}
.np-faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.np-faq-body p{padding-bottom:16px;color:var(--slate);margin:0}
.np-faq-row.open .np-faq-body{max-height:400px}
.np-faq{border-top:1px solid var(--line)}

/* ---------- refs ---------- */
.np-refs{list-style:none;margin:0 0 18px;padding:0}
.np-refs li{padding:11px 0;border-bottom:1px solid var(--line);font-size:.91rem;color:var(--slate)}
.np-refs a{color:var(--steel-dk);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.np-safety-list{list-style:none;margin:0;padding:0}
.np-safety-list li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--steel);
  border-radius:0 8px 8px 0;padding:16px 20px;margin-bottom:14px;font-size:.93rem;color:var(--slate);line-height:1.6}
.np-safety-list li b{color:var(--ink)}

/* ---------- final CTA ---------- */
.np-final{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-dk) 100%);border-radius:14px;
  padding:52px 30px;text-align:center}
.np-final h2{color:#fff}
.np-final p{color:#C8E5DE;max-width:520px;margin:0 auto 22px}
.np-final img{max-width:200px;margin:0 auto 18px}
.np-final .old{color:#5C9184;text-decoration:line-through;font-size:.9rem}
.np-final .new{font-family:'Schibsted Grotesk',serif;font-size:1.8rem;font-weight:700;color:var(--sage);margin-bottom:18px}
.np-final .sm{font-size:.82rem;color:#8FCABB;margin-top:14px}

/* ---------- related / bonus / ingredients ---------- */
.np-rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:820px){.np-rel{grid-template-columns:minmax(0,1fr)}}
.np-rel a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;display:block}
.np-rel a b{display:block;color:var(--ink);margin-bottom:6px;font-family:'Schibsted Grotesk',serif}
.np-rel a span{font-size:.85rem;color:var(--slate)}

.np-bonus-grid{display:grid;gap:18px}
.np-bonus-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;position:relative}
.np-bonus-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--steel);color:#fff;
  font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:999px}
.np-bonus-card img{max-width:120px;margin:14px auto 12px;border-radius:6px}
.np-bonus-card h4{font-size:.95rem;margin-bottom:6px}
.np-bonus-card p{font-size:.82rem;margin:0}

.np-inp-grid{display:grid;gap:18px}
.np-inp-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.np-inp-top{height:6px}
.np-inp-body{padding:20px}
.np-inp-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.np-inp-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex:0 0 auto}
.np-inp-name{margin:0;font-size:.98rem}
.np-inp-body p{font-size:.87rem;margin:0}

/* ---------- article/legal pages ---------- */
.np-article h2{margin-top:1.6em}
.np-article p{color:var(--slate)}
.np-article .lead{font-size:1.1rem;color:var(--ink);font-weight:500}
.np-alert{background:var(--sand);border-left:4px solid var(--steel);border-radius:0 8px 8px 0;padding:18px 22px;
  color:var(--slate);margin-bottom:22px}
.np-callout{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 22px;margin:18px 0}
.np-meta{font-size:.85rem;color:var(--slate);margin-bottom:22px}

.np-crumb{font-size:.85rem;color:var(--slate);padding:16px 0}
.np-crumb a{color:var(--steel-dk);font-weight:600}
.np-crumb i{margin:0 6px;font-style:normal;opacity:.5}

/* ---------- blog hub ---------- */
.np-bhero{background:linear-gradient(150deg,var(--ink) 0%,var(--ink-dk) 100%);color:#fff;padding:44px 0 34px;text-align:center}
.np-bhero .lede{color:#C8E5DE;max-width:540px;margin:14px auto 0}
.np-bhero-meta{margin-top:16px;font-size:.85rem;color:var(--sage)}
.np-bhero-meta span{margin:0 10px}
.np-pill{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;font-size:.78rem;font-weight:700;padding:7px 16px;border-radius:999px}
.np-bgroup{margin-bottom:10px}
.np-bsection-ttl{display:block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--steel-dk);margin-bottom:16px}
.np-bgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:820px){.np-bgrid{grid-template-columns:minmax(0,1fr)}}
.np-bcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:block}
.np-bcard-head .tag{font-size:.7rem;font-weight:700;color:var(--steel-dk);text-transform:uppercase;letter-spacing:.08em}
.np-bcard-head h3{font-size:1.05rem;margin:8px 0 10px}
.np-bcard-body p{font-size:.88rem;margin:0 0 10px}
.np-bcard-body .read{font-size:.85rem;font-weight:700;color:var(--steel-dk)}

/* ---------- footer ---------- */
.np-foot{background:var(--ink-dk);color:#8FCABB;padding:50px 0 26px;font-size:.85rem}
.np-foot-nav,.np-foot-legal{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 20px}
.np-foot-nav a,.np-foot-legal a{color:#C8E5DE}
.np-foot hr{border-color:rgba(255,255,255,.12);margin:20px 0}
.np-foot p{color:#5C9184;font-size:.8rem}
.np-foot .cr{color:#3A5A52;font-size:.78rem;margin-top:16px}

/* ---------- sticky bar ---------- */
.np-sticky{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);
  box-shadow:0 -8px 24px rgba(0,0,0,.08);padding:12px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:16px;z-index:60}
.np-sticky .t b{display:block;color:var(--ink);font-family:'Schibsted Grotesk',serif}
.np-sticky .t small{color:var(--slate);font-size:.78rem}
@media(min-width:920px){.np-sticky{display:none}}
body{padding-bottom:70px}
@media(min-width:920px){body{padding-bottom:0}}