/* ═══════════════════════════════════════
   VaultEdu Official Website — Page-Specific Styles
   Hero, Pricing Calculator, Agreement, Features, Contact
   ═══════════════════════════════════════ */

/* ─── HERO ─── */
.vlt-hero {
  min-height: 100vh; display: flex; align-items: center; padding-top: 80px;
  position: relative; overflow: hidden;
}
.vlt-hero::before {
  content: ''; position: absolute; top: -15%; right: -10%;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(20,184,166,0.08) 0%, transparent 70%);
  border-radius: 50%; pointer-events: none;
}
.vlt-hero__content { position: relative; z-index: 2; max-width: 820px; }
.vlt-hero__eyebrow {
  display: inline-block;
  font-size: clamp(0.7rem, 1.1vw, 0.8rem); font-weight: 600; color: var(--vlt-gold);
  background: rgba(212,168,83,0.08); border: 1px solid rgba(212,168,83,0.2);
  padding: 0.4rem 1rem; border-radius: var(--vlt-r-full); margin-bottom: 1.5rem;
}
.vlt-hero__title { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 800; line-height: 1.08; margin-bottom: 1.5rem; }
.vlt-hero__subtitle {
  font-size: clamp(1rem, 2vw, 1.2rem); color: var(--vlt-white-muted);
  max-width: 680px; line-height: 1.7; margin-bottom: 2.5rem;
}
.vlt-hero__actions { display: flex; gap: 1rem; flex-wrap: wrap; }

/* ─── PAIRED PROBLEMS/SOLUTIONS ─── */
.vlt-pairs { background: var(--vlt-bg-dark); }
.vlt-pairs__grid { display: flex; flex-direction: column; gap: clamp(1rem, 2.5vw, 1.5rem); margin-top: 2rem; }
.vlt-pair-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(0.8rem, 2vw, 1.2rem); }
.vlt-pair-card {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-lg); padding: clamp(1.5rem, 3vw, 2rem);
  position: relative; overflow: hidden; transition: transform var(--vlt-transition-normal);
}
.vlt-pair-card:hover { transform: translateY(-4px); }
.vlt-pair-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.vlt-pair-card--problem::before { background: var(--vlt-red); }
.vlt-pair-card--solution::before { background: var(--vlt-green); }
.vlt-pair-card--solution { border-color: rgba(34,197,94,0.12); }
.vlt-pair-card__icon { font-size: 1.6rem; margin-bottom: 0.4rem; display: block; }
.vlt-pair-card__title { font-size: clamp(1rem, 1.5vw, 1.15rem); font-weight: 700; margin-bottom: 0.4rem; }
.vlt-pair-card--problem .vlt-pair-card__title { color: var(--vlt-red); }
.vlt-pair-card--solution .vlt-pair-card__title { color: var(--vlt-green-light); }
.vlt-pair-card__desc { font-size: clamp(0.85rem, 1.2vw, 0.92rem); color: var(--vlt-white-muted); line-height: 1.7; }

/* ─── PICTURE THIS ─── */
.vlt-picture__columns { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 3vw, 2rem); margin-top: 1.5rem; }
.vlt-picture__card {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-xl); padding: clamp(2rem, 4vw, 2.5rem);
  position: relative; overflow: hidden;
}
.vlt-picture__card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; }
.vlt-picture__card--old::before { background: var(--vlt-red); }
.vlt-picture__card--new::before { background: var(--vlt-green); }
.vlt-picture__card--new { border-color: rgba(34,197,94,0.15); background: linear-gradient(135deg, rgba(34,197,94,0.04), rgba(20,184,166,0.02)); }
.vlt-picture__text { font-size: clamp(0.92rem, 1.5vw, 1.05rem); color: var(--vlt-white-muted); line-height: 1.8; }
.vlt-picture__text strong { color: var(--vlt-white); font-weight: 600; }
.vlt-picture__text + .vlt-picture__text { margin-top: 0.8rem; }
.vlt-picture__punchline { font-size: clamp(0.95rem, 1.5vw, 1.1rem); font-weight: 700; margin-top: 1rem; }
.vlt-picture__card--old .vlt-picture__punchline { color: var(--vlt-red); }
.vlt-picture__card--new .vlt-picture__punchline { color: var(--vlt-green-light); }

