:root{
--motion-fast:160ms;
--motion-base:280ms;
--motion-slow:620ms;
--motion-ease:cubic-bezier(.22,1,.36,1);
--motion-spring:cubic-bezier(.2,.8,.2,1.08);
}
html{scroll-padding-top:92px}
body{opacity:0;transform:translateY(8px);transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-slow) var(--motion-ease)}
body.is-ready{opacity:1;transform:none}
.cos-scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;width:100%;z-index:1001;pointer-events:none}
.cos-scroll-progress__bar{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--cos-color-accent),#ead8aa,var(--cos-color-info));box-shadow:0 0 14px rgba(200,169,106,.38)}
.cos-header{transition:min-height var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),background var(--motion-base) var(--motion-ease),border-color var(--motion-base) var(--motion-ease)}
.cos-header.is-scrolled{background:rgba(255,255,255,.88);box-shadow:0 10px 35px rgba(17,24,39,.08);border-color:rgba(229,231,235,.7)}
.cos-header.is-scrolled .cos-nav{min-height:62px}
.cos-nav{transition:min-height var(--motion-base) var(--motion-ease)}
.cos-brand__mark{transition:transform var(--motion-base) var(--motion-spring),box-shadow var(--motion-base) var(--motion-ease)}
.cos-brand:hover .cos-brand__mark{transform:rotate(-4deg) scale(1.06);box-shadow:0 10px 24px rgba(17,24,39,.16)}
.cos-nav__link{position:relative;transition:color var(--motion-fast) ease}
.cos-nav__link::before{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;background:var(--cos-color-accent);transform:scaleX(0);transform-origin:center;transition:transform var(--motion-base) var(--motion-ease)}
.cos-nav__link:hover::before,.cos-nav__link.is-section-active::before{transform:scaleX(1)}
.cos-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),background var(--motion-base) ease,border-color var(--motion-base) ease}
.cos-btn::after{content:"";position:absolute;inset:-40% auto -40% -35%;width:28%;transform:skewX(-18deg) translateX(-260%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:transform 680ms var(--motion-ease);z-index:-1}
.cos-btn:hover::after{transform:skewX(-18deg) translateX(600%)}
.cos-btn:hover{transform:translateY(-2px)}
.cos-btn:active{transform:translateY(0) scale(.985)}
.cos-card,.home-outcome-card,.home-workflow__step,.live-demo-card,.home-integrations__grid article,.home-onboarding__step,.home-trust__grid div{position:relative;overflow:hidden;transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease),border-color var(--motion-base) ease}
[data-pointer-card]::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(260px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(200,169,106,.15),transparent 58%);opacity:0;transition:opacity var(--motion-base) ease}
[data-pointer-card]:hover::after{opacity:1}
.cos-card:hover,.home-outcome-card:hover,.home-workflow__step:hover,.live-demo-card:hover,.home-integrations__grid article:hover,.home-onboarding__step:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(17,24,39,.12);border-color:rgba(200,169,106,.48)}
.home-hero__glow{will-change:transform;transition:transform 120ms linear}
.home-dashboard{will-change:transform;animation:dashboard-breathe 7s ease-in-out infinite}
.home-dashboard__kpis article{animation:kpi-float 5s ease-in-out infinite}.home-dashboard__kpis article:nth-child(2){animation-delay:.7s}.home-dashboard__kpis article:nth-child(3){animation-delay:1.4s}
.home-priority-card{animation:priority-glow 5.6s ease-in-out infinite}
@keyframes dashboard-breathe{0%,100%{box-shadow:0 35px 95px rgba(17,24,39,.18)}50%{box-shadow:0 42px 110px rgba(17,24,39,.24)}}
@keyframes kpi-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes priority-glow{0%,100%{border-color:var(--cos-color-border)}50%{border-color:rgba(200,169,106,.55)}}
.cos-reveal{opacity:0;transform:translateY(26px) scale(.985);filter:blur(4px);transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-slow) var(--motion-ease),filter var(--motion-slow) var(--motion-ease)}
.cos-reveal.is-visible{opacity:1;transform:none;filter:none}
[data-stagger]>*{opacity:0;transform:translateY(24px);transition:opacity var(--motion-slow) var(--motion-ease),transform var(--motion-slow) var(--motion-ease)}
[data-stagger].is-visible>*{opacity:1;transform:none}
[data-stagger].is-visible>*:nth-child(2){transition-delay:70ms}
[data-stagger].is-visible>*:nth-child(3){transition-delay:140ms}
[data-stagger].is-visible>*:nth-child(4){transition-delay:210ms}
[data-stagger].is-visible>*:nth-child(5){transition-delay:280ms}
[data-stagger].is-visible>*:nth-child(6){transition-delay:350ms}
[data-stagger].is-visible>*:nth-child(7){transition-delay:420ms}
[data-stagger].is-visible>*:nth-child(8){transition-delay:490ms}
.home-product-panel{opacity:1;transform:none;transition:opacity var(--motion-base) var(--motion-ease),transform var(--motion-base) var(--motion-ease)}
.home-product-panel.is-entering{opacity:0;transform:translateY(12px)}
.product-window{transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease)}
.home-product-panel:hover .product-window{transform:translateY(-4px);box-shadow:0 30px 70px rgba(17,24,39,.16)}
.home-video__player{transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease)}
.home-video__player:hover{transform:scale(1.012);box-shadow:0 38px 90px rgba(17,24,39,.22)}
.home-video__play{transition:transform var(--motion-base) var(--motion-spring),box-shadow var(--motion-base) ease}
.home-video__player:hover .home-video__play{transform:scale(1.1);box-shadow:0 0 0 12px rgba(200,169,106,.13)}
.home-ai__orb,.product-ai__logo{animation:ai-pulse 3.8s ease-in-out infinite}
@keyframes ai-pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,169,106,.22)}50%{box-shadow:0 0 0 12px rgba(200,169,106,0)}}
.home-founder__card,.home-final__card{transition:transform var(--motion-base) var(--motion-ease),box-shadow var(--motion-base) var(--motion-ease)}
.home-founder__card:hover,.home-final__card:hover{transform:translateY(-4px);box-shadow:0 28px 68px rgba(17,24,39,.12)}
@media (hover:none){.cos-card:hover,.home-outcome-card:hover,.home-workflow__step:hover,.live-demo-card:hover,.home-integrations__grid article:hover,.home-onboarding__step:hover,.home-video__player:hover,.home-founder__card:hover,.home-final__card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
body{opacity:1;transform:none;transition:none}
.cos-reveal,[data-stagger]>*{opacity:1;transform:none;filter:none;transition:none}
.home-dashboard,.home-dashboard__kpis article,.home-priority-card,.home-ai__orb,.product-ai__logo{animation:none}
.home-hero__glow{transform:none!important}
.cos-btn::after{display:none}
*{scroll-behavior:auto!important}
}