/* Isometric concept study — scoped to the home hero, on top of the v15 palette. */
.isometric-hero-art{--iso-tilt-x:0deg;--iso-tilt-y:0deg;isolation:isolate;overflow:visible;cursor:default}
.isometric-hero-art .iso-aura{position:absolute;inset:11% 0 4%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 41% at 48% 51%,#477dc357,transparent 85%),radial-gradient(ellipse 34% 30% at 80% 65%,#9d654640,transparent 83%);filter:blur(31px);animation:isoBreathing 8s ease-in-out infinite alternate}
.isometric-hero-art .iso-scene{position:absolute;inset:-7% -9% 5%;display:grid;place-items:center;transform:perspective(1100px) rotateY(var(--iso-tilt-x)) rotateX(var(--iso-tilt-y));transition:transform .32s ease-out;will-change:transform;pointer-events:none}
.isometric-hero-art .iso-svg{width:100%;height:100%;max-width:none;overflow:visible;filter:drop-shadow(0 26px 42px #000b)}
.isometric-hero-art .iso-floating-board{animation:isoFloat 7s ease-in-out infinite}
.isometric-hero-art .iso-ground-glow{animation:isoGroundPulse 7s ease-in-out infinite}
.isometric-hero-art .iso-cube{transition:opacity .5s ease,filter .5s ease;will-change:opacity}
.isometric-hero-art .cube-ai{animation:isoCenterPulse 5s ease-in-out infinite}
.isometric-hero-art .iso-flow-line{stroke-dasharray:8 11;animation:isoFlow 8s linear infinite;opacity:.9;filter:drop-shadow(0 0 3px #8bbfff)}
.isometric-hero-art .iso-flow-warm{animation-duration:6s;animation-direction:reverse;filter:drop-shadow(0 0 3px #e7aa86)}
.isometric-hero-art .iso-orbit{stroke-dasharray:3 13;animation:isoFlow 13s linear infinite}
.isometric-hero-art .iso-orbit-two{animation-direction:reverse}
.isometric-hero-art .iso-point{animation:isoPointPulse 3.2s ease-in-out infinite}
.isometric-hero-art .point-delayed{animation-delay:-1.6s}
.isometric-hero-art .iso-svg[data-focus=commerce] .cube-ai,.isometric-hero-art .iso-svg[data-focus=commerce] .cube-automation,.isometric-hero-art .iso-svg[data-focus=commerce] .cube-data,.isometric-hero-art .iso-svg[data-focus=automation] .cube-ai,.isometric-hero-art .iso-svg[data-focus=automation] .cube-commerce,.isometric-hero-art .iso-svg[data-focus=automation] .cube-data{opacity:.36}
.isometric-hero-art .iso-svg[data-focus=ai] .cube-commerce,.isometric-hero-art .iso-svg[data-focus=ai] .cube-automation,.isometric-hero-art .iso-svg[data-focus=ai] .cube-data{opacity:.8}
.isometric-hero-art .iso-hud{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:11px 13px;background:#08121cdb;border:1px solid #3d5b7cbd;border-radius:11px;color:#d9e9fd;font:700 10px/1.2 'DM Sans','IBM Plex Sans Arabic',sans-serif;letter-spacing:.09em;white-space:nowrap;box-shadow:0 12px 32px #0006,0 0 30px #4877b122;backdrop-filter:blur(14px);pointer-events:none;animation:isoBadgeFloat 5.5s ease-in-out infinite}
.isometric-hero-art .iso-hud-left{left:0;top:15%}
.isometric-hero-art .iso-hud-right{right:0;top:35%;animation-delay:-2.5s}
.isometric-hero-art .iso-live-dot{width:7px;height:7px;border-radius:50%;background:#a8d1ff;box-shadow:0 0 12px #7aacee;animation:isoPointPulse 2.8s infinite}
.isometric-hero-art .iso-hud-bars{display:flex;align-items:end;gap:3px;height:12px}
.isometric-hero-art .iso-hud-bars i{width:3px;height:6px;border-radius:3px;background:#c79a83;animation:isoBar 1.4s infinite alternate}
.isometric-hero-art .iso-hud-bars i:nth-child(2){height:10px;animation-delay:.2s}
.isometric-hero-art .iso-hud-bars i:nth-child(3){height:8px;animation-delay:.4s}
.isometric-hero-art .iso-focus-switch{position:absolute;z-index:6;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px;background:#0b1521dd;border:1px solid #3a5373a1;border-radius:99px;box-shadow:0 16px 30px #0008;backdrop-filter:blur(12px);pointer-events:auto}
.isometric-hero-art .iso-focus-switch button{appearance:none;background:transparent;border:0;color:#a4bdd8;font:700 10px/1 'DM Sans','IBM Plex Sans Arabic',sans-serif;letter-spacing:.05em;padding:10px 15px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s,transform .25s;white-space:nowrap}
.isometric-hero-art .iso-focus-switch button:hover{background:#263c57;color:#fff;transform:translateY(-2px)}
.isometric-hero-art .iso-focus-switch button.selected{background:#dfebfc;color:#17243b;box-shadow:0 2px 10px #0006}
.isometric-hero-art .iso-focus-switch button:focus-visible{outline:2px solid #c6e0ff;outline-offset:2px}
@keyframes isoBreathing{to{opacity:.65;transform:scale(1.06)}}
@keyframes isoFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes isoGroundPulse{0%,100%{opacity:.7}50%{opacity:1}}
@keyframes isoCenterPulse{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes isoFlow{to{stroke-dashoffset:-190}}
@keyframes isoPointPulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes isoBadgeFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes isoBar{to{height:12px}}
@media(min-width:1000px){body[data-route=index] .hero>.isometric-hero-art{height:490px}}
@media(max-width:999px){.isometric-hero-art .iso-hud-left{left:6%}.isometric-hero-art .iso-hud-right{right:6%}}
@media(max-width:610px){body[data-route=index] .hero>.isometric-hero-art{height:278px;margin-top:8px;margin-bottom:-75px}.isometric-hero-art .iso-scene{inset:-10% -14% 8%}.isometric-hero-art .iso-hud{font-size:7px;gap:5px;padding:7px 9px;border-radius:8px}.isometric-hero-art .iso-hud-left{left:1%;top:18%}.isometric-hero-art .iso-hud-right{right:1%;top:37%}.isometric-hero-art .iso-focus-switch{bottom:-3px}.isometric-hero-art .iso-focus-switch button{font-size:9px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.isometric-hero-art .iso-aura,.isometric-hero-art .iso-floating-board,.isometric-hero-art .cube-ai,.isometric-hero-art .iso-point,.isometric-hero-art .iso-orbit,.isometric-hero-art .iso-flow-line,.isometric-hero-art .iso-hud,.isometric-hero-art .iso-live-dot,.isometric-hero-art .iso-hud-bars i{animation:none!important}.isometric-hero-art .iso-scene{transform:none}}