:root{--svc-ease: cubic-bezier(.16, 1, .3, 1)}[x-cloak]{display:none!important}.services{background:#f8fafc;overflow:hidden}.services-container{padding:100px 5%;max-width:1280px;margin:0 auto}.services-header{margin-bottom:50px}.services-sub-tag{display:block;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--color-primary, #0072ff);letter-spacing:.18em;margin-bottom:12px;font-family:var(--font-sans, "Outfit", sans-serif)}.services-h2{font-family:var(--font-display, "Clash Display", "Outfit", sans-serif);font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--color-grey-900, #111827)}.gradient-text{background:linear-gradient(135deg,#0072ff,#4d94ff,#6b7a93);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.services-nav-wrapper{display:flex;justify-content:center;margin-bottom:40px;position:relative;z-index:100}.tab-bar{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(107,122,147,.15);padding:8px;border-radius:20px;display:flex;gap:8px;box-shadow:0 15px 35px #00000008;list-style:none}.tab-btn{padding:12px 28px;border:none;background:transparent;font-family:var(--font-sans, "Outfit", sans-serif);font-weight:700;color:var(--color-grey-500, #6b7280);cursor:pointer;border-radius:14px;transition:all .4s var(--svc-ease);font-size:14px;white-space:nowrap;-webkit-font-smoothing:antialiased}.tab-btn.is-active{background:#fff;color:var(--color-primary, #0072ff);box-shadow:0 8px 20px #0072ff1a}.tab-btn:focus-visible{outline:2px solid #0072ff;outline-offset:2px}.services-dropdown{display:none;width:100%;max-width:350px;position:relative;background:#fff;border:1px solid rgba(107,122,147,.15);border-radius:18px;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 8px 25px #0000000f}.dropdown-trigger{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--color-grey-900, #111827);font-family:var(--font-sans, "Outfit", sans-serif);font-size:15px;gap:12px;border:none;background:none;width:100%;cursor:pointer;padding:0}.dropdown-trigger svg{flex-shrink:0;transition:transform .3s var(--svc-ease)}.services-dropdown.is-open .dropdown-trigger svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;width:100%;background:#fff;border-radius:18px;border:1px solid rgba(107,122,147,.15);z-index:110;overflow:hidden;box-shadow:0 20px 40px #00000014}.dropdown-item{display:block;width:100%;padding:14px 20px;font-weight:600;font-family:var(--font-sans, "Outfit", sans-serif);font-size:14px;color:var(--color-grey-500, #6b7280);border:none;background:none;text-align:left;border-bottom:1px solid rgba(0,0,0,.03);transition:background .2s,color .2s;cursor:pointer}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item.is-active{background:#f0f7ff;color:#0072ff}.services-viewport{position:relative;min-height:450px}.service-panel{background:#ffffffd9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:40px;padding:60px;border:1px solid rgba(107,122,147,.15);box-shadow:0 40px 80px -20px #6b7a9326}.panel-enter-active{transition:opacity .5s var(--svc-ease),transform .5s var(--svc-ease)}.panel-enter-from{opacity:0;transform:translateY(20px)}.panel-enter-to{opacity:1;transform:translateY(0)}.panel-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.panel-info h3{font-family:var(--font-display, "Clash Display", "Outfit", sans-serif);font-size:48px;font-weight:600;line-height:1.1;color:var(--color-grey-900, #111827);margin-bottom:20px}.panel-info p{font-size:17px;color:var(--color-grey-500, #6b7280);line-height:1.6;margin-bottom:35px;max-width:500px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-item{background:linear-gradient(145deg,#ffffffe6,#f5f7fa80);padding:18px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .3s var(--svc-ease);font-weight:600;font-family:var(--font-sans, "Outfit", sans-serif);font-size:14px;color:var(--color-grey-900, #111827);cursor:pointer}.feature-item:hover{background:#fff;border-color:#0072ff;transform:translate(8px)}.move-icon{width:20px;height:20px;flex-shrink:0;stroke:#0072ff;opacity:.6;transition:transform .3s var(--svc-ease),opacity .3s}.feature-item:hover .move-icon{transform:translate(5px);opacity:1}.hub-visual{position:relative;display:flex;align-items:center;justify-content:center;height:400px}.prism-core{position:relative;width:260px;height:260px;background:linear-gradient(135deg,#fff,#f0f4f8);border:1px solid #fff;border-radius:48px;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 35px 70px #6b7a9326,inset 0 0 20px #fff;animation:svcFloatCore 5s infinite alternate ease-in-out;will-change:transform;overflow:hidden;color:var(--color-primary, #0072ff)}.prism-core:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:48px;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.8) 45%,transparent 50%);pointer-events:none}.prism-core .icon,.prism-core svg{width:90px;height:90px;stroke:#0072ff;fill:none;filter:drop-shadow(0 5px 15px rgba(0,114,255,.4));position:relative;z-index:1}@keyframes svcFloatCore{0%{transform:rotate(-10deg) translateY(0)}to{transform:rotate(-5deg) translateY(-25px)}}.glow-ring{position:absolute;width:380px;height:380px;border:1.5px solid #0072ff;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;opacity:.15;animation:svcMorph 12s infinite linear;will-change:transform,border-radius;display:flex;align-items:center;justify-content:center}.glow-ring:nth-child(2){width:330px;height:330px;border-color:#6b7a93;animation-duration:10s;animation-direction:reverse;opacity:.12}.main-orbit{opacity:.2}.particle{position:absolute;width:8px;height:8px;background:#0072ff;border-radius:50%;top:-4px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #0072ff;opacity:.8}@keyframes svcMorph{0%{transform:rotate(0);border-radius:38% 62% 63% 37%/41% 44% 56% 59%}50%{border-radius:60% 40% 30% 70%/50% 30% 70% 50%}to{transform:rotate(360deg);border-radius:38% 62% 63% 37%/41% 44% 56% 59%}}@media(prefers-reduced-motion:reduce){.prism-core,.glow-ring{animation:none}.feature-item:hover{transform:none}}@media(max-width:1050px){.services-header{text-align:center}.tab-bar{display:none}.services-dropdown{display:block;margin:0 auto}.panel-grid{grid-template-columns:1fr;gap:30px}.hub-visual{height:220px;order:-1}.prism-core{width:160px;height:160px;border-radius:30px}.prism-core .icon,.prism-core svg{width:55px;height:55px}.glow-ring{width:240px;height:240px}.glow-ring:nth-child(2){width:200px;height:200px}.service-panel{padding:30px 20px;border-radius:30px}.panel-info h3,.panel-info p{text-align:center;margin-inline:auto}.panel-info h3{font-size:32px}.feature-grid{grid-template-columns:1fr}.services-viewport{min-height:auto}}@media(max-width:700px){.services-container{padding:70px 5%}.service-panel{padding:24px 16px;border-radius:24px}.services-h2{font-size:34px}}@media(max-width:480px){.services-container{padding:56px 4%}.service-panel{padding:20px 14px;border-radius:20px}.panel-info h3{font-size:26px}.panel-info p{font-size:15px}.services-dropdown{max-width:100%;border-radius:14px;padding:13px 16px}.feature-item{padding:14px 16px;font-size:13px}}@media(prefers-color-scheme:dark){.services{background:#181d29}.services-sub-tag{color:#1e9cf5}.services-h2{color:#f1f4f8}.gradient-text{background:linear-gradient(135deg,#4db3ff,#1e9cf5,#95a0a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-bar{background:#ffffff09;border-color:#ffffff14;box-shadow:0 15px 35px #0000004d}.tab-btn{color:#95a0a6}.tab-btn.is-active{background:#1e9cf524;color:#4db3ff;box-shadow:0 8px 20px #1e9cf538}.tab-btn:focus-visible{outline-color:#1e9cf5}.services-dropdown{background:#232936;border-color:#ffffff14;box-shadow:0 8px 25px #0006}.dropdown-trigger{color:#f1f4f8}.dropdown-menu{background:#232936;border-color:#ffffff14;box-shadow:0 20px 40px #00000073}.dropdown-item{color:#c8d0da;border-bottom-color:#ffffff0d}.dropdown-item:hover,.dropdown-item.is-active{background:#1e9cf51f;color:#4db3ff}.service-panel{background:#ffffff09;border-color:#ffffff14;box-shadow:0 2px 6px #00000047,0 40px 80px -20px #060a1275}.panel-info h3{color:#f1f4f8}.panel-info p{color:#c8d0da}.feature-item{background:linear-gradient(145deg,#ffffff0a,#ffffff05);border-color:#ffffff14;color:#f1f4f8}.feature-item:hover{background:#1e9cf51a;border-color:#1e9cf5}.move-icon{stroke:#4db3ff}.prism-core{background:linear-gradient(135deg,#232936,#1b2030);border-color:#ffffff14;color:#4db3ff;box-shadow:0 35px 70px #00000073,inset 0 0 20px #ffffff05}.prism-core:after{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 45%,transparent 50%)}.prism-core .icon,.prism-core svg{stroke:#4db3ff;filter:drop-shadow(0 5px 15px rgba(30,156,245,.4))}}