/* =========================================================
   HAMIT — interactions.css
   ========================================================= */
:root{--t:200ms;--t-slow:600ms;--ease:cubic-bezier(0.22,1,0.36,1)}

/* Theme transition */
body{transition:background var(--t) var(--ease),color var(--t) var(--ease)}

/* Nav scrolled */
.nav{transition:background .4s var(--ease),border-color .4s var(--ease),backdrop-filter .4s}

/* Service cards — hover underline on front tag */
.service-card-front .service-tag{transition:border-color .2s,color .2s}
.service-card:hover .service-tag{border-color:var(--text2);color:var(--text)}

/* Review hover */
.review-card{transition:transform .35s var(--ease),background .25s,border-color .25s}

/* Form field focus */
.field input:focus,.field select:focus,.field textarea:focus{background:rgba(240,237,232,.03)}
[data-theme="light"] .field input:focus,
[data-theme="light"] .field select:focus,
[data-theme="light"] .field textarea:focus{background:rgba(10,10,10,.02)}

/* Scroll reveal stagger */
.services-grid .reveal-up:nth-child(2){transition-delay:100ms}
.services-grid .reveal-up:nth-child(3){transition-delay:200ms}
.services-grid .reveal-up:nth-child(4){transition-delay:300ms}
.why-grid .reveal-up:nth-child(2){transition-delay:80ms}
.why-grid .reveal-up:nth-child(3){transition-delay:160ms}
.why-grid .reveal-up:nth-child(4){transition-delay:240ms}
.why-grid .reveal-up:nth-child(5){transition-delay:320ms}
.why-grid .reveal-up:nth-child(6){transition-delay:400ms}
.reviews-grid .reveal-up:nth-child(2){transition-delay:120ms}
.reviews-grid .reveal-up:nth-child(3){transition-delay:240ms}
.process-steps .reveal-up:nth-child(2){transition-delay:150ms}
.process-steps .reveal-up:nth-child(3){transition-delay:300ms}

/* Hero stagger */
.hero-title .reveal-up:nth-child(1){transition-delay:100ms}
.hero-title .reveal-up:nth-child(2){transition-delay:200ms}
.hero-title .reveal-up:nth-child(3){transition-delay:300ms}
.hero-title .reveal-up:nth-child(4){transition-delay:400ms}

/* About cards */
.about-card{transition:filter .25s}

/* Footer nav */
.footer-nav a{transition:color .2s}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal-up{opacity:1!important;transform:none!important}
}