/* Home melt gradient — long soft runway (fallback until meltPainter measures) */
.n7b-melt { background:linear-gradient(180deg,
  #101029 0%, #131c66 10%, #101029 28%, #101029 42%,
  #101029 48%, #141c4a 51%, #243a78 54%, #4a6aa8 57%, #8aa4d0 60%,
  #c5d4ea 63%, #e4ebf7 66%, #f0f4fa 69%, #f6f8fb 72%, #fafafa 78%,
  #fafafa 88%,
  #cddcfa 94%, #101029 100%); }


/* home.css — homepage */
/* HERO cinematic — full-bleed; video covers via object-fit */
.n6-hero {
  position:relative;
  width:100%;
  min-height:100svh;
  display:flex; align-items:flex-end;
  padding:0 var(--navi-pad) clamp(40px,5.5vw,80px);
  overflow:hidden; color:var(--navi-off-white);
}
@media (max-width:720px) {
  .n6-hero {
    min-height:min(100svh, 720px);
  }
  .n6-hero h1 { font-size:clamp(32px,10vw,48px); }
  .n6-hero__sub { margin-top:16px; font-size:15px; }
  .n6-hero__cta { margin-top:22px; }
  .n6-hero__scroll { display:none; }
}
.n6-hero__bg { position:absolute; inset:0; z-index:0; background:#0b0b20; }
.n6-hero__bg img, .n6-hero__bg video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.08); }
/* Poster holds the first frame; video fades in once playback starts (no poster flash). */
.n6-hero__poster { z-index:0; }
.n6-hero__video { z-index:1; opacity:0; transition:opacity .7s var(--navi-ease); }
.n6-hero__video.is-ready { opacity:1; }
@media (prefers-reduced-motion:reduce){
  .n6-hero__video { opacity:1; transition:none; }
}
.n6-hero__scrim { position:absolute; inset:0; z-index:1; background:
   linear-gradient(180deg, rgba(16,16,41,.55) 0%, rgba(16,16,41,.12) 32%, rgba(16,16,41,.66) 78%, rgba(16,16,41,.98) 100%),
   radial-gradient(70% 60% at 18% 88%, rgba(99,159,255,.5), transparent 66%),
   radial-gradient(60% 50% at 92% 10%, rgba(23,41,135,.55), transparent 70%); }
.n6-hero__in { position:relative; z-index:2; width:min(var(--navi-maxw),100%); margin:0 auto; }
.n6-hero__eyebrow { color:var(--navi-pastel-blue); }
.n6-hero h1 { margin-top:18px; font-size:clamp(42px,7.6vw,104px); line-height:.98; max-width:22ch; }
.n6-hero h1 .g { background:linear-gradient(92deg,#dce6fd,#639fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.n6-hero__sub { margin-top:24px; max-width:580px; font-size:clamp(17px,2vw,21px); color:var(--navi-pastel-blue); font-weight:300; }
.n6-hero__cta { display:flex; gap:16px; align-items:center; margin-top:34px; flex-wrap:wrap; }
.n6-play { display:inline-flex; align-items:center; gap:12px; cursor:pointer; color:var(--navi-off-white); font-size:15px; text-decoration:none; }
.n6-play__ring { width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,.4); display:grid; place-items:center; transition:transform .35s var(--navi-ease), background .35s; }
.n6-play:hover .n6-play__ring { transform:scale(1.08); background:rgba(255,255,255,.12); }
.n6-play__ring::before { content:""; width:0; height:0; border-left:12px solid #fff; border-top:7px solid transparent; border-bottom:7px solid transparent; margin-left:3px; }
.n6-hero__scroll { position:absolute; bottom:48px; left:50%; transform:translateX(-50%); z-index:2; font-family:var(--navi-mono); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--navi-muted-dark); will-change:opacity; }

/* ---------- BRAND STAR ELEMENTS ---------- */
/* .n6-seam progress rail lives in chrome.css (shared) */
.n6-chapter__num::before { content:""; display:inline-block; width:13px; height:13px; margin-right:8px; vertical-align:-1px;
  -webkit-mask:url(../assets/navi-star-clean.svg) center/contain no-repeat; mask:url(../assets/navi-star-clean.svg) center/contain no-repeat; background:currentColor; opacity:.95; }
.n6-final__sweep { position:absolute !important; top:22px; right:clamp(16px,7vw,110px); width:clamp(110px,15vw,210px); z-index:2; pointer-events:none; }
.n6-final__sweep > svg:first-child { width:100%; height:auto; display:block; }
.n6-final__sweepstar { position:absolute; top:6px; left:6px; width:42px; height:44px; transform:translate(-50%,-50%);
  display:block; color:#fff; overflow:visible; filter:drop-shadow(0 0 14px rgba(99,159,255,.6)); }

/* CHAPTERS — sticky scrolly track (desktop) + traveling star rail, flat media.
   Uses CSS sticky instead of GSAP pin to avoid pin engage/disengage hops.
   Requires html.has-experience-pin so body overflow-x:hidden does not kill sticky. */
html.has-experience-pin,
html.has-experience-pin body {
  overflow-x: visible;
}
.n6-chapter {
  position:relative;
  padding:0;
  min-height:0;
  display:block;
  box-sizing:border-box;
}
.n6-chapter__track {
  position:relative;
  height:340vh;
}
.n6-chapter__sticky {
  position:sticky;
  top:0;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:clamp(48px,7vw,96px) var(--navi-pad);
  box-sizing:border-box;
}
.n6-chapter__grid {
  max-width:min(1600px, 100%);
  width:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:0.85fr 1.85fr;
  gap:clamp(28px,4.5vw,64px);
  align-items:center;
}
.n6-chapter:nth-of-type(even) .n6-chapter__media { order:-1; }
.n6-chapter__media { position:relative; }
.n6-stack {
  position:relative;
  border-radius:var(--navi-radius-lg);
  overflow:hidden;
  box-shadow:none;
  border:0;
  width:100%;
  aspect-ratio:16 / 9; /* matches UI animations 1948×1080 */
  height:auto;
  background:transparent; /* alpha WebM/HEVC composites onto page */
}
.n6-stack img, .n6-stack video, .n6-stack__shot--ai {
  position:absolute; inset:0; margin:auto;
  opacity:0; transition:opacity .55s var(--navi-ease);
  pointer-events:none;
  will-change:opacity;
}
.n6-stack img, .n6-stack video {
  width:88%; height:90%; max-height:90%;
  object-fit:contain; object-position:center center;
}
.n6-stack img.is-active, .n6-stack video.is-active, .n6-stack__shot--ai.is-active { opacity:1; }
.n6-stack__shot--ai {
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  object-fit:unset;
  background:transparent;
  padding:clamp(16px,3.5%,28px);
}
.n6-stack__shot--ai.is-active { pointer-events:auto; }
.n6-stack__shot--ai .n7i-ai__mock--stack {
  margin:0; width:88%; height:90%; max-height:90%;
  padding:clamp(12px,1.6vw,18px);
  font-size:clamp(11px,1.15vw,13.5px);
  box-shadow:none;
  overflow:hidden;
}
.n6-stack__shot--ai .n7i-ai__chips { gap:5px; }
.n6-stack__shot--ai .n7i-ai__chip { font-size:clamp(10px,1vw,12px); padding:5px 9px; }
.n6-stack__shot--ai [data-admin-step="ask"],
.n6-stack__shot--ai [data-admin-step="typing"],
.n6-stack__shot--ai [data-admin-step="reply"],
.n6-stack__shot--ai [data-admin-step="insight"] { opacity:0; }
@media (prefers-reduced-motion: reduce){
  .n6-stack__shot--ai [data-admin-step] { opacity:1 !important; }
  .n6-stack__shot--ai [data-admin-chip="close"] {
    color:#fff; border-color:rgba(99,159,255,.7); background:rgba(99,159,255,.28);
  }
}
.n6-stack__grade { position:absolute; inset:0; pointer-events:none; z-index:1; }
.n6-chapter__num { font-family:var(--navi-mono); font-size:13px; color:var(--navi-light-blue); }
.band-vivid .n6-chapter__num { color:var(--navi-pastel-blue); }
.n6-chapter__title { font-size:clamp(34px,5vw,60px); margin-top:10px; }
.n6-chapter__lede { margin-top:16px; color:var(--navi-muted-dark); font-weight:300; max-width:400px; }
.band-vivid .n6-chapter__lede { color:var(--navi-pastel-blue); }
/* steps + star rail (dark colours) */
.n6-steps { position:relative; margin-top:28px; display:grid; gap:clamp(12px,2.5vh,28px); }
.n6-rail { position:absolute; left:0; top:18px; bottom:18px; width:2px; background:rgba(220,230,253,.14); overflow:hidden; }
.n6-rail__fill { position:absolute; left:0; top:0; width:100%; height:0; background:linear-gradient(180deg, var(--navi-light-blue), #dce6fd); }
.n6-railstar { position:absolute; left:1px; top:18px; width:17px; height:17px; transform:translate(-50%,0);
  -webkit-mask:url(../assets/navi-star-clean.svg) center/contain no-repeat; mask:url(../assets/navi-star-clean.svg) center/contain no-repeat;
  background:#fff; filter:drop-shadow(0 0 9px rgba(99,159,255,.8)); z-index:2; }
.n6-step { position:relative; display:block; width:100%; padding:14px 0 14px 26px; margin:0; border:0; background:none; text-align:left; font:inherit; color:inherit; cursor:pointer; opacity:.38; transition:opacity .45s var(--navi-ease); }
.n6-step.is-on { opacity:1; }
.n6-step:hover { opacity:.72; }
.n6-step.is-on:hover { opacity:1; }
.n6-step:focus-visible { outline:2px solid var(--navi-light-blue); outline-offset:4px; border-radius:8px; opacity:1; }
.n6-step h3 { font-size:22px; margin:0; transition:color .35s var(--navi-ease); }
.n6-step.is-on h3 { color:#fff; }
.n6-step p { margin-top:10px; color:var(--navi-muted-dark); font-size:15.5px; font-weight:300; }
.band-vivid .n6-step p { color:var(--navi-pastel-blue); }
@media (max-width:900px){
  .n6-chapter__track{ height:auto; }
  .n6-chapter__sticky{
    position:relative;
    top:auto;
    min-height:0;
    display:block;
    padding:clamp(56px,10vw,96px) var(--navi-pad);
  }
  .n6-chapter__grid{ grid-template-columns:1fr; align-items:start; }
  .n6-chapter:nth-of-type(even) .n6-chapter__media{ order:0; }
  .n6-chapter__media{ margin-bottom:28px; }
  .n6-stack{ height:auto; aspect-ratio:16 / 9; }
  .n6-steps{ gap:12px; margin-top:28px; }
  .n6-step{ opacity:.55; padding:12px 0 12px 26px; }
  .n6-step.is-on{ opacity:1; transform:none; }
  .n6-step p{ margin-top:6px; }
}

/* FEATURE HIGHLIGHTS — staggered board (28/72 · 48/52), soft media edge masks */
.n6-bento {
  --bv-gap: 0px;
  --bv-media-radius: 0px;
  --bv-card-pad: clamp(20px, 2.2vw, 28px);
  --bv-line: rgba(220, 230, 253, .22);
  padding: clamp(56px, 8vw, 100px) var(--navi-pad) clamp(64px, 8vw, 110px);
  color: var(--navi-off-white);
}
.n6-tile {
  --tile-pad: var(--bv-card-pad);
  background: transparent;
  outline: 0;
  border: 0;
  border-radius: 0;
  padding: var(--tile-pad);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  position: relative;
  overflow: hidden;
  min-height: 0;
  height: 100%;
}
.n6-tile__tag { display:inline-flex; align-items:center; gap:7px; font-family:var(--navi-mono); font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; color:var(--navi-light-blue); position:relative; z-index:2; flex:none; }
.n6-tile__tag::before {
  content:""; width:9px; height:9px; flex:none; background:currentColor;
  -webkit-mask:url(../assets/navi-star-clean.svg) center/contain no-repeat;
  mask:url(../assets/navi-star-clean.svg) center/contain no-repeat;
}
.n6-tile h3 { font-size:clamp(20px,2.1vw,28px); font-weight:300; line-height:1.28; letter-spacing:-0.015em; color:rgba(244,246,255,.62); position:relative; z-index:2; max-width:22ch; margin:0; flex:none; }
.n6-tile h3 b { color:#fff; font-weight:500; }
.n6-tile__shot {
  margin: 4px 0 0;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  position: relative;
  aspect-ratio: auto;
  border-radius: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  /* Fade media to transparent so section bg shows through — no painted wells */
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 12%, #000 82%, transparent 100%);
  mask-image:
    linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),
    linear-gradient(to bottom, transparent 0%, #000 12%, #000 82%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.n6-tile__shot video,
.n6-tile__shot img,
.n6-tile__shots img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center center;
  background: transparent;
}
.n6-tile__shots { position: absolute; inset: 0; }
.n6-tile__shots img { opacity: 0; transform: scale(1.06); transform-origin: center top; will-change: opacity, transform; }
.n6-tile__shots img:first-child { opacity: 1; transform: scale(1.02); }
@media (prefers-reduced-motion: reduce) {
  .n6-tile__shots img { opacity: 0; transform: none; }
  .n6-tile__shots img:first-child { opacity: 1; }
}

.bv-stagger {
  max-width: min(1180px, 100%);
  margin: 0 auto;
  position: relative;
}

.bv-stagger__grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  column-gap: 0;
  min-height: clamp(760px, 88vh, 980px);
  position: relative;
}
.bv-stagger__grid::before { display: none; }

.bv-stagger__row {
  display: grid;
  gap: 0;
  column-gap: 0;
  align-items: stretch;
  position: relative;
  min-width: 0;
  min-height: 0;
}
.bv-stagger__row--top {
  flex: 1.12 1 0;
  grid-template-columns: 36fr 64fr;
}
.bv-stagger__row--bottom {
  flex: 1 1 0;
  grid-template-columns: 48fr 52fr;
  border-top: 1px solid var(--bv-line);
}

/* Per-row vertical spine (offset between rows) */
.bv-stagger__row::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--bv-line);
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 3;
}
.bv-stagger__row--top::before { left: 36%; }
.bv-stagger__row--bottom::before { left: 48%; }

/* Legacy col wrapper — unused on v2 markup, keep harmless */
.bv-stagger__col { display: contents; min-width: 0; }

.n6-tile--inventory,
.n6-tile--viewer,
.n6-tile--crm,
.n6-tile--dashboard {
  grid-column: auto;
  grid-row: auto;
}
.n6-tile--crm,
.n6-tile--dashboard {
  position: relative;
  overflow: hidden;
  border-top: 0;
}
.n6-tile--crm::before,
.n6-tile--dashboard::before { display: none; }

/* Dashboard tile — fill cell under the headline */
.n6-tile--viewer { gap: 8px; }
.n6-tile--viewer .n6-tile__shot { margin-top: 0; }
.n6-tile--viewer .n6-tile__shot video {
  inset: auto;
  top: 50%;
  left: 50%;
  width: 128%;
  height: 128%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  transform: translate(-50%, -50%);
}

/* Navi AI — soft top seam after the board */
#navi-ai {
  margin-top: 0;
  border-top: 1px solid rgba(220, 230, 253, .14);
}

@media (max-width: 900px) {
  .n6-bento {
    --bv-card-pad: 0px;
    --bv-media-radius: 0px;
    padding: clamp(40px, 6vw, 72px) 0 clamp(48px, 6vw, 80px);
  }
  .bv-stagger {
    max-width: none;
    width: 100%;
  }
  .bv-stagger__grid {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    min-height: 0;
  }
  .bv-stagger__row {
    display: flex;
    flex-direction: column;
    flex: none;
  }
  .bv-stagger__row::before { display: none; }
  .bv-stagger__row--bottom { border-top: 0; }
  .n6-tile--inventory { order: 1; border-top: 0; }
  .n6-tile--viewer { order: 2; border-top: 1px solid var(--bv-line); }
  .n6-tile--crm { order: 3; border-top: 1px solid var(--bv-line); }
  .n6-tile--dashboard { order: 4; border-top: 1px solid var(--bv-line); }
  .n6-tile {
    width: 100%;
    height: auto;
    overflow: visible;
    padding: clamp(18px, 3.5vw, 24px) 0;
    gap: 14px;
  }
  .n6-tile__tag,
  .n6-tile h3 {
    padding-inline: var(--navi-pad);
    max-width: none;
  }
  .n6-tile .n6-tile__shot {
    flex: 0 0 auto;
    aspect-ratio: 1948 / 1080;
    width: 100%;
    margin: 0;
    border-radius: 0;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .n6-tile--viewer .n6-tile__shot video {
    inset: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
    object-fit: contain;
  }
}

/* DARK VAULT — meltPainter holds #101029 flat; mixes ticker + bento + act layouts */
.n7d-vault { position:relative; }
.n7d-vault__intro { text-align:center; padding:clamp(48px,7vw,80px) var(--navi-pad) clamp(40px,6vw,72px); max-width:820px; margin:0 auto; }
.n7d-vault__intro h2 { font-size:clamp(26px,4vw,48px); font-weight:400; margin-top:14px; }
.n7d-vault__intro h2 .g { background:linear-gradient(92deg,#dce6fd,#639fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.n7d-vault__intro p { margin:18px auto 0; max-width:560px; color:var(--navi-muted-dark); font-weight:300; }

/* feature ticker (from features page) — constant-speed loop via GSAP (see featureTicker) */
.n6-ticker { overflow:hidden; padding:20px 0; margin:clamp(36px,5vw,56px) 0 0; border-top:1px solid var(--navi-line-dark); border-bottom:1px solid var(--navi-line-dark); }
.n6-ticker__track { display:flex; align-items:center; gap:26px; width:max-content; will-change:transform; font-size:clamp(18px,2.4vw,28px); font-weight:300; color:var(--navi-muted-dark); white-space:nowrap; }
.n6-ticker__track b { color:var(--navi-off-white); font-weight:500; }
.n6-ticker__track .dot { width:6px; height:6px; border-radius:50%; background:var(--navi-light-blue); display:inline-block; flex:none; }

/* THE MELT · colour runway between AI and actions (statement lives in #actions) */
.n6-melt-state { text-align:center; padding:clamp(72px,9vw,110px) var(--navi-pad) clamp(72px,9vw,110px); position:relative; }
.n6-melt-state--bridge {
  padding: 0;
  /* Modest seam only — colour ease lives in AI floor + statement top pad */
  min-height: clamp(40px, 6vh, 72px);
}
.n6-melt-state h2 { font-size:clamp(26px,4.3vw,58px); margin:0 auto; font-weight:400; letter-spacing:-0.02em; white-space:nowrap; color:#fff; }
@media (max-width:760px){ .n6-melt-state h2{ white-space:normal; text-wrap:balance; } }
.n6-melt-state h2 .g { background:linear-gradient(92deg,#dce6fd,#639fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.n6-w { display:inline-block; will-change:transform,filter; }
.n6-melt-state p { margin:26px auto 0; max-width:560px; font-weight:300; color:rgba(255,255,255,.85); }

/* N07E ACTION SEQUENCE — Lemni-inspired asymmetric copy + oversized real product UI.
   The screenshot stays authentic; small overlays demonstrate already-documented state changes. */
.n7e-actions { color:var(--navi-ink); padding:0 0 clamp(64px,8vw,110px); overflow-x:clip; }
.n7e-action { min-height:auto; display:flex; align-items:center; padding:clamp(56px,6vw,86px) var(--navi-pad); overflow:visible; }
.n7e-action__grid { width:min(var(--navi-maxw),100%); margin:0 auto; display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr); gap:clamp(42px,6vw,92px); align-items:center; }
.n7e-action--reverse .n7e-action__grid { grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr); }
.n7e-action--reverse .n7e-action__copy { order:2; }
.n7e-action--reverse .n7e-action__visual { order:1; justify-self:end; }
.n7e-action__copy { position:relative; z-index:3; max-width:430px; }
.n7e-action__kicker { font-family:var(--navi-mono); font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:var(--navi-blue); }
.n7e-action h2 { margin-top:14px; font-size:clamp(26px,3.2vw,40px); line-height:1.12; font-weight:400; letter-spacing:-.02em; max-width:16ch; }
.n7e-action__body { margin-top:20px; max-width:410px; color:var(--navi-muted); font-size:clamp(16px,1.5vw,18px); line-height:1.55; font-weight:300; }
.n7e-action__list { margin:30px 0 0; padding:0; list-style:none; display:grid; gap:13px; }
.n7e-action__list li { display:grid; grid-template-columns:18px 1fr; gap:11px; align-items:start; color:#34384f; font-size:15px; line-height:1.45; }
.n7e-action__list li::before { content:""; width:17px; height:17px; margin-top:2px; border-radius:50%; background:var(--navi-gradient);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/12px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/12px no-repeat; }
.n7e-action__more {
  width:max-content; margin-top:28px; display:inline-flex; align-items:center; gap:8px;
  color:#172987; font-size:15px; font-weight:600;
}
.n7e-action__more::after {
  content:""; width:28px; height:1px; background:#639fff;
  transition:width .3s var(--navi-ease);
}
.n7e-action__more:hover::after { width:38px; }
.n7e-action__visual { position:relative; width:min(980px,72vw); justify-self:start; perspective:1400px; }
.n7e-action__panel { position:relative; aspect-ratio:3974/2277; overflow:hidden; border-radius:0; background:transparent; border:0;
  box-shadow:none; transform-origin:center; isolation:isolate; }
.n7e-action__panel::after { display:none; }
.n7e-action__panel > img,
.n7e-action__panel > video { display:block; width:100%; height:100%; object-fit:contain; object-position:center center; background:transparent; }
@media (max-width:980px){
  .n7e-action { min-height:auto; padding-block:clamp(72px,11vw,108px); }
  .n7e-action__grid, .n7e-action--reverse .n7e-action__grid { grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr); gap:38px; }
  .n7e-action__visual { width:min(760px,70vw); }
}
@media (max-width:720px){
  .n7e-action { padding:70px var(--navi-pad); overflow:hidden; }
  .n7e-action__grid, .n7e-action--reverse .n7e-action__grid { display:flex; flex-direction:column; align-items:stretch; gap:34px; }
  .n7e-action--reverse .n7e-action__copy, .n7e-action--reverse .n7e-action__visual { order:initial; }
  .n7e-action__copy { max-width:560px; }
  .n7e-action__visual { width:100%; justify-self:auto; }
  .n7e-action__panel { width:100%; border-radius:0; }
  .n7e-action__list { margin-top:24px; }
}
@media (prefers-reduced-motion: reduce){
  .n7e-action__panel { clip-path:none !important; transform:none !important; }
}

/* N07E ACTION STACK — Scale-style sticky cards (deck peeks + scrubbed scale).
   Requires html.has-action-stack so body overflow-x:hidden does not kill sticky.
   Palettes: data-stack-palette="pastel|ice|vivid|navy|slate" (default: pastel) */
html.has-action-stack,
html.has-action-stack body {
  overflow-x: visible;
}
.n7e-actions--stack {
  --stack-top: 108px;
  --stack-peek: 28px;
  --stack-pad: 0;
  --stack-ink: var(--navi-ink);
  --stack-muted: var(--navi-muted);
  --stack-kicker: var(--navi-blue);
  --stack-link: #172987;
  --stack-shell: transparent;
  --stack-tone-0: linear-gradient(160deg, #f8faff 0%, #e8effc 55%, #dce6fd 100%);
  --stack-tone-1: linear-gradient(160deg, #f3f6ff 0%, #dde7fb 52%, #c9d8f8 100%);
  --stack-tone-2: linear-gradient(160deg, #eef3fe 0%, #d4e0f8 55%, #b8cbf2 100%);
  --stack-tone-3: linear-gradient(160deg, #e6edfa 0%, #c5d4f4 50%, #9eb6ea 100%);
  position: relative;
  padding: 0 0 clamp(48px, 7vw, 96px);
  background: transparent;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  color: var(--stack-ink);
}
.n7e-actions--stack[data-stack-mode="sink"] {
  --stack-peek: 30px;
  /* Tighter runway after the final slab */
  padding-bottom: clamp(20px, 3vw, 40px);
}

/* —— Color palettes —— */
.n7e-actions--stack[data-stack-palette="pastel"] {
  --stack-tone-0: linear-gradient(160deg, #f8faff 0%, #e8effc 55%, #dce6fd 100%);
  --stack-tone-1: linear-gradient(160deg, #f3f6ff 0%, #dde7fb 52%, #c9d8f8 100%);
  --stack-tone-2: linear-gradient(160deg, #eef3fe 0%, #d4e0f8 55%, #b8cbf2 100%);
  --stack-tone-3: linear-gradient(160deg, #e6edfa 0%, #c5d4f4 50%, #9eb6ea 100%);
  --stack-ink: var(--navi-ink);
  --stack-muted: var(--navi-muted);
  --stack-kicker: var(--navi-blue);
  --stack-link: #172987;
}
.n7e-actions--stack[data-stack-palette="ice"] {
  --stack-tone-0: #fafafa;
  --stack-tone-1: #f0f2f7;
  --stack-tone-2: #e4e8f0;
  --stack-tone-3: #d5dbe8;
}
.n7e-actions--stack[data-stack-palette="vivid"] {
  --stack-tone-0: #dce6fd;
  --stack-tone-1: #a8c4ff;
  --stack-tone-2: #639fff;
  --stack-tone-3: #172987;
  --stack-ink: #0e0e26;
  --stack-muted: #3a4060;
  --stack-kicker: #172987;
  --stack-link: #101029;
}
.n7e-actions--stack[data-stack-palette="vivid"] .n7e-action[data-stack-tone="2"],
.n7e-actions--stack[data-stack-palette="vivid"] .n7e-action[data-stack-tone="3"] {
  --stack-ink: #fafafa;
  --stack-muted: rgba(250, 250, 250, 0.72);
  --stack-kicker: #dce6fd;
  --stack-link: #dce6fd;
}
.n7e-actions--stack[data-stack-palette="navy"] {
  --stack-tone-0: #101029;
  --stack-tone-1: #1a1a2d;
  --stack-tone-2: #1c1c30;
  --stack-tone-3: #1e1e33;
  --stack-tone-4: #202036;
  --stack-tone-5: #222239;
  --stack-ink: #fafafa;
  --stack-muted: rgba(220, 230, 253, 0.7);
  --stack-kicker: #639fff;
  --stack-link: #dce6fd;
  --stack-shell: transparent;
}
.n7e-actions--stack .n7e-action[data-stack-tone="4"] .n7e-action__card { background: var(--stack-tone-4, var(--stack-tone-2)); }
.n7e-actions--stack .n7e-action[data-stack-tone="5"] .n7e-action__card { background: var(--stack-tone-5, var(--stack-tone-3)); }
.n7e-actions--stack[data-stack-palette="navy"] .n7e-action h2 .g {
  background: linear-gradient(92deg, #dce6fd, #639fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.n7e-actions--stack[data-stack-palette="navy"] .n7e-action__list li::before {
  background: linear-gradient(135deg, #dce6fd, #639fff);
}
.n7e-actions--stack[data-stack-palette="navy"] .n7e-action__note,
.n7e-actions--stack[data-stack-palette="navy"] .n7e-action__payoff {
  color: rgba(220, 230, 253, 0.72);
}
.n7e-actions--stack .n7e-action__note {
  display: inline-block;
  margin-top: 18px;
  font-family: var(--navi-mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--stack-muted);
}
.n7e-actions--stack .n7e-action__payoff {
  margin-top: 18px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--stack-muted);
  max-width: 36ch;
}
.n7e-actions--stack .n7e-action__payoff b { font-weight: 500; color: inherit; }

/* Zigzag starts with copy on the left (admin / editorial) */
.n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__grid {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
}
.n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__copy { order: 1; }
.n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__visual { order: 2; justify-self: end; }
.n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__grid {
  grid-template-columns: minmax(0, 1.28fr) minmax(280px, .72fr);
}
.n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__visual { order: 1; justify-self: start; }
.n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__copy { order: 2; }

/* Admin stack: keep calendar pills usable inside cards */
.n7e-actions--stack .n7e-action__visual .n7d-pills { margin-bottom: 14px; }
.n7e-actions--stack[data-stack-palette="navy"] .n7d-pill {
  border-color: rgba(220, 230, 253, 0.22);
  color: rgba(250, 250, 250, 0.78);
  background: transparent;
}
.n7e-actions--stack[data-stack-palette="navy"] .n7d-pill.is-on {
  background: rgba(99, 159, 255, 0.22);
  border-color: rgba(99, 159, 255, 0.55);
  color: #fafafa;
}
.n7e-actions--stack .n7e-action__panel .n7d-win,
.n7e-actions--stack .n7e-action__panel .n7d-win__body {
  border: none;
  border-radius: inherit;
  box-shadow: none;
  background: transparent;
}
.n7e-actions--stack .n7e-action__panel .n7d-win__body img,
.n7e-actions--stack .n7e-action__panel .n7d-win__body video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}

/* Admin / Viewer navy stack — opaque shells/cards; section stays transparent so
   GSAP scale-down never leaves an orphaned full-viewport navy slab. Melt eases
   on the runway/bridge AFTER the stack. Cards are content-sized (not 100dvh). */
.n7d-page .n7e-actions--stack {
  --stack-top: 96px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: clamp(28px, 4vw, 48px);
}
.n7d-page .n7e-actions--stack[data-stack-palette="navy"] {
  --stack-tone-0: #101029;
  --stack-tone-1: #12122c;
  --stack-tone-2: #141430;
  --stack-tone-3: #161634;
  --stack-tone-4: #181838;
  /* Match melt hold so the last card bottom doesn't hard-cut into the runway */
  --stack-tone-5: #101029;
  background: transparent;
}
.n7d-page .n7e-actions--stack .n7e-stack-track > .n7e-action {
  min-height: 0;
  margin-bottom: clamp(20px, 3vw, 36px);
  background: transparent;
}
.n7d-page .n7e-actions--stack .n7e-stack-track > .n7e-action:last-child {
  margin-bottom: 0;
}
.n7d-page .n7e-actions--stack .n7e-stack-track > .n7e-action .n7e-action__shell,
.n7d-page .n7e-actions--stack .n7e-stack-track > .n7e-action .n7e-action__card {
  flex: none;
  min-height: 0;
}
/* Media frames sit on the melt — no solid #101029 letterbox behind video / AI */
.n7d-page .n7e-actions--stack .n7e-action__panel {
  background: transparent;
  box-shadow: none;
}
/* Sticky section keeps a solid fill even while the inner shell scales */
.n7e-actions--stack .n7e-action[data-stack-tone="0"] { background: var(--stack-tone-0); }
.n7e-actions--stack .n7e-action[data-stack-tone="1"] { background: var(--stack-tone-1); }
.n7e-actions--stack .n7e-action[data-stack-tone="2"] { background: var(--stack-tone-2); }
.n7e-actions--stack .n7e-action[data-stack-tone="3"] { background: var(--stack-tone-3); }
.n7e-actions--stack .n7e-action[data-stack-tone="4"] { background: var(--stack-tone-4, var(--stack-tone-2)); }
.n7e-actions--stack .n7e-action[data-stack-tone="5"] { background: var(--stack-tone-5, var(--stack-tone-3)); }
/* Brand grain on every navy card (solid fills cover melt grain) */
.n7e-actions--stack[data-stack-palette="navy"] .n7e-action__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size: 240px 240px;
  opacity: var(--navi-grain);
}
.n7e-actions--stack[data-stack-palette="navy"] .n7e-action__grid {
  position: relative;
  z-index: 1;
}
.n7e-actions--stack[data-stack-palette="slate"] {
  --stack-tone-0: #e8ecf4;
  --stack-tone-1: #c5cde0;
  --stack-tone-2: #7a849e;
  --stack-tone-3: #2c3148;
  --stack-ink: #0e0e26;
  --stack-muted: #4a5068;
  --stack-kicker: #172987;
  --stack-link: #172987;
}
.n7e-actions--stack[data-stack-palette="slate"] .n7e-action[data-stack-tone="2"],
.n7e-actions--stack[data-stack-palette="slate"] .n7e-action[data-stack-tone="3"] {
  --stack-ink: #fafafa;
  --stack-muted: rgba(250, 250, 250, 0.72);
  --stack-kicker: #dce6fd;
  --stack-link: #dce6fd;
}

.n7e-actions--stack .n7e-stack-track {
  position: relative;
  width: 100%;
  padding: 0;
}

.n7e-actions--stack .n7e-stack-head {
  width: min(var(--navi-maxw), 100%);
  margin: 0 auto clamp(20px, 2.5vw, 36px);
  max-width: 560px;
  padding-inline: var(--navi-pad);
  position: relative;
  z-index: 1;
}
.n7e-actions--stack .n7e-stack-head .navi-eyebrow { color: var(--navi-blue); }
.n7e-actions--stack .n7e-stack-head h2 {
  margin-top: 12px;
  font-size: clamp(28px, 3.4vw, 42px);
  font-weight: 400;
  letter-spacing: -.02em;
  line-height: 1.1;
  color: var(--navi-ink);
}
.n7e-actions--stack .n7e-stack-head p {
  margin-top: 12px;
  color: var(--navi-muted);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
.n7e-actions--stack .n7e-stack-head--statement {
  text-align: center;
  max-width: none;
  width: 100%;
  margin: 0 0 clamp(8px, 1.2vw, 16px);
  padding-block: clamp(4px, 1vw, 12px) 0;
}
.n7e-actions--stack .n7e-stack-head--statement h2 {
  margin: 0 auto;
  font-size: clamp(26px, 4vw, 52px);
  letter-spacing: -0.02em;
  line-height: 1.08;
  white-space: nowrap;
  color: var(--navi-ink);
}
.n7e-actions--stack .n7e-stack-head--statement h2 .g {
  background: var(--navi-gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.n7e-actions--stack .n7e-stack-head--statement p {
  margin: 14px auto 0;
  max-width: 560px;
  font-size: clamp(15px, 1.5vw, 18px);
}
@media (max-width: 760px) {
  .n7e-actions--stack .n7e-stack-head--statement h2 {
    white-space: normal;
    text-wrap: balance;
  }
}

/* Statement lives inside the first stack card (no separate grey head band) */
.n7e-actions--stack .n7e-action:has(.n7e-action__statement) {
  /* Don't force a full-viewport empty band above the headline */
  min-height: 0;
  align-items: flex-start;
  /* Let wrapper melt show through — avoids opaque knife-edge on the card top */
  background: transparent;
}
.n7e-actions--stack[data-stack-palette="pastel"] .n7e-action__card:has(.n7e-action__statement) {
  /* Fade from melt into pastel so the seam isn't a hard slab */
  background: linear-gradient(180deg,
    rgba(248, 250, 255, 0) 0%,
    rgba(248, 250, 255, .55) 10%,
    #f8faff 20%,
    #e8effc 100%);
}
.n7e-actions--stack .n7e-action__card:has(.n7e-action__statement) {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: clamp(28px, 3.5vw, 44px);
  /* Tighter top — melt already breathes above the headline */
  padding-block: clamp(48px, 7vw, 88px) clamp(48px, 5.5vw, 72px);
}
.n7e-actions--stack .n7e-action__statement {
  width: min(var(--navi-maxw), 100%);
  margin: 0 auto;
  text-align: center;
  flex: none;
  position: relative;
  z-index: 1;
}
.n7e-actions--stack .n7e-action__statement h2 {
  margin: 0 auto;
  max-width: none;
  font-size: clamp(26px, 4vw, 52px);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.08;
  white-space: nowrap;
  color: inherit;
}
.n7e-actions--stack .n7e-action__statement h2 .g {
  background: var(--navi-gradient-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.n7e-actions--stack .n7e-action__statement p {
  margin: 16px auto 0;
  max-width: 560px;
  font-size: clamp(15px, 1.5vw, 18px);
  font-weight: 300;
  line-height: 1.5;
  color: var(--stack-muted);
}
@media (max-width: 760px) {
  .n7e-actions--stack .n7e-action__statement h2 {
    white-space: normal;
    text-wrap: balance;
  }
}

/* Sticky deck card — peeks grow with --stack-i so prior cards stay visible */
.n7e-actions--stack .n7e-action {
  position: sticky;
  top: calc(var(--stack-top) + (var(--stack-i, 0) * var(--stack-peek)));
  z-index: calc(20 + var(--stack-i, 0));
  min-height: calc(100dvh - var(--stack-top));
  display: flex;
  align-items: flex-start;
  padding: 0 var(--stack-pad);
  margin: 0 0 clamp(28px, 4vw, 52px);
  background: transparent;
  box-shadow: none;
  overflow: visible;
  isolation: isolate;
  color: var(--stack-ink);
}
.n7e-actions--stack .n7e-action:last-child {
  margin-bottom: 0;
  /* Hug content — avoid a full-viewport empty pastel tail */
  min-height: 0;
}
.n7e-actions--stack .n7e-action:last-child .n7e-action__shell,
.n7e-actions--stack .n7e-action:last-child .n7e-action__card {
  flex: none;
}

/* Flat shell — full-bleed, no radius / border */
.n7e-actions--stack .n7e-action__shell {
  position: relative;
  width: 100%;
  margin: 0;
  flex: 1;
  display: flex;
  padding: 0;
  border-radius: 0;
  background: var(--stack-shell);
  border: none;
  box-shadow: 0 28px 70px -40px rgba(22, 22, 56, 0.28);
  transform-origin: center top;
  will-change: transform;
}

.n7e-actions--stack .n7e-action__card {
  position: relative;
  flex: 1;
  width: 100%;
  margin: 0;
  padding: clamp(36px, 4vw, 56px) var(--navi-pad) clamp(44px, 5vw, 72px);
  border-radius: 0;
  border: none;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  background: var(--stack-tone-0);
  box-shadow: none;
  color: inherit;
}
.n7e-actions--stack .n7e-action[data-stack-tone="0"] .n7e-action__card { background: var(--stack-tone-0); }
.n7e-actions--stack .n7e-action[data-stack-tone="1"] .n7e-action__card { background: var(--stack-tone-1); }
.n7e-actions--stack .n7e-action[data-stack-tone="2"] .n7e-action__card { background: var(--stack-tone-2); }
.n7e-actions--stack .n7e-action[data-stack-tone="3"] .n7e-action__card { background: var(--stack-tone-3); }

.n7e-actions--stack .n7e-action__grid {
  width: min(var(--navi-maxw), 100%);
  margin: 0 auto;
  gap: clamp(24px, 3.5vw, 48px);
  align-items: center;
}
/* Zigzag: image left → image right → … */
.n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__grid {
  grid-template-columns: minmax(0, 1.28fr) minmax(280px, .72fr);
}
.n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__visual { order: 1; justify-self: start; }
.n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__copy { order: 2; }
.n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__grid {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
}
.n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__copy { order: 1; }
.n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__visual { order: 2; justify-self: end; }

.n7e-actions--stack .n7e-action__copy { max-width: 420px; }
.n7e-actions--stack .n7e-action__kicker { color: var(--stack-kicker); }
.n7e-actions--stack .n7e-action h2 { max-width: 14ch; color: inherit; }
.n7e-actions--stack .n7e-action__statement h2 { max-width: none; }
.n7e-actions--stack .n7e-action__list li { color: inherit; opacity: 0.92; }
.n7e-actions--stack .n7e-action__more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  color: var(--stack-link);
  transition: gap .45s cubic-bezier(0.32, 0.72, 0, 1);
}
.n7e-actions--stack .n7e-action__more::after { display: none; }
.n7e-actions--stack .n7e-action__more-ico {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--stack-link) 12%, transparent);
  font-size: 14px;
  line-height: 1;
  transition: transform .45s cubic-bezier(0.32, 0.72, 0, 1), background .45s cubic-bezier(0.32, 0.72, 0, 1);
}
.n7e-actions--stack .n7e-action__more:hover { gap: 14px; }
.n7e-actions--stack .n7e-action__more:hover .n7e-action__more-ico {
  transform: translateX(2px) translateY(-1px) scale(1.05);
  background: color-mix(in srgb, var(--stack-link) 22%, transparent);
}

.n7e-actions--stack .n7e-action__visual { width: 100%; max-width: none; }
.n7e-actions--stack .n7e-action__panel {
  border-radius: var(--navi-radius-lg);
  border: none;
  box-shadow: none;
  background: transparent;
  overflow: hidden;
  clip-path: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.n7e-actions--stack .n7e-action__panel::after { display: none; }
.n7e-actions--stack .n7e-action__panel > video,
.n7e-actions--stack .n7e-action__panel > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: var(--navi-radius-lg);
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 980px) {
  .n7e-actions--stack { --stack-top: 96px; --stack-peek: 20px; }
  .n7e-actions--stack .n7e-action { min-height: calc(100dvh - var(--stack-top)); }
  .n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(220px, .85fr);
  }
  .n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__grid {
    grid-template-columns: minmax(220px, .85fr) minmax(0, 1.15fr);
  }
}
@media (max-width: 720px) {
  .n7e-actions--stack {
    padding-inline: 0;
    padding-bottom: 40px;
  }
  .n7e-actions--stack .n7e-action {
    position: relative;
    top: auto;
    min-height: 0;
    margin-bottom: 20px;
    box-shadow: none;
    overflow: visible;
  }
  .n7e-actions--stack .n7e-action__shell {
    box-shadow: 0 18px 40px -28px rgba(22, 22, 56, 0.28);
  }
  .n7e-actions--stack .n7e-action__card {
    padding: 32px 18px 36px;
  }
  .n7e-actions--stack .n7e-action__grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__visual { order: 1; }
  .n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__copy { order: 2; }
  .n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__copy { order: 1; }
  .n7e-actions--stack .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__visual { order: 2; }
  .n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__copy { order: 1; }
  .n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(odd) .n7e-action__visual { order: 2; }
  .n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__visual { order: 1; }
  .n7e-actions--stack[data-stack-zigzag="copy-first"] .n7e-stack-track > .n7e-action:nth-child(even) .n7e-action__copy { order: 2; }
  .n7e-actions--stack .n7e-action__copy {
    max-width: none;
    padding-inline: 4px;
  }
  .n7e-actions--stack .n7e-action__list li { overflow-wrap: anywhere; }
  .n7e-actions--stack .n7e-action__visual,
  .n7e-actions--stack .n7e-action__panel {
    width: 100%;
    max-width: none;
    margin: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .n7e-actions--stack .n7e-action { position: relative; top: auto; }
  .n7e-actions--stack .n7e-action__shell { transform: none !important; filter: none !important; }
}

/* Demo palette dock */
.stack-palette-dock {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 240;
  max-width: min(440px, calc(100vw - 32px));
  padding: 12px 14px 14px;
  border-radius: 0;
  background: rgba(16, 16, 41, .94);
  border: 1px solid rgba(220, 230, 253, .16);
  box-shadow: 0 18px 50px -24px rgba(0, 0, 0, .55);
  color: #fafafa;
}
.stack-palette-dock__title {
  font-family: var(--navi-mono);
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--navi-light-blue);
}
.stack-palette-dock__hint {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 300;
  color: rgba(244, 246, 255, .72);
  line-height: 1.35;
  min-height: 1.35em;
}
.stack-palette-dock__row {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.stack-palette-dock__row button {
  border: 1px solid rgba(220, 230, 253, .2);
  border-radius: 0;
  padding: 7px 11px;
  background: transparent;
  color: rgba(244, 246, 255, .88);
  font: 500 11px/1 var(--navi-font);
  cursor: pointer;
  transition: background .25s cubic-bezier(0.32, 0.72, 0, 1), border-color .25s, color .25s;
}
.stack-palette-dock__row button:hover {
  border-color: rgba(99, 159, 255, .55);
  color: #fff;
}
.stack-palette-dock__row button[aria-pressed="true"] {
  background: var(--navi-blue);
  border-color: var(--navi-blue);
  color: #fff;
}
@media (max-width: 720px) {
  .stack-palette-dock { left: 10px; right: 10px; bottom: 10px; max-width: none; }
}

/* N07I NAVI AI — dark chapter after vault; bottom pad carries the melt start.
   Structure from navi-ai-sectie-designopzet.html; admin mock uses product crop. */
.n7i-ai { position:relative; color:var(--navi-off-white); padding:clamp(72px,9vw,110px) var(--navi-pad) clamp(40px,5vw,64px); overflow:hidden; scroll-margin-top:90px; }
.n7i-ai__inner { position:relative; width:min(var(--navi-maxw),100%); margin:0 auto; }
.n7i-ai__eyebrow { display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; font-family:var(--navi-mono); font-size:12px; font-weight:700; letter-spacing:.35em; text-transform:uppercase; color:var(--navi-light-blue); text-align:center; margin-bottom:26px; }
.n7i-ai__eyebrow::before {
  content:""; width:11px; height:11px; flex:none; background:currentColor;
  -webkit-mask:url(../assets/navi-star-clean.svg) center/contain no-repeat;
  mask:url(../assets/navi-star-clean.svg) center/contain no-repeat;
}
.n7i-ai__eyebrow .spark { display:none; }
.n7i-ai__title { font-size:clamp(34px,5vw,56px); font-weight:400; line-height:1.12; text-align:center; letter-spacing:-.01em; text-wrap:balance; }
.n7i-ai__title .g { background:linear-gradient(92deg,#dce6fd,#639fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.n7i-ai__sub { margin:22px auto 0; max-width:560px; font-size:clamp(16px,1.6vw,18px); font-weight:300; color:#c9cfe8; text-align:center; line-height:1.55; }
.n7i-ai__cols { margin-top:clamp(48px,6vw,72px); display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; }
.n7i-ai__col { display:flex; flex-direction:column; padding:0 clamp(28px,3.5vw,48px); }
.n7i-ai__col + .n7i-ai__col { border-left:0; }
.n7i-ai__tag { font-family:var(--navi-mono); font-size:10px; letter-spacing:.28em; text-transform:uppercase; color:var(--navi-light-blue); margin-bottom:16px; }
.n7i-ai__col h3 { font-size:clamp(22px,2.4vw,27px); font-weight:400; letter-spacing:-.01em; }
.n7i-ai__col .body { margin-top:10px; margin-bottom:28px; font-size:15px; font-weight:300; color:#b7bedd; line-height:1.6; }
.n7i-ai__col .body strong { font-weight:500; color:var(--navi-pastel-blue); }
.n7i-ai__shot { margin-top:auto; border-radius:14px; overflow:hidden; border:1px solid rgba(99,159,255,.22);
  box-shadow:0 24px 60px rgba(0,0,10,.45); background:#12122f; }
.n7i-ai__shot img { display:block; width:100%; height:auto; }
.n7i-ai__mock { margin-top:auto; display:flex; flex-direction:column; padding:14px; border-radius:14px;
  background:linear-gradient(180deg,#181840,#12122f); border:1px solid rgba(99,159,255,.22);
  box-shadow:none; font-size:12.5px; }
.n7i-ai__mock-head { display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.n7i-ai__dot { width:26px; height:26px; border-radius:8px; flex:0 0 auto;
  background:linear-gradient(135deg,var(--navi-light-blue),var(--navi-blue));
  display:flex; align-items:center; justify-content:center; font-size:13px; color:#fff; }
.n7i-ai__head-copy { display:flex; flex-direction:column; gap:1px; min-width:0; }
.n7i-ai__name { font-family:var(--navi-mono); font-size:10px; letter-spacing:.22em; color:var(--navi-pastel-blue); }
.n7i-ai__ready { font-size:10.5px; font-weight:300; color:#8b93b8; }
.n7i-ai__head-meta { margin-left:auto; display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.n7i-ai__live { width:7px; height:7px; border-radius:50%; background:#7ee2a8; box-shadow:0 0 0 3px rgba(126,226,168,.16); }
.n7i-ai__chev { width:10px; height:10px; opacity:.55; border-right:1.5px solid #c9cfe8; border-bottom:1.5px solid #c9cfe8;
  transform:rotate(45deg) translateY(-2px); }
.n7i-ai__msg-user { align-self:flex-end; max-width:85%; margin:0 0 7px auto; padding:8px 12px;
  background:var(--navi-blue); border-radius:12px 12px 3px 12px; font-weight:300; color:#e8edff; line-height:1.45; }
.n7i-ai__typing { display:inline-flex; align-items:center; gap:5px; align-self:flex-start;
  margin:0 0 7px; padding:10px 12px; border-radius:12px 12px 12px 3px;
  background:rgba(99,159,255,.10); border:1px solid rgba(99,159,255,.18); }
.n7i-ai__typing span { width:6px; height:6px; border-radius:50%; background:var(--navi-pastel-blue); opacity:.45; }
.n7i-ai__msg-ai { max-width:92%; margin-bottom:7px; padding:8px 12px;
  background:rgba(99,159,255,.10); border:1px solid rgba(99,159,255,.18); border-radius:12px 12px 12px 3px;
  font-weight:300; color:#dfe5f8; line-height:1.45; }
.n7i-ai__msg-ai strong { font-weight:500; color:#fff; }
.n7i-ai__insight { display:flex; align-items:center; gap:8px; margin:0 0 8px; padding:8px 10px;
  border:1px solid rgba(255,190,110,.30); background:rgba(255,190,110,.06); border-radius:10px;
  font-weight:300; color:#f4dfc2; font-size:11.5px; line-height:1.4; }
.n7i-ai__insight-flag { font-family:var(--navi-mono); font-size:8.5px; letter-spacing:.12em; text-transform:uppercase;
  color:#ffbe6e; border:1px solid rgba(255,190,110,.45); border-radius:5px; padding:2px 6px; flex:0 0 auto; }
.n7i-ai__unit { position:relative; display:flex; gap:10px; align-items:center; margin-bottom:6px; padding:8px 10px;
  background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10); border-radius:10px; }
.n7i-ai__unit--rec { border-color:rgba(99,159,255,.35); background:rgba(99,159,255,.08); }
.n7i-ai__badge { position:absolute; top:-7px; right:10px; padding:3px 7px; border-radius:999px;
  font-family:var(--navi-mono); font-size:8.5px; letter-spacing:.12em; text-transform:uppercase;
  color:#101029; background:var(--navi-pastel-blue); }
.n7i-ai__thumb { width:42px; height:36px; border-radius:6px; flex:0 0 auto;
  background:linear-gradient(135deg,#2a3a8f 0%,#639fff 60%,#dce6fd 100%); position:relative; overflow:hidden; }
.n7i-ai__thumb--alt { background:linear-gradient(135deg,#1a2848 0%,#3d6bb3 55%,#a8c4f0 100%); }
.n7i-ai__thumb::after { content:""; position:absolute; inset:auto 6px 5px 6px; height:14px;
  background:rgba(16,16,40,.55); border-radius:2px 2px 0 0; }
.n7i-ai__u-name { font-size:12.5px; font-weight:500; color:#fff; }
.n7i-ai__u-spec { font-size:11px; font-weight:300; color:#aab2d6; }
.n7i-ai__u-price { margin-left:auto; font-size:12.5px; font-weight:500; color:var(--navi-pastel-blue); }
.n7i-ai__chips { display:flex; flex-wrap:wrap; gap:6px; margin:2px 0 8px; }
.n7i-ai__chip { font-size:11px; font-weight:300; color:var(--navi-pastel-blue);
  border:1px solid rgba(220,230,253,.28); border-radius:999px; padding:5px 10px; background:rgba(255,255,255,.03); }
.n7i-ai__chip.is-pressed { color:#fff; border-color:rgba(99,159,255,.7); background:rgba(99,159,255,.28); transform:scale(.97); }
.n7i-ai__tour { position:relative; margin:0 0 8px; height:64px; border-radius:10px; overflow:hidden;
  border:1px solid rgba(99,159,255,.22);
  background:linear-gradient(135deg,#1a2558 0%,#2a4ab8 40%,#639fff 78%,#dce6fd 100%); }
.n7i-ai__tour::before { content:""; position:absolute; inset:0;
  background:radial-gradient(ellipse at 30% 40%, rgba(255,255,255,.18), transparent 55%),
    linear-gradient(180deg, transparent 30%, rgba(16,16,40,.5) 100%); }
.n7i-ai__tour-label { position:absolute; left:10px; bottom:8px; z-index:1;
  display:inline-flex; align-items:center; gap:6px; padding:4px 9px; border-radius:999px;
  font-family:var(--navi-mono); font-size:9px; letter-spacing:.14em; text-transform:uppercase;
  color:#fff; background:rgba(16,16,40,.55); border:1px solid rgba(255,255,255,.2); backdrop-filter:blur(8px); }
.n7i-ai__tour-label::before { content:""; width:0; height:0; border-left:6px solid #fff;
  border-top:3.5px solid transparent; border-bottom:3.5px solid transparent; margin-left:1px; }
.n7i-ai__input { display:flex; align-items:center; gap:8px; margin-top:auto; padding-top:2px; }
.n7i-ai__field { flex:1; min-width:0; padding:9px 14px; border-radius:999px;
  border:1px solid rgba(220,230,253,.18); background:rgba(255,255,255,.04);
  font-size:12px; font-weight:300; color:#8b93b8; }
.n7i-ai__send { width:34px; height:34px; border-radius:50%; flex:0 0 auto;
  display:grid; place-items:center; background:var(--navi-blue); border:0; color:#fff; }
.n7i-ai__send svg { width:14px; height:14px; display:block; }
.n7i-ai__handoff { display:flex; align-items:center; gap:8px; font-family:var(--navi-mono); font-size:9.5px;
  letter-spacing:.16em; color:#7ee2a8; text-transform:uppercase; }
.n7i-ai__handoff::before { content:""; width:6px; height:6px; border-radius:50%; background:#7ee2a8; }
@media (max-width:900px){
  .n7i-ai__cols { grid-template-columns:1fr; gap:48px; }
  .n7i-ai__col { padding:0; }
  .n7i-ai__col + .n7i-ai__col { border-left:0; border-top:1px solid rgba(99,159,255,.22); padding-top:48px; }
}
@media (prefers-reduced-motion: reduce){
  .n7i-ai__typing { display:none; }
  .n7i-ai__chip[data-ai-chip="inside"],
  .n7i-ai__chip[data-admin-chip="close"] { color:#fff; border-color:rgba(99,159,255,.7); background:rgba(99,159,255,.28); }
}

/* N07G HOMEPAGE PRICING — tighter entry + an interactive three-way plan selector. */
.n7g-pricing { color:var(--navi-ink); padding:clamp(56px,7vw,96px) var(--navi-pad) clamp(92px,12vw,150px); overflow:hidden; scroll-margin-top:90px; background:transparent; }
.n7g-pricing__head { max-width:880px; margin:0 auto; text-align:center; }
.n7g-pricing__head h2 { margin-top:14px; font-size:clamp(34px,4.8vw,62px); font-weight:400; }
.n7g-pricing__head p { max-width:650px; margin:20px auto 0; color:var(--navi-muted); font-size:17px; font-weight:300; }
.n7g-plan-path { width:max-content; max-width:100%; margin:32px auto 0; padding:5px; display:flex; gap:4px; border:1px solid var(--navi-line); border-radius:999px; background:rgba(255,255,255,.66); }
.n7g-plan-path button { border:0; border-radius:999px; padding:10px 17px; background:transparent; color:var(--navi-muted); font:500 13px/1 var(--navi-font); cursor:pointer; transition:background .3s,color .3s,box-shadow .3s; }
.n7g-plan-path button[aria-pressed="true"] { color:#fff; background:var(--navi-blue); box-shadow:0 12px 28px -16px rgba(23,41,135,.7); }
.n7g-price-grid { width:min(var(--navi-maxw),100%); margin:clamp(38px,5.5vw,62px) auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.n7g-price-card { position:relative; display:flex; flex-direction:column; min-height:430px; padding:clamp(26px,3vw,38px); border:1px solid var(--navi-line); border-radius:var(--navi-radius-lg); background:rgba(255,255,255,.82);
  box-shadow:0 28px 70px -46px rgba(22,22,56,.38); transition:transform .4s var(--navi-ease), box-shadow .4s var(--navi-ease), border-color .4s; }
.n7g-price-card:hover { transform:translateY(-5px); border-color:rgba(23,41,135,.24); box-shadow:0 34px 76px -40px rgba(22,22,56,.42); }
.n7g-price-card--featured { transform:translateY(-14px); border-color:rgba(23,41,135,.34); background:linear-gradient(180deg,#fff 0%,#f1f5ff 100%); box-shadow:0 34px 82px -38px rgba(23,41,135,.4); }
.n7g-price-card--featured:hover { transform:translateY(-19px); }
.n7g-price-card.is-selected { border-color:var(--navi-blue); box-shadow:0 36px 90px -42px rgba(23,41,135,.52),0 0 0 3px rgba(99,159,255,.1); }
.n7g-price-card__badge { position:absolute; top:0; right:28px; transform:translateY(-50%); padding:7px 12px; border-radius:999px; background:var(--navi-blue); color:var(--navi-off-white);
  font-family:var(--navi-mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; }
.n7g-price-card__star {
  display:block; width:15px; height:15px; margin-bottom:10px; flex:none;
  background:var(--plan-accent, var(--navi-light-blue));
  -webkit-mask:url(../assets/navi-star-clean.svg) center/contain no-repeat;
  mask:url(../assets/navi-star-clean.svg) center/contain no-repeat;
}
.n7g-price-card h3 { font-size:25px; color:var(--plan-accent, inherit); }
.n7g-price-card__tag { margin-top:8px; color:var(--navi-muted); font-weight:300; }
.n7g-price-card__price { min-height:84px; margin-top:32px; font-size:clamp(38px,4vw,52px); line-height:1; font-weight:500; letter-spacing:-.035em; }
.n7g-price-card__price small { display:block; margin-top:9px; color:var(--navi-muted); font-size:13px; line-height:1.4; font-weight:400; letter-spacing:0; }
.n7g-save-chip { display:inline-flex; margin-left:6px; padding:4px 7px; transform:translateY(-1px); border-radius:999px; color:var(--plan-accent, var(--navi-blue)); background:var(--plan-accent-soft, rgba(99,159,255,.14)); font:700 8.5px/1 var(--navi-mono); letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }
.n7g-price-card__summary { margin:28px 0 30px; color:#42475f; font-size:15px; line-height:1.55; }
.n7g-price-card .navi-btn { justify-content:center; margin-top:auto; }
.n7g-price-card[data-plan-card="compas"] { --plan-accent:var(--navi-plan-compas); --plan-accent-soft:color-mix(in srgb, var(--navi-plan-compas) 16%, #fff); }
.n7g-price-card[data-plan-card="voyager"] { --plan-accent:var(--navi-plan-voyager); --plan-accent-soft:color-mix(in srgb, var(--navi-plan-voyager) 14%, #fff); }
.n7g-price-card[data-plan-card="polaris"] { --plan-accent:var(--navi-plan-polaris); --plan-accent-soft:color-mix(in srgb, var(--navi-plan-polaris) 16%, #fff); }
.n7g-pricing__foot { max-width:960px; margin:38px auto 0; display:flex; justify-content:center; align-items:center; gap:12px 24px; flex-wrap:wrap; text-align:center; color:var(--navi-muted); font-size:14px; }
.n7g-pricing__foot a { color:var(--navi-blue); font-weight:600; }
.n7g-pricing__compare { display:inline-flex; align-items:center; gap:7px; white-space:nowrap; }
@media (max-width:900px){
  .n7g-price-grid { grid-template-columns:1fr; max-width:620px; }
  .n7g-price-card { min-height:0; }
  .n7g-price-card__price { min-height:0; }
  .n7g-price-card--featured, .n7g-price-card--featured:hover { transform:none; }
}
@media (max-width:520px){
  .n7g-plan-path { width:100%; }
  .n7g-plan-path button { flex:1; padding-inline:8px; font-size:12px; }
}

/* INTEGRATIONS — white zone of the wrapper gradient (melts to pastel below via .n7b-melt) */
.n6-int { padding:clamp(70px,10vw,130px) var(--navi-pad) clamp(48px,6vw,76px); text-align:center; color:var(--navi-ink); }
.n6-int h2 { font-size:clamp(26px,3.8vw,46px); max-width:720px; margin:16px auto 0; font-weight:400; }
.n6-int > p { margin:18px auto 0; max-width:560px; color:var(--navi-muted); font-weight:300; }
.n6-int__grid { max-width:var(--navi-maxw); margin:46px auto 0; display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.n6-chip { aspect-ratio:1/.68; border:1px solid var(--navi-line); border-radius:16px; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; font-size:13.5px; color:var(--navi-ink); transition:transform .3s var(--navi-ease), border-color .3s, box-shadow .3s; }
.n6-chip:hover { transform:translateY(-3px); border-color:rgba(99,159,255,.55); box-shadow:var(--navi-shadow-soft); }
.n6-chip small { font-family:var(--navi-mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--navi-muted); }
.n6-chip img, .n6-chip svg { width:26px; height:26px; display:block; }
.n6-chip svg { fill:none; stroke:var(--navi-blue); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:820px){ .n6-int__grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:480px){ .n6-int__grid{ grid-template-columns:repeat(2,1fr); } }

/* BUILT BY DARKROOM — sits in the wrapper's pastel→dark melt zone (background on .n7b-melt) */
.n6-dark { position:relative; padding:clamp(64px,8vw,110px) 0 clamp(60px,8vw,100px); text-align:center; }
.n6-dark__head { max-width:820px; margin:0 auto; padding:0 var(--navi-pad); }
.n6-dark__head h2 { font-size:clamp(28px,4.4vw,54px); font-weight:400; }
.n6-dark__head p { margin:20px auto 0; max-width:560px; color:var(--navi-muted-dark); font-weight:300; }
.n6-dark__logo { height:34px; width:auto; display:block; margin:34px auto 0; opacity:.9; }
.n6-strip { padding:44px 0 0; overflow:hidden; }
.n6-strip__label { display:block; text-align:center; font-family:var(--navi-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--navi-muted-dark); margin-bottom:22px; text-decoration:none; transition:color .2s ease; }
.n6-strip__label:hover { color:#fff; }
.n6-track { display:flex; gap:16px; width:max-content; animation:n6marq 80s linear infinite; will-change:transform; }
.n6-track img { height:150px; width:auto; border-radius:12px; object-fit:cover; }
@keyframes n6marq { to { transform:translateX(calc(-1 * var(--marquee-shift, 50%))); } }
.n6-strip:hover .n6-track { animation-play-state:paused; }

/* FINALE SHELL — one image + continuous gradient from CTA through acts to footer */
.n6-finale {
  position: relative;
  overflow: hidden;
  color: var(--navi-off-white);
}
.n6-finale__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.n6-finale__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}
.n6-finale__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(
      180deg,
      #101029 0%,
      rgba(16, 16, 41, .78) 10%,
      rgba(16, 16, 41, .28) 32%,
      rgba(16, 16, 41, .55) 52%,
      rgba(16, 16, 41, .82) 72%,
      #101029 92%,
      var(--navi-dark-blue) 100%
    ),
    radial-gradient(70% 55% at 50% 38%, rgba(99, 159, 255, .22), transparent 70%);
}
.n6-finale > :not(.n6-finale__bg):not(.n6-finale__scrim) {
  position: relative;
  z-index: 2;
}

/* FINAL CTA — text block only; image lives on the shell */
.n6-final {
  text-align: center;
  padding: clamp(90px, 13vw, 170px) var(--navi-pad) clamp(48px, 7vw, 80px);
  position: relative;
  overflow: visible;
  background: transparent;
}
.n6-final h2 { font-size: clamp(34px, 5.6vw, 74px); font-weight: 500; }
.n6-final h2 .g {
  background: linear-gradient(92deg, #dce6fd, #639fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.n6-final p {
  margin: 20px auto 0;
  max-width: 520px;
  color: rgba(255, 255, 255, .9);
  font-weight: 300;
}
.n6-final__cta {
  display: flex;
  gap: 14px;
  justify-content: center;
  margin-top: 34px;
  flex-wrap: wrap;
}

/* ACTION MARQUEE — sits on the shared image gradient, above footer */
.n6-acts-band {
  padding: clamp(28px, 4vw, 48px) 0 clamp(56px, 8vw, 96px);
  color: var(--navi-off-white);
  background: transparent;
}
.n6-acts { width: 100%; margin: 0; }
.n6-acts__label {
  font-family: var(--navi-mono);
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--navi-muted-dark);
  margin: 0 0 6px var(--navi-pad);
}
.n6-acts__wrap {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
}
.n6-acts__row {
  display: flex;
  align-items: center;
  gap: 32px;
  width: max-content;
  margin-top: 22px;
  animation: n6marq 72s linear infinite;
  will-change: transform;
}
.n6-acts__row--rev { animation-direction: reverse; animation-duration: 84s; }
.n6-act {
  --act-icon: var(--navi-light-blue);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  min-width: 280px;
  padding: 18px 28px;
  border-radius: 18px;
  text-align: left;
  white-space: nowrap;
  background: rgba(16, 16, 41, .55);
  border: 1px solid rgba(220, 230, 253, .14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.n6-act--sky { --act-icon: var(--navi-light-blue); }
.n6-act--mint { --act-icon: #8fd4c1; }
.n6-act--sand { --act-icon: #e2c49a; }
.n6-act--lilac { --act-icon: #b7b0e8; }
.n6-act--coral { --act-icon: #f0a090; }
.n6-act--frost { --act-icon: #a8d4e8; }
.n6-act__t {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15.5px;
  font-weight: 500;
  color: var(--navi-off-white);
}
.n6-act__t svg {
  width: 17px;
  height: 17px;
  flex: none;
  fill: none;
  stroke: var(--act-icon);
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.n6-act__c {
  display: flex;
  gap: 14px;
  font-family: var(--navi-mono);
  font-size: 9.5px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--navi-muted-dark);
}
@media (prefers-reduced-motion: reduce) { .n6-acts__row { animation: none; } }