.storefront.services-page{background:#f4f4f5;color:#13161b}
.services-page #main{padding-bottom:82px}
.services-page .breadcrumb{margin:22px 0 17px}
.services-page .services-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:558px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 76% 35%,#202630 0%,transparent 31%),linear-gradient(118deg,#14181f 0%,#1b212a 49%,#101319 100%);box-shadow:0 26px 54px rgba(16, 19, 25,.19);color:#fff}
.services-page .services-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(132deg,transparent 0,transparent 65px,rgba(255,255,255,.035) 66px,transparent 67px);pointer-events:none}
.services-page .services-hero::after{content:"";position:absolute;right:-220px;top:-190px;z-index:-1;width:720px;height:720px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.027),0 0 0 140px rgba(255,255,255,.02);pointer-events:none}
.services-page .services-hero-copy{position:relative;z-index:2;align-self:center;min-width:0;padding:67px 0 110px clamp(34px,5.2vw,72px)}
.services-page .services-eyebrow,.services-page .services-label{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:.15em}
.services-page .services-eyebrow{color:#f0f1f3}.services-page .services-eyebrow i{width:8px;height:8px;flex:none;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.19)}.services-page .services-eyebrow span{opacity:.6}
.services-page .services-hero h1{max-width:750px;margin:25px 0 20px;color:#fff;font-size:clamp(44px,4.75vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.07em;white-space:nowrap}
.services-page .services-hero h1 em{color:#ffe1ac;font-style:normal}
.services-page .services-hero-copy>p{max-width:540px;margin:0;color:#f7f7f8;font-size:15px;font-weight:500;line-height:1.7}
.services-page .services-main-link{display:inline-flex;align-items:center;gap:12px;min-height:56px;margin-top:28px;padding:0 16px;border:1px solid #fff;border-radius:12px;background:#fff;box-shadow:0 15px 28px rgba(16, 19, 25,.22);color:#171c25;font-size:13px;font-weight:800;text-decoration:none;transition:transform .22s,box-shadow .22s,background .22s}
.services-page .services-main-link:hover{transform:translateY(-3px);background:#f7f7f8;box-shadow:0 21px 35px rgba(16, 19, 25,.28)}.services-page .services-main-link:focus-visible,.services-page .services-contact>a:focus-visible{outline:3px solid #ffe1ac;outline-offset:4px}.services-page .services-main-link img{display:block;flex:none;width:27px;height:27px}.services-page .services-main-link b{margin-left:21px;font-size:19px;font-weight:500}
.services-page .services-hero-note{max-width:410px;margin-top:15px;color:#ebecef;font-size:11px;font-weight:600;line-height:1.55}
.services-page .services-hero-visual{position:relative;z-index:1;min-width:0;pointer-events:none}.services-page .services-hero-visual::before{content:"";position:absolute;top:13%;right:-8%;width:min(45vw,590px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(147, 228, 223,.42),transparent 66%);filter:blur(10px)}
.services-page .services-hero-visual img{position:absolute;right:-8%;bottom:35px;width:min(58vw,735px);max-width:none;height:auto;filter:drop-shadow(0 30px 38px rgba(22,8,28,.35))}
.services-page .services-hero-footer{position:absolute;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;gap:15px;padding:19px clamp(34px,5.2vw,72px);border-top:1px solid rgba(255,255,255,.19);background:rgba(18, 19, 23,.16);color:#f0f1f3;font-size:10px;font-weight:800;letter-spacing:.14em}.services-page .services-hero-footer i{width:31px;height:1px;background:rgba(255,255,255,.45)}
.services-page .services-offer{padding-top:85px}.services-page .services-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:27px}.services-page .services-label{color:#1a2029}.services-page .services-section-head h2,.services-page .services-contact h2{max-width:790px;margin:12px 0 0;font-size:clamp(37px,4vw,54px);font-weight:800;line-height:1.15;letter-spacing:-.065em}.services-page .services-section-head h2 em{color:#1b212a;font-style:normal}.services-page .services-section-head>p{max-width:310px;margin:0 0 5px;color:#62758c;font-size:13px;line-height:1.65}
.services-page .services-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.services-page .services-card{position:relative;display:flex;flex-direction:column;grid-column:span 2;min-height:276px;padding:27px;overflow:hidden;border:1px solid #e1e2e5;border-radius:19px;background:#fff;box-shadow:0 12px 27px rgba(20, 23, 28,.045);transition:transform .25s,border-color .25s,box-shadow .25s}.services-page .services-card:nth-child(n+4){grid-column:span 3;min-height:238px}.services-page .services-card:hover{transform:translateY(-5px);border-color:#b1dcd9;box-shadow:0 20px 36px rgba(20, 23, 28,.11)}
.services-page .services-card::after{content:"";position:absolute;right:-45px;top:-65px;width:175px;height:175px;border:1px solid rgba(27, 33, 42,.09);border-radius:50%;box-shadow:0 0 0 30px rgba(27, 33, 42,.025);pointer-events:none}.services-page .services-card-design{background:linear-gradient(148deg,#fff 55%,#f7f7f8)}.services-page .services-card-web{background:linear-gradient(148deg,#fff 55%,#f7f8f9)}.services-page .services-card-bot{background:linear-gradient(148deg,#fff 55%,#f5f6f7)}.services-page .services-card-ads{background:linear-gradient(130deg,#fff 60%,#f6f6f7)}.services-page .services-card-seo{background:linear-gradient(130deg,#fff 60%,#f8f8f9)}
.services-page .services-card-number{color:#1b212a;font-size:10px;font-weight:800;letter-spacing:.13em}.services-page .services-card-icon{display:grid;place-items:center;width:57px;height:57px;margin-top:26px;border-radius:16px;background:linear-gradient(140deg,#202630,#171b23);box-shadow:0 12px 22px rgba(23, 27, 35,.16);color:#fff}.services-page .services-card-web .services-card-icon,.services-page .services-card-seo .services-card-icon{background:linear-gradient(140deg,#4674b7,#171c24);box-shadow:0 12px 22px rgba(25, 30, 39,.15)}.services-page .services-card-bot .services-card-icon{background:linear-gradient(140deg,#31a9cc,#1d2532);box-shadow:0 12px 22px rgba(34, 43, 57,.15)}.services-page .services-card-ads .services-card-icon{background:linear-gradient(140deg,#202630,#202630);box-shadow:0 12px 22px rgba(32, 38, 48,.15)}.services-page .services-card-icon svg{width:34px;height:34px}.services-page .services-card h3{position:relative;margin:22px 0 7px;color:#13161b;font-size:26px;font-weight:800;letter-spacing:-.055em}.services-page .services-card p{position:relative;max-width:405px;margin:0;color:#60748b;font-size:13px;line-height:1.65}.services-page .services-card-foot{position:relative;margin-top:auto;padding-top:20px;color:#1a1f28;font-size:11px;font-weight:800}
.services-page .services-contact{position:relative;display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:75px;padding:44px clamp(30px,4.2vw,55px);overflow:hidden;border-radius:23px;background:radial-gradient(circle at 92% 7%,rgba(255,255,255,.13),transparent 35%),linear-gradient(110deg,#161a22,#1b212a 68%,#12161c);box-shadow:0 22px 42px rgba(21, 25, 32,.15);color:#fff}.services-page .services-contact::after{content:"";position:absolute;right:-85px;top:-190px;width:440px;height:440px;border:1px solid rgba(255,255,255,.15);border-radius:50%;pointer-events:none}.services-page .services-contact .services-label{color:#eaebed}.services-page .services-contact h2{max-width:750px;margin-top:10px;color:#fff;font-size:clamp(36px,3.65vw,49px)}.services-page .services-contact h2 em{color:#ffe1ac;font-style:normal}.services-page .services-contact p{max-width:640px;margin:13px 0 0;color:#f1f2f4;font-size:13px;line-height:1.65}.services-page .services-contact>a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:12px;flex:none;min-height:61px;padding:0 19px;border-radius:12px;background:#fff;box-shadow:0 14px 26px rgba(16, 19, 25,.18);color:#181d25;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .22s,box-shadow .22s}.services-page .services-contact>a:hover{transform:translateY(-3px);box-shadow:0 20px 34px rgba(16, 19, 25,.26)}.services-page .services-contact>a img{width:31px;height:31px}.services-page .services-contact>a b{margin-left:12px;font-size:18px;font-weight:500}
@media(max-width:1100px){.services-page .services-hero h1{font-size:clamp(42px,4.5vw,56px)}.services-page .services-hero-visual img{right:-13%;width:min(62vw,670px)}}
@media(max-width:900px){.services-page .services-hero{grid-template-columns:1fr;min-height:0}.services-page .services-hero-copy{padding:53px 45px 10px}.services-page .services-hero h1{font-size:clamp(47px,7.2vw,65px)}.services-page .services-hero-visual{min-height:320px}.services-page .services-hero-visual img{right:2%;bottom:-30px;width:min(70vw,570px)}.services-page .services-hero-footer{position:relative;padding:17px 45px}.services-page .services-section-head{align-items:start;flex-direction:column;gap:10px}.services-page .services-section-head>p{max-width:650px}.services-page .services-contact{align-items:start;flex-direction:column;gap:25px}}
@media(max-width:650px){.services-page #main{padding-bottom:55px}.services-page .breadcrumb{margin:14px 0}.services-page .services-hero{border-radius:19px}.services-page .services-hero-copy{padding:37px 24px 0}.services-page .services-eyebrow{font-size:9px;letter-spacing:.11em}.services-page .services-hero h1{margin:22px 0 15px;font-size:clamp(37px,8.5vw,53px);white-space:normal}.services-page .services-hero-copy>p{font-size:13px;line-height:1.65}.services-page .services-main-link{min-height:50px;margin-top:23px;font-size:12px}.services-page .services-hero-note{font-size:10px}.services-page .services-hero-visual{min-height:265px}.services-page .services-hero-visual img{right:-4%;bottom:-27px;width:min(95vw,480px)}.services-page .services-hero-footer{gap:9px;padding:14px 24px;font-size:8px}.services-page .services-hero-footer i{width:17px}.services-page .services-offer{padding-top:62px}.services-page .services-section-head h2{font-size:clamp(34px,7vw,44px)}.services-page .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.services-page .services-card,.services-page .services-card:nth-child(n+4){grid-column:span 1;min-height:242px;padding:18px}.services-page .services-card-icon{width:48px;height:48px;margin-top:20px;border-radius:13px}.services-page .services-card-icon svg{width:29px;height:29px}.services-page .services-card h3{margin-top:18px;font-size:22px}.services-page .services-card p{font-size:11px}.services-page .services-card-foot{padding-top:16px;font-size:10px}.services-page .services-contact{margin-top:55px;padding:29px 23px;border-radius:18px}.services-page .services-contact h2{font-size:clamp(34px,7vw,43px)}}
@media(max-width:430px){.services-page .services-hero-copy{padding:34px 20px 0}.services-page .services-hero h1{font-size:clamp(33px,9.1vw,39px)}.services-page .services-hero-visual{min-height:215px}.services-page .services-hero-visual img{right:-6%;bottom:-17px;width:110%}.services-page .services-hero-footer{justify-content:center;padding:12px 10px}.services-page .services-section-head h2{font-size:34px}.services-page .services-grid{grid-template-columns:1fr}.services-page .services-card,.services-page .services-card:nth-child(n+4){min-height:0;padding:20px 21px}.services-page .services-card-icon{margin-top:17px}.services-page .services-card h3{margin-top:15px}.services-page .services-card p{font-size:12px}.services-page .services-card-foot{margin-top:16px;padding-top:0}.services-page .services-contact>a{justify-content:center;width:100%;min-height:55px;padding:0 12px;font-size:12px}}
@media(max-width:330px){.services-page .services-eyebrow{font-size:8px;letter-spacing:.07em}.services-page .services-hero h1{font-size:32px}.services-page .services-main-link{justify-content:center;width:100%;padding:0 9px;font-size:11px}.services-page .services-main-link b{margin-left:auto}.services-page .services-contact>a b{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.services-page .services-main-link,.services-page .services-card,.services-page .services-contact>a{transition:none}}

/* Reserve the illustration's full height so it never covers the message. */
@media(max-width:900px){.services-page .services-hero-visual{min-height:min(60vw,470px)}}
@media(max-width:650px){.services-page .services-hero-visual{min-height:clamp(310px,58vw,380px)}}
@media(max-width:430px){.services-page .services-hero-visual{min-height:clamp(215px,75vw,310px)}}

/* One consistent set of bold Phosphor pictograms for the five studio offers. */
.services-page .services-card-icon{width:64px;height:64px;border-radius:18px}
.services-page .services-card-icon img{display:block;width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}
@media(max-width:650px){.services-page .services-card-icon{width:54px;height:54px;border-radius:15px}.services-page .services-card-icon img{width:34px;height:34px}}

/* Keep the studio directions centered and easy to scan on phones. */
@media(max-width:650px){
  .services-page .services-section-head{align-items:center;text-align:center}
  .services-page .services-section-head>p{margin-inline:auto}
  .services-page .services-card{align-items:center;text-align:center}
  .services-page .services-card-number{align-self:center}
  .services-page .services-card p{margin-inline:auto}
  .services-page .services-card-foot{margin-top:auto}
}

/* Centered studio directions with downloaded Tabler pictograms. */
.services-page .services-offer{padding-top:104px}
.services-page .services-section-head{display:flex;flex-direction:column;align-items:center;gap:0;max-width:860px;margin:0 auto 44px;text-align:center}
.services-page .services-section-head h2{max-width:860px;margin:15px 0 0;font-size:clamp(44px,4.9vw,68px);line-height:1.06;letter-spacing:-.065em}
.services-page .services-section-head h2 em{display:block}
.services-page .services-section-head>p{max-width:570px;margin:20px auto 0;color:#50647d;font-size:16px;line-height:1.65}
.services-page .services-grid{gap:20px}
.services-page .services-card,.services-page .services-card:nth-child(n+4){grid-column:span 2;align-items:center;min-height:348px;padding:34px 30px 32px;text-align:center;border-radius:24px;box-shadow:0 15px 32px rgba(19, 22, 28,.055)}
.services-page .services-card:nth-child(4){grid-column:2/span 2}
.services-page .services-card:nth-child(5){grid-column:4/span 2}
.services-page .services-card::before{content:"";position:absolute;top:0;left:20%;right:20%;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,#202630,transparent);opacity:.65}
.services-page .services-card::after{right:-48px;top:-88px;width:190px;height:190px}
.services-page .services-card-number{position:relative;color:#1b202a;font-size:11px;letter-spacing:.16em}
.services-page .services-card-icon{position:relative;width:76px;height:76px;margin-top:26px;border-radius:21px}
.services-page .services-card-icon img{width:44px;height:44px}
.services-page .services-card h3{margin:25px 0 9px;font-size:29px;line-height:1.12}
.services-page .services-card p{max-width:330px;margin-inline:auto;color:#526981;font-size:15px;line-height:1.6}
.services-page .services-card-foot{max-width:350px;margin-top:auto;padding-top:24px;color:#191e26;font-size:12px;line-height:1.4}
@media(max-width:1050px){
  .services-page .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .services-page .services-card,.services-page .services-card:nth-child(n+4){grid-column:auto;min-height:330px}
  .services-page .services-card:nth-child(4){grid-column:auto}
  .services-page .services-card:nth-child(5){grid-column:1/-1;justify-self:center;width:calc((100% - 20px)/2)}
}
@media(max-width:700px){
  .services-page .services-offer{padding-top:72px}
  .services-page .services-section-head{margin-bottom:29px}
  .services-page .services-section-head h2{font-size:clamp(37px,7.7vw,50px)}
  .services-page .services-section-head>p{max-width:480px;margin-top:17px;font-size:14px}
  .services-page .services-grid{grid-template-columns:1fr;gap:14px}
  .services-page .services-card,.services-page .services-card:nth-child(n+4),.services-page .services-card:nth-child(5){grid-column:1;width:100%;min-height:285px;padding:29px 24px 28px}
  .services-page .services-card-icon{width:68px;height:68px;margin-top:20px;border-radius:19px}
  .services-page .services-card-icon img{width:41px;height:41px}
  .services-page .services-card h3{margin-top:19px;font-size:27px}
  .services-page .services-card p{font-size:14px}
  .services-page .services-card-foot{padding-top:18px}
}
@media(max-width:430px){.services-page .services-section-head h2{font-size:clamp(34px,9vw,39px)}.services-page .services-card,.services-page .services-card:nth-child(n+4){min-height:275px}}

/* Motion stays decorative: the cards and their text remain visible without JavaScript. */
.services-page .services-card{--tilt-x:0deg;--tilt-y:0deg;--lift:0px;--orbit-x:0px;--orbit-y:0px;transform:perspective(1000px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--lift));transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .45s;will-change:transform}
.services-page .services-card::after{transform:translate(var(--orbit-x),var(--orbit-y));transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .35s;animation:services-orbit-breathe 5s ease-in-out infinite alternate}
.services-page .services-card::before{height:4px;opacity:.85;background:linear-gradient(90deg,transparent,#202630 30%,#adebe7 50%,#202630 70%,transparent);background-size:200% 100%;animation:services-edge-flow 4.5s linear infinite}
.services-page .services-card-icon{animation:services-icon-float 4.1s ease-in-out infinite;animation-delay:calc(var(--card-index,0) * -.43s);transition:box-shadow .35s,filter .35s}
.services-page .services-card:hover{--lift:-10px;border-color:#a7dcd9;box-shadow:0 30px 52px rgba(20, 24, 29,.15)}
.services-page .services-card:hover::after{border-color:rgba(27, 33, 42,.25)}
.services-page .services-card:hover .services-card-icon{animation:none;transform:translateY(-4px) scale(1.09) rotate(-5deg);box-shadow:0 19px 31px rgba(23, 28, 37,.22);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.services-page .services-card:active{--lift:-3px}
.services-page .services-card-foot{transition:color .3s,transform .3s}
.services-page .services-card:hover .services-card-foot{color:#1b212a;transform:translateY(-2px)}
.services-page .services-section-head h2 em{background:linear-gradient(105deg,#191e28 0%,#202630 36%,#9ee7e2 50%,#1b212a 65%,#191e28 100%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:services-title-light 8s linear infinite}
@keyframes services-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes services-edge-flow{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes services-orbit-breathe{from{box-shadow:0 0 0 22px rgba(27, 33, 42,.02)}to{box-shadow:0 0 0 36px rgba(27, 33, 42,.04)}}
@keyframes services-title-light{from{background-position:200% 0}to{background-position:-200% 0}}
@media(max-width:700px){.services-page .services-card:hover{--lift:0px;box-shadow:0 15px 32px rgba(19, 22, 28,.055)}.services-page .services-card:hover .services-card-icon{animation:services-icon-float 4.1s ease-in-out infinite;transform:none}}
@media(prefers-reduced-motion:reduce){.services-page .services-card,.services-page .services-card::before,.services-page .services-card::after,.services-page .services-card-icon,.services-page .services-card-foot,.services-page .services-section-head h2 em{animation:none!important;transition:none!important;transform:none!important}}

/* The story below the hero continues its lighting and visual rhythm. */
.services-page .services-journey{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);margin-top:17px;padding:clamp(42px,5vw,74px);overflow:hidden;border:1px solid rgba(227, 229, 232,.16);border-radius:25px;background:radial-gradient(circle at 94% 10%,rgba(32, 38, 48,.3),transparent 37%),linear-gradient(118deg,#101319,#28172e 58%,#0e1014);box-shadow:0 24px 48px rgba(32,18,38,.13);color:#fff}
.services-page .services-journey::before{position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(132deg,transparent 0,transparent 66px,rgba(255,255,255,.026) 67px,transparent 68px);content:"";pointer-events:none}
.services-page .services-journey::after{position:absolute;z-index:-1;right:-130px;bottom:-260px;width:550px;height:550px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 65px rgba(255,255,255,.025),0 0 0 130px rgba(255,255,255,.014);content:"";pointer-events:none}
.services-page .services-journey .services-label{color:#e3e5e8}
.services-page .services-journey-intro{align-self:center;max-width:510px}
.services-page .services-journey h2{margin:18px 0 15px;color:#fff;font-size:clamp(32px,3.15vw,46px);font-weight:800;line-height:1.13;letter-spacing:-.058em}
.services-page .services-journey h2 em{color:#ffe0ae;font-style:normal}
.services-page .services-journey-intro>p{max-width:470px;margin:0;color:#dddee0;font-size:13px;line-height:1.75}
.services-page .services-journey-track{position:absolute;top:68px;bottom:68px;left:calc(50% + 17px);width:1px;background:rgba(255,255,255,.16)}
.services-page .services-journey-track::after{position:absolute;inset:0;background:linear-gradient(#ffdbaf,#202630);content:"";transform-origin:top}
.services-page .services-journey.is-visible .services-journey-track::after{animation:services-track-grow 1.1s cubic-bezier(.2,.8,.2,1) both}
.services-page .services-journey-steps{display:grid;gap:10px;align-content:center}
.services-page .services-journey-step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px;min-height:83px;padding:15px 18px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.services-page .services-journey-step span{display:grid;place-items:center;grid-row:1/3;align-self:center;width:43px;height:43px;border:1px solid rgba(255,222,177,.43);border-radius:12px;background:rgba(255,224,174,.12);color:#ffe0ae;font-size:12px;font-weight:850}
.services-page .services-journey-step strong{align-self:end;color:#fff;font-size:15px;font-weight:800;letter-spacing:-.02em}
.services-page .services-journey-step p{margin:0;color:#e0e1e2;font-size:11px;line-height:1.45}
.services-page .services-offer{position:relative;isolation:isolate;margin-top:17px;padding:clamp(65px,7vw,96px) clamp(25px,4.7vw,70px) clamp(42px,5vw,72px);overflow:hidden;border:1px solid #1c2027;border-radius:26px;background:radial-gradient(circle at 84% 4%,rgba(27, 33, 42,.28),transparent 32%),radial-gradient(circle at 8% 72%,rgba(63,89,151,.2),transparent 37%),linear-gradient(145deg,#0e1015,#111419 52%,#2a1935);box-shadow:0 24px 48px rgba(18, 21, 25,.13)}
.services-page .services-offer::before{position:absolute;z-index:-1;right:-180px;top:-235px;width:690px;height:690px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 72px rgba(255,255,255,.014),0 0 0 144px rgba(255,255,255,.009);content:"";pointer-events:none}
.services-page .services-offer .services-label{color:#e3e5e8}
.services-page .services-section-head h2{color:#fff}
.services-page .services-section-head h2 em{color:#ffe0ae;background:none;-webkit-text-fill-color:currentColor;animation:none}
.services-page .services-section-head>p{color:#cad5e5}
.services-page .services-grid{gap:15px}
.services-page .services-card,.services-page .services-card:nth-child(n+4){min-height:325px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.035));box-shadow:0 14px 31px rgba(9, 12, 16,.14),inset 0 1px 0 rgba(255,255,255,.1)}
.services-page .services-card:hover{border-color:rgba(255,215,177,.6);box-shadow:0 26px 45px rgba(9, 12, 16,.26),inset 0 1px 0 rgba(255,255,255,.15)}
.services-page .services-card::after{border-color:rgba(255,255,255,.14);box-shadow:0 0 0 32px rgba(255,255,255,.025)}
.services-page .services-card::before{background:linear-gradient(90deg,transparent,#7fdfd9 30%,#ffe0ae 50%,#7fdfd9 70%,transparent)}
.services-page .services-card-number{color:#ffd2aa}
.services-page .services-card h3{color:#fff}
.services-page .services-card p{color:#dcdee2}
.services-page .services-card-foot{color:#e3e5e8}
.services-page .services-card:hover .services-card-foot{color:#ffe1ac}
.services-page .services-contact{margin-top:17px;border:1px solid rgba(255,255,255,.21);background:radial-gradient(circle at 90% 10%,rgba(171, 234, 230,.19),transparent 29%),linear-gradient(112deg,#161b22,#1b212a 58%,#101319);box-shadow:0 22px 42px rgba(21, 25, 32,.17)}
@keyframes services-track-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:900px){.services-page .services-journey{grid-template-columns:1fr;gap:24px}.services-page .services-journey-track{display:none}}
@media(max-width:700px){.services-page .services-journey{padding:32px 24px;border-radius:19px}.services-page .services-journey h2{font-size:clamp(30px,7.5vw,40px)}.services-page .services-offer{padding:55px 20px 26px;border-radius:19px}.services-page .services-card,.services-page .services-card:nth-child(n+4){min-height:280px}.services-page .services-contact{margin-top:16px}}
@media(max-width:430px){.services-page .services-journey{padding:29px 20px}.services-page .services-journey-step{padding:13px 12px;grid-template-columns:39px minmax(0,1fr);gap:2px 10px}.services-page .services-journey-step span{width:38px;height:38px}.services-page .services-offer{padding:48px 15px 20px}.services-page .services-card,.services-page .services-card:nth-child(n+4){min-height:270px}}
@media(prefers-reduced-motion:reduce){.services-page .services-journey-track::after{animation:none!important}.services-page .services-card:hover{transform:none!important}}