/* Aarulya Cloud premium motion layer — decorative only, never an authority signal. */
:root{--ease-premium:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.16,1.25,.3,1);--motion-fast:180ms;--motion-mid:520ms;--motion-slow:900ms}
html::before{content:"";position:fixed;left:0;top:0;width:var(--scroll-progress,0%);height:2px;z-index:9999;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));box-shadow:0 0 16px rgba(93,169,255,.65);pointer-events:none}
body{overflow-x:hidden}
body::before,body::after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(10px);opacity:.55;will-change:transform}
body::before{width:38vw;height:38vw;min-width:360px;min-height:360px;left:-16vw;top:18vh;background:radial-gradient(circle,rgba(88,230,217,.10),rgba(93,169,255,.035) 46%,transparent 70%);animation:ambientDriftA 18s ease-in-out infinite alternate}
body::after{width:44vw;height:44vw;min-width:420px;min-height:420px;right:-20vw;top:48vh;background:radial-gradient(circle,rgba(139,124,255,.12),rgba(93,169,255,.035) 45%,transparent 70%);animation:ambientDriftB 22s ease-in-out infinite alternate}
.topbar{transition:background var(--motion-mid) ease,border-color var(--motion-mid) ease,box-shadow var(--motion-mid) ease}.topbar.scrolled{background:rgba(7,17,31,.93);border-color:rgba(93,169,255,.14);box-shadow:0 14px 45px rgba(0,0,0,.2)}
.brand img,.side-brand img{transition:transform 500ms var(--ease-spring),filter 500ms ease}.brand:hover img,.side-brand:hover img{transform:rotate(-7deg) scale(1.07);filter:drop-shadow(0 0 14px rgba(88,230,217,.34))}
.nav a{position:relative;transition:color var(--motion-fast) ease}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--blue));transition:right 360ms var(--ease-premium)}.nav a:hover::after{right:0}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform 240ms var(--ease-premium),border-color 240ms ease,background 240ms ease,box-shadow 300ms ease}.btn::after{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.13) 45%,transparent 65%);transform:translateX(-130%);transition:transform 700ms var(--ease-premium)}.btn:hover::after{transform:translateX(130%)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.985)}.btn.primary{background-size:180% 180%;animation:ctaGradient 7s ease-in-out infinite}.btn.primary:hover{box-shadow:0 14px 42px rgba(93,169,255,.32),0 0 0 1px rgba(255,255,255,.08) inset}
.eyebrow{position:relative;overflow:hidden;box-shadow:0 0 0 0 rgba(88,230,217,0);transition:box-shadow 400ms ease,border-color 400ms ease}.eyebrow::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.08),transparent);transform:translateX(-120%);animation:eyebrowSweep 5.5s ease-in-out infinite}.dot{animation:signalPulse 2.4s ease-out infinite}
.gradient-text{background-size:220% 220%;animation:headlineGradient 8s ease-in-out infinite}
.hero{position:relative}.hero::before{content:"";position:absolute;left:52%;top:48%;width:420px;height:420px;transform:translate(-50%,-50%);border:1px solid rgba(93,169,255,.055);border-radius:50%;box-shadow:0 0 0 60px rgba(93,169,255,.015),0 0 0 120px rgba(139,124,255,.01);pointer-events:none;animation:orbitBreath 8s ease-in-out infinite}
.hero-panel{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--float-y,0px));transform-style:preserve-3d;transition:transform 700ms var(--ease-premium),border-color 500ms ease,box-shadow 500ms ease;will-change:transform}.hero-panel:hover{border-color:rgba(93,169,255,.23);box-shadow:0 34px 90px rgba(0,0,0,.36),0 0 55px rgba(93,169,255,.08)}.hero-panel::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px circle at var(--spot-x,70%) var(--spot-y,30%),rgba(93,169,255,.11),transparent 62%);opacity:.75;transition:opacity 300ms ease}.hero-panel .mini-grid,.hero-panel .chart,.hero-panel .window-head{transform:translateZ(18px)}
.metric{transition:transform 360ms var(--ease-premium),border-color 360ms ease,background 360ms ease}.metric:hover{transform:translateY(-4px);border-color:rgba(93,169,255,.2);background:rgba(10,26,46,.82)}
.chart svg path{stroke-dasharray:720;stroke-dashoffset:720;animation:chartDraw 2.2s var(--ease-premium) .7s forwards}.chart::after{content:"";position:absolute;top:0;bottom:0;width:120px;left:-140px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:skewX(-16deg);animation:chartScan 8s ease-in-out 2.4s infinite}
.card,.tier,.callout,.kpi,.panel,.resource-card,.connect-card{position:relative;isolation:isolate;transition:transform 420ms var(--ease-premium),border-color 420ms ease,box-shadow 420ms ease,background 420ms ease}.card::before,.resource-card::before,.kpi::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,20%),rgba(93,169,255,.12),transparent 66%);opacity:0;transition:opacity 350ms ease}.card:hover::before,.resource-card:hover::before,.kpi:hover::before{opacity:1}.card:hover,.resource-card:hover,.kpi:hover{transform:translateY(-6px);border-color:rgba(93,169,255,.22);box-shadow:0 24px 48px rgba(0,0,0,.18)}.card .icon{transition:transform 500ms var(--ease-spring),box-shadow 400ms ease}.card:hover .icon{transform:translateY(-3px) rotate(-4deg) scale(1.06);box-shadow:0 10px 26px rgba(93,169,255,.13)}
.tier{overflow:hidden}.tier::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet));transition:right 500ms var(--ease-premium)}.tier:hover{transform:translateY(-5px);border-color:rgba(88,230,217,.23)}.tier:hover::after{right:0}
.callout{overflow:hidden}.callout::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-130px;background:radial-gradient(circle,rgba(88,230,217,.13),transparent 68%);animation:calloutGlow 8s ease-in-out infinite}
.reveal{opacity:0;transform:translateY(24px) scale(.99);filter:blur(3px)}.reveal.in-view{opacity:1;transform:none;filter:none;transition:opacity 760ms var(--ease-premium),transform 760ms var(--ease-premium),filter 760ms ease;transition-delay:var(--reveal-delay,0ms)}
.feature-grid>.reveal:nth-child(3n+2){--reveal-delay:80ms}.feature-grid>.reveal:nth-child(3n+3){--reveal-delay:160ms}.architecture>.reveal:nth-child(2){--reveal-delay:70ms}.architecture>.reveal:nth-child(3){--reveal-delay:140ms}.architecture>.reveal:nth-child(4){--reveal-delay:210ms}.architecture>.reveal:nth-child(5){--reveal-delay:280ms}
/* console motion */
.sidebar{transition:left 240ms var(--ease-premium),box-shadow 240ms ease}.side-nav button{position:relative;transition:transform 220ms var(--ease-premium),background 220ms ease,color 220ms ease}.side-nav button:hover{transform:translateX(3px)}.side-nav button.active::after{content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;border-radius:4px;background:linear-gradient(var(--cyan),var(--blue));box-shadow:0 0 12px rgba(93,169,255,.5)}
.status-pill.connected i{animation:statusPulse 2.2s ease-out infinite}.view.active{animation:viewEnter 420ms var(--ease-premium)}.kpi strong.metric-pop{animation:metricPop 420ms var(--ease-spring)}.panel:hover{border-color:rgba(93,169,255,.15);box-shadow:0 18px 38px rgba(0,0,0,.13)}.activity-item{animation:activityEnter 440ms var(--ease-premium) both}.activity-item:nth-child(2){animation-delay:45ms}.activity-item:nth-child(3){animation-delay:90ms}.activity-item:nth-child(4){animation-delay:135ms}.activity-item:nth-child(5){animation-delay:180ms}.resource-table tbody tr{transition:background 200ms ease,transform 200ms var(--ease-premium)}.resource-table tbody tr:hover{background:rgba(93,169,255,.035);transform:translateX(2px)}
.motion-cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(93,169,255,.055),rgba(139,124,255,.025) 38%,transparent 68%);transform:translate3d(calc(var(--cursor-x,50vw) - 210px),calc(var(--cursor-y,50vh) - 210px),0);transition:opacity .4s ease;will-change:transform;opacity:.75}
@keyframes ambientDriftA{to{transform:translate3d(9vw,-5vh,0) scale(1.1)}}@keyframes ambientDriftB{to{transform:translate3d(-8vw,6vh,0) scale(.92)}}@keyframes ctaGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes eyebrowSweep{0%,70%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}@keyframes signalPulse{0%{box-shadow:0 0 0 0 rgba(88,230,217,.45),0 0 16px var(--cyan)}70%{box-shadow:0 0 0 9px rgba(88,230,217,0),0 0 16px var(--cyan)}100%{box-shadow:0 0 0 0 rgba(88,230,217,0),0 0 16px var(--cyan)}}@keyframes headlineGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes orbitBreath{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.92)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes chartDraw{to{stroke-dashoffset:0}}@keyframes chartScan{0%,60%{left:-140px}82%,100%{left:110%}}@keyframes calloutGlow{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.12);opacity:1}}@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(103,216,155,.42)}70%{box-shadow:0 0 0 7px rgba(103,216,155,0)}100%{box-shadow:0 0 0 0 rgba(103,216,155,0)}}@keyframes viewEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes metricPop{0%{transform:scale(.92);opacity:.65}55%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}@keyframes activityEnter{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(hover:none),(pointer:coarse){.motion-cursor-glow{display:none}.hero-panel{transform:none!important}.btn:hover,.card:hover,.resource-card:hover,.kpi:hover,.tier:hover{transform:none}.side-nav button:hover{transform:none}}
@media(max-width:680px){body::before,body::after{opacity:.32}.hero::before{width:270px;height:270px;left:72%;top:32%}.reveal{transform:translateY(15px);filter:none}.callout::before{opacity:.6}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html::before{transition:none}body::before,body::after,.btn.primary,.eyebrow::after,.dot,.gradient-text,.hero::before,.chart svg path,.chart::after,.callout::before,.status-pill.connected i,.activity-item{animation:none!important}.reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.hero-panel,.card,.resource-card,.kpi,.tier,.btn,.side-nav button{transform:none!important;transition:none!important}.motion-cursor-glow{display:none!important}}