/* ============================================================
   Shadowbiz — components.css  (nav, hero, strip)
   ============================================================ */
.nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:padding .35s ease,background .35s ease,box-shadow .35s ease,border-color .35s ease;border-bottom:1px solid transparent;padding:18px 0;background:rgba(245,241,232,0)}
.nav.scrolled{padding:11px 0;background:rgba(250,246,237,.82);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);box-shadow:0 1px 24px -12px rgba(29,58,46,.35)}
.nav-in{display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand .wm{font-weight:800;letter-spacing:-.04em;font-size:21px;line-height:1}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:14px}
.nav-link{font-size:14px;font-weight:500;color:var(--ink60);padding:8px 13px;border-radius:var(--r-pill);transition:color .2s,background .2s}
.nav-link:hover{color:var(--ink);background:rgba(29,58,46,.05)}
.nav-cta{margin-left:auto;display:flex;align-items:center;gap:10px}

.hero{padding-top:clamp(128px,17vh,205px);padding-bottom:clamp(56px,8vw,104px);position:relative;overflow:hidden}
.hero-inner{display:flex;flex-direction:column;gap:clamp(22px,2.6vw,32px)}
.hero h1{max-width:16ch;font-size:clamp(42px,6.6vw,94px)}
.hero h1 .accent{color:var(--lime-deep)}
.hero-lede{max-width:52ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-facts{display:flex;flex-wrap:wrap;gap:0;margin-top:clamp(46px,6vw,76px);border-top:1px solid var(--line)}
.hero-facts .cell{flex:1 1 200px;padding:22px 26px 4px 0;border-right:1px solid var(--line)}
.hero-facts .cell:last-child{border-right:none;padding-right:0}
.hero-facts .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink40)}
.hero-facts .v{font-size:16px;font-weight:600;margin-top:8px;letter-spacing:-.01em}
.hero-facts .v .dot{color:var(--lime-deep)}
@media(max-width:760px){.hero-inner{max-width:none}.hero-facts .cell{flex:1 1 45%;border-right:none}}

.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--cream-soft);overflow:hidden;padding:18px 0}
.strip-track{display:flex;gap:0;align-items:center;width:max-content;animation:marq 40s linear infinite}
.strip:hover .strip-track{animation-play-state:paused}
.strip-item{display:inline-flex;align-items:center;gap:14px;padding:0 34px;font-family:var(--mono);font-size:13px;letter-spacing:.02em;color:var(--ink60);white-space:nowrap}
.strip-item .pip{width:6px;height:6px;border-radius:50%;background:var(--lime-deep)}
@keyframes marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.belief-statement{font-weight:700;letter-spacing:-.025em;line-height:1.18;font-size:clamp(26px,3.4vw,46px);max-width:21ch}
.belief-statement .mut{color:var(--ink40)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-top:clamp(48px,6vw,76px)}
.pillar{background:var(--cream);padding:clamp(28px,3vw,40px);transition:background .3s}
.pillar:hover{background:var(--cream-soft)}
.pillar .pn{font-family:var(--mono);font-size:12px;color:var(--lime-deep);letter-spacing:.05em}
.pillar .ph{font-weight:700;font-size:21px;letter-spacing:-.02em;margin-top:18px}
.pillar .pp{color:var(--ink60);font-size:15px;line-height:1.6;margin-top:12px}
.pillar .pic{margin-top:22px;color:var(--ink)}
@media(max-width:820px){.pillars{grid-template-columns:1fr}}