/* A cinematic light surface, violet atmosphere and the original Vegabyte lime. */
:root{--violet:#7945ed;--lilac:#c8b5ff;--motion-ink:#24113e;--motion-ease:cubic-bezier(.22,.8,.23,1);--paper:#f8f8fc}
.site-header{background:linear-gradient(115deg,#10182bef,#292044ec 65%,#283156ed);border-bottom-color:#d6caff24;box-shadow:0 8px 30px #0c102522}
.site-header .desktop-nav{background:#ffffff04;border-color:#eee8ff13}
.site-header .service-dropdown,.site-header .locale-picker>div{background:linear-gradient(135deg,#151c38,#34234e)}
.site-header .menu-toggle{background:#dad3ff0b;border-color:#ddd2ff3d}
.mobile-menu{background:radial-gradient(ellipse at 100% 90%,#7945ed55,transparent 64%),#101a32}
.motion-shell{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 48%,#6635bd4d,transparent 48%),radial-gradient(ellipse at 66% 110%,#aa83f837,transparent 50%),#09162e;color:#fff}
.motion-shell:before{content:"";position:absolute;inset:auto -15% -300px 36%;height:500px;border-radius:50%;background:radial-gradient(ellipse,#9167f466,transparent 65%);filter:blur(48px);pointer-events:none;z-index:-1}
.hero.motion-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center;min-height:750px;padding-block:72px 116px;position:relative}
.motion-hero .hero-copy{padding:0;min-width:0;max-width:600px}
.motion-hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:28px;color:#d7d7ea;line-height:1.8}
.motion-hero h1{font-size:clamp(49px,5.25vw,82px);font-weight:550;line-height:1.06;letter-spacing:-.06em;margin-bottom:27px;max-width:650px;hyphens:none;overflow-wrap:normal}
.motion-hero h1 span{color:var(--lime)}
.motion-hero .hero-description{max-width:485px;font-size:13px;line-height:1.95;color:#b6bdd0;margin-bottom:30px}
.motion-hero .hero-actions{gap:25px;flex-wrap:wrap}
.motion-hero .hero-actions .button{font-size:12px;border-radius:100px;min-height:53px;padding:16px 22px;gap:23px}
.motion-hero .hero-actions .text-link{font-size:11px;color:#e4e2ef}
.motion-hero .hero-bottom{bottom:27px;padding-top:20px;border-color:#d5c7ff25;color:#a5adc5;font-size:9px}
.motion-studio{position:relative;width:100%;max-width:650px;min-width:0;isolation:isolate;--duration:6500ms}
.motion-studio:before{content:"";position:absolute;inset:12% -8% -4%;background:radial-gradient(ellipse at 46% 100%,#bd8aff83,transparent 64%);filter:blur(30px);z-index:-1;pointer-events:none}
.motion-studio-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.13em;color:#bab0d2;margin:0 5px 19px;line-height:1.6}
.motion-studio-meta>span:first-child{display:flex;align-items:center;gap:10px}
.motion-studio-count{font-variant-numeric:tabular-nums;font-size:9px;color:#9e91ba}
.motion-screen{position:relative;isolation:isolate;border-radius:30px;background:#fff;box-shadow:0 34px 80px #0308194d,inset 0 0 0 1px #fff;overflow:hidden;min-width:0}
.motion-screen-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 27px 0;position:relative;z-index:2}
.motion-screen-top>img{filter:brightness(.2);opacity:.55;width:113px;height:auto}
.motion-screen-top>span{color:#9d96ae;font-size:7px;letter-spacing:.07em;text-align:right}
.motion-panel{display:flex;flex-direction:column;position:relative;z-index:1;height:390px;outline-offset:-5px}
.motion-panel:not([hidden]){animation:motion-scene-in .7s var(--motion-ease) both}
.motion-panel-heading{text-align:center;position:relative;z-index:2;padding:24px 20px 0;min-height:112px;flex-shrink:0}
.motion-section-label{font-size:7px;letter-spacing:.16em;color:#ad9dbb}
.motion-panel h2{font-size:clamp(24px,2.55vw,39px);letter-spacing:-.055em;line-height:1.2;margin:9px 0 8px;color:var(--motion-ink);font-weight:550}
.motion-panel-heading>p{font-size:11px;color:#887b97;margin:0;line-height:1.65}
.motion-object-wrap{position:relative;display:grid;place-items:center;flex:1;min-height:0;max-width:390px;width:100%;margin:0 auto;perspective:800px}
.motion-object{display:block;width:325px;max-width:100%;height:250px;max-height:112%;object-fit:contain;position:relative;z-index:1;animation:motion-object-float 6.5s ease-in-out infinite;transform-origin:center}
.motion-object-halo{position:absolute;width:57%;height:36%;left:22%;bottom:5%;border-radius:50%;background:#a78ae547;filter:blur(28px);transform:scaleY(.45)}
.motion-orbit-spark{position:absolute;right:9%;top:20%;z-index:2;transform:rotate(17deg);filter:drop-shadow(0 5px 3px #64920d45);animation:motion-spark-float 6s ease-in-out infinite}
.motion-mini-card{position:absolute;left:6%;top:31%;width:57px;height:67px;border-radius:12px;border:1px solid #fff;background:linear-gradient(145deg,#ffffffdd,#e3dcfbbf);box-shadow:0 9px 18px #694ca32b,inset 0 0 10px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;rotate:-13deg;animation:motion-spark-float 6s ease-in-out -2s infinite;z-index:2}
.motion-mini-card i{width:28px;height:4px;border-radius:5px;background:#b3a0dc}.motion-mini-card i:nth-child(2){width:20px;background:#cebee9}.motion-mini-card i:nth-child(3){width:24px;background:var(--lime)}
.motion-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:4px 25px 23px;position:relative;z-index:2;flex-shrink:0}
.motion-panel-footer>span{font-size:9px;letter-spacing:.025em;color:#736484;line-height:1.6;min-width:0}
.motion-panel-footer>a{width:36px;height:36px;border:1px solid #cdbbea70;border-radius:50%;display:grid;place-items:center;color:#5f387f;background:#ffffff90;flex-shrink:0;transition:background .2s,transform .2s}
.motion-panel-footer>a:hover{background:var(--lime);transform:rotate(7deg)}.motion-panel-footer .icon{width:17px;height:17px}
.motion-screen-light{position:absolute;pointer-events:none;inset:60% -8% -30%;z-index:0;background:radial-gradient(ellipse at 40% 100%,#a27cfa7d,transparent 68%),radial-gradient(ellipse at 100% 90%,#e0a1f766,transparent 60%);filter:blur(22px)}
.motion-controls{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:9px;margin-top:14px}
.motion-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}
.motion-tabs>button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:47px;padding:11px 7px;border:1px solid #d0bce344;background:#ffffff08;border-radius:9px;color:#d9cde9;overflow:hidden;isolation:isolate;transition:background .25s,color .25s,border-color .25s}
.motion-tabs>button>span{font-size:7px;opacity:.5}.motion-tabs>button>strong{font-size:10px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.motion-tabs>button[aria-selected=true]{color:#26153e;background:#f9f5ff;border-color:#fff;box-shadow:0 3px 13px #aa78ea33}
.motion-tabs>button>i{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#8d5bed,var(--lime));width:100%;transform:scaleX(0);transform-origin:left}
.motion-studio[data-running=true] .motion-tabs>button[aria-selected=true]>i{animation:motion-timeline var(--duration) linear both}
.motion-playback{display:grid;place-items:center;width:42px;min-height:47px;border:1px solid #d0bce344;border-radius:9px;background:#ffffff08;color:#e1d4f1}
.motion-playback>svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.motion-play-icon{fill:currentColor;stroke:none}.motion-pause-icon{display:none}
.motion-studio[data-paused=false] .motion-pause-icon{display:block}.motion-studio[data-paused=false] .motion-play-icon{display:none}
.motion-ruler{display:flex;align-items:center;gap:12px;margin:18px 3px 0;opacity:.42}
.motion-ruler>span{font-size:7px;font-variant-numeric:tabular-nums;color:#d8c6ee}.motion-ruler>i{flex:1;height:8px;background:repeating-linear-gradient(90deg,#d9beff80 0 1px,transparent 1px 9px);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.motion-studio[data-running=false] .motion-object,.motion-studio[data-running=false] .motion-orbit-spark,.motion-studio[data-running=false] .motion-mini-card{animation-play-state:paused}
.capabilities-strip{background:#eeebf6;border-color:#ded9eb}
.premium-services{background:linear-gradient(180deg,#f8f8fc,#f4f1fa 50%,#f8f8fc)}
.premium-jump-links>a{border-color:#dcd5eb;background:#ffffffb8;border-radius:12px}.premium-jump-links>a:hover{background:#eee7fb;border-color:#bda4e4}
.premium-web-group{border-color:#dfd4f0;background:#fff;box-shadow:0 24px 65px #59417f09}
.premium-banner{border-color:#ded6ea;box-shadow:0 16px 42px #56407408;overflow:hidden;isolation:isolate;position:relative}
.premium-banner:before{content:"";position:absolute;width:400px;height:400px;right:-100px;bottom:-280px;background:#ad8be55e;filter:blur(75px);border-radius:50%;z-index:-1;pointer-events:none}
.premium-banner-web{background:radial-gradient(ellipse at 85% 100%,#d6c4f877,transparent 54%),#fff}
.premium-banner-advertising{background:radial-gradient(ellipse at 90% 110%,#8c4bdd77,transparent 62%),linear-gradient(125deg,#121a35,#28214b);color:#fff}
.premium-banner-social{background:radial-gradient(ellipse at 90% 100%,#cdb9f36e,transparent 63%),#fefcff}
.premium-banner-app{background:radial-gradient(ellipse at 90% 100%,#926ee966,transparent 58%),linear-gradient(125deg,#101b38,#2d2454);color:#fff}
.premium-banner-call{background:radial-gradient(ellipse at 90% 105%,#d7c6f580,transparent 65%),#fff}
.premium-browser{box-shadow:0 25px 45px #643da626;border-color:#bda3e743;transform:perspective(900px) rotateY(-9deg) rotateZ(-3deg);transition:transform .6s var(--motion-ease)}
.premium-web-group:hover .premium-browser{transform:perspective(900px) rotateY(-3deg) rotateZ(-1deg)}
.premium-web-visual .premium-visual-label{border-color:#d8c9ee;box-shadow:0 12px 25px #67428d19}
.premium-package-grid>article{border-color:#e4dcef;transition:transform .3s,box-shadow .3s}
.premium-package-grid>article:hover{transform:translateY(-4px);box-shadow:0 18px 34px #66418b12}
.premium-package-grid>article:last-child{background:linear-gradient(155deg,#f0f9e4,#fafff2)}
.premium-ad-platform,.premium-reel,.premium-post,.premium-app-screen{box-shadow:0 20px 35px #0e092a26}
.premium-platform-letter{box-shadow:inset 0 1px 2px #ffffffaa,0 7px 14px #6239973b;border-radius:14px}
.premium-calendar-chip{box-shadow:0 10px 25px #49326b22}
.premium-call-ring{background:radial-gradient(circle at 30% 20%,#fff,#e7ddf7 75%);box-shadow:inset 0 2px 7px #fff,0 17px 30px #72509d24;border-color:#d9c8ee}
.premium-call-ring:after{border-color:#c6b0e5}.premium-call-nodes>div{border-color:#daccea;background:#ffffffbf}
.premium-service-group[data-service-group=other]{background:radial-gradient(ellipse at 85% 100%,#d6c3f475,transparent 65%),#f0edf7;border-color:#e0d6ed}
.premium-location-card{border-color:#e4d9f2;box-shadow:0 12px 35px #65418b07}.premium-location-mark{box-shadow:inset 0 1px 3px #fff,0 8px 16px #73519f1a}
.inner-hero{background:radial-gradient(ellipse at 90% 15%,#decff960,transparent 55%),#f8f8fc;position:relative;overflow:hidden}
.inner-hero .inner-brand-star{filter:drop-shadow(6px 10px 0 #93b45b45) drop-shadow(0 12px 18px #8361bf28);animation:motion-spark-float 9s ease-in-out infinite}
.inner-hero .breadcrumb{color:#786a89}.inner-hero .eyebrow{color:#766186}
.scope-card,.connected-grid>a,.career-discipline,.project-form-panel,.career-form-panel{border-color:#e2d8ee;box-shadow:0 14px 40px #61448307;transition:box-shadow .3s,transform .3s}
.scope-card:hover,.connected-grid>a:hover{box-shadow:0 20px 42px #61448312;transform:translateY(-3px)}
.scope-number,.workflow-number{color:#8d70b4}
.commerce-system-banner{box-shadow:0 20px 45px #3c235c17}.marketplace-card{border-color:#e5dcef}
.reference-card{border-color:#e5dced;box-shadow:0 12px 30px #50346d06}.reference-card:hover{box-shadow:0 17px 34px #64409113;border-color:#c4a8e6}
.reference-filter[aria-pressed=true]{background:#eee7f8;color:#38224e;border-color:#cdb8e5}
.contact-section{background:radial-gradient(ellipse at 80% 10%,#8251c655,transparent 60%),#101c36}
.site-footer{background:#0b1429}
.whatsapp-float{background:var(--lime);box-shadow:0 7px 25px #2c184d2e}
@keyframes motion-scene-in{from{opacity:0;transform:translateY(13px) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes motion-object-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}
@keyframes motion-spark-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes motion-timeline{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:no-preference){
 ::view-transition-old(page-content){animation:motion-page-out .2s ease both}
 ::view-transition-new(page-content){animation:motion-page-in .38s var(--motion-ease) both}
 @keyframes motion-page-out{to{opacity:0;transform:translateY(-8px)}}
 @keyframes motion-page-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
}
@media(min-width:1600px){.hero.motion-hero{min-height:810px}.motion-panel{height:420px}.motion-object-wrap{height:250px}.motion-object{width:360px;height:280px}}
@media(max-width:1120px){.hero.motion-hero{gap:34px;min-height:690px;padding-top:55px}.motion-hero h1{font-size:clamp(47px,5.5vw,67px)}.motion-tabs>button{gap:4px}.motion-tabs>button>strong{font-size:9px}.motion-panel{height:360px}.motion-panel h2{font-size:29px}.motion-screen-top{padding:22px 22px 0}.motion-panel-heading{padding-top:20px}.motion-object-wrap{height:205px}}
@media(max-width:900px){.hero.motion-hero{grid-template-columns:minmax(0,1fr);gap:45px;padding-top:50px;padding-bottom:103px;min-height:0}.motion-hero .hero-copy{max-width:650px}.motion-hero h1{font-size:clamp(50px,7.7vw,73px);max-width:650px}.motion-hero .hero-description{max-width:580px;font-size:14px}.motion-studio{max-width:590px;margin-inline:auto}.motion-panel{height:390px}.motion-panel h2{font-size:35px}.motion-object-wrap{height:225px}.motion-tabs>button>strong{font-size:11px}.motion-studio-meta{font-size:9px}.motion-screen-top{padding:24px 27px 0}.motion-hero .hero-bottom>span:last-child{display:block}}
@media(max-width:600px){.hero.motion-hero{padding-top:37px;padding-bottom:90px;gap:38px}.motion-hero .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:22px}.motion-hero h1{font-size:clamp(41px,9.7vw,57px);line-height:1.08;letter-spacing:-.055em;margin-bottom:23px}.motion-hero .hero-description{font-size:12px;line-height:1.9;margin-bottom:25px}.motion-hero .hero-actions{gap:22px}.motion-hero .hero-actions .button{font-size:11px;min-height:49px;padding:14px 18px;gap:18px}.motion-hero .hero-actions .text-link{font-size:10px}.motion-studio-meta{font-size:7px;margin:0 2px 13px;letter-spacing:.08em}.motion-studio-meta>span:first-child{gap:7px}.motion-studio-meta img{width:12px;height:12px}.motion-studio-count{font-size:8px}.motion-screen{border-radius:22px}.motion-screen-top{padding:20px 20px 0}.motion-screen-top>img{width:95px}.motion-screen-top>span{font-size:6px}.motion-panel{height:350px}.motion-panel-heading{padding:21px 12px 0;min-height:123px}.motion-panel h2{font-size:clamp(24px,7vw,31px);margin-block:8px}.motion-section-label{font-size:6px}.motion-panel-heading>p{font-size:10px}.motion-object-wrap{height:195px}.motion-object{width:285px;height:221px}.motion-mini-card{left:6%;width:45px;height:53px;top:34%;border-radius:9px}.motion-mini-card i{width:23px;height:3px}.motion-mini-card i:nth-child(2){width:17px}.motion-mini-card i:nth-child(3){width:21px}.motion-orbit-spark{right:8%}.motion-orbit-spark img{width:26px;height:26px}.motion-panel-footer{padding:0 19px 19px}.motion-panel-footer>span{font-size:8px}.motion-panel-footer>a{width:34px;height:34px}.motion-controls{grid-template-columns:minmax(0,1fr) 36px;gap:7px;margin-top:11px}.motion-tabs{gap:5px}.motion-tabs>button{min-height:44px;border-radius:8px;padding:9px 4px;gap:0;flex-direction:column}.motion-tabs>button>span{font-size:6px;margin-bottom:3px}.motion-tabs>button>strong{font-size:9px}.motion-playback{width:36px;min-height:44px;border-radius:8px}.motion-ruler{margin-top:14px;gap:9px}.motion-hero .hero-bottom{font-size:8px;gap:13px}.motion-hero .hero-bottom>span:last-child{display:none}.premium-browser{transform:rotate(-2deg)}}
@media(max-width:360px){.motion-hero h1{font-size:39px}.motion-hero .hero-actions{gap:17px}.motion-hero .hero-actions .button{font-size:10px;padding-inline:14px}.motion-panel{height:330px}.motion-panel h2{font-size:24px}.motion-object-wrap{height:183px}.motion-object{width:267px;height:208px}.motion-studio-meta{font-size:6px}.motion-tabs>button>strong{font-size:8px}}
@media(prefers-reduced-motion:reduce){.motion-panel,.motion-object,.motion-orbit-spark,.motion-mini-card,.motion-tabs>button>i,.inner-hero .inner-brand-star{animation:none!important;transition:none!important}.premium-browser,.premium-package-grid>article:hover,.scope-card:hover,.connected-grid>a:hover{transform:none}.motion-playback{transition:none}}
