.services-section{--svc-ink:#15161c;--svc-muted:#5c6072;--svc-faint:#a2a5b2;--svc-line:#1012251c;--svc-line-2:#10122533;--svc-panel:#fff;--svc-mono-accent:#5b50e0;--svc-row-pad:clamp(18px,2vw,28px);--svc-mono:var(--font-jetbrains-mono),ui-monospace,monospace;color:var(--svc-ink);position:relative;overflow:clip}.services-section .services-inner{z-index:1;max-width:1180px;margin:0 auto;padding:clamp(60px,8vw,130px) clamp(20px,5vw,60px);position:relative}.services-section:before{content:"";background:radial-gradient(60% 60% at 50% 30%,color-mix(in oklab,var(--svc-mono-accent)22%,transparent),transparent 70%);opacity:.35;filter:blur(36px);pointer-events:none;z-index:0;width:min(880px,90%);height:540px;position:absolute;top:-8%;left:50%;transform:translate(-50%)}.services-section .services-topline{justify-content:space-between;align-items:center;gap:24px;margin-bottom:clamp(26px,3vw,40px);display:flex}.services-section .eyebrow{font-family:var(--svc-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--svc-mono-accent);align-items:center;gap:11px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.services-section .tick{transform-origin:0;background:currentColor;width:28px;height:1.5px;animation:1s cubic-bezier(.16,1,.3,1) both svc-tick;display:inline-block}@keyframes svc-tick{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.services-section .meta{font-family:var(--svc-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--svc-faint);font-size:12.5px;font-weight:600}.services-section .meta b{color:var(--svc-ink)}.services-section .services-title{font-family:var(--font-sora),system-ui,sans-serif;letter-spacing:-.03em;max-width:15ch;margin:0;font-size:clamp(36px,6vw,76px);font-weight:600;line-height:1}.services-section .mark{white-space:nowrap;position:relative}.services-section .mark:after{content:"";background:var(--svc-mono-accent);transform-origin:0;border-radius:3px;height:3px;animation:1s cubic-bezier(.16,1,.3,1) .55s forwards svc-draw;position:absolute;bottom:.08em;left:0;right:0;transform:scaleX(0)}@keyframes svc-draw{to{transform:scaleX(1)}}.services-section .services-lead{color:var(--svc-muted);max-width:50ch;margin:clamp(20px,2.4vw,30px) 0 0;font-size:clamp(16px,1.35vw,19px);line-height:1.62}.services-section .services-list{border-top:1px solid var(--svc-line);margin-top:clamp(40px,5vw,70px)}.services-section .row{isolation:isolate;padding:var(--svc-row-pad)clamp(8px,1.4vw,22px);border-bottom:1px solid var(--svc-line);color:inherit;cursor:pointer;grid-template-columns:78px minmax(0,1fr) auto;align-items:start;column-gap:clamp(18px,2.4vw,40px);text-decoration:none;transition:padding-left .55s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.services-section .row:last-child{border-bottom:none}.services-section .row .wash{z-index:-1;pointer-events:none;background:linear-gradient(90deg,color-mix(in oklab,var(--accent)12%,transparent),color-mix(in oklab,var(--accent)4%,transparent)60%,transparent);transform-origin:0;opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;inset:0;transform:scaleX(0)}.services-section .row .bar{background:var(--accent);transform-origin:50%;border-radius:3px;width:3px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;top:12%;bottom:12%;left:0;transform:scaleY(0)}.services-section .row:hover,.services-section .row:focus-visible{outline:none;padding-left:clamp(20px,2.6vw,38px)}.services-section .row:hover .wash,.services-section .row:focus-visible .wash{opacity:1;transform:scaleX(1)}.services-section .row:hover .bar,.services-section .row:focus-visible .bar{transform:scaleY(1)}.services-section .num{font-family:var(--svc-mono);color:var(--svc-faint);letter-spacing:.04em;padding-top:6px;font-size:clamp(15px,1.2vw,17px);font-weight:600;transition:color .45s,transform .55s cubic-bezier(.16,1,.3,1)}.services-section .row:hover .num,.services-section .row:focus-visible .num{color:var(--accent);transform:translateY(-2px)}.services-section .body{min-width:0}.services-section .body-head{align-items:center;gap:16px;display:flex}.services-section .icon-tile{width:50px;height:50px;color:var(--accent);background:color-mix(in oklab,var(--accent)13%,var(--svc-panel));border:1px solid color-mix(in oklab,var(--accent)22%,transparent);border-radius:14px;flex:none;place-items:center;transition:background .4s,box-shadow .5s,transform .5s cubic-bezier(.16,1,.3,1);display:grid}.services-section .row:hover .icon-tile,.services-section .row:focus-visible .icon-tile{background:color-mix(in oklab,var(--accent)22%,var(--svc-panel));box-shadow:0 14px 30px -12px color-mix(in oklab,var(--accent)70%,transparent);transform:translateY(-2px)}.services-section .icon-tile svg{width:25px;height:25px;overflow:visible}.services-section .icon-tile svg .ln,.services-section .cta .arrow .ln{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.services-section .row-title{letter-spacing:-.015em;margin:0;font-size:clamp(21px,2.3vw,30px);font-weight:600;line-height:1.1;transition:transform .55s cubic-bezier(.16,1,.3,1)}.services-section .row:hover .row-title,.services-section .row:focus-visible .row-title{transform:translate(3px)}.services-section .row-desc{color:var(--svc-muted);max-width:58ch;margin:16px 0 0;padding-left:66px;font-size:clamp(14.5px,1.05vw,16px);line-height:1.6}.services-section .tags{flex-wrap:wrap;gap:8px;margin-top:18px;padding-left:66px;display:flex}.services-section .tag{font-family:var(--svc-mono);letter-spacing:.02em;color:var(--svc-muted);white-space:nowrap;border:1px solid var(--svc-line-2);transition:color .35s,border-color .35s,background .35s,transform .45s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0)*40ms);background:0 0;border-radius:8px;padding:5px 11px;font-size:11.5px;font-weight:600}.services-section .row:hover .tag,.services-section .row:focus-visible .tag{color:var(--accent);border-color:color-mix(in oklab,var(--accent)40%,transparent);background:color-mix(in oklab,var(--accent)9%,transparent);transform:translateY(-3px)}.services-section .cta{font-family:var(--svc-mono);letter-spacing:.04em;color:var(--svc-faint);white-space:nowrap;align-items:center;gap:9px;padding-top:10px;font-size:13px;font-weight:600;transition:color .4s;display:inline-flex}.services-section .row:hover .cta,.services-section .row:focus-visible .cta{color:var(--accent)}.services-section .cta .arrow{width:16px;height:16px;transition:transform .45s cubic-bezier(.16,1,.3,1)}.services-section .row:hover .cta .arrow,.services-section .row:focus-visible .cta .arrow{transform:translate(3px,-3px)}.services-section .ic-code .chev-l,.services-section .ic-code .chev-r{transform-box:fill-box;transform-origin:50%}.services-section .row:hover .ic-code .chev-l{animation:.6s cubic-bezier(.16,1,.3,1) svc-cl}.services-section .row:hover .ic-code .chev-r{animation:.6s cubic-bezier(.16,1,.3,1) svc-cr}@keyframes svc-cl{50%{transform:translate(-3px)}}@keyframes svc-cr{50%{transform:translate(3px)}}.services-section .row:hover .ic-brain{transform-box:fill-box;transform-origin:50%;animation:1.7s ease-in-out infinite svc-breathe}@keyframes svc-breathe{50%{transform:scale(1.08)}}.services-section .ic-layers .layer-top{transform-box:fill-box;transform-origin:50%}.services-section .row:hover .ic-layers .layer-top{animation:1.4s ease-in-out infinite svc-lift}@keyframes svc-lift{50%{transform:translateY(-3px)}}.services-section .ic-chart .bar-g{transform-box:fill-box;transform-origin:bottom}.services-section .row:hover .ic-chart .bar-1{animation:.7s forwards svc-grow}.services-section .row:hover .ic-chart .bar-2{animation:.7s .1s forwards svc-grow}.services-section .row:hover .ic-chart .bar-3{animation:.7s .2s forwards svc-grow}@keyframes svc-grow{0%{transform:scaleY(.35)}60%{transform:scaleY(1.12)}to{transform:scaleY(1)}}@media (max-width:720px){.services-section .row{padding-top:calc(var(--svc-row-pad) + 4px);grid-template-columns:1fr;row-gap:4px}.services-section .num{top:var(--svc-row-pad);padding-top:0;position:absolute;right:clamp(8px,1.4vw,22px)}.services-section .row-desc,.services-section .tags{padding-left:0}.services-section .cta{padding-top:18px}.services-section .row:hover,.services-section .row:focus-visible{padding-left:clamp(14px,4vw,22px)}}@media (prefers-reduced-motion:reduce){.services-section *{animation:none!important}.services-section .mark:after{transform:scaleX(1)}}