.wm-service {
    --service-accent:#a998ff;
    --service-rgb:169,152,255;
    color:#eef1f8;
}
.wm-service--web { --service-accent:#76e4d5; --service-rgb:118,228,213; }
.wm-service--commerce { --service-accent:#f2be79; --service-rgb:242,190,121; }
.wm-service--automation { --service-accent:#87baff; --service-rgb:135,186,255; }
.wm-service .wm-service__hero,.wm-service .wm-service__feature {
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;
}
.wm-service .wm-service__hero { padding:28px 0 48px; }
.wm-service .wm-service__eyebrow { font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:var(--service-accent);margin:0 0 20px; }
.wm-service .wm-service__hero h1 { font-size:clamp(34px,4.5vw,62px);line-height:1.06;letter-spacing:-.045em;margin:0 0 24px; }
.wm-service .wm-service__lead { font-size:17px;line-height:1.65;color:#b5bed0;max-width:420px;margin:0 0 28px; }
.wm-service .wm-service__cta { display:inline-flex;align-items:center;gap:28px;min-height:48px;padding:12px 20px;border:1px solid rgba(var(--service-rgb),.5);border-radius:8px;background:rgba(var(--service-rgb),.08);color:#f5f7fc;font:600 14px/1.4 system-ui,sans-serif;text-decoration:none; }
.wm-service .wm-service__cta:hover { background:rgba(var(--service-rgb),.17); }
.wm-service .wm-service__cta:focus-visible { outline:2px solid var(--service-accent);outline-offset:5px; }
.wm-service .wm-service__cta span { color:var(--service-accent);font-size:23px; }
.wm-service .wm-service__tags { display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0; }
.wm-service .wm-service__tags li { padding:5px 9px;border:1px solid #293548;border-radius:4px;color:#bfc9d8;font:12px/1.5 system-ui,sans-serif; }
.wm-service .wm-service__content { border-top:1px solid #263143;padding-top:32px; }
.wm-service .wm-service__content > section { margin:28px 0; }
.wm-service .wm-service__content h2 { --fs-h2:clamp(22px,2.6vw,30px);font-size:var(--fs-h2);line-height:1.3;letter-spacing:-.02em;text-transform:none;hyphens:none; }
.wm-service .wm-service__content p,.wm-service .wm-service__content li { color:#c1c9d7; }
.wm-service .wm-service__feature { margin:48px 0;padding:32px;border:1px solid #273244;border-radius:18px;background:linear-gradient(140deg,rgba(var(--service-rgb),.045),#0a1320 65%); }
.wm-service .wm-service__feature h2 { --fs-h2:clamp(25px,3vw,38px);font:600 var(--fs-h2)/1.13 system-ui,sans-serif;letter-spacing:-.035em;text-transform:none;hyphens:none;overflow-wrap:normal;margin:0 0 20px; }
.wm-service .wm-service__feature p:not(.wm-service__eyebrow) { font-size:15px;line-height:1.7;color:#b5bed0; }
.wm-service .wm-service__steps { list-style:none;padding:0;margin:24px 0 0; }
.wm-service .wm-service__steps li { display:flex;align-items:center;gap:18px;padding:12px 0;border-top:1px solid #283344;font-size:14px; }
.wm-service .wm-service__steps span { color:var(--service-accent);font:11px/1.5 ui-monospace,monospace; }
.wm-service .wm-service__feature p.wm-service__note { font-size:12px;line-height:1.6;color:#909bb0;margin-top:24px; }
.wm-service__feature--reverse > .wm-service-art { order:2; }
.wm-service-hub__hero { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:32px;padding:24px 0 40px; }
.wm-service-hub__hero > div:first-child > p:not(.wm-service__eyebrow) { color:#bac5d6;font:16px/1.75 system-ui,sans-serif;margin:24px 0; }
.wm-service-hub > .published-copy { color:#b7c4d7;font:15px/1.75 system-ui,sans-serif; }
.wm-service-hub > .published-copy h2 { --fs-h2:26px;font:600 var(--fs-h2)/1.3 system-ui,sans-serif;text-transform:none;hyphens:none;letter-spacing:-.025em;margin:28px 0 16px; }
.wm-service-hub .wm-service-hub__cards { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px; }
.wm-service-hub__cards > article { display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #293649;border-radius:16px;background:linear-gradient(155deg,rgba(var(--service-rgb),.06),#0a1424 65%); }
.wm-service-hub .wm-service-hub__cards h2 { --fs-h2:23px;font:600 var(--fs-h2)/1.25 system-ui,sans-serif;text-transform:none;hyphens:none;letter-spacing:-.025em;overflow-wrap:normal;margin:12px 0 16px; }
.wm-service-hub__cards h2 a { color:#edf3fb;text-decoration:none; }
.wm-service-hub__cards p { font:14px/1.7 system-ui,sans-serif;color:#b7c4d7; }
.wm-service-hub__cards .wm-service-hub__price { color:var(--service-accent);font-weight:600;margin-top:auto;padding-top:18px; }
.wm-service-hub__cards > article > a:last-child { color:var(--service-accent);text-decoration:none;padding-top:8px;min-height:44px; }
.wm-service-hub__cards .wm-service-art { height:220px;margin:-20px -20px 0;border-radius:16px 16px 0 0; }
.wm-service-hub__cards .wm-service-art__object { scale:.65; }
.wm-service-hub__cards .wm-service-art__caption { display:none; }
.wm-city-stages { --service-rgb:155,174,201; }
.wm-city-stages .wm-service__feature { margin:24px 0; }
.wm-service-art {
    display:grid;grid-template-columns:minmax(0,1fr);place-items:center;position:relative;min-width:0;height:360px;isolation:isolate;
    perspective:850px;overflow:hidden;border-radius:16px;
    background:radial-gradient(ellipse at 50% 48%,rgba(var(--service-rgb),.14),transparent 66%);
}
.wm-service-art__grid { position:absolute;inset:30% 0 0;z-index:-1;opacity:.2;background:linear-gradient(rgba(var(--service-rgb),.24) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--service-rgb),.24) 1px,transparent 1px);background-size:32px 32px;transform:rotateX(65deg) scale(1.4);transform-origin:center bottom;mask-image:radial-gradient(ellipse,#000,transparent 70%); }
.wm-service-art__serial,.wm-service-art__caption { position:absolute;left:20px;color:#8693a9;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em; }
.wm-service-art__serial { top:18px; }
.wm-service-art__caption { bottom:18px; }
.wm-service-art__object { position:relative;width:300px;height:260px;transform-style:preserve-3d;transform:rotateZ(var(--service-angle)); }
.wm-service-art__window { position:absolute;left:22px;top:30px;width:250px;height:190px;transform:rotateY(-24deg) rotateX(var(--service-tilt));border:1px solid rgba(var(--service-rgb),.65);border-radius:12px;background:linear-gradient(145deg,rgba(var(--service-rgb),.24),#0b1524 65%);box-shadow:8px 12px 0 #111f31,9px 13px 0 rgba(var(--service-rgb),.3),0 26px 40px #030912; }
.wm-service-art__toolbar { display:flex;align-items:center;gap:5px;padding:12px;border-bottom:1px solid rgba(var(--service-rgb),.25); }
.wm-service-art__toolbar i { width:5px;height:5px;background:var(--service-accent);border-radius:50%;opacity:.6; }
.wm-service-art__toolbar span { margin-left:12px;width:75px;height:4px;background:rgba(var(--service-rgb),.2);border-radius:3px; }
.wm-service-art__interface { padding:22px;position:relative; }
.wm-service-art__headline { width:95px;display:grid;gap:8px; }
.wm-service-art__headline i { height:7px;background:var(--service-accent);border-radius:2px;opacity:.8; }
.wm-service-art__headline i:last-child { width:60%;height:4px;margin-top:7px;opacity:.4; }
.wm-service-art__shape { position:absolute;right:20px;top:22px;width:60px;height:60px;background:linear-gradient(135deg,var(--service-accent),#192c3f);border:1px solid rgba(var(--service-rgb),.8);border-radius:16px 16px 16px 3px;transform:rotate(-12deg);box-shadow:5px 7px 0 rgba(var(--service-rgb),.14); }
.wm-service-art__lines { display:flex;gap:7px;margin-top:25px; }
.wm-service-art__lines i { flex:1;height:26px;border:1px solid rgba(var(--service-rgb),.25);border-radius:4px;background:rgba(var(--service-rgb),.06); }
.wm-service-art__tile { position:absolute;bottom:5px;right:6px;width:96px;height:96px;padding:18px;border:1px solid rgba(var(--service-rgb),.6);border-radius:12px;background:linear-gradient(140deg,#31475a,#0f1c2c);transform:translateZ(40px) rotateY(-22deg) rotateX(10deg);box-shadow:4px 7px 0 #182a3c,0 15px 30px #040a13; }
.wm-service-art__tile i { display:block;width:22px;height:22px;border:1px solid var(--service-accent);border-radius:50%;margin-bottom:12px; }
.wm-service-art__tile span { display:block;height:3px;margin-top:7px;background:rgba(var(--service-rgb),.5); }
.wm-service-art__tile span:last-child { width:60%; }
.wm-service-art__products { display:flex;gap:10px; }
.wm-service-art__products i { width:58px;height:64px;border:1px solid rgba(var(--service-rgb),.5);border-radius:6px;background:linear-gradient(125deg,rgba(var(--service-rgb),.4),#1b2739);box-shadow:3px 4px 0 rgba(var(--service-rgb),.15); }
.wm-service-art__products i:nth-child(2) { transform:translateY(-8px); }
.wm-service-art__globe { position:absolute;left:45px;top:22px;width:200px;height:200px;border:1px solid rgba(var(--service-rgb),.7);border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(var(--service-rgb),.35),rgba(var(--service-rgb),.04) 60%,#040a16);box-shadow:inset -15px -10px 30px #050a15,0 15px 35px #030812;transform:rotateZ(-15deg) rotateY(-15deg);transform-style:preserve-3d; }
.wm-service-art__globe i { position:absolute;inset:0 45px;border:1px solid rgba(var(--service-rgb),.45);border-radius:50%; }
.wm-service-art__globe i:nth-child(2) { inset:0 72px; }
.wm-service-art__globe i:nth-child(3) { inset:45px 0; }
.wm-service-art__globe i:nth-child(4) { inset:72px 0; }
.wm-service-art__globe span { position:absolute;left:54px;top:45px;width:10px;height:10px;border-radius:50%;background:#f4efff;box-shadow:0 0 18px var(--service-accent); }
.wm-service-art__search { position:absolute;right:5px;bottom:30px;width:170px;height:57px;padding:18px;border:1px solid rgba(var(--service-rgb),.75);border-radius:10px;background:linear-gradient(140deg,#493e77,#161b30);transform:translateZ(40px) rotateY(-20deg);box-shadow:5px 7px 0 #1c2239,0 15px 25px #050b16; }
.wm-service-art__search i { display:block;width:16px;height:16px;border:2px solid var(--service-accent);border-radius:50%; }
.wm-service-art__search i:after { content:"";display:block;width:7px;height:2px;background:var(--service-accent);transform:translate(10px,12px) rotate(45deg); }
.wm-service-art__search span { position:absolute;left:50px;top:22px;width:65px;height:3px;background:rgba(var(--service-rgb),.6); }
.wm-service-art__search span:last-child { top:32px;width:90px;opacity:.4; }
.wm-service-art__satellite { position:absolute;left:15px;top:18px;width:34px;height:34px;border:1px solid rgba(var(--service-rgb),.7);border-radius:8px;background:linear-gradient(135deg,var(--service-accent),#182b48);transform:rotateX(20deg) rotateY(-25deg) rotateZ(20deg);box-shadow:4px 6px 0 #1b2c43; }
.wm-service-art__satellite--second { left:auto;top:auto;right:0;bottom:30px; }
.wm-service-art__chip { position:absolute;left:86px;top:64px;width:128px;height:128px;display:grid;place-items:center;border:1px solid rgba(var(--service-rgb),.8);border-radius:18px;background:linear-gradient(135deg,#2f527d,#0e1e36);transform:rotateX(var(--service-tilt)) rotateY(-25deg);box-shadow:8px 10px 0 #172c48,9px 11px 0 var(--service-accent),0 22px 35px #040b16; }
.wm-service-art__chip > span { display:grid;place-items:center;width:74px;height:74px;border:1px solid rgba(var(--service-rgb),.6);border-radius:10px;color:var(--service-accent);font:500 30px/1 system-ui,sans-serif;background:#112039; }
.wm-service-art__chip > i { position:absolute;left:-12px;top:25px;width:12px;height:4px;background:var(--service-accent);box-shadow:0 14px 0 var(--service-accent),0 28px 0 var(--service-accent),0 42px 0 var(--service-accent);opacity:.6; }
.wm-service-art__chip > i:nth-of-type(2) { left:auto;right:-12px; }
.wm-service-art__chip > i:nth-of-type(3) { left:25px;top:-12px;width:4px;height:12px;box-shadow:14px 0 0 var(--service-accent),28px 0 0 var(--service-accent),42px 0 0 var(--service-accent); }
.wm-service-art__chip > i:nth-of-type(4) { left:25px;top:auto;bottom:-12px;width:4px;height:12px;box-shadow:14px 0 0 var(--service-accent),28px 0 0 var(--service-accent),42px 0 0 var(--service-accent); }
.wm-service-art__layer { position:absolute;left:45px;width:210px;height:108px;border:1px solid rgba(var(--service-rgb),.65);border-radius:12px;background:linear-gradient(135deg,rgba(var(--service-rgb),.35),#102034);transform:rotateX(42deg) rotateZ(-18deg);box-shadow:5px 9px 0 #18273a,0 15px 25px #040b15;padding:18px; }
.wm-service-art__layer--1 { top:130px;z-index:1; }
.wm-service-art__layer--2 { top:75px;z-index:2; }
.wm-service-art__layer--3 { top:20px;z-index:3; }
.wm-service-art__layer span { display:block;font:10px/1.5 ui-monospace,monospace;color:var(--service-accent); }
.wm-service-art__layer b { display:block;font:500 13px/1.5 system-ui,sans-serif;color:#eef3ff; }
.wm-service-art__layer i { position:absolute;right:20px;top:22px;width:22px;height:22px;border:1px solid var(--service-accent);border-radius:5px; }
.wm-service-art__links { position:absolute;inset:0;width:300px;height:260px;overflow:visible;stroke:var(--service-accent);stroke-width:1;opacity:.5; }
.wm-service-art__links circle { stroke-dasharray:3 9;opacity:.5; }
.wm-service-art__hub { position:absolute;left:110px;top:86px;display:grid;place-items:center;width:80px;height:80px;border:1px solid rgba(var(--service-rgb),.65);border-radius:20px;background:linear-gradient(135deg,#334259,#101b2c);transform:rotateY(-15deg) rotateX(14deg);box-shadow:5px 8px 0 #1a293f,0 15px 30px #050b14; }
.wm-service-art__hub > span { color:#f4f6fc;font:600 35px/1 system-ui,sans-serif; }
.wm-service-art__dot { color:var(--service-accent); }
.wm-service-art__node { position:absolute;display:grid;justify-items:center;gap:8px;width:90px; }
.wm-service-art__node--1 { left:0;top:28px; }
.wm-service-art__node--2 { right:0;top:28px; }
.wm-service-art__node--3 { left:105px;bottom:2px; }
.wm-service-art__node i { width:40px;height:40px;border:1px solid rgba(var(--service-rgb),.7);border-radius:9px;background:linear-gradient(135deg,rgba(var(--service-rgb),.5),#112239);transform:rotateX(22deg) rotateY(-15deg);box-shadow:3px 5px 0 #1a2b41; }
.wm-service-art__node b { font:500 10px/1.4 system-ui,sans-serif;color:#becbde;text-align:center; }
@keyframes service-art-arrive {
    from { transform:translateY(14px) rotateZ(calc(var(--service-angle) - 5deg)); }
    to { transform:translateY(0) rotateZ(var(--service-angle)); }
}
@media(prefers-reduced-motion:no-preference) {
    .wm-service-art__object { animation:service-art-arrive 3s ease-out 1 both;animation-play-state:paused; }
    .wm-service-art.wm-art-in-view .wm-service-art__object { animation-play-state:running; }
}
@media(min-width:768px) and (max-width:1023px) {
    .wm-service-art__object { scale:.8; }
    .wm-service .wm-service__feature { gap:24px;padding:24px; }
    .wm-service-hub .wm-service-hub__cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:767px) {
    .wm-service .wm-service__hero,.wm-service .wm-service__feature { grid-template-columns:minmax(0,1fr);gap:24px; }
    .wm-service-hub__hero { grid-template-columns:minmax(0,1fr);gap:20px; }
    .wm-service-hub .wm-service-hub__cards { grid-template-columns:minmax(0,1fr); }
    .wm-service .wm-service__hero { padding:18px 0 32px; }
    .wm-service .wm-service__hero h1 { font-size:clamp(34px,9vw,48px); }
    .wm-service .wm-service__lead { font-size:16px; }
    .wm-service .wm-service__feature { margin:32px 0;padding:22px 16px; }
    .wm-service__feature > .wm-service-art,.wm-service__feature--reverse > .wm-service-art { order:2; }
    .wm-service-art { height:280px; }
    .wm-service-art__object { width:300px;height:260px;scale:.84; }
    .wm-service-hub__cards .wm-service-art__object { scale:.65; }
    .wm-service__feature .wm-service-art__object { scale:.74; }
    .wm-service-art__serial,.wm-service-art__caption { left:12px; }
}
@media(max-width:359px) {
    .wm-service-art__object { scale:.72; }
    .wm-service__feature .wm-service-art__object { scale:.62; }
    .wm-service .wm-service__feature { padding:20px 12px; }
}
@media(prefers-reduced-motion:reduce) {
    .wm-service-art__object { animation:none; }
}
