/* Native scroll has room to unfold; interactive surfaces have one transform owner. */
.hero-track{height:240svh;min-height:0}
body:has(#main) .header.scrolled:before{background:linear-gradient(#101421 0,#101421fa 55%,#10142100 100%)}
.hero-sticky{height:100svh;min-height:0;opacity:var(--hero-exit-opacity,1)}
.hero-coins{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero-track.has-live-coins .hero-artwork{visibility:hidden;opacity:0}
.hero-copy{transform:translateY(var(--hero-copy-y,0px))}
.hero-bottom,.hero-scroll{opacity:1}
.hero-bottom{transform:translateY(var(--hero-bottom-y,0px))}
.hero-scroll{opacity:var(--hero-scroll-opacity,1)}
.hero-scroll.is-dimmed{pointer-events:none}
.services-section{padding-top:35px}
.services-track{height:285svh;position:relative}
.services-sticky{position:sticky;top:96px;min-height:0;height:calc(100svh - 112px);display:flex;flex-direction:column;justify-content:flex-start;overflow:visible}
.services-sticky .section-heading{margin-bottom:24px;gap:45px;flex:none}
.services-sticky .section-heading h2{font-size:clamp(28px,2.6vw,42px);line-height:1.1}
.services-sticky .section-heading p{font-size:15px;line-height:1.5}
.services-sticky .service-bento{position:relative;grid-template-rows:repeat(2,clamp(200px,calc((100svh - 260px)/2),270px));gap:18px;perspective:1800px;flex:none;isolation:isolate}
.services-sticky .service-telegram .card-copy{padding:23px 26px}
.services-sticky .telegram-art{top:44px;right:-20px;width:290px;height:205px;opacity:.85}
.services-sticky .telegram-art svg{width:155px}
.services-sticky .art-ring{width:255px;height:180px;border-width:14px}
.services-sticky .card-copy h3{font-size:29px}
.services-sticky .card-copy p:not(.card-subtitle){font-size:13px;line-height:1.55;margin-top:14px}
.services-sticky .card-subtitle{font-size:14px}
.services-sticky .card-actions{margin-top:21px;font-size:12px}
.services-sticky .service-ai .card-copy{padding:46px 24px 22px;width:68%}
.services-sticky .service-ai .card-copy h3{font-size:28px}
.services-sticky .service-ai .card-copy p{font-size:13px;line-height:1.5;margin-top:11px}
.services-sticky .service-ai .card-actions{margin-top:17px}
.services-sticky .ai-art{width:270px;right:-35px;bottom:-55px;opacity:.7}
.services-sticky .service-imo .card-copy,.services-sticky .service-vk .card-copy{padding:62px 24px 22px}
.services-sticky .service-imo .card-copy h3,.services-sticky .service-vk .card-copy h3{font-size:25px}
.services-sticky .service-imo .card-copy p,.services-sticky .service-vk .card-copy p{font-size:12px;line-height:1.55;margin-top:10px}
.services-sticky .service-imo .card-actions,.services-sticky .service-vk .card-actions{margin-top:16px;font-size:11px;gap:9px}
.services-sticky .service-imo .card-actions button,.services-sticky .service-imo .card-actions a,.services-sticky .service-vk .card-actions button,.services-sticky .service-vk .card-actions a{font-size:11px}
.services-sticky .messenger-mark{top:19px;font-size:35px}
.services-sticky .service-card .card-label{top:21px;left:24px;font-size:8px}
.service-custom{margin-top:40px;min-height:165px}
.service-card.motion-card{transform-origin:50% 50%;backface-visibility:hidden;transform:perspective(1600px) translate3d(calc(var(--enter-x,0px) + var(--hover-x,0px)),calc(var(--enter-y,0px) + var(--hover-y,0px)),var(--hover-z,0px)) rotateX(calc(var(--enter-rx,0deg) + var(--hover-rx,0deg))) rotateY(calc(var(--enter-ry,0deg) + var(--hover-ry,0deg))) rotateZ(var(--enter-rz,0deg)) scale(calc(var(--enter-scale,1) * var(--hover-scale,1)));transition:border-color .25s,box-shadow .25s,background-color .25s}
body:has(#main) .service-card.motion-card.is-hovered{z-index:8;border-color:#99ddea80;box-shadow:0 25px 55px #0005,0 0 35px #99ddea0c}
.workspace-preview.motion-surface{transform:perspective(1800px) translate3d(var(--hover-x,0px),var(--hover-y,0px),var(--hover-z,0px)) rotateX(calc(var(--preview-tilt,0deg) + var(--hover-rx,0deg))) rotateY(var(--hover-ry,0deg)) scale(var(--hover-scale,1));transform-origin:50% 50%;transition:border-color .25s,box-shadow .25s}
body:has(#main) .workspace-preview.motion-surface.is-hovered{border-color:#99ddea7a;box-shadow:0 42px 110px #0007,0 0 65px #99ddea10}
.motion-active{will-change:transform}
@media(max-width:1099px),(max-height:719px){
 .services-track{height:auto}
 .services-sticky{position:relative;top:auto;height:auto;display:block}
 .services-sticky .section-heading{margin-bottom:40px}
 .services-sticky .service-bento{grid-template-columns:1fr 1fr;grid-template-rows:360px 340px 320px}
 .services-sticky .service-telegram{grid-column:1;grid-row:1/3}
 .services-sticky .service-ai{grid-column:2;grid-row:1}
 .services-sticky .service-vk{grid-column:1/3;grid-row:3;min-height:250px}
 .services-sticky .service-ai .card-copy{width:100%;padding-top:74px}
 .services-sticky .service-ai .ai-art{opacity:.35}
 .service-custom{margin-top:24px}
}
@media(max-width:760px){
 .back-to-top{display:none}
 .hero-track{height:195svh;min-height:0}
 .hero-copy{top:18%}
 .hero-copy h1{font-size:clamp(27px,7.1vw,44px)}
 .hero-register{margin-top:23px}
 .hero-bottom{bottom:24px}
 body:has(#main) .mobile-menu .contact-button{display:flex;justify-content:center;margin-top:12px;padding:13px 18px;color:#222330;background:#ffa88a}
 .services-section{padding-top:55px}
 .services-sticky .section-heading{margin-bottom:35px}
 .services-sticky .section-heading h2{font-size:34px}
 .services-sticky .section-heading p{font-size:14px}
 .services-sticky .service-bento{display:flex;gap:28px;perspective:1400px}
 .service-card.motion-card{transform:perspective(1400px) translate3d(0,var(--enter-y,0px),0) rotateZ(var(--enter-rz,0deg)) scale(var(--enter-scale,1))!important}
 .services-sticky .service-telegram{min-height:475px}
 .services-sticky .service-telegram .card-copy{padding:25px}
 .services-sticky .telegram-art{top:50px;right:-20px;width:290px;height:230px}
 .services-sticky .telegram-art svg{width:180px}
 .services-sticky .service-ai{min-height:385px}
 .services-sticky .service-ai .card-copy{padding:93px 25px 25px;width:100%}
 .services-sticky .service-ai .card-copy h3{font-size:30px}
 .services-sticky .service-ai .card-copy p{font-size:14px;max-width:260px}
 .services-sticky .ai-art{top:0;bottom:auto;width:205px;opacity:.4}
 .services-sticky .service-imo,.services-sticky .service-vk{min-height:300px}
 .services-sticky .service-imo .card-copy,.services-sticky .service-vk .card-copy{padding:83px 25px 25px}
 .services-sticky .service-imo .card-copy h3,.services-sticky .service-vk .card-copy h3{font-size:29px}
 .services-sticky .service-imo .card-copy p,.services-sticky .service-vk .card-copy p{font-size:14px}
 .services-sticky .service-imo .card-actions,.services-sticky .service-vk .card-actions{margin-top:22px}
 .services-sticky .service-imo .card-actions button,.services-sticky .service-imo .card-actions a,.services-sticky .service-vk .card-actions button,.services-sticky .service-vk .card-actions a{font-size:13px}
 .services-sticky .messenger-mark{top:33px;font-size:44px}
 .services-sticky .card-copy h3{font-size:32px}
 .services-sticky .card-copy p:not(.card-subtitle){font-size:14px}
 .workspace-preview.motion-surface{transform:none!important}
}
@media(max-height:719px) and (min-width:1100px){.services-sticky .service-bento{grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:330px 350px}.services-sticky .service-ai{grid-column:2/4;grid-row:1}.services-sticky .service-vk{grid-column:3;grid-row:2}}
@media(prefers-reduced-motion:reduce){
 .hero-track{height:100svh;min-height:700px}.hero-sticky{position:relative}
 .hero-copy,.hero-bottom{transform:none}
 .services-track{height:auto}.services-sticky{position:relative;top:auto;height:auto}
 .service-card.motion-card,.workspace-preview.motion-surface{transform:none!important;will-change:auto}
}