.services-section{position:relative;background:#fff;z-index:6}.services-sticky-group{position:sticky;top:73px;z-index:100;background:#fff;border-bottom:1px solid transparent;transition:box-shadow .2s,border-bottom-color .2s;pointer-events:all;will-change:transform}.services-sticky-group.is-stuck{border-bottom-color:#e0e0e0;box-shadow:0 4px 8px -2px rgba(0,0,0,.07);clip-path:inset(0 0 -16px 0)}.services-sticky-group *{pointer-events:all}.services-section-header{max-width:1160px;margin:0 auto;padding:24px 48px;overflow:hidden}.services-title-wrap{overflow:hidden}#services-big-title{display:block;font-family:DM Sans,sans-serif;font-weight:400;color:#111;line-height:1.05;letter-spacing:-1px;font-size:48px;white-space:nowrap;margin-bottom:18px}.section-sub{font-size:clamp(16px,.55vw + 13.9px,18px);color:#666;line-height:1.6;max-width:520px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.services-sticky-tabs{border-top:1px solid #ebebeb}.services-sticky-inner{max-width:1160px;margin:0 auto;padding:0 48px;align-items:stretch}.services-sticky-inner,.svc-tab{display:flex;justify-content:center}.svc-tab{flex:1;align-items:center;gap:10px;padding:20px 24px;background:none;border:none;border-bottom:2px solid transparent;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#999;cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap;margin-bottom:-1px}.svc-tab svg{width:16px;height:16px;opacity:.45;transition:opacity .2s}.svc-tab.active{color:#111;border-bottom-color:#511b9c}.svc-tab.active svg{opacity:1}.svc-tab:hover{color:#333}.service-panel{min-height:auto;display:flex;align-items:center;border-bottom:1px solid #f0f0f0}.service-panel-inner{max-width:1160px;margin:0 auto;padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;width:100%}.svc-title{font-family:DM Sans,sans-serif;font-size:clamp(29px,3.2vw + 13px,47px);font-weight:400;color:#111;line-height:1.1;letter-spacing:-1px;margin-bottom:18px}.svc-desc{font-size:clamp(16px,.55vw + 13.9px,18px);color:#555;line-height:1.6;margin-bottom:32px;max-width:420px}.svc-cta-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#511b9c;text-decoration:none;cursor:pointer;transition:gap .2s}.svc-cta-link:hover{gap:14px}.svc-cta-link svg{width:16px;height:16px}.svc-nodes-wrap,.svc-visual{position:relative}.svc-nodes-wrap{width:100%;aspect-ratio:1/1;min-height:460px;overflow:hidden}.svc-nodes-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.svc-node-line{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:2000;stroke-dashoffset:2000;filter:url(#snl-glow)}.svc-flow-card{position:absolute;background:#fff;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);width:30%;overflow:hidden}.svc-flow-card--web{top:7%;left:3%}.svc-flow-card--mobile{bottom:7%;left:3%}.svc-flow-card--design{top:26%;left:40%;width:32%}.sfc-title{font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;color:#1a1a2e;padding:10px 13px 9px;border-bottom:1px solid #f0f0f5;display:flex;align-items:center;gap:6px}.sfc-title-icon{flex-shrink:0}.svc-flow-card--web .sfc-title-icon{color:#3e82f7}.svc-flow-card--mobile .sfc-title-icon{color:#fdbd00}.svc-flow-card--design .sfc-title-icon{color:#511b9c}.sfc-list{list-style:none;margin:0;padding:0}.sfc-item{padding:6px 13px;font-family:DM Sans,sans-serif;font-size:11.5px;color:#aaa;cursor:pointer;transition:background .16s ease,color .16s ease}.sfc-item:hover{color:#666;background:rgba(0,0,0,.025)}.svc-flow-card--web .sfc-item.sfc-selected{background:linear-gradient(90deg,rgba(163,197,255,.5),rgba(62,130,247,.28) 50%,rgba(163,197,255,.5));color:#1a3880;font-weight:700}.svc-flow-card--mobile .sfc-item.sfc-selected{background:linear-gradient(90deg,rgba(255,230,100,.55),rgba(253,189,0,.38) 50%,rgba(255,230,100,.55));color:#7a5000;font-weight:700}.sfc-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:7px 13px;border-bottom:1px solid #f4f4f8}.sfc-toggle-item:last-child{border-bottom:none}.sft-label{font-family:DM Sans,sans-serif;font-size:11.5px;color:#999;transition:color .18s ease}.sfc-toggle-item:has(.sft-toggle[aria-checked=true]) .sft-label{color:#511b9c}.sft-toggle{position:relative;width:34px;height:18px;border-radius:9px;background:#e0e0e8;border:none;cursor:pointer;flex-shrink:0;transition:background .22s ease}.sft-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:left .22s cubic-bezier(.32,.72,0,1)}.sft-toggle[aria-checked=true]{background:#511b9c}.sft-toggle[aria-checked=true]:after{left:18px}@property --badge-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.svc-mob-connector{display:none}.svc-center-badge{position:absolute;right:4%;top:50%;transform:translateY(-50%);transform-origin:center center;width:13%;aspect-ratio:1/1;background:#fff;border-radius:13px;border:1.5px solid #e4e4e8;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.07);z-index:2;will-change:transform,box-shadow}.svc-badge-svg{width:78%}.badge-shape{transition:fill .25s ease}.svc-center-badge.badge-active .badge-shape{transition-property:fill;transition-duration:.35s;transition-timing-function:ease}.svc-center-badge.badge-active .badge-shape:first-child{transition-delay:0ms}.svc-center-badge.badge-active .badge-shape:nth-child(2){transition-delay:80ms}.svc-center-badge.badge-active .badge-shape:nth-child(3){transition-delay:.16s}.svc-center-badge.badge-active .badge-shape:nth-child(4){transition-delay:.24s}.svc-center-badge.badge-active .badge-shape:nth-child(5){transition-delay:.32s}.svc-center-badge.badge-active{animation:badgePop .46s cubic-bezier(.32,.72,0,1) 1,glowPulse 8s linear infinite}.svc-center-badge.badge-active:before{content:"";position:absolute;inset:-2px;border-radius:15px;padding:2px;background:conic-gradient(from var(--badge-angle),#ef643e,#fdbd00,#3e82f7,#00bad1,#511b9c,#ef643e 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:badgeBorderSpin 4s linear infinite;z-index:-1}@keyframes badgeBorderSpin{to{--badge-angle:360deg}}@keyframes badgePop{0%{transform:translateY(-50%) scale(1)}40%{transform:translateY(-50%) scale(1.12)}to{transform:translateY(-50%) scale(1)}}.svc-mockup{background:#f9f9fb;border:1px solid #e4e4e8;border-radius:20px;padding:28px;position:relative;overflow:hidden}.svc-mockup:after{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;background:radial-gradient(circle,rgba(81,27,156,.07) 0,transparent 70%);border-radius:50%;pointer-events:none}.mock-topbar{display:flex;align-items:center;gap:6px;margin-bottom:20px}.mock-dot{width:10px;height:10px;border-radius:50%}.mock-dot.r{background:#ff6057}.mock-dot.y{background:#ffbe2f}.mock-dot.g{background:#27ca40}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;position:relative;z-index:1}.team-member-card{background:#fff;border:1px solid #efefef;border-radius:12px;padding:14px 12px;text-align:center;transition:border-color .2s,box-shadow .2s;font-family:inherit}.team-member-card:hover{border-color:#c4a8f0;box-shadow:0 4px 20px rgba(81,27,156,.08)}.member-avatar{width:40px;height:40px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;overflow:hidden;background:#511b9c}.member-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.member-name{font-size:11px;font-weight:600;color:#333;margin-bottom:4px}.member-role{font-size:10px;color:#999}.team-add-card{transition:border-color .2s,box-shadow .2s}.team-add-card:hover{border-color:#c4a8f0!important;box-shadow:0 4px 20px rgba(81,27,156,.08)}.team-member-card.team-new-card{animation:none}@keyframes cardPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@property --glow-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.svc-visual.glow-active{position:relative}.svc-visual.glow-active:before{content:"";position:absolute;inset:-2px;border-radius:22px;padding:2px;background:linear-gradient(hsla(0,0%,100%,.45),hsla(0,0%,100%,.45)),conic-gradient(from var(--glow-angle),#ed6244,#fdbd00,#3e82f7,#00bad1,#8a49ef,#ed6244 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:glowSpin 8s linear infinite;pointer-events:none;z-index:2}.svc-visual.glow-active>.svc-mockup{position:relative;z-index:1;animation:glowPulse 8s linear infinite}@keyframes glowPulse{0%{box-shadow:0 0 16px 4px rgba(237,98,68,.35),0 0 32px 8px rgba(237,98,68,.12)}20%{box-shadow:0 0 16px 4px rgba(253,189,0,.35),0 0 32px 8px rgba(253,189,0,.12)}40%{box-shadow:0 0 16px 4px rgba(62,130,247,.35),0 0 32px 8px rgba(62,130,247,.12)}60%{box-shadow:0 0 16px 4px rgba(0,186,209,.35),0 0 32px 8px rgba(0,186,209,.12)}80%{box-shadow:0 0 16px 4px rgba(138,73,239,.35),0 0 32px 8px rgba(138,73,239,.12)}to{box-shadow:0 0 16px 4px rgba(237,98,68,.35),0 0 32px 8px rgba(237,98,68,.12)}}@keyframes glowSpin{to{--glow-angle:360deg}}.dcards-wrap{display:flex;align-items:center;justify-content:center;padding:28px 16px 48px;overflow:visible}.dcards-grid{display:grid;grid-template-areas:"stack";place-items:center}.dcard{grid-area:stack;position:relative;width:216px;height:96px;transform:skewY(-8deg);border-radius:12px;border:1.5px solid rgba(0,0,0,.08);background:#fff;padding:11px 14px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .7s cubic-bezier(.32,.72,0,1),filter .7s ease,border-color .3s ease,box-shadow .3s ease;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 12px rgba(0,0,0,.08)}.dcard:hover{border-color:rgba(81,27,156,.18);box-shadow:0 8px 28px rgba(81,27,156,.12)}.dcard-before{inset:0;border-radius:11px;background:rgba(248,248,250,.6);transition:opacity .7s ease;z-index:2}.dcard-before,.dcard-fade{position:absolute;pointer-events:none}.dcard-fade{right:-2px;top:-5%;height:110%;width:110px;background:linear-gradient(270deg,#f9f9fb,transparent);border-radius:0 12px 12px 0}.dcard-row{display:flex;align-items:center;gap:8px}.dcard-icon-bg{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#ede9f8;color:#511b9c;flex-shrink:0}.dcard-title{font-weight:600;color:#511b9c}.dcard-desc,.dcard-title{font-size:13px;white-space:nowrap}.dcard-desc{color:#374151;margin:0}.dcard-meta{font-size:11px;color:#9ca3af;margin:0}.dcard-0{filter:grayscale(.7);z-index:1}.dcard-0:hover{transform:skewY(-8deg) translateY(-44px);filter:grayscale(0)}.dcard-0:hover .dcard-before{opacity:0}.dcard-1{transform:skewY(-8deg) translate(36px,22px);filter:grayscale(.7);z-index:2}.dcard-1:hover{transform:skewY(-8deg) translate(36px,-22px);filter:grayscale(0)}.dcard-1:hover .dcard-before{opacity:0}.dcard-2{transform:skewY(-8deg) translate(72px,44px);z-index:3}.dcard-2:hover{transform:skewY(-8deg) translate(72px,4px);z-index:4}#svc-consultation .dcards-wrap{padding-bottom:300px}@media (max-width:900px){.svc-nodes-wrap{aspect-ratio:unset!important;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px 12px;padding:16px 12px 20px;overflow:visible}.svc-nodes-svg{display:block}.svc-flow-card,.svc-flow-card--design,.svc-flow-card--mobile,.svc-flow-card--web{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important;width:100%!important;transform:none!important}.svc-center-badge,.svc-flow-card--design{grid-column:1/span 2}.svc-center-badge{position:relative!important;top:auto!important;right:auto!important;transform:none;width:56px!important;height:56px;aspect-ratio:1/1;justify-self:center;align-self:center}.svc-center-badge.badge-active{animation:badgePopMobile .46s cubic-bezier(.32,.72,0,1) 1,glowPulse 8s linear infinite}@keyframes badgePopMobile{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.svc-mob-connector{display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:2px;height:32px;background:linear-gradient(180deg,#511b9c,#c4a0e0);border-radius:1px;opacity:0;transition:opacity .4s ease;pointer-events:none}.svc-mob-connector.connector-active{opacity:1}#svc-consultation .dcards-wrap{padding-bottom:80px}#svc-consultation .dcards-grid{transform:translateX(-36px)}}@media (max-width:768px){.services-sticky-group{top:57px}.services-section-header{padding:20px 20px 16px}#services-big-title{font-size:clamp(26px,8vw,44px)!important;letter-spacing:-1px!important}.services-section-header .section-sub br{display:none}.services-sticky-tabs{display:none!important}.service-panel-inner{grid-template-columns:1fr!important;padding:36px 20px!important;gap:28px!important}.svc-content{order:1}.svc-visual{order:2}.svc-title{font-size:clamp(22px,7vw,34px)!important}.svc-desc{font-size:15px;max-width:100%;margin-bottom:20px}.svc-nodes-wrap{width:100%;aspect-ratio:unset!important;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px 12px;padding:16px 12px 20px;overflow:visible}.svc-nodes-svg{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:10}.svc-flow-card,.svc-flow-card--design,.svc-flow-card--mobile,.svc-flow-card--web{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;right:auto!important;width:100%!important;transform:none!important}.svc-center-badge,.svc-flow-card--design{grid-column:1/span 2}.svc-center-badge{position:relative!important;top:auto!important;right:auto!important;transform:none;width:56px!important;height:56px;aspect-ratio:1/1;justify-self:center;align-self:center}.svc-mockup{width:100%;max-width:100%}.team-grid{grid-template-columns:repeat(2,1fr)}}.mugna-showreel{padding:80px 0 60px;display:flex;justify-content:center;align-items:center;min-height:100vh;content-visibility:auto;background:#fff}.mugna-showreel .showreel-frame{width:52%;max-width:min(1440px,calc(100% - 80px));border-radius:16px;overflow:hidden;will-change:width;max-height:calc(100vh - 57px);border:1px solid #d8d8d8;box-shadow:0 20px 60px 0 rgba(0,0,0,.14),0 4px 16px 0 rgba(0,0,0,.08)}.mugna-showreel .showreel-video-wrap{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 57px);background:#0a0010;overflow:hidden}.mugna-showreel .showreel-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;max-height:calc(100vh - 57px)}.mugna-showreel .showreel-mute-btn{position:absolute;bottom:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s,transform .15s;z-index:5;padding:0}.mugna-showreel .showreel-mute-btn:hover{background:rgba(0,0,0,.7);transform:scale(1.08)}.mugna-showreel .showreel-mute-btn svg{width:18px;height:18px;fill:#fff;display:block}@media (max-width:768px){.mugna-showreel{padding:0!important;min-height:auto}.mugna-showreel .showreel-frame{width:calc(100% - 32px)!important;max-width:100%!important;max-height:none!important;border-radius:12px!important;box-shadow:none!important;margin:0 16px}.mugna-showreel .showreel-video-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,#fff);pointer-events:none;z-index:2}}