
/* BrandScaleNYC homepage expansion system — homepage only */
.bs-implement-section{padding:14px 0 34px;position:relative}
.bs-implement-shell{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:28px;align-items:stretch;padding:34px;border:1px solid rgba(255,255,255,.08);border-radius:26px;background:linear-gradient(145deg,rgba(17,17,20,.96),rgba(5,5,7,.99) 58%,rgba(12,5,7,.98));box-shadow:0 28px 90px rgba(0,0,0,.34);overflow:hidden;isolation:isolate}
.bs-implement-shell:before{content:"";position:absolute;inset:-1px;z-index:-2;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.08),transparent 28%,rgba(184,18,42,.18) 57%,transparent 78%);opacity:.75}
.bs-implement-shell:after{content:"";position:absolute;width:420px;height:420px;right:-150px;top:-210px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(196,18,47,.22),rgba(196,18,47,.05) 38%,transparent 68%);filter:blur(3px);pointer-events:none}
.bs-implement-copy{padding:12px 2px 10px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.bs-implement-kicker{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.58);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.bs-implement-kicker span{width:32px;height:1px;background:linear-gradient(90deg,#ff3855,rgba(255,56,85,.05));box-shadow:0 0 14px rgba(255,38,71,.58)}
.bs-implement-copy h2{margin:18px 0 16px;max-width:760px;font-size:clamp(34px,4.25vw,58px);line-height:.98;letter-spacing:-.042em;color:#f4f2ee}
.bs-implement-copy h2 em{display:block;margin-top:7px;font-style:normal;color:transparent;background:linear-gradient(180deg,#fff 8%,#d6d0cc 40%,#888 65%,#eee 92%);-webkit-background-clip:text;background-clip:text;text-shadow:0 12px 40px rgba(0,0,0,.3)}
.bs-implement-copy>p{max-width:650px;margin:0;color:rgba(255,255,255,.69);font-size:16px;line-height:1.72}
.bs-implement-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px}
.bs-implement-link{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.82);font-size:13px;font-weight:650;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);padding:9px 2px 7px}
.bs-implement-link:hover{color:#fff;border-color:#fff}
.bs-implement-proofline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.075)}
.bs-implement-proofline span{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start;color:rgba(255,255,255,.59);font-size:11px;line-height:1.45;text-transform:uppercase;letter-spacing:.055em}
.bs-implement-proofline b{color:#e6425a;font:700 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}

.bs-implement-visual{display:flex;align-items:center;justify-content:center;min-width:0}
.bs-metal-frame{position:relative;width:100%;min-height:430px;padding:18px;border:1px solid rgba(255,255,255,.095);border-radius:22px;background:linear-gradient(160deg,#15161a 0%,#08090b 28%,#111216 52%,#050608 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -40px 100px rgba(0,0,0,.38),0 26px 70px rgba(0,0,0,.32);overflow:hidden}
.bs-metal-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 0 35%,rgba(255,255,255,.07) 42%,rgba(255,255,255,.015) 47%,transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 28px);mix-blend-mode:screen;opacity:.8}
.bs-metal-frame:after{content:"";position:absolute;left:-32%;top:0;width:27%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(237,31,62,.09),rgba(255,255,255,.12),rgba(237,31,62,.08),transparent);transform:skewX(-16deg);animation:bsMetalSweep 7s cubic-bezier(.4,0,.2,1) infinite}
.bs-metal-topline,.bs-metal-bottomline{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(255,255,255,.45);font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.bs-metal-topline{padding:0 2px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.bs-metal-topline i{display:inline-flex;align-items:center;gap:6px;color:#ff5c70;font-style:normal}
.bs-metal-topline i:before{content:"";width:6px;height:6px;border-radius:50%;background:#ff354f;box-shadow:0 0 14px #ff354f;animation:bsStatusPulse 1.9s ease-in-out infinite}
.bs-metal-bottomline{justify-content:center;margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.38)}
.bs-metal-bottomline i{font-style:normal;color:#c3263e}
.bs-expansion-track{position:relative;z-index:2;display:grid;grid-template-columns:minmax(110px,1fr) 44px minmax(166px,1.22fr) 44px minmax(125px,1fr);gap:10px;align-items:center;min-height:330px;padding:24px 0 12px}
.bs-expansion-stage small{display:block;margin-bottom:11px;color:rgba(255,255,255,.38);font-size:9px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}
.bs-location-stack{display:grid;gap:8px}
.bs-location-stack div{display:flex;justify-content:space-between;gap:8px;padding:12px 11px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.bs-location-stack span{color:rgba(255,255,255,.68);font-size:10px;font-weight:650}
.bs-location-stack b{font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ff5369;letter-spacing:.08em}
.bs-expansion-rail{position:relative;height:2px;background:linear-gradient(90deg,rgba(156,156,160,.16),#7f1728 44%,#d12c47 72%,rgba(209,44,71,.18));box-shadow:0 0 12px rgba(198,24,51,.16)}
.bs-expansion-rail span{position:absolute;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#ff5369;box-shadow:0 0 8px rgba(255,52,82,.8);animation:bsRailDot 2.8s linear infinite}
.bs-expansion-rail span:nth-child(2){animation-delay:.9s}.bs-expansion-rail span:nth-child(3){animation-delay:1.8s}
.bs-expansion-rail-out{background:linear-gradient(90deg,rgba(209,44,71,.18),#d12c47 26%,#7f1728 58%,rgba(156,156,160,.16))}
.bs-implementation-core{position:relative;display:grid;place-items:center;min-height:214px}
.bs-core-orbit{position:absolute;width:206px;height:206px;border-radius:50%;border:1px solid rgba(207,35,61,.18);box-shadow:inset 0 0 36px rgba(178,19,43,.06),0 0 34px rgba(178,19,43,.07);animation:bsCoreBreathe 4.2s ease-in-out infinite}
.bs-core-orbit:before,.bs-core-orbit:after{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(255,255,255,.045)}
.bs-core-orbit:after{inset:31px;border-color:rgba(197,28,53,.16)}
.bs-core-face{position:relative;z-index:2;width:164px;min-height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 14px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(38,39,43,.98),rgba(7,8,10,.98) 55%,rgba(23,8,11,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 20px 50px rgba(0,0,0,.44),0 0 32px rgba(191,19,46,.07);overflow:hidden}
.bs-core-face:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.09) 43%,transparent 58%);transform:translateX(-120%);animation:bsCoreSweep 5.5s ease-in-out infinite}
.bs-core-face img{width:58px;height:58px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 0 18px rgba(204,28,53,.2))}
.bs-core-face small{color:#ff5168;font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}
.bs-core-face strong{margin-top:7px;color:#fff;font-size:15px;letter-spacing:-.015em}
.bs-core-face span{margin-top:4px;color:rgba(255,255,255,.38);font-size:9px}
.bs-expansion-stage-right{display:grid;gap:8px}
.bs-expansion-stage-right small{margin-bottom:3px}
.bs-expansion-output{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:11px 10px;border-left:1px solid rgba(207,35,61,.36);background:linear-gradient(90deg,rgba(194,22,47,.08),transparent)}
.bs-expansion-output b{color:#da334d;font:750 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.bs-expansion-output span{color:rgba(255,255,255,.7);font-size:10px;font-weight:650;line-height:1.3}
@keyframes bsMetalSweep{0%,18%{left:-32%;opacity:0}30%{opacity:1}68%{left:112%;opacity:.8}72%,100%{left:112%;opacity:0}}
@keyframes bsStatusPulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@keyframes bsRailDot{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@keyframes bsCoreBreathe{0%,100%{transform:scale(.985);opacity:.68}50%{transform:scale(1.015);opacity:1}}
@keyframes bsCoreSweep{0%,22%{transform:translateX(-120%);opacity:0}35%{opacity:1}66%{transform:translateX(120%);opacity:.7}70%,100%{transform:translateX(120%);opacity:0}}
@media(max-width:1060px){.bs-implement-shell{grid-template-columns:1fr}.bs-metal-frame{min-height:400px}.bs-implement-copy{padding-right:0}.bs-expansion-track{grid-template-columns:minmax(120px,1fr) 54px minmax(180px,1fr) 54px minmax(140px,1fr)}}
@media(max-width:720px){.bs-implement-section{padding:8px 0 24px}.bs-implement-shell{padding:23px 18px;border-radius:20px;gap:22px}.bs-implement-copy h2{font-size:clamp(31px,10vw,43px)}.bs-implement-copy>p{font-size:14px}.bs-implement-proofline{grid-template-columns:1fr;gap:9px}.bs-metal-frame{min-height:0;padding:14px;border-radius:17px}.bs-expansion-track{grid-template-columns:1fr;gap:12px;padding:20px 0 8px}.bs-expansion-rail{width:2px;height:30px;margin:0 auto;background:linear-gradient(180deg,rgba(156,156,160,.14),#c62b46,rgba(198,43,70,.14))}.bs-expansion-rail span{left:50%!important;top:0;margin-left:-2.5px;animation:bsRailDotY 2.8s linear infinite}.bs-expansion-rail span:nth-child(2){animation-delay:.9s}.bs-expansion-rail span:nth-child(3){animation-delay:1.8s}.bs-implementation-core{min-height:196px}.bs-core-orbit{width:184px;height:184px}.bs-core-face{width:156px;min-height:166px}.bs-expansion-stage-right{gap:6px}.bs-metal-bottomline{font-size:8px}.bs-metal-topline{font-size:8px}}
@media(prefers-reduced-motion:reduce){.bs-metal-frame:after,.bs-metal-topline i:before,.bs-expansion-rail span,.bs-core-orbit,.bs-core-face:before{animation:none!important}.bs-metal-frame:after{display:none}}
@keyframes bsRailDotY{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:100%;opacity:0}}
