.services-page{--svc-gradient:linear-gradient(100deg, #1d4ed8, #0e7490, #047857)}:root.dark .services-page{--svc-gradient:linear-gradient(100deg, #60a5fa, #22d3ee, #34d399)}.services-hero{overflow:visible}.services-brand{background:var(--svc-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.services-jump{flex-wrap:wrap;gap:4px 8px;margin-top:8px;display:flex}.services-jump span,.services-num{color:var(--md-sys-color-primary);font:700 .75rem/1 var(--cf-font-mono)}.services-hero-art{border:1px solid #22d3ee4d;border-radius:24px;align-self:stretch;box-shadow:0 30px 90px -30px #22d3ee80}@media (min-width:1000px){.services-hero{grid-template-columns:minmax(0,1fr) minmax(0,27rem);justify-items:start;column-gap:56px;display:grid}.services-hero>.services-hero-art{grid-area:1/2/span 5;place-self:center stretch}}.section.services-group{border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb, var(--md-sys-color-surface-container) 70%, transparent);border-radius:28px;margin-top:40px;padding:clamp(20px,4vw,32px);scroll-margin-top:88px}.services-head{border-bottom:1px solid;border-image:var(--svc-gradient) 1;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.services-num{border:1px solid color-mix(in srgb, var(--md-sys-color-primary) 50%, transparent);background:color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent);width:56px;height:56px;box-shadow:0 0 28px -8px var(--md-sys-color-primary);border-radius:16px;flex:none;place-items:center;font-size:1.125rem;display:grid}.card-grid.services-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:20px;margin:0;padding:0;list-style:none}.service-card>*{margin:0}.service-card p{color:var(--md-sys-color-on-surface-variant)}.service-art{aspect-ratio:16/9;background:radial-gradient(70% 60% at 50% 45%,#0891b24d,#0000 72%),#050a12;border-radius:12px;place-items:center;padding:0 8%;display:grid}.services-grid .service-art{border-bottom:1px solid #22d3ee40;border-radius:15px 15px 0 0;margin:-24px -24px 4px}.service-card>.service-soon{color:var(--md-sys-color-primary);margin-top:auto}@media (prefers-reduced-motion:no-preference){.services-grid .service-card[data-interactive]{transition:transform .5s var(--lv-ease) calc(var(--i) * 90ms), opacity .5s var(--lv-ease) calc(var(--i) * 90ms)}.services-grid .service-card[data-interactive]:hover{transition-delay:0s}[data-watching] .service-card:not([data-awake]){opacity:0;transform:translateY(28px)}}
