:root{--wx-orange:#f35120;--ink:#17191f;--muted:#66707c;--line:#e2d8cb;--bg:#f7f2eb;--card:#fff;--dark:#111827;--dark2:#192335;--radius:22px;--shadow:0 18px 40px rgba(18,20,26,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{margin:0;max-width:100%;overflow-x:clip}body{font-family:"Jost",Arial,sans-serif;color:var(--ink);background-color:var(--bg);background-image:linear-gradient(rgba(23,25,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,31,.035) 1px,transparent 1px);background-size:52px 52px}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 88% 8%,rgba(243,81,32,.07),transparent 28%),radial-gradient(circle at 8% 45%,rgba(17,24,39,.035),transparent 30%)}a{color:inherit}.wrap{width:min(1180px,calc(100% - 28px));margin-inline:auto}.studio-page-main,.service-hero,.service-chapter,.pad,.endcap,.service-body,.service-section,.service-cta{min-width:0;max-width:100%}
/* glossary-derived brand line */
.studio-header{padding-top:0}.wemaxa-brandline-wrap{width:100%;padding:0 clamp(20px,3vw,48px);background:rgba(247,242,235,.72);backdrop-filter:blur(12px)}.wx-brandbar{position:relative;overflow:hidden;width:min(1440px,100%);min-height:58px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 3px 9px;border-top:3px solid var(--wx-orange);border-bottom:1px solid rgba(17,19,26,.10)}.wx-brandbar:before{content:"";position:absolute;left:-28%;top:-3px;width:28%;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);animation:wxScan 6s ease-in-out infinite}.wx-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:clamp(18px,1.7vw,24px);font-weight:800;letter-spacing:-.045em}.wx-brand:before{content:"W";display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--wx-orange);border-radius:9px;color:#fff;background:var(--wx-orange);font-size:17px;box-shadow:0 0 0 0 rgba(243,81,32,.2);animation:wxPulse 3.4s ease-in-out infinite}.wx-brandmeta{color:#747a88;font-size:9px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.wx-datarail{width:min(1440px,100%);min-height:34px;margin:0 auto;display:grid;grid-template-columns:auto minmax(30px,1fr) auto;align-items:center;gap:20px;padding:0 3px;border-bottom:1px solid rgba(17,19,26,.10)}.wx-data-id{display:inline-flex;align-items:center;gap:8px;color:#8b9099;font-size:7px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.wx-data-id:before{content:"";width:16px;height:1px;background:linear-gradient(90deg,var(--wx-orange),#ff9b7c,var(--wx-orange))}.wx-data-rule{position:relative;height:1px;overflow:hidden;background:linear-gradient(90deg,rgba(17,19,26,.08),rgba(17,19,26,.025),rgba(17,19,26,.08))}.wx-data-signal{position:absolute;top:-1px;left:0;width:32px;height:3px;background:linear-gradient(90deg,transparent,var(--wx-orange),transparent);animation:dataSignal 5s linear infinite}.wx-data-items{display:flex;align-items:center;gap:16px}.wx-data{display:grid;gap:2px}.wx-data small{font-size:6px;color:#9298a1;text-transform:uppercase;letter-spacing:.12em}.wx-data strong{font-size:8px;color:#3c424c;text-transform:uppercase;letter-spacing:.08em}.wx-data-status strong{color:#398a43}.studio-localnav{width:min(1440px,100%);margin:0 auto;display:flex;align-items:center;gap:4px;padding:9px 0 10px;border-bottom:1px solid rgba(17,19,26,.10);overflow-x:auto;scrollbar-width:none}.studio-localnav a{flex:0 0 auto;padding:8px 11px;border-radius:999px;text-decoration:none;color:#626b76;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.studio-localnav a:hover{background:#fff}.studio-localnav .studio-localnav-cta{margin-left:auto;color:#fff;background:var(--ink)}
/* hero */
.service-hero{padding:34px 0 24px}.service-hero.wrap{width:min(1180px,calc(100% - 28px));margin-inline:auto}.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px;align-items:stretch}.service-hero-grid>div:first-child,.service-hero.wrap>.hero-copy{padding:clamp(24px,4vw,48px);border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.eyebrow,.kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(243,81,32,.22);border-radius:999px;color:var(--wx-orange);background:rgba(243,81,32,.055);font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.display,.service-hero h1{max-width:900px;margin:18px 0 0;font-size:clamp(44px,5.7vw,76px);line-height:.96;letter-spacing:-.065em}.body-lg,.lead{max-width:820px;margin:20px 0 0;color:#56606c;font-size:17px;line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.pill,.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.pill.ghost,.secondary-btn{background:#fff;color:var(--ink);border-color:var(--line)}.pill.light{background:#fff;color:var(--ink);border-color:#fff}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.hero-tags span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#747d87;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
/* page-specific CSS motion scenes */
.service-hero-media,.chapter-media,.service-visual{position:relative;min-width:0;overflow:hidden;border:1px solid #273246;border-radius:28px;background:#0d1522;box-shadow:var(--shadow);isolation:isolate}.service-hero-media{min-height:440px}.chapter-media{min-height:340px}.studio-scene{--scene-accent:#f35120;position:absolute;inset:0;overflow:hidden;color:#f8fafc;background:radial-gradient(circle at 72% 18%,color-mix(in srgb,var(--scene-accent) 14%,transparent),transparent 28%),linear-gradient(145deg,#0b1422,#131e30 70%,#0d1624)}.scene-grid{position:absolute;inset:0;opacity:.72;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.25))}.scene-head{position:absolute;z-index:20;left:20px;right:20px;top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.scene-head span{color:var(--scene-accent)}.scene-head b{color:#8fa0b5;font-size:7px}.scene-canvas{position:absolute;inset:55px 18px 38px}.scene-foot{position:absolute;z-index:20;left:18px;right:18px;bottom:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;color:#8190a4;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.scene-foot i{height:1px;background:rgba(255,255,255,.1)}.scene-foot b{color:#fff}.studio-scene[data-variant="detail"] .scene-canvas{transform:scale(.94)}.studio-scene[data-variant="detail"] .scene-head span:after{content:" / DETAIL";color:#fff}.studio-scene:after{content:"";position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.055) 49%,transparent 55%);transform:translateX(-45%);animation:sceneSweep 8s ease-in-out infinite}
body[data-studio-page="web-design"] .studio-scene{--scene-accent:#ffb02e}body[data-studio-page="full-stack-development"] .studio-scene{--scene-accent:#54d7ff}body[data-studio-page="ai-integration"] .studio-scene{--scene-accent:#9f73ff}body[data-studio-page="app-development"] .studio-scene{--scene-accent:#5ee5b0}body[data-studio-page="ecommerce"] .studio-scene{--scene-accent:#ff6e7b}body[data-studio-page="branding"] .studio-scene{--scene-accent:#ffb65a}body[data-studio-page="cloud-devops"] .studio-scene{--scene-accent:#63c5ff}body[data-studio-page="maintenance-support"] .studio-scene{--scene-accent:#71e58b}body[data-studio-page="enterprise"] .studio-scene{--scene-accent:#6ea0ff}body[data-studio-page="pricing"] .studio-scene{--scene-accent:#f7cb55}body[data-studio-page="process"] .studio-scene{--scene-accent:#ff875e}body[data-studio-page="about"] .studio-scene{--scene-accent:#f35120}body[data-studio-page="contact"] .studio-scene{--scene-accent:#75d6ff}body[data-studio-page="order"] .studio-scene{--scene-accent:#ff8c62}body[data-studio-page="faq"] .studio-scene{--scene-accent:#c390ff}body[data-studio-page="work"] .studio-scene{--scene-accent:#8fd3ff}body[data-studio-page="services"] .studio-scene{--scene-accent:#f35120}
/* web design / responsive browser composition */
.wd-browser{position:absolute;left:11%;top:12%;width:72%;height:70%;border:1px solid #526078;border-radius:16px;background:#101a2a;box-shadow:0 24px 45px rgba(0,0,0,.28);animation:wdFloat 6s ease-in-out infinite}.wd-browser>i{position:absolute;top:12px;width:6px;height:6px;border-radius:50%;background:#66758a}.wd-browser>i:nth-child(1){left:13px}.wd-browser>i:nth-child(2){left:25px}.wd-browser>i:nth-child(3){left:37px}.wd-nav{position:absolute;left:7%;right:7%;top:13%;height:8%;border-radius:6px;background:#1e2b40}.wd-hero{position:absolute;left:7%;top:26%;width:58%;height:23%;border:1px solid color-mix(in srgb,var(--scene-accent) 62%,#425169);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--scene-accent) 24%,#142033),#142033);animation:wdHero 5s ease-in-out infinite}.wd-col{position:absolute;bottom:9%;height:32%;border-radius:8px;background:#1a2638}.wd-col.a{left:7%;width:26%}.wd-col.b{left:37%;width:26%;animation:wdCol 4.5s ease-in-out infinite}.wd-col.c{left:67%;width:26%}.wd-ruler{position:absolute;border-color:color-mix(in srgb,var(--scene-accent) 70%,transparent);color:var(--scene-accent)}.wd-ruler.x{left:8%;right:7%;bottom:7%;border-bottom:1px dashed currentColor}.wd-ruler.y{right:7%;top:13%;bottom:9%;border-right:1px dashed currentColor}.wd-ruler span{position:absolute;width:7px;height:7px;border:1px solid currentColor;background:#0d1522}.wd-ruler.x span{left:48%;bottom:-4px;animation:wdMeasureX 5s ease-in-out infinite}.wd-ruler.y span{right:-4px;top:35%;animation:wdMeasureY 4s ease-in-out infinite}.wd-cursor{position:absolute;right:12%;top:28%;font-size:24px;color:var(--scene-accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--scene-accent) 55%,transparent));animation:wdCursor 6s ease-in-out infinite}.wd-breakpoint{position:absolute;left:12%;bottom:10%;padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0a111d;color:#a9b4c2;font-size:7px;font-weight:900;letter-spacing:.1em}
/* full-stack / moving request packets through layers */
.fs-layer{position:absolute;left:14%;right:14%;height:18%;display:grid;grid-template-columns:60px repeat(3,1fr);align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(18,29,46,.92);box-shadow:0 14px 28px rgba(0,0,0,.18)}.fs-layer b{font-size:10px;letter-spacing:.12em;color:var(--scene-accent)}.fs-layer span{height:8px;border-radius:999px;background:#26364e}.fs-layer.ui{top:8%;animation:fsLayer1 6s ease-in-out infinite}.fs-layer.api{top:40%;grid-template-columns:60px repeat(2,1fr);animation:fsLayer2 6s ease-in-out infinite}.fs-layer.data{top:72%;animation:fsLayer3 6s ease-in-out infinite}.fs-bus{position:absolute;left:50%;top:25%;bottom:20%;width:2px;background:linear-gradient(var(--scene-accent),#4a5d77,var(--scene-accent))}.fs-bus i{position:absolute;left:-3px;width:8px;height:8px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 12px var(--scene-accent)}.fs-bus i:nth-child(1){top:3%}.fs-bus i:nth-child(2){top:34%}.fs-bus i:nth-child(3){top:66%}.fs-bus i:nth-child(4){top:96%}.fs-packet{position:absolute;left:calc(50% - 6px);width:12px;height:12px;border-radius:3px;background:#fff;box-shadow:0 0 14px var(--scene-accent);z-index:5}.fs-packet.p1{top:22%;animation:fsPacket 3.8s linear infinite}.fs-packet.p2{top:22%;animation:fsPacket 3.8s 1.3s linear infinite}.fs-packet.p3{top:22%;animation:fsPacket 3.8s 2.6s linear infinite}
/* AI integration / neural retrieval orbit */
.ai-core{position:absolute;left:50%;top:50%;width:86px;height:86px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--scene-accent) 75%,#fff0);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--scene-accent) 28%,#15213a),#111a2a);box-shadow:0 0 40px color-mix(in srgb,var(--scene-accent) 20%,transparent);z-index:5;animation:aiPulse 3.2s ease-in-out infinite}.ai-core span{font-size:22px;font-weight:900;letter-spacing:-.05em}.ai-ring{position:absolute;left:50%;top:50%;border:1px dashed color-mix(in srgb,var(--scene-accent) 45%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.ai-ring.r1{width:150px;height:150px;animation:aiSpin 14s linear infinite}.ai-ring.r2{width:240px;height:170px;animation:aiSpinRev 18s linear infinite}.ai-ring.r3{width:320px;height:250px;animation:aiSpin 24s linear infinite}.ai-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 12px color-mix(in srgb,var(--scene-accent) 70%,transparent);animation:aiNode 3s ease-in-out infinite}.ai-node.n1{left:19%;top:22%}.ai-node.n2{left:72%;top:18%;animation-delay:.3s}.ai-node.n3{left:82%;top:49%;animation-delay:.6s}.ai-node.n4{left:69%;top:76%;animation-delay:.9s}.ai-node.n5{left:28%;top:79%;animation-delay:1.2s}.ai-node.n6{left:12%;top:52%;animation-delay:1.5s}.ai-node.n7{left:39%;top:18%;animation-delay:1.8s}.ai-node.n8{left:48%;top:84%;animation-delay:2.1s}.ai-doc{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#172338;color:#aeb9c8;font-size:7px;font-weight:900;letter-spacing:.1em}.ai-doc.d1{left:7%;top:10%;animation:aiDoc 5s ease-in-out infinite}.ai-doc.d2{right:7%;top:33%;animation:aiDoc 5s 1.2s ease-in-out infinite}.ai-doc.d3{left:15%;bottom:10%;animation:aiDoc 5s 2.4s ease-in-out infinite}.ai-query{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);white-space:nowrap;color:#96a4b6;font-size:7px;font-weight:900;letter-spacing:.11em}
/* app development / mobile state transitions */
.app-phone{position:absolute;left:19%;top:5%;width:44%;height:88%;overflow:hidden;border:2px solid #516075;border-radius:30px;background:#0a111c;box-shadow:0 25px 45px rgba(0,0,0,.32);animation:appTilt 7s ease-in-out infinite}.app-notch{position:absolute;left:35%;right:35%;top:8px;height:13px;border-radius:999px;background:#03070d;z-index:8}.app-screen{position:absolute;inset:0;padding:46px 18px 18px;background:linear-gradient(145deg,#101b2c,#17243a);transition:none}.app-screen b{font-size:10px;color:var(--scene-accent);letter-spacing:.12em}.app-screen i{display:block;height:11px;margin-top:12px;border-radius:7px;background:#26384f}.app-screen.s1{animation:appScreen1 9s infinite}.app-screen.s2{transform:translateX(100%);animation:appScreen2 9s infinite}.app-screen.s3{transform:translateX(100%);animation:appScreen3 9s infinite}.app-gesture{position:absolute;left:40%;bottom:13%;width:58px;height:3px;border-radius:999px;background:#fff;opacity:.75;animation:appGesture 3s ease-in-out infinite}.app-cloud{position:absolute;right:12%;top:24%;width:92px;height:56px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--scene-accent) 55%,transparent);border-radius:28px;background:#132238;color:var(--scene-accent);font-size:8px;font-weight:900;letter-spacing:.1em;animation:appCloud 4s ease-in-out infinite}.app-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 10px var(--scene-accent)}.app-dot.d1{right:29%;top:42%;animation:appSync 2.6s linear infinite}.app-dot.d2{right:34%;top:50%;animation:appSync 2.6s .8s linear infinite}.app-dot.d3{right:25%;top:59%;animation:appSync 2.6s 1.6s linear infinite}
/* ecommerce / cart and checkout flow */
.ec-product{position:absolute;left:8%;top:13%;width:42%;height:72%;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:#131f31;animation:ecProduct 6s ease-in-out infinite}.ec-image{height:48%;border-radius:11px;background:linear-gradient(135deg,#26364d,color-mix(in srgb,var(--scene-accent) 38%,#202d41));position:relative;overflow:hidden}.ec-image:after{content:"";position:absolute;width:70%;height:140%;left:-90%;top:-20%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:ecShine 4s ease-in-out infinite}.ec-product b,.ec-product span{display:block;margin-top:12px;font-size:9px;letter-spacing:.08em}.ec-product span{color:#aeb8c7}.ec-product button{margin-top:12px;border:0;border-radius:999px;padding:7px 11px;background:var(--scene-accent);color:#0c1119;font-size:7px;font-weight:900}.ec-cart{position:absolute;right:7%;top:17%;width:37%;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0e1827}.ec-cart b{font-size:8px;color:var(--scene-accent)}.ec-cart i{display:block;height:9px;margin-top:10px;border-radius:6px;background:#24344a}.ec-cart strong{display:block;margin-top:15px;text-align:right;font-size:18px}.ec-pay{position:absolute;right:9%;bottom:20%;padding:10px 12px;border:1px solid color-mix(in srgb,var(--scene-accent) 45%,transparent);border-radius:999px;color:var(--scene-accent);font-size:7px;font-weight:900;letter-spacing:.09em;animation:ecPay 4s ease-in-out infinite}.ec-route{position:absolute;left:49%;top:48%;width:12%;height:1px;background:#506078}.ec-route span{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--scene-accent);animation:ecRoute 2s linear infinite}.ec-pulse{position:absolute;right:12%;bottom:18%;width:11px;height:11px;border:2px solid var(--scene-accent);border-radius:50%;animation:ecPulse 2s ease-out infinite}
/* branding / identity system */
.br-word{position:absolute;left:8%;top:17%;font-size:clamp(34px,6vw,66px);font-weight:900;letter-spacing:-.08em;animation:brWord 7s ease-in-out infinite}.br-mark{position:absolute;right:11%;top:12%;width:82px;height:82px;display:grid;place-items:center;border:1px solid var(--scene-accent);border-radius:20px;background:var(--scene-accent);color:#111827;font-size:40px;font-weight:900;animation:brMark 8s ease-in-out infinite}.br-axis{position:absolute;left:9%;right:9%;top:55%;height:1px;background:linear-gradient(90deg,var(--scene-accent),#516075,transparent)}.br-type{position:absolute;left:9%;bottom:13%;display:flex;align-items:end;gap:12px}.br-type b{font-size:40px;line-height:.8}.br-type span{color:#8392a5;font-size:7px;font-weight:900;letter-spacing:.12em}.br-swatch{position:absolute;bottom:13%;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.14);animation:brSwatch 5s ease-in-out infinite}.br-swatch.s1{right:34%;background:#f35120}.br-swatch.s2{right:25%;background:#f7f2eb;animation-delay:.3s}.br-swatch.s3{right:16%;background:#111827;animation-delay:.6s}.br-swatch.s4{right:7%;background:#65d3ff;animation-delay:.9s}.br-orbit{position:absolute;right:3%;top:5%;width:115px;height:115px;border:1px dashed rgba(255,255,255,.18);border-radius:50%;animation:brOrbit 12s linear infinite}.br-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--scene-accent)}
/* cloud devops / CI-CD pipeline */
.cd-pipe{position:absolute;left:7%;right:7%;top:16%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cd-step{position:relative;padding:12px 8px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#142035;text-align:center;color:#aeb8c8;font-size:7px;font-weight:900;letter-spacing:.1em}.cd-step:after{content:"";position:absolute;right:-9px;top:50%;width:9px;height:1px;background:var(--scene-accent)}.cd-step:last-child:after{display:none}.cd-server{position:absolute;bottom:12%;width:25%;height:42%;padding:12px;border:1px solid #39485e;border-radius:13px;background:#0b1421}.cd-server.s1{left:8%}.cd-server.s2{left:38%}.cd-server.s3{right:7%}.cd-server i{display:block;height:11px;margin-bottom:9px;border-radius:5px;background:#203148;position:relative}.cd-server i:after{content:"";position:absolute;right:6px;top:4px;width:4px;height:4px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 8px var(--scene-accent)}.cd-deploy{position:absolute;left:50%;top:38%;transform:translateX(-50%);padding:8px 11px;border:1px solid color-mix(in srgb,var(--scene-accent) 45%,transparent);border-radius:999px;background:#0a121f;color:var(--scene-accent);font-size:7px;font-weight:900;animation:cdDeploy 5s ease-in-out infinite}.cd-spark{position:absolute;left:7%;top:31%;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 14px var(--scene-accent);animation:cdSpark 5s linear infinite}
/* maintenance support / uptime monitor */
.ms-monitor{position:absolute;left:7%;top:12%;width:55%;height:60%;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:#101b2c}.ms-monitor span{font-size:7px;color:#8e9cb0;letter-spacing:.12em}.ms-monitor b{display:block;margin-top:8px;font-size:44px;letter-spacing:-.06em;color:var(--scene-accent)}.ms-line{position:absolute;left:18px;right:18px;bottom:25%;height:36px;background:linear-gradient(90deg,transparent 0 6%,var(--scene-accent) 6% 8%,transparent 8% 18%,var(--scene-accent) 18% 20%,transparent 20% 37%,var(--scene-accent) 37% 40%,transparent 40% 60%,var(--scene-accent) 60% 63%,transparent 63% 100%);clip-path:polygon(0 60%,10% 60%,14% 48%,18% 73%,22% 60%,37% 60%,42% 20%,47% 88%,51% 60%,72% 60%,77% 42%,81% 69%,86% 60%,100% 60%);animation:msWave 2.4s linear infinite}.ms-ring{position:absolute;right:8%;top:16%;width:110px;height:110px;display:grid;place-items:center;border:10px solid #203148;border-top-color:var(--scene-accent);border-radius:50%;animation:msRing 7s linear infinite}.ms-ring b{font-size:8px;letter-spacing:.1em}.ms-log{position:absolute;right:8%;bottom:13%;width:30%}.ms-log i{display:block;height:7px;margin-top:8px;border-radius:999px;background:#26364b}.ms-log i:nth-child(2){width:75%}.ms-log i:nth-child(3){width:88%}.ms-log i:nth-child(4){width:58%}.ms-heart{position:absolute;left:7%;bottom:8%;width:44%;height:9px;overflow:hidden}.ms-heart span{position:absolute;left:-30%;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--scene-accent),transparent);animation:msScan 3s linear infinite}.ms-status{position:absolute;right:8%;bottom:5%;color:var(--scene-accent);font-size:7px;font-weight:900;letter-spacing:.1em}
/* enterprise / systems topology */
.en-core{position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid var(--scene-accent);border-radius:22px;background:#17243a;color:#fff;font-size:10px;font-weight:900;box-shadow:0 0 28px color-mix(in srgb,var(--scene-accent) 20%,transparent);z-index:5;animation:enCore 4s ease-in-out infinite}.en-hub{position:absolute;width:58px;height:42px;display:grid;place-items:center;border:1px solid #40516a;border-radius:10px;background:#101a2a;color:#9eacbd;font-size:7px;font-weight:900}.en-hub.h1{left:8%;top:13%}.en-hub.h2{left:8%;bottom:15%}.en-hub.h3{right:8%;top:13%}.en-hub.h4{right:8%;bottom:15%}.en-hub.h5{left:20%;top:46%}.en-hub.h6{right:20%;top:46%}.en-route{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--scene-accent),transparent);transform-origin:left center}.en-route.r1{left:18%;top:26%;width:33%;transform:rotate(18deg)}.en-route.r2{left:18%;bottom:27%;width:33%;transform:rotate(-18deg)}.en-route.r3{right:18%;top:26%;width:33%;transform:rotate(-18deg)}.en-route.r4{right:18%;bottom:27%;width:33%;transform:rotate(18deg)}.en-scan{position:absolute;top:8%;bottom:8%;width:1px;background:var(--scene-accent);box-shadow:0 0 18px var(--scene-accent);opacity:.5;animation:enScan 5s ease-in-out infinite}
/* pricing / scope bands */
.pr-axis{position:absolute;left:8%;right:8%;bottom:12%;display:flex;justify-content:space-between;border-top:1px solid #47566c;padding-top:7px;color:#7f8da0;font-size:6px;font-weight:900;letter-spacing:.12em}.pr-tier{position:absolute;bottom:23%;width:22%;border:1px solid rgba(255,255,255,.13);border-radius:14px 14px 6px 6px;background:linear-gradient(#1b2940,#121c2b);padding:12px;overflow:hidden}.pr-tier b{font-size:7px;color:#bac4d0}.pr-tier i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,color-mix(in srgb,var(--scene-accent) 55%,transparent),transparent)}.pr-tier.t1{left:10%;height:28%}.pr-tier.t1 i{height:45%}.pr-tier.t2{left:39%;height:48%}.pr-tier.t2 i{height:68%}.pr-tier.t3{right:10%;height:68%}.pr-tier.t3 i{height:86%}.pr-selector{position:absolute;bottom:18%;left:12%;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 15px var(--scene-accent);animation:prSelect 7s ease-in-out infinite}.pr-total{position:absolute;left:9%;top:10%}.pr-total small{display:block;color:#8493a6;font-size:7px;font-weight:900;letter-spacing:.12em}.pr-total strong{display:block;margin-top:5px;font-size:32px;letter-spacing:-.06em;animation:prTotal 7s ease-in-out infinite}
/* process / moving milestone sequence */
.ps-track{position:absolute;left:9%;right:9%;top:50%;height:2px;background:#34445b}.ps-track span{display:block;height:100%;width:25%;background:var(--scene-accent);animation:psProgress 8s ease-in-out infinite}.ps-step{position:absolute;top:40%;width:68px;text-align:center;transform:translateX(-50%)}.ps-step:before{content:"";display:block;width:14px;height:14px;margin:0 auto 8px;border:2px solid var(--scene-accent);border-radius:50%;background:#0f1826}.ps-step b,.ps-step em{display:block;font-style:normal}.ps-step b{color:var(--scene-accent);font-size:8px}.ps-step em{margin-top:3px;color:#a3afbd;font-size:6px;font-weight:900;letter-spacing:.08em}.ps-step.s1{left:12%}.ps-step.s2{left:38%}.ps-step.s3{left:64%}.ps-step.s4{left:88%}.ps-runner{position:absolute;top:calc(50% - 5px);left:9%;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 16px var(--scene-accent);animation:psRunner 8s ease-in-out infinite}.ps-note{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);color:#8290a4;font-size:7px;font-weight:900;letter-spacing:.11em;white-space:nowrap}
/* about / studio compass */
.ab-compass{position:absolute;left:10%;top:15%;width:150px;height:150px;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;animation:abSpin 20s linear infinite}.ab-compass:before,.ab-compass:after{content:"";position:absolute;background:#3e4d63}.ab-compass:before{width:1px;height:100%}.ab-compass:after{width:100%;height:1px}.ab-compass i{position:absolute;width:4px;height:52%;top:10%;left:calc(50% - 2px);transform-origin:50% 77%;background:linear-gradient(var(--scene-accent),transparent);animation:abNeedle 5s ease-in-out infinite}.ab-compass b{font-size:22px}.ab-card{position:absolute;right:8%;width:38%;padding:13px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#121f32;color:#aab6c4;font-size:8px;font-weight:900;letter-spacing:.08em}.ab-card.c1{top:15%;animation:abCard 6s ease-in-out infinite}.ab-card.c2{top:40%;animation:abCard 6s .8s ease-in-out infinite}.ab-card.c3{top:65%;animation:abCard 6s 1.6s ease-in-out infinite}.ab-line{position:absolute;left:45%;right:48%;height:1px;background:var(--scene-accent);transform-origin:left center}.ab-line.l1{top:25%;transform:rotate(-5deg)}.ab-line.l2{top:50%}.ab-line.l3{top:75%;transform:rotate(5deg)}.ab-note{position:absolute;left:9%;bottom:6%;font-size:6px;font-weight:900;color:#8493a6;letter-spacing:.11em}
/* contact / message route */
.ct-envelope{position:absolute;left:8%;top:26%;width:36%;height:42%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--scene-accent) 45%,transparent);border-radius:14px;background:#132238;animation:ctEnvelope 5s ease-in-out infinite}.ct-envelope:before,.ct-envelope:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:#506176;transform-origin:center}.ct-envelope:before{top:40%;transform:rotate(23deg)}.ct-envelope:after{top:40%;transform:rotate(-23deg)}.ct-envelope span{z-index:2;font-size:7px;font-weight:900;color:var(--scene-accent)}.ct-route{position:absolute;left:45%;right:38%;top:47%;height:2px;background:#34465d}.ct-route i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 14px var(--scene-accent);animation:ctRoute 2.4s linear infinite}.ct-inbox{position:absolute;right:7%;top:19%;width:30%;height:58%;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:#101b2b}.ct-inbox b{display:block;color:var(--scene-accent);font-size:10px}.ct-inbox span{display:block;margin-top:17px;padding:8px;border-radius:8px;background:#21324a;color:#aab5c3;font-size:7px;font-weight:900}.ct-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--scene-accent);animation:ctDot 3s ease-in-out infinite}.ct-dot.d1{left:13%;top:18%}.ct-dot.d2{left:35%;bottom:13%;animation-delay:.6s}.ct-dot.d3{right:9%;top:11%;animation-delay:1.2s}.ct-address{position:absolute;left:9%;bottom:8%;font-size:7px;font-weight:900;color:#8a99ab;letter-spacing:.08em}
/* order / brief fields funnel into email */
.or-form{position:absolute;left:7%;top:12%;width:57%;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:#101c2d}.or-form label{position:relative;min-height:54px;padding:10px;border:1px solid #314259;border-radius:9px;background:#152338}.or-form label.wide{grid-column:1/-1;min-height:82px}.or-form span{display:block;color:#8998ab;font-size:6px;font-weight:900;letter-spacing:.12em}.or-form i{display:block;height:7px;margin-top:9px;border-radius:6px;background:#2b3d55;transform-origin:left center;animation:orFill 6s ease-in-out infinite}.or-form label:nth-child(2) i{animation-delay:.6s}.or-form label:nth-child(3) i{animation-delay:1.2s}.or-form label:nth-child(4) i{animation-delay:1.8s}.or-funnel{position:absolute;left:66%;top:31%;width:15%;height:28%;clip-path:polygon(0 0,100% 20%,58% 54%,58% 100%,42% 100%,42% 54%);background:linear-gradient(var(--scene-accent),color-mix(in srgb,var(--scene-accent) 18%,transparent));opacity:.75;animation:orFunnel 4s ease-in-out infinite}.or-mail{position:absolute;right:7%;top:36%;width:68px;height:68px;display:grid;place-items:center;border:1px solid var(--scene-accent);border-radius:15px;background:#17243a;color:var(--scene-accent);font-size:8px;font-weight:900;animation:orMail 4s ease-in-out infinite}.or-token{position:absolute;left:63%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px var(--scene-accent);animation:orToken 3s linear infinite}.or-token.t1{top:24%}.or-token.t2{top:37%;animation-delay:.6s}.or-token.t3{top:51%;animation-delay:1.2s}.or-token.t4{top:64%;animation-delay:1.8s}
/* FAQ / accordion orbit */
.fq-mark{position:absolute;left:12%;top:20%;width:120px;height:120px;display:grid;place-items:center;border:1px solid var(--scene-accent);border-radius:50%;background:#141f32;color:var(--scene-accent);font-size:72px;font-weight:500;animation:fqMark 6s ease-in-out infinite}.fq-item{position:absolute;right:8%;width:42%;display:grid;grid-template-columns:28px 1fr;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#121e30}.fq-item b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#23344d;color:var(--scene-accent);animation:fqPlus 4s ease-in-out infinite}.fq-item span{font-size:7px;font-weight:900;color:#a9b5c4}.fq-item.i1{top:12%}.fq-item.i2{top:32%}.fq-item.i3{top:52%}.fq-item.i4{top:72%}.fq-item.i2 b{animation-delay:.6s}.fq-item.i3 b{animation-delay:1.2s}.fq-item.i4 b{animation-delay:1.8s}.fq-orbit{position:absolute;left:8%;top:16%;width:136px;height:136px;border:1px dashed rgba(255,255,255,.16);border-radius:50%;animation:fqOrbit 12s linear infinite}.fq-answer{position:absolute;left:8%;bottom:8%;font-size:6px;font-weight:900;color:#8998aa;letter-spacing:.11em}
/* work / capability dashboard */
.wk-window{position:absolute;left:8%;top:11%;width:62%;height:72%;padding:42px 14px 14px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:#101b2c}.wk-top{position:absolute;left:0;right:0;top:0;height:28px;border-bottom:1px solid #2b3b51}.wk-top:before{content:"●  ●  ●";position:absolute;left:11px;top:8px;color:#617189;font-size:7px;letter-spacing:4px}.wk-chart{height:48%;display:flex;align-items:end;gap:8px;padding:10px;border-radius:10px;background:#141f31}.wk-chart i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(var(--scene-accent),color-mix(in srgb,var(--scene-accent) 12%,transparent));animation:wkBar 5s ease-in-out infinite}.wk-chart i:nth-child(1){height:35%}.wk-chart i:nth-child(2){height:70%;animation-delay:.2s}.wk-chart i:nth-child(3){height:48%;animation-delay:.4s}.wk-chart i:nth-child(4){height:88%;animation-delay:.6s}.wk-chart i:nth-child(5){height:62%;animation-delay:.8s}.wk-table{margin-top:12px}.wk-table span{display:block;height:8px;margin-top:7px;border-radius:5px;background:#24344a}.wk-kpi{position:absolute;right:7%;width:22%;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#142034;animation:wkKpi 5s ease-in-out infinite}.wk-kpi small{display:block;color:#8796a8;font-size:6px;font-weight:900}.wk-kpi b{display:block;margin-top:5px;font-size:22px;color:var(--scene-accent)}.wk-kpi.k1{top:14%}.wk-kpi.k2{top:40%;animation-delay:.7s}.wk-kpi.k3{top:66%;animation-delay:1.4s}
/* services / orbiting service matrix */
.sv-core{position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid var(--scene-accent);border-radius:22px;background:var(--scene-accent);color:#0f1724;font-size:36px;font-weight:900;box-shadow:0 0 30px color-mix(in srgb,var(--scene-accent) 25%,transparent);z-index:6;animation:svCore 4s ease-in-out infinite}.sv-card{position:absolute;z-index:4;min-width:70px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#142034;text-align:center;color:#aab6c5;font-size:7px;font-weight:900;letter-spacing:.08em;animation:svCard 6s ease-in-out infinite}.sv-card.c1{left:8%;top:12%}.sv-card.c2{right:8%;top:12%;animation-delay:.5s}.sv-card.c3{right:5%;top:46%;animation-delay:1s}.sv-card.c4{right:10%;bottom:10%;animation-delay:1.5s}.sv-card.c5{left:10%;bottom:10%;animation-delay:2s}.sv-card.c6{left:5%;top:46%;animation-delay:2.5s}.sv-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(255,255,255,.15);border-radius:50%}.sv-orbit.o1{width:210px;height:210px;animation:svOrbit 18s linear infinite}.sv-orbit.o2{width:320px;height:250px;animation:svOrbitRev 24s linear infinite}.sv-beam{position:absolute;left:50%;top:50%;height:1px;width:36%;transform-origin:left center;background:linear-gradient(90deg,var(--scene-accent),transparent);opacity:.45}.sv-beam.b1{transform:rotate(-36deg)}.sv-beam.b2{transform:rotate(180deg)}.sv-beam.b3{transform:rotate(36deg)}
/* animation library: unique motion language per page */
@keyframes sceneSweep{0%,72%{transform:translateX(-45%)}100%{transform:translateX(70%)}}
@keyframes wdFloat{50%{transform:translateY(-8px) rotate(-.4deg)}}@keyframes wdHero{50%{width:72%;filter:brightness(1.15)}}@keyframes wdCol{50%{height:39%}}@keyframes wdMeasureX{50%{left:78%}}@keyframes wdMeasureY{50%{top:68%}}@keyframes wdCursor{0%,100%{right:12%;top:28%}34%{right:28%;top:45%}68%{right:18%;top:68%}}
@keyframes fsLayer1{50%{transform:translateX(7px)}}@keyframes fsLayer2{50%{transform:translateX(-7px)}}@keyframes fsLayer3{50%{transform:translateX(5px)}}@keyframes fsPacket{0%{top:22%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:77%;opacity:0}}
@keyframes aiPulse{50%{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 0 60px color-mix(in srgb,var(--scene-accent) 32%,transparent)}}@keyframes aiSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes aiSpinRev{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes aiNode{50%{transform:scale(1.7);opacity:.55}}@keyframes aiDoc{50%{transform:translateY(-6px);border-color:var(--scene-accent)}}
@keyframes appTilt{50%{transform:rotate(-2deg) translateY(-6px)}}@keyframes appScreen1{0%,27%{transform:translateX(0)}33%,94%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes appScreen2{0%,27%{transform:translateX(100%)}33%,60%{transform:translateX(0)}66%,100%{transform:translateX(-100%)}}@keyframes appScreen3{0%,60%{transform:translateX(100%)}66%,94%{transform:translateX(0)}100%{transform:translateX(100%)}}@keyframes appGesture{50%{transform:translateX(28px)}}@keyframes appCloud{50%{transform:translateY(-8px)}}@keyframes appSync{0%{opacity:0;transform:translate(-35px,20px)}50%{opacity:1}100%{opacity:0;transform:translate(25px,-25px)}}
@keyframes ecProduct{50%{transform:translateY(-6px)}}@keyframes ecShine{50%,100%{left:120%}}@keyframes ecPay{50%{transform:scale(1.05);box-shadow:0 0 20px color-mix(in srgb,var(--scene-accent) 24%,transparent)}}@keyframes ecRoute{to{left:100%}}@keyframes ecPulse{to{transform:scale(3);opacity:0}}
@keyframes brWord{50%{letter-spacing:-.02em;transform:translateX(8px)}}@keyframes brMark{50%{transform:rotate(8deg) scale(1.06);border-radius:50%}}@keyframes brSwatch{50%{transform:translateY(-8px)}}@keyframes brOrbit{to{transform:rotate(360deg)}}
@keyframes cdDeploy{50%{transform:translateX(-50%) scale(1.06);box-shadow:0 0 20px color-mix(in srgb,var(--scene-accent) 22%,transparent)}}@keyframes cdSpark{0%{left:7%}25%{left:28%}50%{left:50%}75%{left:72%}100%{left:91%}}
@keyframes msWave{to{transform:translateX(12px)}}@keyframes msRing{to{transform:rotate(360deg)}}@keyframes msScan{to{left:110%}}
@keyframes enCore{50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes enScan{0%,100%{left:8%;opacity:0}15%,85%{opacity:.6}50%{left:92%}}
@keyframes prSelect{0%,15%{left:12%}40%,58%{left:46%}82%,100%{left:76%}}@keyframes prTotal{0%,15%{transform:scale(.9);opacity:.6}40%,58%{transform:scale(1);opacity:1}82%,100%{transform:scale(1.08);opacity:1}}
@keyframes psProgress{0%,12%{width:0}28%{width:26%}50%{width:52%}72%{width:78%}90%,100%{width:100%}}@keyframes psRunner{0%,12%{left:9%}28%{left:35%}50%{left:61%}72%{left:83%}90%,100%{left:91%}}
@keyframes abSpin{to{transform:rotate(360deg)}}@keyframes abNeedle{50%{transform:rotate(145deg)}}@keyframes abCard{50%{transform:translateX(-8px);border-color:var(--scene-accent)}}
@keyframes ctEnvelope{50%{transform:translateY(-6px) rotate(-1deg)}}@keyframes ctRoute{to{left:100%}}@keyframes ctDot{50%{transform:scale(2);opacity:.35}}
@keyframes orFill{0%,15%{transform:scaleX(.1)}50%,100%{transform:scaleX(1)}}@keyframes orFunnel{50%{opacity:1;transform:scaleY(1.08)}}@keyframes orMail{50%{transform:scale(1.08);box-shadow:0 0 22px color-mix(in srgb,var(--scene-accent) 22%,transparent)}}@keyframes orToken{0%{transform:translateX(-10px);opacity:0}40%{opacity:1}100%{transform:translate(115px,40px);opacity:0}}
@keyframes fqMark{50%{transform:rotate(8deg) scale(1.04)}}@keyframes fqPlus{50%{transform:rotate(45deg);background:var(--scene-accent);color:#0b1421}}@keyframes fqOrbit{to{transform:rotate(360deg)}}
@keyframes wkBar{50%{height:72%;filter:brightness(1.2)}}@keyframes wkKpi{50%{transform:translateX(-6px);border-color:var(--scene-accent)}}
@keyframes svCore{50%{transform:translate(-50%,-50%) scale(1.08) rotate(4deg)}}@keyframes svCard{50%{transform:translateY(-6px);border-color:var(--scene-accent)}}@keyframes svOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes svOrbitRev{to{transform:translate(-50%,-50%) rotate(-360deg)}}

/* chapters */
.service-chapter,.pad{padding:14px 0 20px}.service-chapter>.wrap,.pad>.wrap,.service-body{width:min(1180px,calc(100% - 28px));margin-inline:auto}.service-chapter.off{background:transparent}.chapter-grid{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:start}.chapter-grid>.chapter-no{position:sticky;top:18px;padding:12px 0;color:#8a929c;font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.masonry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chapter-copy,.service-section{min-width:0;padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.90);box-shadow:var(--shadow)}.chapter-copy .chapter-no,.section-label{margin-bottom:14px;color:var(--wx-orange);font-size:8px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.chapter-copy h2,.service-section h2{margin:0 0 12px;font-size:clamp(24px,2.8vw,34px);line-height:1.08;letter-spacing:-.045em}.chapter-copy p,.service-section p{margin:0 0 14px;color:#58626e;font-size:15px;line-height:1.82}.chapter-copy p:last-child,.service-section p:last-child{margin-bottom:0}.section-head{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:end;margin:0 0 14px}.section-head .meta{color:#8a929c;font-size:8px;font-weight:850;line-height:1.6;letter-spacing:.11em;text-transform:uppercase}.section-title{margin:0;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.055em}.spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#fff}.spec-row b{color:var(--ink);font-size:11px}.spec-row span{color:#69737e;font-size:12px;line-height:1.55}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-list details{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.faq-list summary{cursor:pointer;font-size:13px;font-weight:850}.faq-list p{margin:10px 0 0;color:#65707b;font-size:12px;line-height:1.65}
/* interactive/demo fragments from older studio pages */
.arch-buttons,.form-nav{display:flex;flex-wrap:wrap;gap:8px}.arch-buttons button,.form-nav button,.form-step button{border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 12px;font:800 9px/1 "Jost";text-transform:uppercase}.arch-panel,.lab,.responsive-card,.scope-lab,.multi-form,.shop-demo,.pipeline{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.lab{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lab-stage,.scope-output,.responsive-main,.responsive-side,.responsive-foot,.cart,.product,.form-step{padding:14px;border:1px solid #ebe3da;border-radius:14px;background:#fbfaf8}.responsive-grid,.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.scope-inputs{display:grid;gap:8px}.scope-meter{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--wx-orange) 45%,#ebe4db 45%)}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pipeline>*{min-width:0}.pic{min-height:90px;border-radius:10px;background:linear-gradient(135deg,#111827,#26344a)}

/* project brief form */
.multi-form{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}
.form-step{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.form-step label{display:grid;gap:8px;min-width:0;color:#4f5864;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.form-step label.full{grid-column:1/-1}.form-step input,.form-step select,.form-step textarea{display:block;width:100%;min-width:0;margin:0;border:1px solid #d9d0c5;border-radius:13px;background:#fbfaf8;color:var(--ink);font:600 14px/1.35 "Jost",Arial,sans-serif;outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-step input,.form-step select{height:50px;padding:0 14px}.form-step select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#737b86 50%),linear-gradient(135deg,#737b86 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}.form-step textarea{min-height:150px;padding:13px 14px;resize:vertical}.form-step input:focus,.form-step select:focus,.form-step textarea:focus{border-color:var(--wx-orange);background:#fff;box-shadow:0 0 0 3px rgba(243,81,32,.10)}.form-step input:user-invalid,.form-step textarea:user-invalid{border-color:#c64242}.form-nav{align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.form-nav button.primary{min-height:48px;padding:0 18px;border-color:var(--ink);background:var(--ink);color:#fff;cursor:pointer;transition:transform .18s ease,background .18s ease}.form-nav button.primary:hover{transform:translateY(-1px);background:var(--wx-orange);border-color:var(--wx-orange)}.form-status{margin:0;color:#7b8490;font-size:10px;line-height:1.55}.form-status strong{color:var(--ink)}
/* work legacy */
.service-body.read-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 0 24px}.service-cta{padding:14px 0 24px}.service-cta>.wrap{padding:28px;border-radius:24px;background:var(--dark);color:#fff}.service-cta h2{margin:0;font-size:clamp(32px,4vw,50px);letter-spacing:-.05em}.service-cta p{max-width:760px;color:#bdc6d2;line-height:1.7}.service-cta .primary-btn{background:#fff;color:var(--ink);border-color:#fff}
/* endcap */
.endcap{padding:22px 0 38px}.endcard{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:30px;border:1px solid #253248;border-radius:26px;background:linear-gradient(145deg,#101827,#172338);color:#fff}.endcard h2{margin:10px 0 0;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.05em}.endcard p{margin:10px 0 0;color:#b9c4d2}.end-actions{display:flex;flex-wrap:wrap;gap:8px}
/* footer derived from glossary */
.wxf-footer{position:relative;overflow:hidden;width:100%;margin-top:12px;border-top:1px solid var(--line);background:#fff}.wxf-footer:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(18,20,26,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(18,20,26,.03) 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(to bottom,black,transparent 90%)}.wxf-ticker{position:relative;z-index:1;overflow:hidden;border-bottom:1px solid var(--line);background:#fbfbfc}.wxf-ticker-track{display:flex;width:max-content;animation:wxfTicker 32s linear infinite}.wxf-ticker-group{flex:0 0 auto;min-width:100vw;display:flex;align-items:center;justify-content:space-evenly;gap:24px;padding:10px 18px;white-space:nowrap}.wxf-ticker-group span{color:#7c818b;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.wxf-ticker-group i{width:5px;height:5px;border-radius:50%;background:var(--wx-orange)}.wxf-inner{position:relative;z-index:1;width:min(1320px,calc(100% - 28px));margin:0 auto}.wxf-cta{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,.9fr) auto;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.wxf-cta-copy{display:flex;align-items:center;gap:15px}.wxf-pulse{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;color:#fff;background:var(--wx-orange);font-weight:900}.wxf-cta h2{margin:0;font-size:clamp(25px,3vw,38px);line-height:1;letter-spacing:-.045em}.wxf-cta p{margin:7px 0 0;color:#6f7883;font-size:12px}.wxf-cta-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wxf-cta-routes>div{padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.wxf-cta-routes small,.wxf-nav-area small{display:block;color:var(--wx-orange);font-size:7px;font-weight:900;letter-spacing:.1em}.wxf-cta-routes strong{display:block;margin-top:4px;font-size:11px}.wxf-cta-routes span{display:block;margin-top:3px;color:#808893;font-size:8px}.wxf-email{display:flex;align-items:center;gap:16px;padding:12px 15px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:10px;font-weight:850;white-space:nowrap}.wxf-main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:34px;padding:30px 0}.wxf-brand>a{display:flex;align-items:center;gap:10px;text-decoration:none}.wxf-brand>a span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--wx-orange);color:#fff;font-weight:900}.wxf-brand>a strong{font-size:20px;letter-spacing:-.04em}.wxf-brand p{color:#6e7782;font-size:12px;line-height:1.65}.wxf-brand em{font-style:normal;color:#398a43;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.wxf-nav-area{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.wxf-nav-area a{padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.86);text-decoration:none}.wxf-nav-area strong{display:block;margin-top:5px;font-size:15px}.wxf-nav-area span{display:block;margin-top:5px;color:#747d87;font-size:9px}.wxf-bottom{display:flex;justify-content:space-between;gap:20px;padding:15px 0 22px;border-top:1px solid var(--line);color:#7d8590;font-size:8px}.wxf-bottom p{margin:0}.wxf-bottom nav{display:flex;flex-wrap:wrap;gap:13px}.wxf-bottom a{text-decoration:none}
@keyframes wxScan{50%,100%{left:100%}}@keyframes wxPulse{50%{box-shadow:0 0 0 8px rgba(243,81,32,0)}}@keyframes dataSignal{to{left:calc(100% - 32px)}}@keyframes wxfTicker{to{transform:translateX(-50%)}}
@media(max-width:980px){.service-hero-grid{grid-template-columns:1fr}.service-hero-media{min-height:360px}.masonry{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.wxf-cta{grid-template-columns:1fr}.wxf-main{grid-template-columns:1fr}.service-body.read-wrap{grid-template-columns:1fr}.chapter-grid{grid-template-columns:1fr}.chapter-grid>.chapter-no{position:static;padding:0}.lab{grid-template-columns:1fr}}
@media(max-width:760px){.wemaxa-brandline-wrap{padding:0 9px}.wx-brandbar{gap:10px;min-height:52px}.wx-brandmeta{font-size:7px;white-space:normal;text-align:right;line-height:1.35}.wx-datarail{grid-template-columns:auto 1fr}.wx-data-items{display:none}.studio-localnav{padding-bottom:8px}.studio-localnav .studio-localnav-cta{margin-left:0}.service-hero{padding:20px 0 12px}.service-hero-grid>div:first-child,.service-hero.wrap>.hero-copy{padding:20px;border-radius:20px}.display,.service-hero h1{font-size:clamp(40px,12vw,56px)}.body-lg,.lead{font-size:15px}.service-hero-media{min-height:270px;border-radius:20px}.service-chapter,.pad{padding:9px 0 14px}.chapter-copy,.service-section{padding:18px;border-radius:18px}.chapter-copy h2,.service-section h2{font-size:27px}.chapter-copy p,.service-section p{font-size:14.5px}.spec-list,.faq-list{grid-template-columns:1fr}.spec-row{grid-template-columns:1fr;gap:5px}.responsive-grid,.products,.pipeline{grid-template-columns:1fr}.endcard{display:block;padding:22px}.end-actions{margin-top:18px}.wxf-inner{width:calc(100% - 18px)}.wxf-cta-routes{grid-template-columns:1fr}.wxf-nav-area{grid-template-columns:1fr 1fr}.wxf-bottom{display:block}.wxf-bottom nav{margin-top:10px}.wxf-ticker-group{min-width:170vw}.service-body.read-wrap{width:calc(100% - 18px)}}

@media(max-width:760px){.form-step{grid-template-columns:1fr}.form-step label.full{grid-column:auto}.multi-form{padding:15px;border-radius:18px}.form-nav{align-items:stretch}.form-nav button.primary{width:100%}.scene-canvas{inset:50px 10px 36px}.scene-head{left:12px;right:12px}.scene-foot{left:12px;right:12px}.service-hero-media{min-height:320px}.chapter-media{min-height:300px}.studio-scene:after{display:none}}
@media(max-width:460px){.wxf-nav-area{grid-template-columns:1fr}.hero-actions{display:grid}.pill,.primary-btn,.secondary-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.studio-scene,.studio-scene *{animation:none!important;transition:none!important}.wx-brandbar:before,.wx-brand:before,.wx-data-signal,.wxf-ticker-track{animation:none!important}.reveal,.media-reveal{opacity:1!important;transform:none!important}}

.studio-reveal{opacity:.01;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.studio-reveal.is-visible{opacity:1;transform:none}

.studio-crumbs{display:flex;flex-wrap:wrap;gap:7px;padding-top:18px;color:#7d8590;font-size:8px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.studio-crumbs a{text-decoration:none}.studio-crumbs span{color:#b6bbc2}.studio-crumbs strong{color:var(--wx-orange);font-weight:900}


/* v5 integrated SVG/CSS motion studies */
.studio-art{padding:14px 0 20px}.studio-art .wrap{width:min(1180px,calc(100% - 28px));margin-inline:auto}.art-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);gap:14px;align-items:stretch}.art-copy{display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:var(--shadow)}.art-kicker{margin-bottom:14px;color:var(--wx-orange);font-size:8px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.art-copy h2{margin:0;font-size:clamp(30px,4vw,50px);line-height:.98;letter-spacing:-.055em}.art-copy p{margin:18px 0 0;color:#606a75;font-size:14px;line-height:1.78}.art-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.art-tags span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#737c87;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.art-board{position:relative;overflow:hidden;min-height:420px;border:1px solid #263149;border-radius:26px;background:#101827;box-shadow:var(--shadow)}.art-board:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,rgba(0,0,0,.65))}.art-board-head,.art-board-foot{position:absolute;left:18px;right:18px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#eef4ff;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.art-board-head{top:15px}.art-board-head span{color:#ff754d}.art-board-head b,.art-board-foot b{font-size:7px;color:#aab6c7}.art-board-foot{bottom:14px}.art-board-foot i{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,.04))}.art-svg{position:absolute;inset:36px 10px 30px;width:calc(100% - 20px);height:calc(100% - 66px);overflow:visible}.art-svg *{vector-effect:non-scaling-stroke}.art-svg text{fill:#f4f7fb;font-family:Jost,Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.08em;text-anchor:middle}.art-svg rect,.art-svg circle,.art-svg ellipse{fill:#172236;stroke:#344158;stroke-width:1.3}.art-svg path{fill:none;stroke:#46536b;stroke-width:1.4}.art-svg .runner,.art-svg .fs-packet,.art-svg .ec-dot,.art-svg .cd-release,.art-svg .ct-dot,.art-svg .ps-runner,.art-svg .pr-knob{fill:#f35120;stroke:none}.art-secondary .art-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr)}.art-secondary .art-copy{order:2}.art-secondary .art-board{order:1}.secondary-shift{transform-origin:450px 260px;transform:scale(.93) rotate(-2deg)}
/* shared animation behavior */
.art-svg .orbit circle,.art-svg .ai-rings circle,.art-svg .ab-orbits ellipse,.art-svg .fq-orbit,.art-svg .en-scan{fill:none;stroke-dasharray:10 12;animation:artRotate 18s linear infinite;transform-origin:450px 260px}.art-svg .beam-path,.art-svg .fs-route,.art-svg .ai-path,.art-svg .app-sync,.art-svg .ec-route,.art-svg .cd-line,.art-svg .en-lines,.art-svg .pr-line,.art-svg .ps-track,.art-svg .ct-route,.art-svg .or-funnel{stroke:#ff6a3d;stroke-width:2;stroke-dasharray:7 9;animation:artDash 6s linear infinite}.art-svg .wd-guides path,.art-svg .br-grid path{stroke:#2d3a50;stroke-dasharray:5 8}.art-svg .svc-core circle,.art-svg .ai-core circle,.art-svg .ab-core circle,.art-svg .fq-core circle,.art-svg .en-core circle{fill:#111b2c;stroke:#f35120;stroke-width:2;animation:artPulse 3.2s ease-in-out infinite}.art-svg .svc-core text,.art-svg .ai-core text,.art-svg .ab-core text,.art-svg .fq-core text,.art-svg .en-core text{font-size:34px}.art-svg .svc-nodes circle,.art-svg .en-nodes circle{fill:#172338}.art-svg .svc-nodes g,.art-svg .en-nodes g{animation:artFloat 4.5s ease-in-out infinite}.art-svg .svc-nodes g:nth-child(2n),.art-svg .en-nodes g:nth-child(2n){animation-delay:-2.1s}.art-svg .wd-frame{transform-origin:450px 260px;animation:wdResponsive 8s ease-in-out infinite}.art-svg .wd-frame rect{fill:#172338}.art-svg .wd-hero{fill:#24344f}.art-svg .wd-side{fill:#1c2940}.art-svg .wd-cursor{fill:#f35120;animation:wdCursor 6s ease-in-out infinite}.art-svg .wd-bp{fill:#9facc0;font-size:12px}.art-svg .fs-stack>g{animation:fsLayer 5s ease-in-out infinite}.art-svg .fs-stack>g:nth-child(2){animation-delay:-1.6s}.art-svg .fs-stack>g:nth-child(3){animation-delay:-3.2s}.art-svg .fs-stack rect{fill:#162238}.art-svg .fs-packet{animation:fsPacket 3.2s ease-in-out infinite}.art-svg .fs-packet.p2{animation-delay:-1.6s}.art-svg .fs-label{fill:#6edbff;font-size:10px}.art-svg .ai-docs g{animation:artFloat 4s ease-in-out infinite}.art-svg .ai-docs g:nth-child(2n){animation-delay:-2s}.art-svg .ai-gate rect{fill:#172338;stroke:#63d793}.art-svg .ai-gate text{fill:#70e5a5;font-size:11px}.art-svg .app-device{transform-origin:center;animation:appTilt 7s ease-in-out infinite}.art-svg .app-device.d2{animation-delay:-3.5s}.art-svg .app-device rect{fill:#152136}.art-svg .app-cloud path{fill:#1b2a42;stroke:#4a5f7c}.art-svg .app-cloud text{font-size:11px}.art-svg .app-sync-dot{fill:#35d0ff;stroke:none;animation:appSync 3s ease-in-out infinite}.art-svg .ec-products g{animation:ecLift 5s ease-in-out infinite}.art-svg .ec-products g:nth-child(2){animation-delay:-2.5s}.art-svg .ec-products rect:first-child{fill:#172338}.art-svg .ec-cart rect,.art-svg .ec-pay rect{fill:#16233a}.art-svg .ec-pay text{fill:#70e5a5;font-size:11px}.art-svg .ec-dot{animation:ecFlow 4s ease-in-out infinite}.art-svg .br-mark circle{fill:#f35120;stroke:none}.art-svg .br-mark text{font-size:72px}.art-svg .br-word{font-size:54px;letter-spacing:.02em;text-anchor:start}.art-svg .br-sub{fill:#9eabc0;font-size:12px;text-anchor:start}.art-svg .br-swatches circle:nth-child(1){fill:#f35120}.art-svg .br-swatches circle:nth-child(2){fill:#111827}.art-svg .br-swatches circle:nth-child(3){fill:#f1e9df}.art-svg .br-swatches circle:nth-child(4){fill:#36c7ff}.art-svg .br-run{fill:#fff;stroke:#f35120;stroke-width:2;animation:brRun 4s ease-in-out infinite}.art-svg .cd-pipe g{animation:cdStage 5s ease-in-out infinite}.art-svg .cd-pipe g:nth-child(2){animation-delay:-1s}.art-svg .cd-pipe g:nth-child(3){animation-delay:-2s}.art-svg .cd-pipe g:nth-child(4){animation-delay:-3s}.art-svg .cd-pipe g:nth-child(5){animation-delay:-4s}.art-svg .cd-release{animation:cdRelease 5s linear infinite}.art-svg .ms-wave{stroke:#63d793;stroke-width:3;stroke-dasharray:14 8;animation:artDash 4s linear infinite}.art-svg .ms-ring circle{fill:none;stroke:#f35120;stroke-dasharray:8 8;animation:artRotate 10s linear infinite;transform-origin:700px 215px}.art-svg .ms-ring circle:nth-child(2){animation-direction:reverse}.art-svg .ms-uptime{fill:#70e5a5;text-anchor:start}.art-svg .en-scan{stroke:#35d0ff;animation:enScan 4s ease-in-out infinite;transform-origin:450px 260px}.art-svg .pr-bars rect{fill:#1b2940;animation:prBars 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}.art-svg .pr-bars rect:nth-child(2){animation-delay:-1.1s}.art-svg .pr-bars rect:nth-child(3){animation-delay:-2.2s}.art-svg .pr-bars rect:nth-child(4){animation-delay:-3.3s}.art-svg .pr-knob{animation:prKnob 6s ease-in-out infinite}.art-svg .ps-steps g{animation:psNode 4.8s ease-in-out infinite}.art-svg .ps-steps g:nth-child(2){animation-delay:-1.2s}.art-svg .ps-steps g:nth-child(3){animation-delay:-2.4s}.art-svg .ps-steps g:nth-child(4){animation-delay:-3.6s}.art-svg .ps-steps .cap{font-size:9px;fill:#9fabbd}.art-svg .ps-runner{animation:psRun 6s ease-in-out infinite}.art-svg .ps-review rect{fill:#172338}.art-svg .ps-review text{font-size:11px}.art-svg .ab-cards g{animation:artFloat 5s ease-in-out infinite}.art-svg .ab-cards g:nth-child(2){animation-delay:-1.7s}.art-svg .ab-cards g:nth-child(3){animation-delay:-3.4s}.art-svg .ab-note{font-size:10px;fill:#aab6c7}.art-svg .ct-dot{animation:ctTravel 5s ease-in-out infinite}.art-svg .ct-inbox rect{fill:#172338}.art-svg .ct-inbox rect:not(:first-child){fill:#22314b}.art-svg .or-tokens circle{fill:#35d0ff;stroke:none;animation:orToken 4s ease-in-out infinite}.art-svg .or-tokens circle:nth-child(2){animation-delay:-1s}.art-svg .or-tokens circle:nth-child(3){animation-delay:-2s}.art-svg .or-tokens circle:nth-child(4){animation-delay:-3s}.art-svg .or-send rect{fill:#f35120;stroke:none}.art-svg .fq-items g{animation:fqOpen 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.art-svg .fq-items g:nth-child(2){animation-delay:-1.2s}.art-svg .fq-items g:nth-child(3){animation-delay:-2.4s}.art-svg .fq-items g:nth-child(4){animation-delay:-3.6s}.art-svg .wk-chart rect{fill:#223350;animation:wkBars 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}.art-svg .wk-chart rect:nth-child(2){animation-delay:-.7s}.art-svg .wk-chart rect:nth-child(3){animation-delay:-1.4s}.art-svg .wk-chart rect:nth-child(4){animation-delay:-2.1s}.art-svg .wk-chart rect:nth-child(5){animation-delay:-2.8s}.art-svg .wk-chart rect:nth-child(6){animation-delay:-3.5s}.art-svg .wk-kpis g{animation:artFloat 4s ease-in-out infinite}.art-svg .wk-kpis g:nth-child(2){animation-delay:-1.4s}.art-svg .wk-kpis g:nth-child(3){animation-delay:-2.8s}
@keyframes artRotate{to{transform:rotate(360deg)}}@keyframes artDash{to{stroke-dashoffset:-120}}@keyframes artPulse{50%{transform:scale(1.06);filter:drop-shadow(0 0 10px rgba(243,81,32,.35))}}@keyframes artFloat{50%{transform:translateY(-10px)}}@keyframes wdResponsive{0%,100%{transform:scale(1)}35%{transform:scaleX(.82) translateX(45px)}70%{transform:scaleX(.62) translateX(120px)}}@keyframes wdCursor{0%{transform:translate(300px,205px)}35%{transform:translate(540px,325px)}70%{transform:translate(210px,335px)}100%{transform:translate(300px,205px)}}@keyframes fsLayer{50%{transform:translateY(-8px)}}@keyframes fsPacket{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(120px);opacity:1}}@keyframes appTilt{50%{transform:translateY(-8px) rotate(-1.5deg)}}@keyframes appSync{0%{transform:translateX(0);opacity:.2}50%{transform:translateX(140px);opacity:1}100%{transform:translateX(0);opacity:.2}}@keyframes ecLift{50%{transform:translateY(-10px)}}@keyframes ecFlow{0%{transform:translateX(0);opacity:.3}45%{transform:translateX(120px);opacity:1}75%{transform:translate(240px,160px);opacity:1}100%{transform:translate(0,160px);opacity:.2}}@keyframes brRun{50%{transform:translateX(360px)}}@keyframes cdStage{50%{transform:translateY(-6px)}}@keyframes cdRelease{to{transform:translateX(640px)}}@keyframes enScan{50%{transform:scale(1.8);opacity:.15}}@keyframes prBars{50%{transform:scaleY(.78)}}@keyframes prKnob{50%{transform:translate(480px,-190px)}}@keyframes psNode{50%{transform:translateY(-8px)}}@keyframes psRun{50%{transform:translateX(610px)}}@keyframes ctTravel{50%{transform:translate(390px,0)}}@keyframes orToken{50%{transform:translate(185px,95px);opacity:.15}}@keyframes fqOpen{50%{transform:scale(1.04);filter:drop-shadow(0 0 8px rgba(53,208,255,.2))}}@keyframes wkBars{50%{transform:scaleY(.68)}}
@media (max-width:900px){.art-grid,.art-secondary .art-grid{grid-template-columns:1fr}.art-secondary .art-copy,.art-secondary .art-board{order:initial}.art-board{min-height:360px}.art-copy{padding:22px}}@media (max-width:640px){.studio-art{padding:10px 0 16px}.art-board{min-height:300px;border-radius:20px}.art-copy{padding:20px}.art-copy h2{font-size:clamp(28px,10vw,38px)}.art-copy p{font-size:13px}.art-board-head,.art-board-foot{left:12px;right:12px}.art-svg{inset:32px 4px 28px;width:calc(100% - 8px);height:calc(100% - 60px)}}
@media (prefers-reduced-motion:reduce){.studio-art *{animation:none!important}.art-svg .runner{display:none}}