html:has(>body[data-screen=ServicesIndex]){scroll-behavior:smooth}body[data-screen=ServicesIndex]{color:#0e0f12;-webkit-font-smoothing:antialiased;background:#f4f4ef;margin:0;font-family:Roboto,system-ui,sans-serif}[data-screen=ServicesIndex] a{color:inherit;text-decoration:none}[data-screen=ServicesIndex] a:hover{color:var(--accent)}[data-screen=ServicesIndex] .dd *,[data-screen=ServicesIndex] .dd :before,[data-screen=ServicesIndex] .dd :after{box-sizing:border-box}[data-screen=ServicesIndex] .disp{font-family:Roboto,system-ui,sans-serif}[data-screen=ServicesIndex] .mono{font-family:Roboto Mono,ui-monospace,monospace}[data-screen=ServicesIndex] .wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 40px}[data-screen=ServicesIndex] .btn{border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 26px;font-size:16px;font-weight:500;transition:transform .35s cubic-bezier(.2,.7,.1,1),background .3s,color .3s;display:inline-flex}[data-screen=ServicesIndex] .btn:hover{transform:translateY(-2px)}[data-screen=ServicesIndex] .btn-ink{color:#f4f4ef;background:#0e0f12}[data-screen=ServicesIndex] .btn-ink:hover{background:var(--accent);color:#fff}[data-screen=ServicesIndex] .btn-line{color:#0e0f12;border:1px solid #0e0f1240}[data-screen=ServicesIndex] .btn-line:hover{color:#0e0f12;border-color:#0e0f12}[data-screen=ServicesIndex] .btn-acc{background:var(--accent);color:#fff}[data-screen=ServicesIndex] .btn-acc:hover{color:#fff;background:#0e0f12}[data-screen=ServicesIndex] .btn-light{color:#0e0f12;background:#f4f4ef}[data-screen=ServicesIndex] .btn-light:hover{color:#0e0f12;background:#fff}[data-screen=ServicesIndex] .navlink{padding:8px 0;position:relative}[data-screen=ServicesIndex] .navlink:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .4s cubic-bezier(.2,.7,.1,1);position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}[data-screen=ServicesIndex] .navlink:hover:after{transform-origin:0;transform:scaleX(1)}[data-screen=ServicesIndex] .w{vertical-align:bottom;padding-bottom:.06em;display:inline-block;overflow:hidden}[data-screen=ServicesIndex] .w>span{animation:1.1s cubic-bezier(.16,.8,.1,1) both ServicesIndex__wordUp;animation-delay:var(--d,0s);display:inline-block}[data-screen=ServicesIndex] .fade-load{animation:1.2s cubic-bezier(.16,.8,.1,1) both ServicesIndex__riseLoad;animation-delay:var(--d,0s)}[data-screen=ServicesIndex] .spin{animation:70s linear infinite ServicesIndex__spin}[data-screen=ServicesIndex] .spin-rev{animation:70s linear infinite ServicesIndex__spinRev}[data-screen=ServicesIndex] .float{animation:6s ease-in-out infinite ServicesIndex__float;animation-delay:var(--d,0s)}[data-screen=ServicesIndex] .marquee{width:max-content;animation:48s linear infinite ServicesIndex__marquee;display:flex}[data-screen=ServicesIndex] .ticker:hover .marquee{animation-play-state:paused}[data-screen=ServicesIndex] .tab{all:unset;box-sizing:border-box;cursor:pointer;border-top:1px solid #0e0f121f;grid-template-columns:44px 1fr;gap:16px;width:100%;padding:22px 0;transition:opacity .3s;display:grid;position:relative}[data-screen=ServicesIndex] .tab:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[data-screen=ServicesIndex] .tab-off{opacity:.45}[data-screen=ServicesIndex] .tab-off:hover{opacity:.85}[data-screen=ServicesIndex] .tab-bar{background:var(--accent);transform-origin:0;height:2px;animation:7s linear both ServicesIndex__bar;position:absolute;top:-1px;left:0;right:0}[data-screen=ServicesIndex] .panel-in{animation:.8s cubic-bezier(.16,.8,.1,1) both ServicesIndex__panelIn}[data-screen=ServicesIndex] .poster-in{animation:1s cubic-bezier(.7,0,.2,1) both ServicesIndex__posterIn}[data-screen=ServicesIndex] .svc-card{background:#fff;border:1px solid #0e0f1214;border-radius:24px;flex-direction:column;gap:18px;min-height:260px;padding:28px;transition:transform .5s cubic-bezier(.2,.7,.1,1),background .5s,color .5s;display:flex;position:relative;overflow:hidden}[data-screen=ServicesIndex] .svc-card:before{content:"";background:var(--accent);z-index:0;transition:transform .6s cubic-bezier(.7,0,.2,1);position:absolute;inset:0;transform:translateY(101%)}[data-screen=ServicesIndex] .svc-card>*{z-index:1;position:relative}[data-screen=ServicesIndex] .svc-card:hover{color:#fff;transform:translateY(-6px)}[data-screen=ServicesIndex] .svc-card:hover:before{transform:none}[data-screen=ServicesIndex] .svc-card:hover .svc-ic{border-color:#fff6}[data-screen=ServicesIndex] .svc-card:hover .svc-arrow{color:var(--accent);background:#fff;transform:rotate(-45deg)}[data-screen=ServicesIndex] .svc-arrow{transition:transform .5s cubic-bezier(.2,.7,.1,1),background .4s}[data-screen=ServicesIndex] .pcard{position:sticky}[data-screen=ServicesIndex] .chip{white-space:nowrap;background:#fff;border:1px solid #0e0f121a;border-radius:999px;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:15px;font-weight:500;display:inline-flex;box-shadow:0 12px 30px -12px #0e0f1240}[data-screen=ServicesIndex] .menu-btn{display:none}[data-screen=ServicesIndex] .price-card{transition:transform .5s cubic-bezier(.2,.7,.1,1)}[data-screen=ServicesIndex] .price-card:hover{transform:translateY(-6px)rotate(-.4deg)}[data-screen=ServicesIndex] .foot a:hover{color:#fff;opacity:1}@keyframes ServicesIndex__wordUp{0%{transform:translateY(110%)}to{transform:none}}@keyframes ServicesIndex__riseLoad{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes ServicesIndex__rise{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}@keyframes ServicesIndex__spin{to{transform:rotate(360deg)}}@keyframes ServicesIndex__spinRev{to{transform:rotate(-360deg)}}@keyframes ServicesIndex__float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes ServicesIndex__marquee{to{transform:translate(-50%)}}@keyframes ServicesIndex__bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ServicesIndex__panelIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes ServicesIndex__posterIn{0%{clip-path:inset(0 0 100% round 28px)}to{clip-path:inset(0 round 28px)}}@keyframes ServicesIndex__pxDown{to{transform:translateY(220px)}}@keyframes ServicesIndex__pxUp{to{transform:translateY(-200px)}}@keyframes ServicesIndex__pxUpFast{to{transform:translateY(-360px)}}@keyframes ServicesIndex__heroText{to{opacity:.15;transform:translateY(-80px)}}@keyframes ServicesIndex__heroPhoto{to{transform:translateY(140px)scale(1.06)}}@keyframes ServicesIndex__photoIn{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}[data-screen=ServicesIndex] .photo-in{animation:1.8s cubic-bezier(.16,.8,.1,1) .1s both ServicesIndex__photoIn}@media (width<=1100px){[data-screen=ServicesIndex] .hero-photo{margin:0 auto -40px;width:100%!important;position:relative!important;top:0!important}[data-screen=ServicesIndex] .orbit-col{display:none!important}}@keyframes ServicesIndex__navSolid{to{-webkit-backdrop-filter:blur(16px);background:#f4f4efdb;box-shadow:0 1px #0e0f1214}}@keyframes ServicesIndex__grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ServicesIndex__drawY{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ServicesIndex__slideL{0%{transform:translate(6%)}to{transform:translate(-30%)}}@keyframes ServicesIndex__slideR{0%{transform:translate(-30%)}to{transform:translate(6%)}}@keyframes ServicesIndex__reveal{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes ServicesIndex__zoomIn{0%{transform:scale(1.25)}to{transform:scale(1)}}@supports (animation-timeline:view()){[data-screen=ServicesIndex] .hero{view-timeline-name:--hero}[data-screen=ServicesIndex] .px-down{animation:linear both ServicesIndex__pxDown;animation-timeline:--hero;animation-range:exit}[data-screen=ServicesIndex] .px-up{animation:linear both ServicesIndex__pxUp;animation-timeline:--hero;animation-range:exit}[data-screen=ServicesIndex] .px-upf{animation:linear both ServicesIndex__pxUpFast;animation-timeline:--hero;animation-range:exit}[data-screen=ServicesIndex] .px-text{animation:linear both ServicesIndex__heroText;animation-timeline:--hero;animation-range:exit exit 90%}[data-screen=ServicesIndex] .px-photo{animation:linear both ServicesIndex__heroPhoto;animation-timeline:--hero;animation-range:exit}[data-screen=ServicesIndex] .navbar{animation:linear both ServicesIndex__navSolid;animation-timeline:scroll(root);animation-range:0 140px}[data-screen=ServicesIndex] .progress{animation:linear both ServicesIndex__grow;animation-timeline:scroll(root)}[data-screen=ServicesIndex] .rv{animation:linear both ServicesIndex__rise;animation-timeline:view();animation-range:entry entry 70%}[data-screen=ServicesIndex] .rv-clip{animation:linear both ServicesIndex__reveal;animation-timeline:view();animation-range:entry entry 80%}[data-screen=ServicesIndex] .zoom{animation:linear both ServicesIndex__zoomIn;animation-timeline:view();animation-range:entry cover 50%}[data-screen=ServicesIndex] .draw{animation:linear both ServicesIndex__drawY;animation-timeline:view();animation-range:entry}[data-screen=ServicesIndex] .slide-l{animation:linear both ServicesIndex__slideL;animation-timeline:view();animation-range:cover}[data-screen=ServicesIndex] .slide-r{animation:linear both ServicesIndex__slideR;animation-timeline:view();animation-range:cover}}[data-screen=ServicesIndex] .still *,[data-screen=ServicesIndex] .still :before,[data-screen=ServicesIndex] .still :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){[data-screen=ServicesIndex] .dd *,[data-screen=ServicesIndex] .dd :before,[data-screen=ServicesIndex] .dd :after{transition:none!important;animation:none!important}html:has(>body[data-screen=ServicesIndex]){scroll-behavior:auto}}@media (width<=1240px){[data-screen=ServicesIndex] .nav-links{display:none!important}[data-screen=ServicesIndex] .menu-btn{display:inline-flex}}@media (width<=1100px){[data-screen=ServicesIndex] .hero-grid{grid-template-columns:1fr!important}[data-screen=ServicesIndex] .orbit-col{justify-content:center!important}[data-screen=ServicesIndex] .upd,[data-screen=ServicesIndex] .story{grid-template-columns:1fr!important}[data-screen=ServicesIndex] .story-sticky{position:static!important}[data-screen=ServicesIndex] .svc{grid-template-columns:repeat(2,minmax(0,1fr))!important}[data-screen=ServicesIndex] .pcard,[data-screen=ServicesIndex] .price{grid-template-columns:1fr!important}[data-screen=ServicesIndex] .foot{grid-template-columns:1fr 1fr!important}}@media (width<=680px){[data-screen=ServicesIndex] .wrap{padding:0 16px}[data-screen=ServicesIndex] .topbar-social,[data-screen=ServicesIndex] .client-btn,[data-screen=ServicesIndex] .orbit-col{display:none!important}[data-screen=ServicesIndex] .svc,[data-screen=ServicesIndex] .foot,[data-screen=ServicesIndex] .stats{grid-template-columns:1fr!important}[data-screen=ServicesIndex] .pcard{position:relative!important;top:auto!important}}