/* Acari Partners single page. Baked from Claude Design "Acari Site" FINALV1. */

@font-face { font-family: 'Instrument Sans'; src: url('../assets/fonts/InstrumentSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('../assets/fonts/InstrumentSans-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }

html, body { margin: 0; padding: 0; background: #F5F3EE; }
html { scroll-behavior: smooth; }
body { font-family: 'Instrument Sans', sans-serif; font-feature-settings: 'tnum' 1, 'lnum' 1; color: #1C1B18; -webkit-font-smoothing: antialiased; }

a { color: #D62F8F; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { color: #1C1B18; }

/* CTA button + momentum dot */
.acari-cta { transition: transform 0.35s ease; }
.acari-cta .acari-cta-dot { transition: transform 0.35s cubic-bezier(0.3, 0.7, 0.3, 1); }
.acari-cta:hover { transform: translateX(3px); }
.acari-cta:hover .acari-cta-dot { transform: translateX(62px); }

/* Unit-field cells (stat card + dimension meters). Decorative; JS-rendered. */
.unit { width: 8px; height: 8px; flex: 0 0 auto; box-shadow: inset 0 0 0 1px #C6C1B6; }
.unit.filled { background: #1C1B18; }
.stat-grid { display: grid; grid-template-columns: repeat(10, 8px); gap: 2px; }
.cell-row { display: flex; align-items: center; gap: 2px; flex-wrap: nowrap; }

/* Form fields */
.field { font-family: inherit; font-size: 15px; font-weight: 400; color: #1C1B18; background: #F5F3EE; border: 1px solid #C6C1B6; padding: 12px 14px; outline: none; appearance: none; border-radius: 0; }
.field:focus { border-color: #1C1B18; }

/* Team size is a <select>, but .field sets appearance:none, which strips the native
   arrow and made it read as a text input. Draw a chevron and reserve room for it. */
select.field { cursor: pointer; padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' fill='none' stroke='%231C1B18' stroke-width='1.4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; }

/* Honeypot: visually removed, still in the DOM for bots */
.hp-wrap { position: absolute; left: -9999px; top: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Back to top */
#back-top { position: fixed; bottom: 28px; right: 28px; z-index: 50; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; background: #1C1B18; color: #F5F3EE; border: none; cursor: pointer; font-family: inherit; font-size: 18px; line-height: 1; transition: background 0.25s ease; }
#back-top:hover { background: #4A4842; }
#back-top[hidden] { display: none; }

@media (max-width: 720px) {
  #hero-field-wrap { display: none; }
  #method-desktop { display: none; }
  #method-mobile { display: block !important; }
  #convergence { flex-direction: column; gap: 20px; }
  #convergence .conv-stream { display: none; }
}