/* ─── PRICING CALCULATOR ─── */
.vlt-calculator {
  background: var(--vlt-white-ghost); border: 1px solid rgba(20,184,166,0.2);
  border-radius: var(--vlt-r-xl); padding: clamp(1.5rem, 4vw, 2.5rem);
  margin-top: 2rem; position: relative; overflow: hidden;
}
.vlt-calculator::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--vlt-teal), var(--vlt-gold));
}
.vlt-calculator__title {
  font-size: clamp(1.1rem, 1.8vw, 1.3rem); font-weight: 800; margin-bottom: 1rem;
  color: var(--vlt-white);
}
.vlt-calculator__inputs {
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 1.5rem;
}
.vlt-calculator__group label {
  display: block; font-size: 0.85rem; font-weight: 600;
  color: var(--vlt-white-muted); margin-bottom: 0.4rem;
}
.vlt-calculator__group input {
  width: 100%; padding: 0.7rem 1rem; border-radius: var(--vlt-r-md);
  background: rgba(255,255,255,0.08); border: 1.5px solid var(--vlt-white-border);
  color: var(--vlt-white); font-family: var(--vlt-font); font-size: 1.1rem;
  font-weight: 700; outline: none; transition: border-color var(--vlt-transition-fast);
  text-align: center;
}
.vlt-calculator__group input:focus { border-color: var(--vlt-teal); }
.vlt-calculator__group small {
  display: block; font-size: 0.75rem; color: var(--vlt-white-faint); margin-top: 0.3rem;
}
.vlt-calculator__formula {
  font-size: clamp(0.82rem, 1.2vw, 0.9rem); color: var(--vlt-white-muted);
  padding: 0.8rem 1rem; background: rgba(20,184,166,0.06);
  border: 1px solid rgba(20,184,166,0.15); border-radius: var(--vlt-r-md);
  font-family: monospace; text-align: center;
}

/* ─── STEPS TIMELINE ─── */
.vlt-steps { background: var(--vlt-bg-dark); }
.vlt-steps__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: clamp(1rem, 2.5vw, 1.5rem); margin-top: 2rem;
}
.vlt-step {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-lg); padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center; transition: transform var(--vlt-transition-normal);
}
.vlt-step:hover { transform: translateY(-4px); }
.vlt-step__number {
  width: 48px; height: 48px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.2rem; font-weight: 800; margin-bottom: 0.8rem;
  background: rgba(20,184,166,0.1); border: 2px solid rgba(20,184,166,0.3); color: var(--vlt-teal);
}
.vlt-step__title { font-size: clamp(1rem, 1.5vw, 1.1rem); font-weight: 700; margin-bottom: 0.4rem; }
.vlt-step__desc { font-size: clamp(0.82rem, 1.2vw, 0.9rem); color: var(--vlt-white-muted); line-height: 1.6; }

/* ─── GROWTH CARDS ─── */
.vlt-growth__cards { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1rem, 2.5vw, 1.5rem); margin-top: 2rem; }

/* ─── CTA SECTION ─── */
.vlt-cta {
  background: linear-gradient(180deg, var(--vlt-bg-dark) 0%, var(--vlt-bg-darkest) 100%);
  text-align: center; padding-block: clamp(4rem, 10vw, 7rem);
}
.vlt-cta__card {
  background: linear-gradient(135deg, rgba(20,184,166,0.06), rgba(212,168,83,0.04));
  border: 1px solid rgba(20,184,166,0.15);
  border-radius: var(--vlt-r-xl); padding: clamp(2.5rem, 6vw, 4rem);
  position: relative; overflow: hidden; max-width: 800px; margin-inline: auto;
}
.vlt-cta__card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--vlt-teal), var(--vlt-gold));
}
.vlt-cta__title { font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 800; line-height: 1.15; margin-bottom: 1rem; }
.vlt-cta__subtitle {
  font-size: clamp(0.95rem, 1.6vw, 1.1rem); color: var(--vlt-white-muted);
  line-height: 1.7; max-width: 580px; margin-inline: auto; margin-bottom: 2rem;
}

