/* Dot.Solution Hero Animation — isolated styles; existing site components remain untouched */
.ds-hero-animation{--ds-orange:#f4510b;--ds-orange2:#ff8a18;--ds-navy:#17233b;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100%;min-height:300px;aspect-ratio:1.55/1;overflow:hidden;border:1px solid rgba(218,226,237,.95);border-radius:24px;background:radial-gradient(ellipse at 50% 60%,#fff 0%,#f8fbff 48%,#edf4fb 100%);box-shadow:0 12px 30px rgba(24,42,72,.10)}
.ds-hero-animation:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 48%,rgba(255,126,30,.06));pointer-events:none;z-index:-1}
.ds-hero-glow{position:absolute;width:52%;height:25%;left:25%;bottom:11%;border-radius:50%;background:rgba(255,113,24,.18);filter:blur(28px);animation:dsGlow 4.8s ease-in-out infinite}
.ds-hero-art{position:absolute;width:82%;height:74%;object-fit:contain;left:9%;top:19%;z-index:2;animation:dsFloat 5.5s ease-in-out infinite;filter:drop-shadow(0 14px 13px rgba(23,35,59,.12))}
.ds-orbit{position:absolute;width:75%;height:54%;left:12.5%;top:28%;border:2px solid rgba(255,105,18,.42);border-left-color:transparent;border-right-color:rgba(40,148,255,.35);border-radius:50%;transform:rotate(-13deg);z-index:1;animation:dsOrbit 18s linear infinite}
.ds-orbit-two{width:84%;height:62%;left:8%;top:23%;border-color:rgba(255,145,32,.22);border-top-color:transparent;transform:rotate(16deg);animation-direction:reverse;animation-duration:23s}
.ds-service-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 7px 20px rgba(24,42,72,.12);font-size:clamp(10px,1vw,13px);font-weight:700;white-space:nowrap;animation:dsChipFloat 4s ease-in-out infinite}
.ds-service-chip i{font-size:16px}.ds-chip-print{top:9%;left:5%;color:#fff;background:linear-gradient(120deg,#f4510b,#ff9b22);animation-delay:-.8s}.ds-chip-online{top:6%;left:39%;color:#fff;background:linear-gradient(120deg,#1478ee,#47b6ff);animation-delay:-1.7s}.ds-chip-gadget{top:13%;right:4%;color:#fff;background:linear-gradient(120deg,#7535e8,#a45bff);animation-delay:-2.4s}
.ds-hero-brand{position:absolute;right:4%;bottom:4%;z-index:5;display:flex;align-items:center;gap:8px;color:var(--ds-navy);font-size:12px}.ds-hero-brand strong,.ds-hero-brand small{display:block}.ds-hero-brand strong{color:var(--ds-orange);font-size:14px}.ds-hero-brand small{font-size:9px;color:#65738b}.ds-brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#fff;background:var(--ds-orange)}
@keyframes dsFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.012)}}@keyframes dsGlow{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:.9;transform:scale(1.08)}}@keyframes dsOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes dsChipFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:991.98px){.ds-hero-animation{min-height:270px;aspect-ratio:1.6/1;margin-top:8px}.ds-hero-art{width:84%;height:72%;left:8%;top:21%}.ds-service-chip{padding:8px 10px;gap:6px}.ds-chip-print{left:3%;top:7%}.ds-chip-online{left:36%;top:4%}.ds-chip-gadget{right:3%;top:10%}}
@media(max-width:575.98px){.ds-hero-animation{min-height:235px;aspect-ratio:1.15/1;border-radius:18px}.ds-hero-art{width:94%;height:68%;left:3%;top:25%}.ds-service-chip{font-size:9px;padding:7px 8px;gap:5px}.ds-service-chip i{font-size:12px}.ds-chip-print{left:2%;top:6%}.ds-chip-online{left:34%;top:3%}.ds-chip-gadget{right:2%;top:9%}.ds-hero-brand{right:3%;bottom:3%;gap:5px}.ds-hero-brand strong{font-size:11px}.ds-hero-brand small{font-size:8px}.ds-brand-mark{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.ds-hero-animation *, .ds-hero-animation *:before,.ds-hero-animation *:after{animation:none!important;scroll-behavior:auto!important}}