/* общий «стеклянный» слой (09.10.2026): плавающие свечения секций. Разметка: <div class="glw glwN" aria-hidden="true"><i></i><i></i></div> первым в <section> */
@keyframes wyA{from{transform:translate(0,0) scale(1)}to{transform:translate(8vw,6vh) scale(1.12)}}
@keyframes wyB{from{transform:translate(0,0) scale(1.05)}to{transform:translate(-7vw,-8vh) scale(.95)}}
section:has(>.glw){position:relative;isolation:isolate}
.glw{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.glw{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
.glw i{position:absolute;border-radius:50%;filter:blur(70px);opacity:var(--glo,.7);width:46vw;height:46vw;max-width:640px;max-height:640px}
.glw i:first-child{animation:wyA 22s ease-in-out infinite alternate}.glw i:last-child{animation:wyB 26s ease-in-out infinite alternate}
.glw1{--glo:.85}
.glw1 i:first-child{left:-6vw;top:-4%;background:radial-gradient(circle,rgba(90,125,255,.95),rgba(160,120,255,.45) 50%,transparent 72%)}
.glw1 i:last-child{right:-6vw;bottom:-10%;background:radial-gradient(circle,rgba(60,205,190,.75),rgba(255,150,200,.35) 50%,transparent 72%)}
.glw2 i:first-child{left:-10vw;top:0;background:radial-gradient(circle,rgba(60,200,190,.7),transparent 70%)}
.glw2 i:last-child{right:-8vw;top:20%;background:radial-gradient(circle,rgba(150,120,255,.6),transparent 70%)}
.glw3 i:first-child{left:-8vw;top:10%;background:radial-gradient(circle,rgba(110,120,255,.65),transparent 70%)}
.glw3 i:last-child{right:-8vw;bottom:-10%;background:radial-gradient(circle,rgba(255,130,180,.55),transparent 70%)}
.glw4{--glo:.5}
.glw4 i:first-child{left:-8vw;top:-6%;background:radial-gradient(circle,rgba(150,100,255,.7),transparent 70%)}
.glw4 i:last-child{right:-8vw;bottom:-6%;background:radial-gradient(circle,rgba(60,200,180,.6),transparent 70%)}
:root[data-theme="dark"] .glw{--glo:.45}:root[data-theme="dark"] .glw4{--glo:.3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .glw{--glo:.45}:root:not([data-theme="light"]) .glw4{--glo:.3}}
@media (max-width:760px){.glw i{width:90vw;height:90vw}}
@media (prefers-reduced-motion:reduce){.glw i{animation:none}}

/* стеклянная карточка-герой: картинка справа (компьютер) / сверху (телефон).
   Переменные: --gi (широкая картинка с фоном слева), --gm (кадр 840x700 для телефона), --gc (цвет фона), --gmc (цвет низа кадра) */
.gh{position:relative;min-height:440px;border-radius:32px;padding:clamp(28px,4.5vw,56px);display:flex;align-items:center;color:#fff;
  background:var(--gi) right center/auto 100% no-repeat,var(--gc);border:1px solid rgba(255,255,255,.25);box-shadow:0 30px 60px -32px rgba(30,40,120,.6)}
.gh-t{max-width:52%}
.gh h1,.gh h2{color:#fff!important;margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;font-weight:800;letter-spacing:-.03em}
.gh p{color:rgba(255,255,255,.9)!important;font-size:1.12rem;line-height:1.5;margin:0;max-width:44ch}
.gh-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.gh-b{display:inline-flex;align-items:center;justify-content:center;padding:1em 1.6em;border-radius:999px;font-weight:800;text-decoration:none;transition:transform .2s}
.gh-b:hover{transform:translateY(-2px)}
.gh-b.w{background:#fff;color:#16172b}.gh-b.g{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}
@media (max-width:760px){
  .gh{display:block;min-height:0;padding:calc((100vw - 44px) / 1.2 + 8px) 20px 22px;border-radius:26px;
    background:linear-gradient(180deg,transparent calc((100vw - 44px) / 1.2 - 50px),var(--gmc) calc((100vw - 44px) / 1.2)),var(--gm) center top/100% auto no-repeat,var(--gmc)}
  .gh-t{max-width:none}
  .gh h1,.gh h2{font-size:1.85rem}
  .gh p{font-size:1.05rem}
  .gh-b{flex:1 1 100%}
}

/* стеклянные плитки с цифрами */
.gt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.gt>div{border-radius:22px;padding:20px 22px;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 40px -26px rgba(30,40,110,.55)}
.gt>div:nth-child(1){background:linear-gradient(135deg,#3a6fe0,#5b8cff)}
.gt>div:nth-child(2){background:linear-gradient(135deg,#7a4fd6,#a07cf0)}
.gt>div:nth-child(3){background:linear-gradient(135deg,#1f9f86,#3cc7a6)}
.gt b{display:block;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.gt span{display:block;margin-top:6px;font-size:.98rem;opacity:.9;line-height:1.35}
@media (max-width:760px){.gt{grid-template-columns:1fr;gap:10px}}

/* «Частые услуги»: ровная сетка вместо обрезанной карусели (09.10.2026) */
.usl-scroll{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important;margin:0!important}
.usl-scroll>*{min-width:0!important;width:auto!important;flex:none!important;padding:.55em 1em!important;border-radius:99px!important;min-height:0!important}
.usl-scroll>* span{display:none!important}
.usl-scroll>* b{font-size:.9rem!important;margin:0!important;white-space:nowrap}
.usl-wrap::before,.usl-wrap::after{display:none!important}
@media (max-width:760px){.usl-wrap{margin:0 -22px}.usl-scroll{display:grid!important;grid-template-rows:repeat(3,auto)!important;grid-auto-flow:column!important;grid-template-columns:none!important;grid-auto-columns:max-content!important;justify-items:start!important;gap:6px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding:2px 22px 6px 22px!important;scroll-padding-left:22px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}.usl-scroll::-webkit-scrollbar{display:none}.usl-scroll>*{padding:.42em .78em!important;border-radius:99px!important;min-height:0!important;scroll-snap-align:start}.usl-scroll>* span{display:none!important}.usl-scroll>* b{font-size:.8rem!important;margin:0!important;font-weight:700!important;white-space:nowrap}}