/* =========================
   VA CORE SYSTEM — FINAL CLEAN
========================= */

/* BASE */
html{
  overflow-x:hidden;
  background:#000;
}

body{
  font-family:var(--font-main);
  color:var(--color-text);
  line-height:1.6;
  font-size:16px;

  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* =========================
   CONTAINER
========================= */

.va-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

/* =========================
   HEADINGS
========================= */

h1,h2,h3,h4,h5,h6{
  margin:0 0 15px;
  font-weight:600;
  line-height:1.25;
  color:var(--color-text);

  max-width:100%;

  text-wrap:pretty; /* стабільніше ніж balance */
  hyphens:auto;
}

h1{ font-size:clamp(30px,5vw,52px); }
h2{ font-size:clamp(24px,4vw,40px); }
h3{ font-size:22px; }
h4{ font-size:18px; }

/* =========================
   TEXT
========================= */

p{
  margin-bottom:16px;
  line-height:1.65;
  color:var(--color-text-secondary);

  max-width:60ch;
  overflow-wrap:break-word;
}

small{
  color:var(--color-text-muted);
}

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

.va-text{
  font-size:16px;
  color:var(--color-text-secondary);
}

.va-lead{
  font-size:clamp(16px,2.5vw,18px);
  line-height:1.7;
  color:var(--color-text);
  max-width:100%;
}

.va-small{
  font-size:14px;
  color:var(--color-text-muted);
}

/* =========================
   TITLE SYSTEM
========================= */

.va-title{
  font-size:clamp(26px,4vw,42px);
  line-height:1.2;
  margin-bottom:30px;
  font-weight:600;

  max-width:700px;
  margin-left:auto;
  margin-right:auto;

  text-align:center;

  color:#e8c77a;

  background:linear-gradient(180deg,#fff3cc,#e0b96a,#b88a2f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  text-wrap:normal;
  word-break:normal;
  hyphens:none;
}

/* fallback */
@supports not (-webkit-background-clip:text){
  .va-title{
    color:#e8c77a;
  }
}

/* SECOND LINE */
.va-title strong{
  display:block;

  font-size:clamp(28px,5vw,54px);
  font-weight:800;
  line-height:1.1;

  max-width:100%;
  margin:8px auto 0;

  text-wrap:normal;
}

/* OPTIONAL ALIGN */
.va-title.left{
  text-align:left;
}

/* =========================
   SUBTITLE
========================= */

.va-subtitle{
  margin:25px auto 15px;
  font-size:clamp(16px,2.5vw,18px);
  color:var(--color-gold-light);

  max-width:700px;
  text-align:center;
}

.va-subtitle.sm{
  font-size:14px;
}

/* =========================
   CTA SYSTEM
========================= */

.va-main-cta{
  margin-top:20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}

.va-contacts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  body{
    font-size:15px;
  }

  h1{ font-size:22px; }
  h2{ font-size:20px; }

  .va-title{
    margin-bottom:25px;
    max-width:90%;
  }

  p{
    max-width:100%;
  }

}