/* Agroker site base styles — carried over from the approved claude.ai/design file */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; font-family:'Figtree',system-ui,sans-serif; color:#22271b; background:#F6F1E7; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
input,textarea,button,select{ font-family:inherit; }
img{ max-width:100%; }

@keyframes agk-spin{ to{ transform:rotate(360deg); } }
@keyframes agk-spin-rev{ to{ transform:rotate(-360deg); } }
@keyframes agk-vine{ from{ stroke-dashoffset:1400; } to{ stroke-dashoffset:0; } }
@keyframes agk-leaf{ 0%{ opacity:0; transform:scale(.2); } 100%{ opacity:1; transform:scale(1); } }
@keyframes agk-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@keyframes agk-float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }
@keyframes agk-scrolldot{ 0%{ opacity:0; transform:translateY(-4px); } 40%{ opacity:1; } 80%{ opacity:0; transform:translateY(12px); } 100%{ opacity:0; } }
@keyframes agk-menuin{ from{ opacity:0; transform:translateY(16px); } to{ opacity:1; transform:translateY(0); } }

/* responsive header: desktop nav vs mobile buttons (was sc-if in the design) */
.desktop-only{ display:contents; }
.mobile-only{ display:none; }
@media (max-width:959px){
  .desktop-only{ display:none; }
  .mobile-only{ display:contents; }
}

/* pause marquees for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; }
  html{ scroll-behavior:auto; }
}

body.menu-open{ overflow:hidden; }