/* Features melt gradient + grain mask — dense desaturated runway (fallback) */
.n7b-melt { background:linear-gradient(180deg,
  #101029 0%, #101029 52%, #111539 56%, #1d2a66 59%, #3d5899 62%,
  #5677b1 64.5%, #7495c7 67%, #94b1d9 69.5%, #b5cbe8 72%, #d0dcf1 74.5%,
  #e4ebf7 77%, #f7f9fb 80%, #fafafa 83%, #fafafa 100%); }
.n7b-melt::before {
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 2%,#000 98%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0,#000 2%,#000 98%,transparent 100%);
}


/* features.css */
/* HERO cinematic — video-ready */
.n6-hero { position:relative; min-height:100vh; display:flex; align-items:flex-end; padding:0 var(--navi-pad) clamp(48px,7vw,90px); overflow:hidden; color:var(--navi-off-white); }
.n6-hero__bg { position:absolute; inset:0; z-index:0; }
.n6-hero__bg img, .n6-hero__bg video { width:100%; height:100%; object-fit:cover; transform:scale(1.08); }
.n6-hero__scrim { position:absolute; inset:0; z-index:1; background:
   linear-gradient(180deg, rgba(6,6,18,.78) 0%, rgba(8,8,22,.48) 32%, rgba(8,8,22,.86) 72%, rgba(6,6,18,.98) 100%),
   radial-gradient(70% 60% at 18% 88%, rgba(99,159,255,.22), transparent 66%),
   radial-gradient(60% 50% at 92% 10%, rgba(10,10,28,.65), transparent 70%); }
.n6-hero__in { position:relative; z-index:2; width:min(1360px,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:15ch; }
.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; }
/* FEATURES SUBPAGE HERO — compact, centered like pricing (no video; reserved for home) */
.n6-hero--sub { min-height:auto; display:block; overflow:hidden; text-align:center;
  padding:clamp(122px,17vh,176px) var(--navi-pad) clamp(56px,8vw,104px);
  background:
    radial-gradient(78% 120% at 16% 0%, rgba(99,159,255,.10), transparent 60%),
    radial-gradient(72% 110% at 100% 6%, rgba(16,16,41,.72), transparent 66%),
    linear-gradient(180deg, #0c0c22 0%, #101029 100%); }
.n6-hero--sub .n6-hero__in { margin:0 auto; width:min(960px,100%); }
.n6-hero--sub h1 { margin:16px auto 0; font-size:clamp(38px,5.4vw,68px); line-height:1.0; max-width:16ch; }
.n6-hero--sub .n6-hero__sub { margin:20px auto 0; max-width:600px; }
.n6-hero--sub .n6-hero__cta { justify-content:center; }
@media (max-width:700px){ .n6-hero--sub { padding-top:112px; } }
/* ---------- BRAND STAR ELEMENTS ---------- */
.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)); }

/* GRADIENT RUNWAY — same soft dark→blue→white feather as home .n6-melt-state. */
.n6-melt-runway { min-height: var(--melt-runway-min); height: clamp(200px, 24vw, 360px); }
.n6-w { display:inline-block; will-change:transform,filter; }

/* FEATURE EXPLORER — six readable platform views stacked in one stable grid stage. */
.n6-switch { padding:clamp(76px,9vw,120px) var(--navi-pad) clamp(76px,9vw,120px); position:relative; color:var(--navi-ink); }
.n6-switch__head { text-align:center; max-width:920px; margin:0 auto 14px; }
.n6-switch__head h2 { font-size:clamp(30px,4.6vw,58px); font-weight:400; margin-top:14px; }
.n6-switch__head h2 .g { background:var(--navi-gradient-text); -webkit-background-clip:text; background-clip:text; color:transparent; }
.n6-switch__bul { display:flex; gap:10px 26px; justify-content:center; flex-wrap:wrap; margin:20px auto 0; max-width:900px; color:var(--navi-muted); font-size:15.5px; font-weight:300; }
.n6-switch__bul span b { color:var(--navi-ink); font-weight:600; }
.n6-sw { max-width:1240px; margin:42px auto 0; }
.n6-sw-tabs { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-bottom:24px; }
.n6-sw-tab { display:inline-flex; align-items:center; gap:8px; padding:10px 16px; border-radius:999px; border:1px solid var(--navi-line); background:#fff; font:inherit; font-size:14px; color:var(--navi-muted); cursor:pointer; transition:color .3s,background .3s,border-color .3s,box-shadow .3s; }
.n6-sw-tab:hover { color:var(--navi-ink); border-color:rgba(23,41,135,.4); }
.n6-sw-tab.is-on { background:var(--navi-blue); color:var(--navi-off-white); border-color:var(--navi-blue); box-shadow:0 10px 26px -10px rgba(23,41,135,.55); }
.n6-sw-tab .tdot { width:8px; height:8px; border-radius:50%; background:var(--navi-light-blue); }
.n6-sw-tab.is-on .tdot { background:var(--navi-off-white); }
.n6-sw-stage { position:relative; display:grid; aspect-ratio:auto; overflow:hidden; border:0; border-radius:0; box-shadow:none; background:transparent; }
.n6-sw-slide { grid-area:1/1; position:relative; inset:auto; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .5s var(--navi-ease),visibility 0s linear .5s; }
.n6-sw-slide.is-on { z-index:1; opacity:1; visibility:visible; pointer-events:auto; transition-delay:0s; }
.n6-sw-panel { display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(28px,4vw,64px); align-items:center; padding:clamp(24px,3.5vw,46px); border:0; border-radius:0; background:transparent; }
.n6-sw-copy { padding:clamp(4px,1vw,14px); }
.n6-sw-kick { font-family:var(--navi-mono); font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:var(--navi-blue); }
.n6-sw-copy h3 { font-size:clamp(24px,2.6vw,34px); line-height:1.12; font-weight:400; margin-top:12px; }
.n6-sw-copy p { margin-top:14px; color:var(--navi-muted); font-weight:300; }
.n6-sw-copy ul { margin:18px 0 22px; padding:0; list-style:none; display:grid; gap:9px; }
.n6-sw-copy ul li { display:grid; grid-template-columns:18px 1fr; gap:10px; color:#34384f; font-size:14.5px; line-height:1.45; }
.n6-sw-copy ul 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; }
.n6-sw-media { border-radius:var(--navi-radius-lg); overflow:hidden; border:0; box-shadow:none; background:transparent; }
.n6-sw-media img,.n6-sw-media video { width:100%; aspect-ratio:16 / 9; display:block; object-fit:contain; object-position:center center; }

/* Interactive Navi AI mock inside the switcher (home admin demo) */
.n6-sw-media--ai {
  aspect-ratio:16 / 9;
  display:flex; align-items:stretch;
  background:linear-gradient(180deg,#181840,#12122f);
}
.n6-sw-media--ai .n7i-ai__mock {
  margin:0; flex:1; width:100%; min-height:0;
  border:0; border-radius:0; box-shadow:none;
  padding:clamp(14px,2vw,20px);
  font-size:clamp(12px,1.15vw,13.5px);
}
.n7i-ai__mock { display:flex; flex-direction:column; padding:14px;
  background:linear-gradient(180deg,#181840,#12122f); border:1px solid rgba(99,159,255,.22);
  border-radius:14px; 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 (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); }
}
.n6-sw-track { width:100%; height:2px; margin:0 auto clamp(18px,2.4vw,26px); background:rgba(23,41,135,.10); border-radius:2px; overflow:hidden; }
.n6-sw-progress { height:100%; width:0; background:var(--navi-light-blue); }
/* Navi AI briefing mock — stands in for the AI screenshot, distinct from the dashboard shot */
.navi-aimock { aspect-ratio:16 / 9; width:100%; height:100%; overflow:hidden; display:flex; flex-direction:column; gap:clamp(7px,1vw,12px); padding:clamp(16px,2.5vw,30px); color:var(--navi-off-white); background:radial-gradient(130% 150% at 100% 0%, #1c2660 0%, #0e0e26 58%); }
.navi-aimock__top { display:flex; align-items:center; gap:9px; font-family:var(--navi-mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--navi-pastel-blue); }
.navi-aimock__star { width:15px; height:15px; flex:none; background:#fff; -webkit-mask:url(../assets/navi-star-clean.svg) center/contain no-repeat; mask:url(../assets/navi-star-clean.svg) center/contain no-repeat; }
.navi-aimock__hi { font-size:clamp(15px,1.8vw,22px); font-weight:500; }
.navi-aimock__list { display:grid; gap:clamp(6px,.9vw,10px); }
.navi-aimock__row { display:flex; align-items:center; gap:9px; color:rgba(244,246,255,.82); font-size:clamp(11px,1.25vw,14px); }
.navi-aimock__dot { width:7px; height:7px; border-radius:50%; flex:none; }
.navi-aimock__chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:auto; }
.navi-aimock__chip { padding:6px 11px; border-radius:999px; border:1px solid rgba(220,230,253,.22); background:rgba(255,255,255,.05); font-size:clamp(10px,1.1vw,12px); color:var(--navi-pastel-blue); }

/* HOMEPAGE BENTO (dark masonry) — reused verbatim for the buyer/team feature vaults */
.n6-bento { padding:clamp(50px,8vw,90px) var(--navi-pad) clamp(70px,10vw,130px); color:var(--navi-off-white); }
.n6-bento__head { text-align:center; max-width:820px; margin:0 auto clamp(34px,5vw,58px); }
.n6-bento__head h2 { font-size:clamp(30px,4.6vw,58px); font-weight:400; margin-top:14px; }
.n6-bento__head h2 .g { background:linear-gradient(92deg,#dce6fd,#639fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.n6-bgrid { max-width:min(1360px,100%); margin:0 auto; display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:clamp(88px,9.5vw,128px); gap:0; background:transparent; border:0; border-radius:0; overflow:hidden; }
.n6-tile { background:transparent; padding:clamp(22px,3vw,40px); display:flex; flex-direction:column; justify-content:flex-start; gap:14px; position:relative; overflow:hidden;
  box-shadow:1px 0 0 rgba(220,230,253,.10), 0 1px 0 rgba(220,230,253,.10); }
.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); }
.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(19px,2vw,27px); font-weight:300; line-height:1.3; letter-spacing:-0.01em; color:rgba(244,246,255,.6); position:relative; z-index:2; max-width:30ch; }
.n6-tile h3 b { color:#fff; font-weight:500; }
.n6-tile--lead { justify-content:center; }
.n6-tile--lead h3 { font-size:clamp(24px,2.9vw,38px); max-width:22ch; }
.n6-tile--tilt .n6-tile__float { position:absolute; right:-16%; bottom:-20%; width:120%; transform:perspective(1100px) rotateX(16deg) rotateZ(-7deg); border-radius:14px; overflow:hidden; border:1px solid rgba(220,230,253,.18); box-shadow:0 40px 90px -30px rgba(0,0,0,.85); z-index:1; }
.n6-tile--tilt .n6-tile__float img,
.n6-tile--tilt .n6-tile__float video { width:100%; height:100%; display:block; object-fit:cover; object-position:top center; }
.n6-tile--tilt::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(16,16,41,.9) 0%, rgba(16,16,41,0) 45%); pointer-events:none; z-index:1; }
.n6-tile__shot { margin-top:auto; position:relative; border-radius:12px; overflow:hidden; border:1px solid rgba(220,230,253,.14); }
.n6-tile__shot img,
.n6-tile__shot video { width:100%; display:block; object-fit:cover; object-position:top center; }
.n6-tile__shot .navi-aimock { display:block; }
.bt-s3r2 { grid-column:span 3; grid-row:span 2; }
.bt-s3r3 { grid-column:span 3; grid-row:span 3; }
.bt-s3r5 { grid-column:span 3; grid-row:span 5; }
.bt-s2r3 { grid-column:span 2; grid-row:span 3; }
@media (max-width:1000px){
  .n6-bgrid { grid-template-columns:1fr 1fr; grid-auto-rows:auto; }
  .n6-bgrid .n6-tile { grid-column:auto; grid-row:auto; min-height:200px; }
  .n6-bgrid .n6-tile--tilt { grid-column:span 2; min-height:400px; }
}
@media (max-width:560px){ .n6-bgrid { grid-template-columns:1fr; } .n6-bgrid .n6-tile--tilt { grid-column:auto; } }

/* DEEP DIVES + HOMEPAGE-STYLE DARK VAULT BENTOS */
.n7f-deep { color:var(--navi-ink); padding:clamp(72px,9vw,118px) 0; }
.n7f-section-head { max-width:860px; margin:0 auto; padding:0 var(--navi-pad); text-align:center; }
.n7f-section-head h2 { margin-top:14px; font-size:clamp(34px,4.8vw,62px); font-weight:400; letter-spacing:-.025em; }
.n7f-section-head h2 .g { background:linear-gradient(92deg,#dce6fd,#639fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.n7f-section-head p { margin:18px auto 0; max-width:620px; color:var(--navi-muted); font-weight:300; }
#viewer, #admin, #crosscut { background:transparent; color:var(--navi-off-white); }
#viewer .navi-eyebrow, #admin .navi-eyebrow, #crosscut .navi-eyebrow { color:var(--navi-light-blue); }
#viewer .n7f-section-head h2, #admin .n7f-section-head h2, #crosscut .n7f-section-head h2 { color:var(--navi-off-white); }
.n7f-bento { width:min(1200px,100%); margin:clamp(26px,4vw,52px) auto 0; display:grid;
  grid-template-columns:repeat(6,1fr); grid-auto-rows:clamp(96px,10vw,132px); gap:0;
  border-radius:0; overflow:hidden; background:transparent; }
.n7f-deep > .n7f-bento { width:min(1200px,calc(100% - 2 * var(--navi-pad))); }
.n7f-bt { position:relative; overflow:hidden; border:0; outline:0;
  border-radius:0; background:transparent; padding:clamp(18px,2vw,26px);
  display:flex; flex-direction:column; justify-content:space-between;
  color:var(--navi-off-white); transition:background .35s var(--navi-ease);
  box-shadow:1px 0 0 rgba(220,230,253,.14), 0 1px 0 rgba(220,230,253,.14);
  text-decoration:none; }
a.n7f-bt { cursor:pointer; }
.n7f-bt:hover { background:rgba(255,255,255,.035); }
.n7f-bt__ic { width:22px; height:22px; display:grid; place-items:center;
  background:transparent; }
.n7f-bt__ic svg { width:22px; height:22px; fill:none; stroke:var(--navi-light-blue);
  stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.n7f-bt h3 { color:var(--navi-off-white); font-size:clamp(16px,1.5vw,19px); font-weight:500; margin-top:16px; }
.n7f-bt p { margin-top:6px; color:var(--navi-muted-dark); font-size:13.5px; font-weight:300; line-height:1.45; }
.n7f-bt--media { padding:0; background:#0e0e26; }
.n7f-bt--media > img, .n7f-bt--media > video { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.n7f-bt--media .navi-aimock { height:100%; }
.n7f-bt__cap { position:absolute; left:0; right:0; bottom:0; z-index:2; padding:16px 18px;
  color:#fff; background:linear-gradient(180deg, transparent, rgba(16,16,41,.86)); }
.n7f-bt__cap b { display:block; font-size:15px; font-weight:600; }
.n7f-bt__cap span { display:block; margin-top:3px; font-size:12.5px; color:var(--navi-pastel-blue); font-weight:300; }
.n7f-bt.sp-4x2{grid-column:span 4;grid-row:span 2;}
.n7f-bt.sp-3x2{grid-column:span 3;grid-row:span 2;}
.n7f-bt.sp-2x2{grid-column:span 2;grid-row:span 2;}
.n7f-bt.sp-3x1{grid-column:span 3;}
.n7f-bt.sp-2x1{grid-column:span 2;}
#crosscut { padding:clamp(72px,9vw,118px) var(--navi-pad); }
.n7f-crossgrid { width:min(1200px,100%); margin:clamp(26px,4vw,52px) auto 0; display:grid;
  grid-template-columns:repeat(4,1fr); gap:0; overflow:hidden;
  border-radius:0; background:transparent; }
.n7f-crossgrid .n7f-bt { min-height:190px; }
@media (max-width:900px){
  .n7f-bento{ grid-template-columns:repeat(2,1fr); grid-auto-rows:auto; }
  .n7f-bt[class*="sp-"]{ grid-column:auto; grid-row:auto; }
  .n7f-bt{ min-height:158px; } .n7f-bt--media{ grid-column:1/-1; min-height:230px; }
  .n7f-crossgrid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:820px){ .n6-sw-panel{grid-template-columns:1fr;} .n6-sw-copy{padding:0;} }
@media (max-width:560px){
  .n7f-bento,.n7f-crossgrid{grid-template-columns:1fr;}
  /* space-between + min-height left huge gaps between icon and copy when stacked */
  .n7f-crossgrid .n7f-bt,
  .n7f-bento .n7f-bt:not(.n7f-bt--media){
    min-height:0;
    justify-content:flex-start;
    gap:14px;
    padding:22px 4px;
  }
  .n7f-crossgrid .n7f-bt h3,
  .n7f-bento .n7f-bt:not(.n7f-bt--media) h3{ margin-top:0; }
  .n6-sw-tabs{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:0 2px 10px;
    margin-inline:calc(-1 * var(--navi-pad));
    padding-inline:var(--navi-pad);
    scroll-padding-inline:var(--navi-pad);
  }
  .n6-sw-tabs::-webkit-scrollbar{ display:none; }
  .n6-sw-tab{ flex:none; }
  /* Progress bar reads as a broken tab indicator on narrow screens */
  .n6-sw-track{ display:none; }
  .n6-sw-copy ul li{ overflow-wrap:anywhere; }
  .n6-sw-panel{ padding:20px 16px; }
}
@media (prefers-reduced-motion:reduce){ .n6-sw-slide{transition:none;} .n6-sw-track{display:none;} }

/* INTEGRATIONS — remains in the light zone established by the explorer. */
.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 h2 .g { background:linear-gradient(92deg,#dce6fd,#639fff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.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); } }

/* FINAL — cinematic image background */
.n6-final { text-align:center; padding:clamp(90px,13vw,170px) var(--navi-pad); position:relative; overflow:hidden; color:var(--navi-off-white); }
.n6-final__bg { position:absolute; inset:0; z-index:0; }
.n6-final__bg img { width:100%; height:100%; object-fit:cover; }
.n6-final__scrim { position:absolute; inset:0; z-index:1; background:
   linear-gradient(180deg, #101029 0%, rgba(16,16,41,.82) 12%, rgba(16,16,41,.35) 42%, rgba(16,16,41,.88) 100%),
   radial-gradient(60% 70% at 50% 100%, rgba(99,159,255,.32), transparent 70%); }
.n6-final > :not(.n6-final__bg):not(.n6-final__scrim) { position:relative; z-index:2; }
.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 — Lemni-style drifting cards inside the final CTA:
   what buyers and the team do inside Navi (illustrative product actions, no fabricated proof) */
.n6-acts { margin-top:clamp(56px,8vw,100px); width:100vw; margin-left:calc(50% - 50vw); }
.n6-acts__label { font-family:var(--navi-mono); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--navi-muted-dark); margin-bottom:6px; }
.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; gap:14px; width:max-content; margin-top:14px; animation:n6marq 58s linear infinite; will-change:transform; }
.n6-acts__row--rev { animation-direction:reverse; animation-duration:66s; }
@keyframes n6marq { to { transform:translateX(calc(-1 * var(--marquee-shift, 50%))); } }
.n6-act { display:flex; flex-direction:column; align-items:flex-start; gap:9px; padding:15px 20px; border-radius:16px; text-align:left; white-space:nowrap;
  background:rgba(16,16,41,.62); border:1px solid rgba(220,230,253,.14); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
.n6-act__t { display:flex; align-items:center; gap:10px; font-size:14.5px; font-weight:500; color:var(--navi-off-white); }
.n6-act__t svg { width:17px; height:17px; flex:none; fill:none; stroke:var(--navi-light-blue); 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; } }