/* ─── ROI COMPARISON ─── */
.vlt-afford__card {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-xl); padding: clamp(2rem, 5vw, 3rem);
  position: relative; overflow: hidden; margin-top: 2rem;
}
.vlt-afford__card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--vlt-red), var(--vlt-gold), var(--vlt-green));
}
.vlt-afford__comparison {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 1.5rem; align-items: start;
}
.vlt-afford__col-title {
  font-size: clamp(0.65rem, 0.9vw, 0.72rem); font-weight: 700;
  text-transform: uppercase; letter-spacing: 2px; margin-bottom: 1rem;
}
.vlt-afford__col--old .vlt-afford__col-title { color: var(--vlt-red); }
.vlt-afford__col--new .vlt-afford__col-title { color: var(--vlt-green-light); }
.vlt-afford__item {
  display: flex; justify-content: space-between; align-items: center;
  padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.04);
  font-size: clamp(0.82rem, 1.2vw, 0.9rem);
}
.vlt-afford__item-label { color: var(--vlt-white-muted); }
.vlt-afford__item-value { font-weight: 700; }
.vlt-afford__col--old .vlt-afford__item-value { color: var(--vlt-red); }
.vlt-afford__col--new .vlt-afford__item-value { color: var(--vlt-green-light); }
.vlt-afford__divider {
  width: 2px; background: var(--vlt-white-border); min-height: 100%; align-self: stretch;
  display: flex; align-items: center; justify-content: center; position: relative;
}
.vlt-afford__divider::after {
  content: 'VS'; position: absolute;
  font-size: 0.7rem; font-weight: 800; letter-spacing: 1px; color: var(--vlt-gold);
  background: var(--vlt-bg-darkest); padding: 0.5rem 0.3rem; border-radius: 4px;
}
.vlt-afford__total {
  margin-top: 1rem; padding-top: 1rem; border-top: 2px solid rgba(255,255,255,0.1);
  display: flex; justify-content: space-between; align-items: center;
}
.vlt-afford__total-label { font-weight: 700; font-size: clamp(0.9rem, 1.4vw, 1rem); }
.vlt-afford__total-value { font-weight: 800; font-size: clamp(1.1rem, 1.8vw, 1.3rem); }
.vlt-afford__verdict { text-align: center; margin-top: clamp(1.5rem, 3vw, 2rem); padding-top: clamp(1.5rem, 3vw, 2rem); border-top: 1px solid var(--vlt-white-border); }
.vlt-afford__verdict-text { font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 700; color: var(--vlt-green-light); }
.vlt-afford__verdict-sub { font-size: clamp(0.85rem, 1.3vw, 0.95rem); color: var(--vlt-white-muted); margin-top: 0.3rem; }

/* ─── FEATURE MODULE CARDS ─── */
.vlt-modules {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(1rem, 2.5vw, 1.5rem); margin-top: 2rem;
}
.vlt-module {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-lg); padding: clamp(1.5rem, 3vw, 2rem);
  position: relative; overflow: hidden; transition: transform var(--vlt-transition-normal);
}
.vlt-module:hover { transform: translateY(-4px); }
.vlt-module::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: var(--vlt-teal);
}
.vlt-module__icon { font-size: 2rem; margin-bottom: 0.6rem; display: block; }
.vlt-module__name { font-size: clamp(1rem, 1.5vw, 1.15rem); font-weight: 700; margin-bottom: 0.4rem; }
.vlt-module__desc { font-size: clamp(0.82rem, 1.2vw, 0.9rem); color: var(--vlt-white-muted); line-height: 1.6; }
.vlt-module__package {
  display: inline-block; margin-top: 0.6rem;
  font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
  padding: 0.15rem 0.5rem; border-radius: var(--vlt-r-full);
}
.vlt-module__package--starter { color: var(--vlt-teal); border: 1px solid rgba(20,184,166,0.3); }
.vlt-module__package--growth { color: var(--vlt-gold); border: 1px solid rgba(212,168,83,0.3); }
.vlt-module__package--complete { color: var(--vlt-purple); border: 1px solid rgba(167,139,250,0.3); }

