/* ============================================================ UI */

/* --- Eyebrow --- */
.eyebrow{
  display:block;font-family:var(--font-mono);font-weight:500;
  font-size:var(--fs-label);line-height:1.3;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent-ctx);
}

/* --- Sekcijos antraštė --- */
.shead{max-width:44rem;}
.shead__title{font-size:var(--fs-d2);margin-top:var(--s-4);}
.shead__lead{margin-top:var(--s-5);}

/* --- Mygtukai --- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);
  min-width:200px;min-height:56px;padding:0 var(--s-6);
  font-family:var(--font-body);font-weight:600;font-size:var(--fs-label);
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  border:var(--border) solid transparent;border-radius:var(--radius);
  transition:background var(--t-ui) var(--ease-ui),color var(--t-ui) var(--ease-ui),
             border-color var(--t-ui) var(--ease-ui),transform var(--t-ui) var(--ease-ui);
}
@media (max-width:767px){.btn{min-height:52px;width:100%;}}

.btn__arrow{transition:transform var(--t-ui) var(--ease-ui);}
.btn:hover .btn__arrow{transform:translateX(4px);}

.btn--primary{background:var(--accent);color:var(--accent-ink);}
.btn--primary:hover{background:var(--accent-hover);}
.btn--primary:active{transform:translateY(1px);}

.btn--secondary{border-color:currentColor;color:var(--ink);}
.btn--secondary:hover{border-color:var(--accent-ctx);color:var(--accent-ctx);}

.btn--ghost{
  min-width:0;min-height:0;padding:0;border:0;
  border-bottom:var(--border) solid var(--line-strong);
}
.btn--ghost:hover{border-bottom-color:var(--accent-ctx);color:var(--accent-ctx);}

/* --- Statistikos skaičius --- */
.stat__value{
  font-family:var(--font-display);font-weight:700;
  font-size:var(--fs-stat);line-height:.9;letter-spacing:-.03em;
  color:var(--accent-ctx);font-variant-numeric:tabular-nums;
}
.stat__label{
  margin-top:var(--s-3);font-family:var(--font-mono);font-weight:500;
  font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-soft);
}

/* --- Formos laukai --- */
.field{display:flex;flex-direction:column;gap:var(--s-2);}
.field__label{
  font-family:var(--font-mono);font-weight:500;font-size:var(--fs-label);
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);
}
.field__label span{color:var(--accent-ctx);}
.field input,.field select,.field textarea{
  width:100%;background:transparent;border:0;
  border-bottom:var(--border) solid var(--line-strong);
  padding:var(--s-3) 0;font-size:16px;  /* 16px: kitaip iOS priartina */
  border-radius:0;transition:border-color var(--t-micro) var(--ease-ui);
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-bottom-width:2px;border-bottom-color:var(--accent-ctx);
}
.field textarea{resize:vertical;min-height:120px;line-height:1.6;}
.field select{appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),
                   linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;}
.field--error input,.field--error textarea,.field--error select{border-bottom-color:var(--state-error);}
.field__error{font-size:var(--fs-label);color:var(--state-error);}