.services-page{position:relative;min-height:100vh;background:linear-gradient(180deg,#05070f,#0a0d1f 40%,#0d1117);color:#f8fafc;overflow:hidden}.services-page__hero{position:relative;text-align:center;padding:8rem 2rem 4rem;max-width:800px;margin:0 auto}.services-page__hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.services-page__hero-glow{position:absolute;top:0%;left:50%;transform:translate(-50%,-30%);width:60vw;height:400px;background:radial-gradient(ellipse at center,rgba(99,102,241,.15) 0%,transparent 60%);filter:blur(80px)}.services-page__badge{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;padding:.4rem 1rem;margin-bottom:1.5rem;border-radius:999px;border:1px solid rgba(99,102,241,.25);background:#6366f11a;color:#a5b4fc;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.services-page__title{position:relative;z-index:1;font-size:3rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-page__subtitle{position:relative;z-index:1;font-size:1.2rem;color:#94a3b8;line-height:1.6}.services-page__container{max-width:1200px;margin:0 auto;padding:0 2rem 6rem;position:relative;z-index:2}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.service-card{position:relative;background:linear-gradient(160deg,#242e4299,#0f172a59);border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:1.6rem 1.4rem;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:90px;background:radial-gradient(120% 100% at 50% 0%,rgba(99,102,241,.16),transparent 72%);pointer-events:none}.service-card:hover{transform:translateY(-5px);border-color:#818cf873;box-shadow:0 24px 48px -28px #4f46e599}.service-card__icon-wrapper{position:relative;z-index:1;width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#6366f1,#22c55e 130%);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem;box-shadow:0 12px 22px -12px #6366f1bf;transition:transform .3s ease}.service-card__icon-wrapper svg{width:22px;height:22px}.service-card:hover .service-card__icon-wrapper{transform:scale(1.06) rotate(-3deg)}.service-card__title{position:relative;z-index:1;font-size:1.08rem;font-weight:700;color:#f8fafc;margin-bottom:.55rem;line-height:1.3;letter-spacing:-.01em}.service-card__desc{font-size:.88rem;color:#a6b4c8;line-height:1.55;margin-bottom:1rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.service-card__features{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.15rem;padding-top:.95rem;border-top:1px solid rgba(148,163,184,.12)}.service-card__features span{font-size:.82rem;color:#d5dceb;display:flex;align-items:center;gap:.5rem}.service-card__features span:first-letter{color:#34d399;font-weight:700}.service-card__actions{display:flex;margin-top:auto}.service-card__btn{flex:1;padding:.68rem 1rem;border-radius:12px;background:#6366f124;border:1px solid rgba(129,140,248,.3);color:#c7d2fe;font-size:.9rem;font-weight:650;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.service-card__btn:hover{background:#6366f147;border-color:#818cf88c;color:#fff}.services-page .catalog-renders-hero__layout{grid-template-columns:1fr}.services-page .catalog-renders-hero__content{max-width:none;text-align:center}.services-page .catalog-renders-hero__content h1{width:100%;max-width:none}.services-page .catalog-renders-hero__lead{max-width:820px;margin-left:auto;margin-right:auto}.services-page .catalog-renders-hero__actions{justify-content:center}.services-swipe-hint{display:none}@media(max-width:1040px)and (min-width:721px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.services-swipe-hint{display:flex;align-items:center;gap:.4rem;width:fit-content;margin:0 auto 1.1rem;padding:.45rem 1.05rem;border-radius:999px;background:linear-gradient(180deg,#ffffff13,#ffffff06),#0f172a6b;border:1px solid rgba(148,163,184,.18);color:#cbd5e1;font-size:.8rem;font-weight:700;letter-spacing:.03em;box-shadow:0 10px 32px #0f172a4d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.services-swipe-hint__arrow{color:#e0e7ff;animation:servicesHintArrow 1.4s ease-in-out infinite}.services-grid{display:flex;grid-template-columns:none;gap:1rem;margin:0 -1.5rem;padding:0 1.5rem 1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-left:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.services-grid::-webkit-scrollbar{display:none}.service-card{box-sizing:border-box;flex:0 0 clamp(238px,76vw,300px);scroll-snap-align:start}}@keyframes servicesHintArrow{0%,to{transform:translate(0);opacity:.65}50%{transform:translate(4px);opacity:1}}