/* Сцена «Знаки в металле»: закреплённый экран, знаки клиентов в 3D вылетают по прокрутке */
.l3d{position:relative;background:#000;color:#f5f5f7;height:calc(var(--l3d-n,10) * var(--l3d-step,90vh) + 160vh)}
.l3d-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.l3d canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.l3d-bg{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 52%,#1b1c1f 0%,#08080a 55%,#000 100%)}
.l3d-floor{position:absolute;left:0;right:0;bottom:0;height:34%;background:radial-gradient(50% 70% at 50% 100%,rgba(255,255,255,.07),transparent 70%)}
.l3d-ui{position:absolute;inset:0;pointer-events:none;font-family:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}
.l3d-m{font-family:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#86868b}
.l3d-head{position:absolute;left:0;right:0;top:clamp(84px,12vh,130px);text-align:center;padding:0 22px;transition:opacity .6s,transform .6s}
.l3d-head h2{margin:14px auto 0;font-weight:600;font-size:clamp(34px,5.6vw,80px);line-height:1.02;letter-spacing:-.035em;max-width:14ch;background:linear-gradient(180deg,#fff 30%,#8e8e93);-webkit-background-clip:text;background-clip:text;color:transparent}
.l3d-head p{margin:16px auto 0;max-width:46ch;color:#a1a1a6;font-size:clamp(16px,1.5vw,19px);line-height:1.45}
.l3d.go .l3d-head{opacity:0;transform:translateY(-24px)}
.l3d-cap{position:absolute;left:clamp(22px,5vw,72px);bottom:clamp(28px,7vh,72px);max-width:420px;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.l3d-cap.on{opacity:1;transform:none}
.l3d-cap b{display:block;margin-top:10px;font-weight:600;font-size:clamp(26px,3vw,40px);letter-spacing:-.025em;color:#f5f5f7}
.l3d-cap span{display:block;margin-top:6px;color:#a1a1a6;font-size:16px}
.l3d-cap i{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-style:normal}
.l3d-cap i:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--sw,#999);box-shadow:inset 0 1px 2px rgba(255,255,255,.5),inset 0 -2px 3px rgba(0,0,0,.4)}
.l3d-idx{position:absolute;right:clamp(22px,5vw,72px);bottom:clamp(28px,7vh,72px);text-align:right}
.l3d-bar{display:block;width:160px;height:1px;background:rgba(255,255,255,.16);margin-top:12px;position:relative;overflow:hidden}
.l3d-bar:after{content:"";position:absolute;inset:0;background:#f5f5f7;transform-origin:left;transform:scaleX(var(--p,0))}
.l3d-end{position:absolute;left:0;right:0;bottom:clamp(36px,9vh,90px);text-align:center;opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s;pointer-events:none}
.l3d.end .l3d-end{opacity:1;transform:none;pointer-events:auto}
.l3d.end .l3d-cap,.l3d.end .l3d-idx{opacity:0}
.l3d-end p{font-weight:600;font-size:clamp(24px,3vw,36px);letter-spacing:-.02em;margin:0 0 18px}
.l3d-end a{display:inline-flex;align-items:center;height:46px;padding:0 24px;border-radius:999px;background:#f5f5f7;color:#000;font-weight:500;font-size:16px;text-decoration:none}
.l3d-fb{position:absolute;inset:0;display:none;grid-template-columns:repeat(2,1fr);gap:28px;padding:22vh 8vw 10vh;align-content:center}
.l3d-fb img{width:100%;height:70px;object-fit:contain;filter:invert(1) brightness(.85)}
.l3d.nogl .l3d-fb{display:grid}.l3d.nogl{height:auto}.l3d.nogl .l3d-pin{position:relative;height:auto;min-height:100vh}
@media(max-width:760px){.l3d-cap{right:22px;max-width:none;bottom:96px}.l3d-idx{bottom:36px;left:22px;right:auto;text-align:left}.l3d-head{top:96px}}
@media(prefers-reduced-motion:reduce){.l3d-head,.l3d-cap,.l3d-end{transition:none}}
/* первый экран страницы: сцена вместо колоды картинок */
.l3d-hero .l3d-head{top:clamp(96px,14vh,150px)}
.l3d-h1{margin:14px auto 0;font-weight:600;font-size:clamp(36px,5.4vw,76px);line-height:1.02;letter-spacing:-.035em;max-width:16ch;background:linear-gradient(180deg,#fff 30%,#8e8e93);-webkit-background-clip:text;background-clip:text;color:transparent}
.l3d-buy{position:absolute;left:0;right:0;bottom:clamp(24px,5vh,48px);display:flex;justify-content:center;pointer-events:auto;transition:opacity .5s,transform .5s}
.l3d-buy .buybar{display:flex;align-items:center;gap:22px;padding:10px 10px 10px 22px;border-radius:999px;background:rgba(28,28,30,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);color:#f5f5f7;font-size:15px;line-height:1.35}
.l3d-buy .buybar p{margin:0}.l3d-buy .buybar p span{color:#a1a1a6}
.l3d-buy .buybar .pill{flex:none}
.l3d.go .l3d-buy{opacity:0;transform:translateY(16px);pointer-events:none}
.l3d-hero .l3d-head p:last-child{display:block}
@media(max-width:760px){.l3d-buy .buybar{flex-direction:column;align-items:stretch;gap:10px;border-radius:22px;padding:14px 16px;margin:0 16px;font-size:14px}.l3d-buy .buybar .pill{text-align:center}}
.l3d-hero:not(.go) .l3d-cap,.l3d-hero:not(.go) .l3d-idx{opacity:0}
.l3d-hero .l3d-buy{bottom:clamp(64px,10vh,110px)}.l3d-hero .l3d-head{top:clamp(80px,11vh,130px)}