/* ==========================================================================
   MeeNa — International section (flags band, pricing, audit form)
   Uses global tokens; inherits light/dark theme.
   ========================================================================== */
.intl-flags{ width:var(--container); margin:0 auto; padding:22px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.intl-flags > span{ font-size:0.9rem; color:var(--text-dim); font-weight:600; }
.intl-flag-row{ display:flex; flex-wrap:wrap; gap:14px; }
.intl-flag-row span{ font-size:0.9rem; color:var(--text); background:var(--surface); border:1px solid var(--border);
  border-radius:999px; padding:6px 14px; white-space:nowrap; }

/* pricing */
.intl-pricing{ width:var(--container); margin:0 auto; padding:clamp(48px,7vw,90px) 0; }
.intl-price-note{ color:var(--text-dim); max-width:60ch; margin:6px 0 30px; }
.intl-price-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:20px; }
.intl-price{ background:var(--surface); border:1px solid var(--border); border-radius:18px; padding:28px; transition:border-color .3s var(--ease), transform .3s var(--ease); }
.intl-price:hover{ border-color:var(--accent); transform:translateY(-4px); }
.intl-price-tag{ font-size:0.72rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent); }
.intl-price-amt{ display:block; font-family:var(--font-display); font-weight:700; font-size:clamp(1.6rem,3vw,2.1rem); margin:12px 0 8px; }
.intl-price p{ color:var(--text-dim); font-size:0.95rem; }
.intl-price-foot{ margin-top:26px; color:var(--text-faint); font-size:0.9rem; }

/* audit form */
.intl-audit{ border-top:1px solid var(--border); padding:clamp(52px,8vw,110px) 0; background:var(--surface); }
.intl-audit-inner{ width:var(--container); margin:0 auto; max-width:900px; }
.intl-audit-sub{ color:var(--text-dim); max-width:60ch; margin:8px 0 30px; }
.intl-form{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.intl-field{ display:flex; flex-direction:column; }
.intl-field-wide{ grid-column:1 / -1; }
.intl-field label{ font-size:0.72rem; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-faint); margin-bottom:7px; }
.intl-input{ background:var(--bg); border:1px solid var(--border); border-radius:12px; padding:12px 14px; color:var(--text); font:inherit; font-size:0.95rem; outline:none; transition:border-color .3s var(--ease); }
.intl-input:focus{ border-color:var(--accent); }
.intl-input.intl-invalid{ border-color:var(--warm); }
.intl-pills{ display:flex; flex-wrap:wrap; gap:8px; }
.intl-pill{ border:1px solid var(--border); background:var(--bg); color:var(--text-dim); border-radius:999px; padding:8px 14px; font-size:0.85rem; font-weight:600; cursor:pointer; transition:all .25s var(--ease); }
.intl-pill:hover{ border-color:var(--accent); color:var(--text); }
.intl-pill.is-on{ background:var(--accent); border-color:var(--accent); color:#fff; }
.intl-btns{ grid-column:1 / -1; display:flex; gap:12px; flex-wrap:wrap; margin-top:8px; }
.intl-hint{ grid-column:1 / -1; font-size:0.85rem; color:var(--warm); min-height:1.2em; }
.intl-hint.is-ok{ color:var(--signal); }
@media (max-width:640px){ .intl-form{ grid-template-columns:1fr; } .intl-flags{ justify-content:flex-start; } }