/* ─── CONTACT FORM ─── */
.vlt-contact__grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 4vw, 3rem);
  margin-top: 2rem; align-items: start;
}
.vlt-contact__form {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-xl); padding: clamp(2rem, 4vw, 2.5rem);
}
.vlt-contact__info {
  display: flex; flex-direction: column; gap: 1.5rem;
}
.vlt-contact__info-card {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-lg); padding: 1.5rem;
}
.vlt-contact__info-card h3 {
  font-size: 1rem; font-weight: 700; margin-bottom: 0.5rem;
}
.vlt-contact__info-card p {
  font-size: 0.88rem; color: var(--vlt-white-muted); line-height: 1.6;
}

/* ─── AGREEMENT (DUAL PANEL) ─── */
.vlt-agreement { background: var(--vlt-bg-dark); }
.vlt-agreement__dual {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2.5vw, 1.5rem); margin-top: 2rem; align-items: start;
}
.vlt-agreement__chat {
  background: var(--vlt-white-ghost); border: 1px solid var(--vlt-white-border);
  border-radius: var(--vlt-r-xl); overflow: hidden; display: flex; flex-direction: column;
}
.vlt-agreement__chat-header {
  padding: 1rem 1.5rem;
  background: rgba(20,184,166,0.08); border-bottom: 1px solid var(--vlt-white-border);
  display: flex; align-items: center; justify-content: space-between;
}
.vlt-agreement__chat-title { font-size: 0.9rem; font-weight: 700; color: var(--vlt-teal-light); }
.vlt-agreement__chat-progress { display: flex; align-items: center; gap: 0.5rem; }
.vlt-agreement__chat-progress-bar { width: 80px; height: 6px; border-radius: 3px; background: rgba(255,255,255,0.1); overflow: hidden; }
.vlt-agreement__chat-progress-fill { height: 100%; border-radius: 3px; background: var(--vlt-teal); transition: width 0.4s ease; width: 0%; }
.vlt-agreement__chat-progress-text { font-size: 0.72rem; font-weight: 700; color: var(--vlt-white-faint); }
.vlt-agreement__chat-messages {
  height: 400px; overflow-y: auto; padding: 1rem 1.5rem;
  display: flex; flex-direction: column; gap: 0.8rem; scroll-behavior: smooth;
}
.vlt-agreement__chat-messages::-webkit-scrollbar { width: 4px; }
.vlt-agreement__chat-messages::-webkit-scrollbar-track { background: transparent; }
.vlt-agreement__chat-messages::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px; }
.vlt-chat-msg {
  max-width: 85%; padding: 0.7rem 1rem; border-radius: 12px;
  font-size: 0.88rem; line-height: 1.6; animation: vltChatFadeIn 0.3s ease;
}
@keyframes vltChatFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.vlt-chat-msg--ai { align-self: flex-start; background: rgba(20,184,166,0.1); border: 1px solid rgba(20,184,166,0.2); color: var(--vlt-white); }
.vlt-chat-msg--user { align-self: flex-end; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.15); color: var(--vlt-white); }
.vlt-chat-msg--typing { align-self: flex-start; background: rgba(20,184,166,0.06); border: 1px solid rgba(20,184,166,0.1); color: var(--vlt-white-faint); font-style: italic; }
.vlt-agreement__chat-suggestions { padding: 0.5rem 1.5rem; display: flex; flex-wrap: wrap; gap: 0.4rem; min-height: 0; }
.vlt-suggestion-pill {
  font-family: var(--vlt-font); font-size: 0.78rem; font-weight: 600;
  padding: 0.35rem 0.8rem; border-radius: var(--vlt-r-full);
  background: rgba(20,184,166,0.08); border: 1px solid rgba(20,184,166,0.25);
  color: var(--vlt-teal-light); cursor: pointer; transition: all var(--vlt-transition-fast);
}
.vlt-suggestion-pill:hover { background: rgba(20,184,166,0.15); transform: translateY(-1px); }
.vlt-agreement__chat-input {
  display: flex; gap: 0.5rem; padding: 1rem 1.5rem; border-top: 1px solid var(--vlt-white-border);
}
.vlt-agreement__chat-input input {
  flex: 1; padding: 0.6rem 1rem; border-radius: var(--vlt-r-full);
  background: rgba(255,255,255,0.06); border: 1px solid var(--vlt-white-border);
  color: var(--vlt-white); font-family: var(--vlt-font); font-size: 0.88rem;
  outline: none; transition: border-color var(--vlt-transition-fast);
}
.vlt-agreement__chat-input input:focus { border-color: rgba(20,184,166,0.4); }
.vlt-agreement__chat-input input::placeholder { color: var(--vlt-white-faint); }
.vlt-agreement__chat-input button {
  font-family: var(--vlt-font); font-size: 0.85rem; font-weight: 700;
  padding: 0.6rem 1.2rem; border-radius: var(--vlt-r-full);
  background: var(--vlt-teal); color: var(--vlt-bg-darkest); border: none;
  cursor: pointer; transition: all var(--vlt-transition-fast); white-space: nowrap;
}
.vlt-agreement__chat-input button:hover { background: var(--vlt-teal-light); }
.vlt-agreement__chat-input button:disabled { opacity: 0.5; cursor: not-allowed; }

