.ux-page{background:#020c17}.ux-page .ws-section{padding-block:32px}.ux-page h2{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.035em}.ux-accent{color:#18c8ff}.ux-page .ux-icon{width:70px;height:70px;object-fit:contain;aspect-ratio:1}.ux-sprite{background-image:url('/media/services/ux/icons.png');background-size:500% 400%;background-repeat:no-repeat;mix-blend-mode:screen}.ux-page .crm-inline .ux-icon{width:65px;height:65px}.ux-page .crm-inline h3{font-size:17px}.ux-page .crm-inline p{font-size:13px}.ux-page .ws-card{border-color:#135577;background:linear-gradient(135deg,#082039,#020c17);box-shadow:inset 0 1px #3ac0ff0a}.ux-page .ws-card:hover{border-color:#26a6e3;box-shadow:0 0 24px #129ce51c}.ux-hero{position:relative;overflow:hidden;border-bottom:1px solid #1475a1;background:radial-gradient(ellipse at 75% 85%,#0965a14a,transparent 50%),#020c17}.ux-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020c17 10%,#020c17a0 45%,transparent),url('/media/services/ux/concept.png') center/cover;opacity:.3;pointer-events:none}.ux-hero .ws-breadcrumb{padding-top:30px;position:relative;z-index:3}.ux-hero-grid{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:550px}.ux-copy{position:relative;z-index:3;padding:25px 0}.ux-copy h1{font-size:clamp(40px,4.6vw,66px);line-height:1.04;letter-spacing:-.045em;margin:20px 0}.ux-copy h1 em{display:block;font-style:normal;color:#1dc7ff}.ux-copy p{font-size:17px;line-height:1.8;max-width:510px;color:#c3d1e4}.ux-copy .ws-actions{flex-wrap:wrap}.ux-hero-scene{position:relative;min-height:560px;align-self:stretch}.ux-robot{position:absolute;height:565px;width:83%;object-fit:contain;object-position:center bottom;right:-8%;bottom:-15px;z-index:2;filter:drop-shadow(0 0 20px #126ed34a);animation:ux-float 7s ease-in-out infinite}.ux-halo{position:absolute;inset:15% 5%;border-radius:50%;border:1px solid #2685bb66;box-shadow:0 0 100px #085ab833,inset 0 0 60px #da244129}.ux-floating{position:absolute;z-index:3;left:0;top:17%;width:250px;padding:18px;border:1px solid #2282b9;border-radius:12px;background:linear-gradient(130deg,#062444ed,#020c17db);box-shadow:0 0 25px #087ccb50;backdrop-filter:blur(8px);transform:perspective(650px) rotateY(8deg);font-size:12px}.ux-search{display:flex;gap:9px;align-items:center;border:1px solid #168cc9;padding:8px;border-radius:7px;margin-bottom:15px;color:#cae9ff}.ux-search .ux-icon{width:25px;height:25px}.ux-floating b{display:block;font-size:12px}.ux-floating small{color:#90b6d4;font-size:10px}.ux-bars{height:100px;display:flex;gap:9px;align-items:flex-end;margin:15px 0;border-bottom:1px solid #237096}.ux-bars i{flex:1;background:linear-gradient(#12d4ff,#064088);border:1px solid #43acff;border-bottom:0;border-radius:3px 3px 0 0;box-shadow:0 0 14px #0895e733;animation:ux-glow 5s infinite alternate}.ux-bars i:last-child{background:linear-gradient(#ff4562,#780c37);border-color:#fa4b6b}.ux-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:15px 0;border-bottom:1px solid #184565}.ux-strip a{text-align:center;border-right:1px solid #184565;display:grid;justify-items:center;gap:5px;font-size:12px;color:#d1e8ff}.ux-strip a:last-child{border:0}.ux-strip .ux-icon{width:43px;height:43px}.ux-page .crm-vision-grid{grid-template-columns:1.25fr 1fr;gap:28px}.ux-benefits{display:grid;gap:12px}.ux-report{border:1px solid #219fe9;border-radius:14px;background:#05121f;box-shadow:0 0 25px #128bdf25;overflow:hidden}.ux-report-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #1b3d56;font-size:14px}.ux-report-body{display:grid;grid-template-columns:145px 1fr;min-height:300px}.ux-report-nav{display:flex;flex-direction:column;gap:8px;padding:14px 10px;border-right:1px solid #153953}.ux-report-nav button{background:transparent;color:#a9c7e1;border:1px solid transparent;padding:10px 8px;text-align:left;font-size:12px;border-radius:7px;cursor:pointer}.ux-report-nav button[aria-selected=true]{background:#0967be;color:white;border-color:#28a6ff;box-shadow:0 0 16px #188adc44}.ux-report-content{padding:16px;min-width:0}.ux-report-content h3{font-size:19px;margin:12px 0}.ux-report-content p{font-size:13px}.ux-report-content a{color:#40c5ff;font-size:12px}.ux-audit-row{display:flex;align-items:center;gap:10px;padding:13px 10px;margin-bottom:10px;background:#0b263e;border:1px solid #154466;border-radius:8px}.ux-audit-row .ux-icon{width:33px;height:33px}.ux-audit-row b{display:block;font-size:12px}.ux-audit-row small{font-size:10px;color:#9abbda;display:block;line-height:1.5;margin-top:5px}.ux-audit-row>span{margin-left:auto;color:#53d1ff;font-size:9px;white-space:nowrap}.ux-report-help{margin:0;padding:12px 18px;color:#9cb7d3;font-size:11px}.ux-demo-note{display:block;padding:12px 15px;border-top:1px solid #204563;color:#86a9c5;font-size:10px}.ux-technologies{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.ux-technologies article{padding:18px 10px;display:grid;justify-items:center;gap:10px}.ux-technologies b{font-size:15px}.ux-page .crm-steps .ux-icon{width:65px;height:65px}.ux-page .crm-steps:before{top:42px}.ux-page .crm-grid.four .crm-inline{padding:16px;gap:10px}.ux-page .crm-grid.four .ux-icon{width:48px;height:48px}.ux-page .crm-grid.four h3{font-size:15px}.ux-monitor-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:15px}.ux-monitor{border:1px solid #185784;border-radius:12px;overflow:hidden;background:#06182b;position:relative}.ux-monitor img{width:100%;height:100%;object-fit:cover}.ux-monitor small{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#020c17cc;color:#b7dfff;font-size:10px}.ux-page .crm-card .ux-icon{height:70px;width:70px}.ux-page .crm-card h3{font-size:16px}.ux-page .crm-card p{font-size:12px}.ux-page .crm-guide summary{color:#eff8ff}.ux-page .crm-guide img{object-fit:cover;object-position:center}.ux-page .ws-button{box-shadow:0 5px 22px #ff28402b,inset 0 1px #ffffff55}.ux-page .ws-outline{box-shadow:0 0 18px #1384d51f}.ux-page button:focus-visible,.ux-page a:focus-visible{outline:2px solid #54d8ff;outline-offset:4px}.ux-page .ws-cta{background:radial-gradient(ellipse at 70% 100%,#114e8055,transparent),linear-gradient(110deg,#081527,#031325);border-color:#235178}@keyframes ux-float{50%{transform:translateY(-8px)}}@keyframes ux-glow{to{filter:brightness(1.3)}}
@media(max-width:1100px){.ux-floating{width:200px;padding:13px}.ux-copy h1{font-size:47px}.ux-hero-grid{grid-template-columns:1fr 1fr}.ux-robot{height:530px}.ux-page .crm-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-report-body{grid-template-columns:1fr}.ux-report-nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #153953}.ux-report-nav button{font-size:10px;padding:7px}.ux-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ux-hero-grid{grid-template-columns:1fr}.ux-hero .ws-breadcrumb{font-size:10px;padding-top:24px;flex-wrap:wrap}.ux-copy{padding:18px 0 0}.ux-copy h1{font-size:43px}.ux-copy p{font-size:15px}.ux-hero-scene{min-height:385px}.ux-robot{height:400px;bottom:-15px;right:-11%;width:88%}.ux-floating{width:170px;top:22%;font-size:10px}.ux-search{font-size:10px}.ux-bars{height:75px;gap:6px}.ux-strip{gap:5px}.ux-strip a{font-size:9px;padding:0 3px}.ux-strip .ux-icon{width:35px;height:35px}.ux-page .crm-grid.three{grid-template-columns:1fr}.ux-page .crm-grid.four .crm-inline{display:block}.ux-page .crm-grid.four .ux-icon{margin-bottom:9px}.ux-page .crm-vision-grid{grid-template-columns:1fr}.ux-page .ws-actions{gap:10px}.ux-page .ws-actions .ws-button{font-size:12px;padding:12px 15px}.ux-page .crm-inline .ux-icon{width:58px;height:58px}.ux-technologies{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ux-technologies b{font-size:12px}.ux-technologies .ux-icon{width:50px;height:50px}.ux-audit-row>span{font-size:8px}.ux-report-content{padding:12px}.ux-monitor-grid{gap:10px}.ux-monitor-grid .crm-card{padding:12px}.ux-monitor-grid .crm-card h3{font-size:14px}.ux-monitor-grid .crm-card p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ux-page *{animation:none!important;transition:none!important}}

.ux-floating{width:290px;left:-5%;top:20%;padding:5px;transform:perspective(650px) rotateY(12deg)}.ux-floating img{width:100%;height:240px;object-fit:cover;border-radius:9px}.ux-concept,.ux-system{border:1px solid #1c91c9;border-radius:14px;background:#061426;padding:18px;box-shadow:0 0 25px #128bdf25;min-width:0}.ux-concept>b,.ux-system>b{display:block;font-size:14px;margin-bottom:12px}.ux-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ux-tabs button{border:1px solid #185680;border-radius:6px;padding:9px;background:#071a2c;color:#bbd8ec;font-size:12px;cursor:pointer}.ux-tabs button[aria-selected=true]{background:#0877cb;color:#fff;border-color:#29c5ff;box-shadow:0 0 16px #1193e133}.ux-concept img{width:100%;height:270px;object-fit:cover;border-radius:10px}.ux-concept h3{font-size:17px;margin:14px 0 8px}.ux-concept p{font-size:12px;margin-bottom:14px}.ux-concept>small{font-size:10px;color:#8da8c2}.ux-system-grid{display:grid;grid-template-columns:.8fr .8fr 1.3fr;gap:14px}.ux-system-grid>div{padding:14px;border:1px solid #173f5e;border-radius:10px;min-width:0}.ux-system-grid small{display:block;font-size:11px;color:#b7d9ec;margin-bottom:14px}.ux-aa{display:block;font-size:55px;line-height:1.2}.ux-system-grid p,.ux-system-grid span{font-size:11px}.ux-swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ux-swatches span:before{content:'';display:block;height:42px;border:1px solid #46728a;border-radius:8px;background:var(--swatch);margin-bottom:6px}.ux-system .ws-button{padding:9px 10px;font-size:10px;width:100%;margin-bottom:10px;cursor:pointer;justify-content:center}.ux-field{font-size:10px;color:#a9c7e1;display:block}.ux-field input{width:100%;border:1px solid #25739d;border-radius:6px;background:#071525;color:#fff;padding:10px;margin-top:7px;box-sizing:border-box;min-width:0}.ux-state{color:#31d0ff;min-height:30px}.ux-system-art{width:100%;height:100px;object-fit:cover;object-position:center;margin-top:15px;border-radius:8px}.ux-page .crm-guide b{color:#eff8ff}.ux-page .crm-vision-grid{grid-template-columns:1.35fr 1fr}.ux-page .crm-guide img{width:145px;height:110px}.ux-page .ws-card:hover .ux-icon{transform:translateY(-5px) rotate(-3deg);filter:drop-shadow(0 0 12px #2c8cff80)}
@media(max-width:1050px){.ux-system-grid{grid-template-columns:1fr 1fr}.ux-system-grid>div:last-child{grid-column:1/-1}.ux-floating{width:210px}.ux-floating img{height:190px}}
@media(max-width:700px){.ux-page .crm-vision-grid{grid-template-columns:1fr}.ux-floating{width:180px;left:0;top:25%}.ux-floating img{height:160px}.ux-concept img{height:220px}.ux-system-grid{gap:10px}.ux-system-grid>div{padding:10px}.ux-page .crm-guide img{width:95px}.ux-tabs button{font-size:11px;padding:8px}}