.services-page .navbar,.services-page .navbar.scrolled{background:rgba(255,255,255,.97);border-bottom:1px solid #e9e5ef;box-shadow:0 2px 12px rgba(31,24,54,.04)}
.services-page .marketing-hero{isolation:isolate;position:relative;overflow:hidden;text-align:left;padding:76px 0 68px;background:radial-gradient(ellipse at 82% 30%,rgba(113,71,183,.4),transparent 55%),radial-gradient(ellipse at 5% 100%,rgba(74,159,229,.13),transparent 45%),#17152c;color:#fff;border-bottom:1px solid #332946}
.marketing-hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(191,171,244,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(191,171,244,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,black)}
.services-page .marketing-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:38px;align-items:center;max-width:1280px}
.services-page .marketing-hero-copy{max-width:none;margin:0;min-width:0}
.services-page .marketing-hero .hero-badge{background:rgba(167,139,250,.1);border:1px solid rgba(196,181,253,.25);color:#e1d6fb;font-size:10px;letter-spacing:1.8px;padding:8px 13px;margin-bottom:23px}
.services-page .marketing-hero h1{font-size:clamp(38px,4.4vw,65px);line-height:1.08;letter-spacing:-2px;font-weight:700;margin-bottom:24px}
.services-page .marketing-hero .gradient-text{background:linear-gradient(105deg,#c4b5fd,#9dd8ff);background-clip:text;-webkit-background-clip:text}
.services-page .marketing-hero-copy>p{margin:0;max-width:515px;color:#cdc8de;font-size:17px;line-height:1.8}
.marketing-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:30px}
.services-page .marketing-hero .btn-primary{background:#a78bfa;color:#201831;border:1px solid #bda5ff;box-shadow:none;padding:13px 19px;font-size:14px;gap:12px}
.services-page .marketing-hero .btn-primary:hover{background:#c4b5fd;transform:translateY(-2px)}
.marketing-hero-secondary{color:#eee8fa;font-size:13px;font-weight:600;display:inline-flex;gap:12px;align-items:center}
.marketing-hero-secondary:hover{color:#9dd8ff}
.marketing-hero-tags{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:33px;color:#b8b0cc;font-size:11px}
.marketing-hero-tags span{display:flex;align-items:center;gap:7px}.marketing-hero-tags span:before{content:'';width:4px;height:4px;border-radius:50%;background:#b79ce9}
.marketing-hero-art{min-width:0;position:relative}.marketing-hero-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 25px rgba(0,0,0,.15))}
.services-page #services{padding-top:65px;scroll-margin-top:90px;background:#fff}.services-page #services .section-header{margin-bottom:38px}
.services-page .marketing-hero a:focus-visible{outline:3px solid #67e8f9;outline-offset:5px}
@media(max-width:1000px){.services-page .marketing-hero-layout{gap:20px}.services-page .marketing-hero{padding:60px 0}.services-page .marketing-hero h1{font-size:44px}.marketing-hero-tags{gap:10px}}
@media(max-width:760px){.services-page .marketing-hero{padding:46px 0 32px}.services-page .marketing-hero-layout{grid-template-columns:minmax(0,1fr);gap:22px}.services-page .marketing-hero h1{font-size:clamp(37px,8vw,52px);letter-spacing:-1.4px}.services-page .marketing-hero-copy>p{font-size:15px}.marketing-hero-art{width:min(100%,480px);margin-inline:auto}.marketing-hero-actions{gap:18px;margin-top:24px}.marketing-hero-tags{margin-top:24px}.services-page #services{padding-top:46px}.services-page .marketing-hero .hero-badge{font-size:9px;letter-spacing:1px}.marketing-hero-grid{background-size:42px 42px}}

.services-page .marketing-hero .hero-badge{animation:none;opacity:1;transform:none}
.services-page .marketing-hero-copy>p{font-family:var(--font-primary)}