/* ── Aminova shared site styles (used by all subpages; index.html keeps its own inline copy) ── */
html { scroll-behavior:smooth; }
body { font-family:'Inter',system-ui,sans-serif; color:#0b1020; -webkit-font-smoothing:antialiased; background:#fff; }
h1,h2,h3,h4,.font-display { font-family:'Plus Jakarta Sans',Inter,sans-serif; }

.grad-text { background:linear-gradient(100deg,#3b82f6 0%,#6366f1 45%,#8b5cf6 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-wash { background:radial-gradient(1100px 520px at 78% 8%, rgba(129,140,248,.18), transparent 60%), radial-gradient(800px 480px at 8% 0%, rgba(99,102,241,.10), transparent 55%); }

/* Nav */
.glass-nav { background:rgba(255,255,255,0); backdrop-filter:blur(0); transition:background .4s,backdrop-filter .4s,box-shadow .4s,border-color .4s; border-bottom:1px solid transparent; }
.glass-nav.scrolled { background:rgba(255,255,255,.82); backdrop-filter:saturate(180%) blur(16px); box-shadow:0 1px 0 rgba(15,16,32,.05),0 8px 30px rgba(15,16,32,.04); border-bottom-color:rgba(15,16,32,.06); }
.nav-menu { opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity .2s ease, transform .2s ease, visibility .2s; }
.nav-item:hover .nav-menu, .nav-item:focus-within .nav-menu { opacity:1; visibility:visible; transform:none; }
.nav-item:hover .nav-chev { transform:rotate(180deg); }
.nav-chev { transition:transform .25s; }
.nav-link { transition:background .18s; }
.nav-link:hover { background:#f5f6fb; }
#mobileMenu { transition:opacity .25s, transform .25s; transform-origin:top; }
#mobileMenu.closed { opacity:0; transform:scaleY(.98) translateY(-6px); pointer-events:none; visibility:hidden; }
.m-acc > summary { list-style:none; cursor:pointer; } .m-acc > summary::-webkit-details-marker { display:none; }
.m-acc[open] .m-chev { transform:rotate(180deg); }
.m-chev { transition:transform .25s; }

/* Buttons */
.btn-primary { background:linear-gradient(135deg,#6366f1,#4f46e5); box-shadow:0 10px 24px -8px rgba(79,70,229,.55); transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,filter .25s; }
/* "Explore the demo" CTAs — a light that travels slowly around the border (site-wide) */
@property --btnAng { syntax:"<angle>"; inherits:false; initial-value:0deg; }
.btn-glow { position:relative; z-index:0; }
.btn-glow::after {
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.7px; pointer-events:none;
  background:conic-gradient(from var(--btnAng), transparent 0deg 250deg, rgba(129,140,248,.4) 285deg, #6366f1 320deg, #c4b5fd 345deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:btnTravel 6.8s linear infinite;
}
@keyframes btnTravel { to { --btnAng:360deg; } }
@media (prefers-reduced-motion:reduce){ .btn-glow::after{ animation:none; } }

/* frosted crystal-glass CTA box with a slow traveling indigo glow ring */
@property --ctaAng { syntax:"<angle>"; inherits:false; initial-value:0deg; }
.cta-glass {
  background:
    radial-gradient(130% 90% at 28% 0%, rgba(255,255,255,.72), transparent 55%),
    linear-gradient(160deg, rgba(233,236,255,.92), rgba(243,240,255,.8) 55%, rgba(255,255,255,.92));
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 34px 90px -46px rgba(79,70,229,.45), inset 0 1px 0 rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
}
.cta-glass::before {
  content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none; z-index:1;
  background:conic-gradient(from var(--ctaAng), transparent 0deg 232deg, rgba(129,140,248,.45) 285deg, #6366f1 320deg, #c4b5fd 344deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:ctaTravel 7s linear infinite;
}
@keyframes ctaTravel { to { --ctaAng:360deg; } }
@media (prefers-reduced-motion:reduce){ .cta-glass::before{ animation:none; } }
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 16px 34px -10px rgba(79,70,229,.6); filter:saturate(1.08); }
.btn-ghost { transition:transform .25s,color .25s,border-color .25s,background .25s; }
.btn-ghost:hover { transform:translateY(-2px); }

/* Reveal-on-scroll */
.reveal { opacity:0; transform:translateY(26px); transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1); will-change:opacity,transform; }
.reveal.in { opacity:1; transform:none; }
[data-delay="1"]{transition-delay:.07s}[data-delay="2"]{transition-delay:.14s}[data-delay="3"]{transition-delay:.21s}[data-delay="4"]{transition-delay:.28s}[data-delay="5"]{transition-delay:.35s}[data-delay="6"]{transition-delay:.42s}

/* Cards / bits */
.feature-card { transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s; }
.feature-card:hover { transform:translateY(-6px); box-shadow:0 24px 50px -20px rgba(49,46,129,.22); border-color:rgba(99,102,241,.35); }
.check { width:18px;height:18px;border-radius:9999px;display:inline-grid;place-items:center;flex:none;background:linear-gradient(135deg,#818cf8,#6366f1); }
.check::after { content:"\2713"; color:#fff; font-size:11px; font-weight:800; line-height:1; }
.link-arrow .arr { transition:transform .25s cubic-bezier(.2,.7,.2,1); display:inline-block; }
.link-arrow:hover .arr { transform:translateX(5px); }

/* Integrations marquee */
.marquee { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.marquee-track { display:flex; width:max-content; animation:scrollX 36s linear infinite; }
.marquee:hover .marquee-track { animation-play-state:paused; }
@keyframes scrollX { from{ transform:translateX(0) } to{ transform:translateX(-50%) } }

/* Floating + glow accents (segment/product pages) */
.floaty { animation:floaty 7s ease-in-out infinite; will-change:transform; }
.floaty-2 { animation:floaty 9s ease-in-out infinite; }
@keyframes floaty { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-14px)} }
.app-card { box-shadow:0 40px 90px -40px rgba(30,27,75,.45), 0 12px 30px -18px rgba(30,27,75,.2); }

/* Animated background lines (hero atmosphere) */
.hero-lines { position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.hero-lines::before { content:""; position:absolute; inset:-50%; background-image:repeating-linear-gradient(118deg, rgba(99,102,241,.06) 0 1.5px, transparent 1.5px 30px); animation:heroLines 22s linear infinite; }
@keyframes heroLines { to { transform:translate(120px,90px); } }

@media (prefers-reduced-motion:reduce){ .reveal{opacity:1!important;transform:none!important} .marquee-track{animation:none} .floaty,.floaty-2{animation:none} .hero-lines::before{animation:none} }