*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#ffffff;
  color:#16161d;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
input,textarea,button{font-family:inherit}
::selection{background:#b7ffae;color:#0b2a17}

/* interactive states (replace the design's style-hover / style-focus) */
.navlink{transition:color .16s ease}
.navlink:hover{color:#16161d}

.btn-mint{transition:background .16s ease,transform .16s ease}
.btn-mint:hover{background:#a4f593;transform:translateY(-1px)}

.link-green:hover{text-decoration:underline}

.faq-q{transition:color .16s ease}
.faq-q:hover{color:#137a43}

.flink:hover{color:#e9e9f2}
.flink-mint:hover{color:#b7ffae}

.sig:hover{opacity:0.9 !important;transform:translateY(-2px)}

.field:focus{border-color:#8ef0a8;box-shadow:0 0 0 3px rgba(120,220,150,0.25)}
:focus-visible{outline:2px solid #137a43;outline-offset:2px}

/* responsive (from the design helmet) */
@media (max-width:680px){ [data-navlinks]{display:none !important} }
@media (max-width:820px){
  [data-hero-split]{flex-direction:column !important}
  [data-hero-split] > *{width:100% !important}
}
@media (max-width:760px){
  [data-sec-grid]{grid-template-columns:1fr !important;gap:16px !important}
  [data-sec-content]{border-left:none !important;padding-left:0 !important}
  [data-sec-margin]{flex-direction:row !important;gap:12px !important;align-items:baseline !important}
}

@media (prefers-reduced-motion:reduce){ *{scroll-behavior:auto !important} }