/* style.css — Yalabık Engineering
   Base reset, animations and responsive rules shared across pages.
   Adapted from the Claude Design source in reference/. */

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#F4F3EF;color:#070822;font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:#1E5BFF;color:#fff}

@keyframes ymPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}
@keyframes ymUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ymFade{from{opacity:0}to{opacity:1}}
@keyframes ymScan{0%{transform:translateY(0);opacity:0}12%{opacity:.65}88%{opacity:.65}100%{transform:translateY(100%);opacity:0}}

@media (max-width:980px){
  [data-part="hero-grid"]{grid-template-columns:1fr !important;gap:44px !important}
  [data-part="nav"]{display:none !important}
  [data-part="menu-btn"]{display:inline-flex !important}
  [data-part="cfg-grid"]{grid-template-columns:1fr !important;gap:34px !important}
  [data-part="pogo-grid"]{grid-template-columns:1fr !important;gap:30px !important}
  [data-part="contact-grid"]{grid-template-columns:1fr !important;gap:38px !important}
}
@media (max-width:760px){
  [data-part="sec-head"]{grid-template-columns:1fr !important;gap:18px !important;align-items:start !important}
  [data-part="qual-grid"]{grid-template-columns:1fr !important;gap:28px !important}
}
@media (max-width:560px){
  [data-part="arch-cores"]{grid-template-columns:1fr !important}
}
@media (max-width:640px){
  [data-part="container"]{padding-left:22px !important;padding-right:22px !important}
  [data-part="footer-grid"]{grid-template-columns:1fr 1fr !important;gap:32px !important}
}