/* V36: motion polish */
:root{--motion-fast:.22s;--motion-med:.45s;--motion-slow:1.2s;--ease-soft:cubic-bezier(.22,1,.36,1)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth} body{overflow-x:hidden}
.ambient-bg span,.ambient-bg i{animation:ambientFloat 18s ease-in-out infinite alternate}.ambient-bg span:nth-child(2){animation-duration:24s;animation-delay:-4s}.ambient-bg span:nth-child(3){animation-duration:21s;animation-delay:-7s}.ambient-bg i{animation-duration:28s;animation-delay:-10s}
@keyframes ambientFloat{0%{transform:translate3d(0,0,0) scale(1);opacity:.6}50%{transform:translate3d(1.25%,1.8%,0) scale(1.03);opacity:.85}100%{transform:translate3d(-1.8%,2.2%,0) scale(1.06);opacity:.7}}
.site-header{backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);transition:transform var(--motion-med) var(--ease-soft), background var(--motion-med) ease, box-shadow var(--motion-med) ease, border-color var(--motion-med) ease}
.site-header::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.06) 16%,transparent 30%);transform:translateX(-120%);animation:headerSheen 10s linear infinite}
@keyframes headerSheen{to{transform:translateX(180%)}}
.site-header.scrolled{box-shadow:0 20px 50px rgba(0,0,0,.28), inset 0 0 0 1px rgba(143,238,255,.08)}
.desktop-nav a,.mobile-menu a{transition:color var(--motion-fast) ease, transform var(--motion-fast) ease, text-shadow var(--motion-fast) ease}.desktop-nav a:hover{transform:translateY(-1px);text-shadow:0 0 22px rgba(143,238,255,.25)}
.btn{position:relative;overflow:hidden;transition:transform var(--motion-fast) var(--ease-soft), box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease, background var(--motion-fast) ease}.btn::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:32%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);opacity:.7}.btn:hover{transform:translateY(-2px)}.btn:hover::after{animation:buttonSweep .9s ease}.btn-primary{background-size:180% 180%;animation:gradientShift 7s ease infinite;box-shadow:0 10px 32px rgba(86,179,255,.18)}.btn-primary:hover{box-shadow:0 18px 40px rgba(86,179,255,.28)}.btn-ghost:hover{border-color:rgba(143,238,255,.26);box-shadow:0 12px 34px rgba(0,0,0,.22), inset 0 0 0 1px rgba(143,238,255,.12)}.btn svg,.btn .icon{transition:transform var(--motion-fast) ease}.btn:hover svg,.btn:hover .icon{transform:translateX(3px)}
@keyframes buttonSweep{from{transform:translateX(-140%) skewX(-20deg)}to{transform:translateX(460%) skewX(-20deg)}}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.eyebrow{position:relative;overflow:hidden}.eyebrow::after{content:"";position:absolute;inset:auto auto 0 0;height:2px;width:100%;opacity:.65;background:linear-gradient(90deg,rgba(143,238,255,.7),rgba(167,60,255,.65),transparent 80%);transform:translateX(-100%);animation:eyebrowTrail 6s ease-in-out infinite}
@keyframes eyebrowTrail{0%,20%{transform:translateX(-100%)}50%,70%{transform:translateX(0)}100%{transform:translateX(100%)}}
.hero-copy > *{animation:fadeRise .8s var(--ease-soft) both}.hero-copy > *:nth-child(1){animation-delay:.05s}.hero-copy > *:nth-child(2){animation-delay:.12s}.hero-copy > *:nth-child(3){animation-delay:.2s}.hero-copy > *:nth-child(4){animation-delay:.28s}.hero-copy > *:nth-child(5){animation-delay:.36s}.hero-copy > *:nth-child(6){animation-delay:.44s}
@keyframes fadeRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.hero-trust .trust-pill{animation:trustFloat 6s ease-in-out infinite}.hero-trust .trust-pill:nth-child(2){animation-delay:-1.7s}.hero-trust .trust-pill:nth-child(3){animation-delay:-3.2s}
@keyframes trustFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.panel,.generated-visual-card,.video-card,.plan-card,.industry-card,.department-card,.category-card,.module-category-card,.staff-card,.step-card,.info-card,.faq-card,.layer-card{transition:transform .3s var(--ease-soft), box-shadow .35s ease, border-color .3s ease, background .3s ease}
.panel:hover,.industry-card:hover,.department-card:hover,.category-card:hover,.module-category-card:hover,.staff-card:hover,.plan-card:hover,.info-card:hover,.step-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 0 0 1px rgba(143,238,255,.12);border-color:rgba(143,238,255,.18)!important}
.generated-visual-card,.platform-hero-image,.video-card{position:relative;overflow:hidden}.generated-visual-card::before,.platform-hero-image::before,.video-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.06) 22%,transparent 38%);transform:translateX(-135%);animation:visualSweep 9s linear infinite}.generated-visual-card::after,.platform-hero-image::after,.video-card::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,22%) var(--my,16%), rgba(67,214,255,.16), transparent 28%), radial-gradient(circle at 78% 82%, rgba(167,60,255,.12), transparent 24%);opacity:.95}.generated-visual-card img,.platform-hero-image img{transition:transform 2.4s ease, filter .5s ease}.generated-visual-card:hover img,.platform-hero-image:hover img{transform:scale(1.02)}
@keyframes visualSweep{0%,78%{transform:translateX(-135%)}100%{transform:translateX(220%)}}
.message-actions-section .generated-actions{animation:softBob 8s ease-in-out infinite;transform-origin:center center}.platform-product-proof .generated-operating-layer,.platform-shift-section .generated-before-after{animation:softBob 10s ease-in-out infinite}
@keyframes softBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.work-steps .step-card,.message-action-copy .info-card,.cards-3 > .info-card,.faq-grid .faq-card,.industry-grid .industry-card,.department-grid .department-card,.category-grid .category-card{opacity:0;transform:translateY(28px)}.in-view{opacity:1!important;transform:none!important}
.control-band .control-list span,.control-list span,.hero-trust .trust-pill,.plan-badge,.mockup-top span{position:relative;overflow:hidden}.control-band .control-list span::after,.control-list span::after,.hero-trust .trust-pill::after,.plan-badge::after,.mockup-top span::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.14) 45%,transparent 70%);transform:translateX(-120%);animation:pillSweep 7s ease-in-out infinite}
@keyframes pillSweep{0%,60%{transform:translateX(-120%)}100%{transform:translateX(180%)}}
.video-control{transition:transform var(--motion-fast) ease, background var(--motion-fast) ease, box-shadow var(--motion-fast) ease}.video-control:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.faq-card summary{transition:color var(--motion-fast) ease}.faq-card[open]{box-shadow:0 18px 46px rgba(0,0,0,.24), inset 0 0 0 1px rgba(143,238,255,.12)}.faq-card[open] summary{color:#fff}
.final-cta{position:relative;overflow:hidden}.final-cta::before{content:"";position:absolute;inset:-10%;pointer-events:none;background:radial-gradient(circle at 20% 40%,rgba(30,231,255,.12),transparent 24%), radial-gradient(circle at 80% 55%,rgba(167,60,255,.14),transparent 26%);animation:ctaAura 14s ease-in-out infinite alternate}
@keyframes ctaAura{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,-1.2%,0) scale(1.04)}}
@media (max-width:900px){.generated-visual-card::before,.platform-hero-image::before,.video-card::before,.site-header::before{animation-duration:12s}.message-actions-section .generated-actions,.platform-product-proof .generated-operating-layer,.platform-shift-section .generated-before-after{animation:none}}