/* The 3D artwork is built entirely from CSS and the client's supplied logo. */
.home{background:radial-gradient(circle at 50% 28%,#211132 0,#111 34%)}
.home .hero{width:min(1340px,calc(100% - 32px));padding-bottom:45px;overflow:visible}
.home .hero::before{content:"";position:absolute;left:50%;top:85px;transform:translateX(-50%);width:min(100vw,980px);height:760px;background:radial-gradient(ellipse at center,#7034da20,transparent 68%);pointer-events:none}
.home .hero h1{position:relative;z-index:2;text-shadow:0 12px 40px #0005}
.home .hero>.eyebrow,.home .hero>p,.home .hero>.actions{position:relative;z-index:2}
.hero-scene{position:relative;isolation:isolate;height:670px;margin:75px auto 0;max-width:1300px;perspective:1200px;overflow:hidden;border-radius:42px;background:radial-gradient(ellipse at 53% 55%,#4c1f9e20,transparent 55%)}
.scene-glow{position:absolute;inset:8% 8% 10%;background:radial-gradient(ellipse at 50% 60%,#742cea85 0,#4318794d 24%,transparent 61%);filter:blur(40px);transform:translateZ(-100px);opacity:.75}
.scene-grid{position:absolute;left:-25%;right:-25%;bottom:-220px;height:500px;background-image:linear-gradient(#9559eb32 1px,transparent 1px),linear-gradient(90deg,#9559eb32 1px,transparent 1px);background-size:58px 58px;transform:rotateX(68deg);transform-origin:center top;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 45%,transparent 90%);opacity:.65}
.scene-halo{position:absolute;left:50%;top:48%;border-radius:50%;border:1px solid #af77ff35;box-shadow:0 0 50px #7331ce2b,inset 0 0 50px #7331ce12;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(-18deg)}
.scene-halo-one{width:1060px;height:520px}.scene-halo-two{width:820px;height:390px;border-color:#bd9aff20;transform:translate(-50%,-50%) rotateX(67deg) rotateZ(16deg)}
.scene-dashboard{--move-x:0deg;--move-y:0deg;position:absolute;z-index:3;left:50%;top:47%;width:650px;min-height:365px;border:1px solid #b58eff91;border-radius:28px;overflow:hidden;text-align:left;background:linear-gradient(137deg,#2e2349f7,#151523fb 49%,#24123cfa);box-shadow:0 3px 1px #ac80fc70 inset,0 24px 0 -8px #0c0916,0 28px 0 -8px #714ac37d,0 58px 100px #030006bb,0 0 100px #6924da43;transform:translate(-50%,-50%) rotateX(calc(11deg + var(--move-y))) rotateY(calc(-13deg + var(--move-x))) rotateZ(-2deg);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);animation:dashboard-float 6s ease-in-out infinite}
@keyframes dashboard-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.scene-dashboard::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff2,transparent 32%,transparent 65%,#9f63ff12);pointer-events:none}
.scene-dashboard-top{height:48px;border-bottom:1px solid #aa7de030;display:flex;align-items:center;gap:16px;padding:0 22px;color:#afa0c8;font-size:9px;letter-spacing:.14em}
.scene-window-dots{display:flex;gap:5px}.scene-window-dots i{width:6px;height:6px;border-radius:50%;background:#9b74dc}.scene-window-dots i:nth-child(2){opacity:.55}.scene-window-dots i:nth-child(3){opacity:.3}
.scene-live{margin-left:auto;white-space:nowrap;color:#c2f9dc;font-size:8px}.scene-live i{display:inline-block;background:#7be6a9;width:5px;height:5px;border-radius:50%;margin-right:5px;box-shadow:0 0 10px #7be6a9}
.scene-dashboard-body{display:grid;grid-template-columns:1fr .86fr;min-height:274px;align-items:center;padding:25px 40px 20px}
.scene-overline{display:block;color:#b89cf4;letter-spacing:.2em;font-size:10px;margin-bottom:16px}.scene-dashboard-copy strong{display:block;font-size:46px;line-height:1.03;letter-spacing:-.055em;font-weight:500}.scene-dashboard-copy strong em{font-family:'Playfair Display',Georgia,serif;color:#d3b4ff;font-weight:500}.scene-dashboard-copy p{color:#a99cbb;font-size:13px;margin:14px 0 26px}.scene-progress{display:flex;align-items:end;gap:6px;height:23px}.scene-progress span{display:block;width:26px;height:9px;border-radius:7px;background:linear-gradient(90deg,#5a2ccb,#a57cff);box-shadow:0 0 14px #8b55fd8f}.scene-progress span:nth-child(2){height:14px}.scene-progress span:nth-child(3){height:20px}.scene-progress span:nth-child(4){height:15px}.scene-progress span:nth-child(5){height:23px;background:#c7a6ff}
.scene-core{position:relative;width:235px;height:235px;display:grid;place-items:center;filter:drop-shadow(0 12px 35px #7331d9a0)}.scene-core-ring{position:absolute;border-radius:50%;border:1px solid #9f6cfc}.ring-outer{width:215px;height:215px;box-shadow:0 0 35px #8045ef55,inset 0 0 24px #8045ef35;animation:ring-spin 17s linear infinite}.ring-outer::before,.ring-outer::after{content:"";position:absolute;width:10px;height:10px;background:#d3bdff;border-radius:50%;box-shadow:0 0 19px #c8a5ff;top:13px;left:38px}.ring-outer::after{top:auto;left:auto;right:27px;bottom:21px;width:6px;height:6px}.ring-inner{width:165px;height:165px;border:15px solid #7543d14d;border-top-color:#bc8dff;border-right-color:#a16bff;box-shadow:0 0 22px #9958ef77,inset 0 0 30px #5526b099;animation:ring-spin-reverse 12s linear infinite}.scene-core-disc{width:105px;height:105px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#b790ff,#511ac6 45%,#150e29);box-shadow:0 5px 0 #270e57,0 0 32px #a671fb9c,inset 0 1px 1px #fff8;transform:rotate(-16deg)}.scene-core-disc img{width:75px;height:75px;object-fit:contain;filter:drop-shadow(0 4px 8px #100b3b)}.core-spark{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 12px 4px #9a62ff}.spark-one{top:15px;right:15px}.spark-two{bottom:22px;left:22px}.spark-three{right:3px;bottom:70px}
@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes ring-spin-reverse{to{transform:rotate(-360deg)}}
.scene-dashboard-bottom{height:43px;border-top:1px solid #aa7de030;display:flex;align-items:center;justify-content:space-around;font-size:9px;letter-spacing:.12em;color:#aa9cbf}.scene-dashboard-bottom b{color:#d6bdff;font-weight:500;margin-right:5px}
.scene-float{position:absolute;z-index:5;display:flex;align-items:center;gap:12px;min-width:205px;padding:13px 16px;text-align:left;border:1px solid #b890fb66;border-radius:17px;background:linear-gradient(130deg,#302246f5,#1a1826ee);backdrop-filter:blur(14px);box-shadow:0 14px 30px #0009,0 1px 0 #cba7ff4d inset,0 0 35px #7132d745;animation:float-card 5s ease-in-out infinite}.scene-float::after{content:"";position:absolute;inset:1px;border-radius:16px;background:linear-gradient(120deg,#ffffff13,transparent 42%);pointer-events:none}.float-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#9c65fa,#47228d);color:#f8edff;font-size:23px;box-shadow:0 5px 13px #6b2cce61}.scene-float small{display:block;color:#aa91cf;font-size:8px;letter-spacing:.14em;margin-bottom:3px}.scene-float strong{display:block;font-size:14px;font-weight:600;color:#faf6ff;white-space:nowrap}.float-arrow{margin-left:auto;color:#cba8ff}.float-digital{left:5%;top:20%;transform:rotate(-8deg);animation-delay:-1s}.float-auto{right:2%;top:17%;transform:rotate(8deg);animation-delay:-3s}.float-ai{left:0;bottom:17%;transform:rotate(7deg);animation-delay:-2s}.float-web{right:4%;bottom:13%;transform:rotate(-8deg);animation-delay:-4s}@keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -15px}}
.scene-floor-label{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);white-space:nowrap;color:#9279b8;font-size:10px;letter-spacing:.24em}.scene-floor-label .dot{display:inline-block;margin-right:6px;width:5px;height:5px;background:#ac7cff;box-shadow:0 0 10px #ac7cff}
.home .intro{margin-top:20px}
.home .card,.blog-card,.contact-note{position:relative;overflow:hidden}.home .card::before,.blog-card::before,.contact-note::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 0 0,#9d63f118,transparent 55%);pointer-events:none}.home .card:hover,.blog-card:hover{box-shadow:0 20px 50px #0008,0 0 45px #7330bb1f;transform:translateY(-6px) rotateX(2deg)}
.home .section-heading .label{box-shadow:0 0 26px #6c2ccd22}.home .benefit-mark{font-size:0;width:170px;height:170px;border-radius:40px;margin:auto;transform:rotate(-14deg) skewY(7deg);background:linear-gradient(145deg,#c9a1ff,#7836e8 45%,#391271);box-shadow:20px 24px 0 -8px #401677,27px 35px 28px #0009,0 0 75px #752fe48c;display:grid;place-items:center}.home .benefit-mark::before{content:"✳";font-size:100px;color:#f2eaff;text-shadow:0 0 30px #fff8}.home .solution{background:radial-gradient(circle at 80% 40%,#5a269253,transparent 40%),linear-gradient(115deg,#121018,#201334)}.home .tag-cloud span{box-shadow:0 9px 22px #0005,0 1px 0 #b180fa40 inset;transform:rotate(-2deg)}.home .tag-cloud span:nth-child(3n){transform:rotate(3deg)}.home .tag-cloud span:hover{transform:translateY(-6px) rotate(0deg)}
@media(max-width:1100px){.hero-scene{height:590px}.scene-dashboard{scale:.82}.float-digital{left:0}.float-auto{right:0}.float-ai{left:0}.float-web{right:0}.scene-float{min-width:180px}}
@media(max-width:760px){.home .hero{width:min(100% - 20px,540px);padding-bottom:0}.hero-scene{height:655px;margin-top:46px;overflow:hidden;border-radius:28px}.scene-glow{inset:15% 0 0}.scene-grid{bottom:-220px}.scene-halo-one{width:600px}.scene-halo-two{width:460px}.scene-dashboard{top:42%;scale:.52}.scene-float{min-width:0;width:43%;padding:9px;gap:7px;border-radius:13px}.float-icon{width:30px;height:30px;font-size:17px;border-radius:9px}.scene-float small{font-size:6px}.scene-float strong{font-size:10px;white-space:normal}.float-arrow{display:none}.float-digital{left:5%;top:3%;transform:rotate(-6deg)}.float-auto{right:4%;top:7%;transform:rotate(6deg)}.float-ai{left:3%;bottom:20%;transform:rotate(6deg)}.float-web{right:4%;bottom:16%;transform:rotate(-6deg)}.scene-floor-label{bottom:25px;font-size:7px;letter-spacing:.13em}.home .intro{margin-top:0}}
@media(max-width:430px){.hero-scene{height:610px}.scene-dashboard{scale:.47;top:42%}.scene-float{width:46%}.float-digital{left:1%}.float-auto{right:1%}.float-ai{left:1%}.float-web{right:1%}}
@media(prefers-reduced-motion:reduce){.scene-dashboard,.scene-float,.scene-core-ring{animation:none!important}.scene-dashboard{transition:none!important}}