/* Agreement Document Preview (white doc) */
.vlt-agreement__doc {
  background: #FFFFFF; color: #1a1a1a; border-radius: var(--vlt-r-xl);
  padding: clamp(2rem, 5vw, 3.5rem); max-width: 100%;
  font-family: 'Inter', 'Segoe UI', sans-serif; line-height: 1.7;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4); position: sticky; top: 80px;
}
.vlt-agreement__doc-header { text-align: center; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 2px solid #D4A853; }
.vlt-agreement__doc-logo { font-size: 1.6rem; font-weight: 800; color: #0A1628; margin-bottom: 0.3rem; }
.vlt-agreement__doc-logo span { color: #14B8A6; }
.vlt-agreement__doc-tagline { font-size: 0.82rem; color: #666; letter-spacing: 1px; text-transform: uppercase; }
.vlt-agreement__doc-title { font-size: 1.3rem; font-weight: 800; color: #0A1628; margin-top: 1rem; }
.vlt-agreement__doc h3 { font-size: 1rem; font-weight: 700; color: #0A1628; margin: 1.5rem 0 0.6rem; text-transform: uppercase; letter-spacing: 0.5px; }
.vlt-agreement__doc p { font-size: 0.9rem; color: #444; margin-bottom: 0.6rem; }
.vlt-agreement__doc-field { display: flex; align-items: baseline; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.9rem; }
.vlt-agreement__doc-field label { font-weight: 600; color: #333; white-space: nowrap; min-width: 140px; }
.vlt-agreement__doc-field .line { flex: 1; border-bottom: 1px solid #ccc; min-height: 1.2rem; color: #0A1628; padding-bottom: 2px; transition: all 0.3s ease; }
.vlt-agreement__doc-field .line.filled { border-bottom-color: #14B8A6; color: #14B8A6; font-weight: 600; }
.vlt-agreement__doc-table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.88rem; }
.vlt-agreement__doc-table th { background: #f5f5f0; color: #333; font-weight: 700; text-align: left; padding: 0.5rem 0.8rem; border: 1px solid #ddd; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.5px; }
.vlt-agreement__doc-table td { padding: 0.5rem 0.8rem; border: 1px solid #ddd; color: #444; }
.vlt-agreement__doc-table .total-row td { font-weight: 700; color: #0A1628; background: #f9f9f5; }
.vlt-agreement__doc-table .pkg-selected td { background: rgba(20,184,166,0.08); color: #0A1628; font-weight: 600; }
.vlt-agreement__doc-bank { background: #f5f5f0; border: 1px solid #ddd; border-radius: 8px; padding: 1rem 1.2rem; margin: 1rem 0; }
.vlt-agreement__doc-bank p { margin-bottom: 0.3rem; font-size: 0.88rem; color: #333; }
.vlt-agreement__doc-bank strong { color: #0A1628; }
.vlt-agreement__doc-signatures { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #ddd; }
.vlt-agreement__doc-sig { text-align: center; }
.vlt-agreement__doc-sig .sig-line { border-bottom: 1px solid #333; min-height: 50px; margin-bottom: 0.3rem; }
.vlt-agreement__doc-sig .sig-label { font-size: 0.82rem; color: #666; }
.vlt-agreement__doc-sig .sig-title { font-size: 0.75rem; color: #999; margin-top: 0.15rem; }
.vlt-agreement__doc-footer { text-align: center; margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #eee; }
.vlt-agreement__doc-footer p { font-size: 0.75rem; color: #999; }
.vlt-agreement__actions { display: flex; gap: 0.8rem; justify-content: center; margin-top: 1.5rem; }
.vlt-agreement__print-btn, .vlt-agreement__save-btn {
  font-family: var(--vlt-font); font-size: 0.9rem; font-weight: 700;
  padding: 0.8rem 2rem; border-radius: var(--vlt-r-full); border: none;
  cursor: pointer; transition: all var(--vlt-transition-fast);
}
.vlt-agreement__print-btn { background: var(--vlt-teal); color: var(--vlt-bg-darkest); }
.vlt-agreement__print-btn:hover { background: var(--vlt-teal-light); transform: translateY(-2px); }
.vlt-agreement__print-btn:disabled, .vlt-agreement__save-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }
.vlt-agreement__save-btn { background: var(--vlt-gold); color: var(--vlt-bg-darkest); }
.vlt-agreement__save-btn:hover { background: var(--vlt-gold-light); transform: translateY(-2px); }

/* ─── RESPONSIVE ─── */
@media (max-width: 768px) {
  .vlt-pair-row { grid-template-columns: 1fr; }
  .vlt-picture__columns { grid-template-columns: 1fr; }
  .vlt-calculator__inputs { grid-template-columns: 1fr; }
  .vlt-afford__comparison { grid-template-columns: 1fr; }
  .vlt-afford__divider { width: 100%; height: 2px; min-height: auto; }
  .vlt-afford__divider::after { position: static; }
  .vlt-growth__cards { grid-template-columns: 1fr; }
  .vlt-agreement__dual { grid-template-columns: 1fr; }
  .vlt-agreement__doc { position: static; }
  .vlt-agreement__doc-signatures { grid-template-columns: 1fr; gap: 2rem; }
  .vlt-contact__grid { grid-template-columns: 1fr; }
}

/* ─── PRINT ─── */
@media print {
  body { background: #fff !important; color: #000 !important; }
  .vlt-nav, .vlt-hero, .vlt-footer,
  .vlt-agreement__chat, .vlt-agreement__actions,
  .vlt-agreement .vlt-label, .vlt-agreement .vlt-title, .vlt-agreement .vlt-subtitle { display: none !important; }
  .vlt-agreement { background: #fff !important; padding: 0 !important; }
  .vlt-agreement__dual { display: block !important; }
  .vlt-agreement__doc {
    box-shadow: none !important; border-radius: 0 !important;
    max-width: 100% !important; padding: 1.5rem !important; margin: 0 !important;
    position: static !important;
  }
  @page { margin: 1.5cm; }
}