/* Concept B: Overnight (cinematic, video-led) */
.n-hud{position:fixed;left:16px;bottom:16px;z-index:55;display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;background:rgba(6,11,24,.78);border:1px solid var(--line-2);backdrop-filter:blur(10px);font:600 13px var(--body);color:var(--text-2)}
.n-hud-time{font:700 15px var(--head);color:#fff;font-variant-numeric:tabular-nums;min-width:74px;display:inline-block}
.n-hud-dot{width:8px;height:8px;border-radius:50%;background:var(--violet-glow);box-shadow:0 0 12px var(--violet-glow);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
@media (max-width:640px){.n-hud-l{display:none}}
.n-hero{position:relative;height:100svh;min-height:620px;display:grid;place-items:center;overflow:hidden}
.n-hero-media{position:absolute;inset:0;border-radius:0;will-change:transform,border-radius}
.n-hero-media video,.ch-media video,.n-about-media video,.g-ridge video{opacity:0;transition:opacity 1.2s}
.media video.on{opacity:1}
.n-hero-in{position:relative;text-align:center;padding:90px 20px 40px;max-width:1040px}
.n-wordmark{width:min(380px,64vw);height:auto;margin:0 auto 14px;opacity:.95}
.n-tag{font:600 13px var(--body);letter-spacing:.32em;text-transform:uppercase;color:var(--silver);margin-bottom:22px}
.n-h1{font-size:clamp(36px,6.2vw,84px);max-width:16ch;margin:0 auto 30px;text-shadow:0 4px 40px rgba(6,11,24,.6)}
.n-scroll{position:absolute;bottom:72px;left:0;right:0;text-align:center;font:500 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.n-hero .media-badge{bottom:72px}

/* chapters */
.ch{position:relative}
.ch-pin{position:relative;height:100svh;min-height:620px;overflow:hidden;display:grid;grid-template-rows:1fr auto;justify-items:center;padding:90px 20px 70px}
.ch-media{position:absolute;inset:0;z-index:0}
.ch-media .scrim{background:linear-gradient(to bottom,rgba(6,11,24,.45),rgba(6,11,24,.25) 35%,rgba(6,11,24,.9) 85%)}
.ko{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:var(--void);mix-blend-mode:multiply;pointer-events:none}
.ko span{font:700 clamp(84px,19vw,300px)/.9 var(--head);letter-spacing:-.05em;color:#fff;text-align:center;padding:0 10px}
.ch-gfx{position:relative;z-index:3;align-self:center;width:min(560px,100%);display:grid;place-items:center}
.ch-copy{position:relative;z-index:3;text-align:center;max-width:780px}
.ch-copy .h2{margin:10px 0 14px}
.ch-copy .lede{margin-inline:auto}
.ch-copy .lede+.lede{margin-top:10px}
html.v7-anim:not(.reduced) .ch-copy,html.v7-anim:not(.reduced) .ch-gfx{opacity:0}
html.reduced .ko,html:not(.js) .ko,html:not(.v7-anim) .ko{display:none}
html.reduced .ch-pin{height:auto;min-height:100svh}
@media (max-width:760px){.ch-pin{padding:80px 16px 70px}.ch-copy .lede{font-size:15.5px}.ch-gfx{transform-origin:center;}}
@media (max-height:760px){.ch-gfx{transform:scale(.85)}}

/* graphics */
.g-search,.g-reviews,.g-thread,.g-dash{width:100%;border-radius:20px;padding:18px;background:rgba(10,17,38,.82);border:1px solid var(--line-2);backdrop-filter:blur(14px);box-shadow:0 30px 90px rgba(0,0,0,.5)}
.g-q{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--line);font:500 16px var(--body)}
.g-ic{width:16px;height:16px;border-radius:50%;border:2px solid var(--teal-2);flex:none}
.g-caret{width:2px;height:18px;background:var(--teal-2);animation:pulse 1s infinite}
.g-h{display:flex;justify-content:space-between;align-items:center;margin:16px 4px 8px;font:600 12px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.g-res{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.g-res li{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);font-size:14px}
.g-res li span{color:var(--muted);font-size:13px;text-align:right}
.g-res li.me{background:linear-gradient(135deg,rgba(91,63,160,.5),rgba(45,90,175,.4));border:1px solid rgba(140,111,224,.6)}
.g-res li.me span{color:#D6F4F8}
.g-rv{display:grid;gap:7px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);margin-bottom:8px}
.g-rv em{font:600 12px var(--body);font-style:normal;color:var(--teal-2)}
.sp5{display:block;height:14px;width:90px;background:
 radial-gradient(circle,#C9B8FF 30%,transparent 32%) 0 0/18px 14px repeat-x}
.sk{display:block;height:8px;border-radius:4px;background:rgba(217,220,228,.18)}
.sk.w80{width:80%}.sk.w60{width:60%}.sk.w70{width:70%}.sk.w40{width:40%}.sk.w90{width:90%}.sk.w50{width:50%}
.g-note{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}
.g-thread{display:grid;gap:8px}
.g-miss{display:flex;justify-content:space-between;align-items:center;font:600 13px var(--body);color:var(--violet-glow)}
.b{padding:10px 13px;border-radius:14px;max-width:85%;font-size:14.5px}
.b.us{background:rgba(45,90,175,.45);justify-self:end;border-bottom-right-radius:4px}
.b.them{background:rgba(255,255,255,.07);border-bottom-left-radius:4px}
.b.ok{justify-self:center;background:rgba(30,154,173,.2);border:1px solid rgba(41,182,201,.5);color:#D6F4F8;font-weight:700}
.g-phone{width:220px;height:400px;border-radius:34px;border:2px solid rgba(217,220,228,.35);background:rgba(10,17,38,.85);padding:14px;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 60px rgba(91,63,160,.3)}
.g-ph-in{height:100%;border-radius:22px;background:#0b1430;padding:12px;display:grid;gap:9px;align-content:start;overflow:hidden}
.blk{display:block;border-radius:8px;background:rgba(217,220,228,.14)}
.blk.hero{height:120px;background:linear-gradient(135deg,rgba(91,63,160,.7),rgba(45,90,175,.6))}
.blk.l1{height:12px;width:80%}.blk.l2{height:12px;width:55%}
.blk.btn1{height:34px;width:60%;background:var(--cta);color:#fff;font:600 13px var(--body);display:grid;place-items:center;border-radius:999px}
.blk.card{height:60px}
.g-dash .g-dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}
.g-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.g-tiles div{padding:10px;border-radius:12px;background:rgba(255,255,255,.05)}
.g-tiles span{display:block;font-size:11.5px;color:var(--muted)}
.g-tiles b{font:700 28px var(--head);color:#fff}
.g-spark{width:100%;height:70px;margin-top:10px}
.g-backup{display:grid;justify-items:center;gap:16px}
.g-ridge{width:220px;height:220px;border-radius:50%;box-shadow:0 0 0 1px rgba(217,220,228,.25),0 0 80px rgba(41,182,201,.35)}
.g-checks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.g-checks li{padding:8px 12px;border-radius:999px;background:rgba(10,17,38,.8);border:1px solid rgba(41,182,201,.45);font:600 13px var(--body)}
.g-checks li::before{content:"✓ ";color:var(--teal-2)}
.n-bk-badge{position:absolute;right:16px;top:80px;z-index:5}
@media (max-width:760px){.g-ridge{width:150px;height:150px}.g-tiles{grid-template-columns:repeat(2,1fr)}.g-phone{width:170px;height:300px}.g-checks li{font-size:11.5px}.n-bk-badge{top:auto;bottom:70px;left:16px;right:16px}}

/* range, about, agents */
.n-range{background:linear-gradient(to bottom,var(--void),#0b1530 30%,var(--void))}
.n-about{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:110px 0}
.n-about-media{position:absolute;inset:0}
.n-about-media .scrim{background:rgba(6,11,24,.72)}
.n-about-in{position:relative;z-index:2}








.n-hero .media-badge,.ch .media-badge,.n-about .media-badge{left:auto;right:16px;bottom:auto;top:76px;max-width:min(420px,calc(100% - 32px))}
@media (max-width:760px){.ko span{font-size:24vw}}

/* Maps rank (visibility check) in chapter 01 */
.ch-gfx .maps{width:100%;padding:18px;background:rgba(10,17,38,.84);border:1px solid var(--line-2);backdrop-filter:blur(14px);box-shadow:0 30px 90px rgba(0,0,0,.5);border-radius:20px}
.ch-gfx .maps-map{height:130px}
/* "lot more" marquee at 7:00 AM */
.n-more{background:linear-gradient(to bottom,var(--void),#0b1530 40%,var(--void))}
.marquee{position:relative;margin:30px -48px 0;display:grid;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.more-track{display:flex;gap:12px;width:max-content;animation:mq 46s linear infinite}
.more-track.rev{animation-direction:reverse;animation-duration:54s}
.more-track span{display:inline-flex;align-items:center;gap:9px;padding:10px 18px;border-radius:999px;font:600 16px var(--head);color:#fff;white-space:nowrap;background:rgba(14,24,48,.75);border:1px solid var(--line-2)}
.more-track span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--teal-2);box-shadow:0 0 10px var(--teal-2)}
.more-track span[data-tone=v]::before{background:var(--violet-glow);box-shadow:0 0 10px var(--violet-glow)}
.more-track span[data-tone=b]::before{background:var(--blue-2);box-shadow:0 0 10px var(--blue-2)}
@keyframes mq{to{transform:translateX(-33.333%)}}
.n-more-list{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
html.reduced .marquee{display:none}
html.reduced .n-more-list{position:static;width:auto;height:auto;clip:auto}
@media (max-width:760px){.marquee{margin-inline:-20px}.more-track span{font-size:14px;padding:8px 14px}}