/* Trustivo Design Pack — Visual Motion AI Agents Pro */
:root{
  --vm-bg:#050912;
  --vm-bg2:#0B111D;
  --vm-surface:#101827;
  --vm-soft:#151E2E;
  --vm-text:#FFFFFF;
  --vm-muted:#B8C0D4;
  --vm-gold:#F4BE55;
  --vm-gold-dark:#B8872E;
  --vm-border:rgba(244,190,85,.28);
  --vm-success:#26C281;
  --vm-radius:22px;
  --vm-container:1180px;
  --vm-shadow:0 24px 70px rgba(0,0,0,.28);
}
.trustivo-vm-page{
  background:var(--vm-bg);
  color:var(--vm-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:hidden;
}
.trustivo-vm-page *{box-sizing:border-box}
.vm-container{max-width:var(--vm-container);margin:0 auto;padding:0 24px}
.vm-header{position:sticky;top:0;z-index:50;background:rgba(5,9,18,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.vm-header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.vm-logo{display:flex;align-items:center;gap:12px;font-weight:850;font-size:20px;color:#fff;text-decoration:none}
.vm-logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--vm-gold),var(--vm-gold-dark));display:grid;place-items:center;color:#070a12;font-weight:900}
.vm-nav{display:flex;gap:28px;align-items:center}
.vm-nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:700;opacity:.92}
.vm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:12px;border:1px solid var(--vm-border);text-decoration:none;font-weight:850;transition:.2s ease}
.vm-btn-primary{background:linear-gradient(135deg,var(--vm-gold),#f8cc70);color:#0b0e14!important;border:0;box-shadow:0 12px 34px rgba(244,190,85,.22)}
.vm-btn-secondary{color:#fff!important;background:rgba(255,255,255,.03)}
.vm-hero{position:relative;padding:86px 0 96px;background:radial-gradient(circle at 70% 30%,rgba(244,190,85,.15),transparent 34%),linear-gradient(135deg,#050912 0%,#08111d 100%)}
.vm-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(160deg,rgba(244,190,85,.08) 0 1px,transparent 1px 18px);opacity:.16;pointer-events:none}
.vm-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);gap:56px;align-items:center}
.vm-eyebrow{display:inline-flex;color:#fff;background:rgba(244,190,85,.08);border:1px solid var(--vm-border);border-radius:999px;padding:8px 14px;text-transform:uppercase;font-size:12px;letter-spacing:.08em;font-weight:850}
.vm-hero h1{font-size:61px;line-height:.98;letter-spacing:-.055em;margin:24px 0 22px}
.vm-gradient{display:block;color:var(--vm-gold)}
.vm-hero p{font-size:19px;line-height:1.65;color:#e7ebf7;max-width:610px}
.vm-hero-actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}
.vm-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.vm-metric{display:flex;gap:10px;align-items:flex-start;color:#fff}
.vm-metric-icon{width:30px;height:30px;border:1px solid var(--vm-border);border-radius:10px;display:grid;place-items:center;color:var(--vm-gold)}
.vm-metric strong{display:block;color:var(--vm-gold);font-size:13px;margin-bottom:4px}
.vm-metric span{display:block;color:#d3d9e8;font-size:12px}
.vm-visual{position:relative;min-height:500px}
.vm-phone{position:absolute;left:30px;top:0;width:310px;min-height:450px;border-radius:36px;background:linear-gradient(180deg,#121a29,#070b13);border:1px solid var(--vm-border);box-shadow:var(--vm-shadow);padding:28px}
.vm-whatsapp{position:absolute;right:95px;top:18px;width:62px;height:62px;background:#42d465;border-radius:16px;display:grid;place-items:center;font-size:32px;box-shadow:0 18px 40px rgba(66,212,101,.32)}
.vm-message{background:#172234;border-radius:18px;padding:13px 15px;margin:18px 0;color:#fff;font-size:14px}
.vm-message.out{background:#1f5da7;margin-left:44px}
.vm-appointment{position:absolute;right:0;top:70px;width:250px;border:1px solid var(--vm-border);background:rgba(16,24,39,.86);backdrop-filter:blur(18px);border-radius:24px;padding:24px;box-shadow:var(--vm-shadow)}
.vm-appointment h3{margin:0 0 20px;font-size:18px}
.vm-appointment-row{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#dce2f0}
.vm-success{margin-top:16px;background:rgba(38,194,129,.14);color:#a7f3d0;border-radius:12px;padding:11px;font-weight:800;font-size:13px}
.vm-conversion{position:absolute;left:0;bottom:22px;width:300px;background:rgba(16,24,39,.88);border:1px solid var(--vm-border);border-radius:20px;padding:22px;box-shadow:var(--vm-shadow)}
.vm-conversion strong{font-size:32px;display:block;margin:10px 0;color:#fff}
.vm-logo-strip{background:#fff;color:#737b8c;padding:28px 0}
.vm-logo-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.vm-logo-strip span{font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.vm-logo-strip strong{font-size:22px;letter-spacing:.08em;color:#7b7f89}
.vm-solutions{padding:92px 0;background:#07101b}
.vm-two-col{display:grid;grid-template-columns:.9fr 1.35fr;gap:64px;align-items:start}
.vm-section-title h2{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:18px 0}
.vm-section-title p{color:#d2d8e7;line-height:1.7;font-size:16px}
.vm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vm-card{background:linear-gradient(180deg,rgba(21,30,46,.92),rgba(12,18,30,.92));border:1px solid var(--vm-border);border-radius:18px;padding:24px;min-height:260px}
.vm-card-icon{width:42px;height:42px;border:1px solid var(--vm-border);border-radius:14px;color:var(--vm-gold);display:grid;place-items:center;margin-bottom:24px}
.vm-card h3{font-size:18px;margin:0 0 14px}
.vm-card p{color:#d4d9e8;line-height:1.65;font-size:14px}
.vm-results{background:#f7f7f5;color:#101521;padding:86px 0}
.vm-results-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px}
.vm-results h2{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:18px 0}
.vm-results p{color:#465061;line-height:1.7}
.vm-stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.vm-stat{background:#fff;border:1px solid #e8dfd1;border-radius:12px;padding:13px 16px}
.vm-stat strong{display:block;color:#d89528;font-size:22px}
.vm-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vm-testimonial{background:#fff;border-radius:22px;padding:26px;box-shadow:0 18px 50px rgba(17,24,39,.08)}
.vm-stars{color:#d89528;letter-spacing:3px;margin-bottom:20px}
.vm-testimonial blockquote{margin:0;color:#131923;line-height:1.65;font-size:16px}
.vm-person{margin-top:28px;font-weight:850}
.vm-person span{display:block;color:#697287;font-weight:500;font-size:13px;margin-top:4px}
.vm-contact{background:linear-gradient(135deg,#050912,#0b1422);padding:76px 0 36px;color:#fff}
.vm-contact-grid{display:grid;grid-template-columns:.85fr 1fr;gap:56px;align-items:center}
.vm-contact-image{min-height:420px;border-radius:26px;background:linear-gradient(135deg,rgba(244,190,85,.24),rgba(17,24,39,.88)),url('assets/preview.png');background-size:cover;background-position:left center;box-shadow:var(--vm-shadow)}
.vm-form-card{background:rgba(16,24,39,.92);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:24px;box-shadow:var(--vm-shadow)}
.vm-form-card input,.vm-form-card textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#0e1624;border-radius:10px;padding:13px;margin-bottom:10px;color:#fff}
.vm-form-card button,.vm-form-card input[type=submit]{width:100%;background:linear-gradient(135deg,var(--vm-gold),#f8cc70);color:#0b0e14;border:0;border-radius:10px;padding:14px;font-weight:900}
.vm-footer-contact{border-top:1px solid rgba(255,255,255,.08);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#d8deec;flex-wrap:wrap}
@media(max-width:1050px){
  .vm-nav{display:none}
  .vm-hero-grid,.vm-two-col,.vm-results-grid,.vm-contact-grid{grid-template-columns:1fr}
  .vm-cards{grid-template-columns:repeat(2,1fr)}
  .vm-testimonials{grid-template-columns:1fr}
  .vm-visual{min-height:560px}
}
@media(max-width:680px){
  .vm-header-inner{height:68px}
  .vm-hero{padding:58px 0 72px}
  .vm-hero h1{font-size:42px}
  .vm-metrics{grid-template-columns:1fr}
  .vm-cards{grid-template-columns:1fr}
  .vm-phone{position:relative;left:auto;width:100%}
  .vm-appointment,.vm-conversion,.vm-whatsapp{position:relative;right:auto;left:auto;top:auto;bottom:auto;margin-top:18px;width:100%}
  .vm-results h2,.vm-section-title h2{font-size:34px}
}