/* Three design-partner paths. Financial planning remains in local drafts. */
.commercial-title { position:absolute; left:64px; top:153px; font:400 77px/1.05 var(--font-display); letter-spacing:-.035em; }
.commercial-title em { font-style:italic; }
.commercial-subtitle { position:absolute; top:252px; left:66px; font:400 27px/1.3 var(--font-body); color:#bdc3d1; letter-spacing:-.025em; }
.commercial-partners { position:absolute; top:354px; left:64px; right:64px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.commercial-lane { min-width:0; padding-top:21px; border-top:1px solid #4d5c83; }
.lane-number { display:block; color:#8295ee; font:500 17px/1 var(--font-label); }
.commercial-lane h3 { height:112px; margin-top:30px; font:400 43px/1.12 var(--font-body); letter-spacing:-.045em; white-space:nowrap; }
.commercial-lane h3 span { display:block; margin-top:17px; color:#929eb8; font:400 22px/1.25 var(--font-body); letter-spacing:-.015em; }
.lane-discussion { margin-top:14px; color:#aab9ff; font:400 26px/1.25 var(--font-body); letter-spacing:-.025em; }
.lane-prospects { margin-top:22px; color:#919bad; font:400 19px/1.5 var(--font-body); letter-spacing:-.02em; }
.commercial-stack { position:absolute; left:64px; right:64px; top:713px; height:81px; border-top:1px solid #303a51; display:flex; align-items:flex-end; justify-content:center; gap:32px; color:#bdc7df; font:400 28px/1 var(--font-body); letter-spacing:-.025em; }
.commercial-stack i { width:166px; height:1px; margin-bottom:13px; background:#596a9d; }
.stack-signal { position:absolute; left:0; top:-1px; height:2px; width:70px; background:#9fb0ff; box-shadow:0 0 13px #8194ff88; }
.commercial-slide.is-active .commercial-lane { animation:content-enter .9s cubic-bezier(.16,1,.3,1) both; }
.commercial-slide.is-active .commercial-lane:nth-child(2) { animation-delay:.12s; }
.commercial-slide.is-active .commercial-lane:nth-child(3) { animation-delay:.24s; }
.commercial-slide.is-active .stack-signal { animation:commercial-signal 4s ease-in-out infinite; }
@keyframes commercial-signal { 0%{left:0;opacity:0} 15%{opacity:.8} 85%{opacity:.8} 100%{left:calc(100% - 70px);opacity:0} }
#deck.motion-paused .commercial-slide * { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) { #deck:not(.motion-enabled) .commercial-slide * { animation:none!important; } }
@media print { .commercial-slide * { animation:none!important; } }
