
/* VTechs Divi Components v1.3.0 */
:root{--v-primary:#06b6d4;--v-secondary:#8b5cf6;--v-accent:#f472b6;--v-bg-from:#0f172a;--v-bg-via:#3b0764;--v-bg-to:#1e1b4b;--v-card-bg:rgba(255,255,255,.08);--v-border:rgba(255,255,255,.12);--v-text:#e5e7eb;--v-muted:#9ca3af}
.vt-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.vt-section{padding:5rem 0}
.vt-glass{background:var(--v-card-bg);border:1px solid var(--v-border);border-radius:1rem;box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.vt-gradient-text{background:linear-gradient(90deg,var(--v-primary),var(--v-secondary),var(--v-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.vt-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.75rem;border:1px solid var(--v-primary);text-decoration:none;color:#fff;font-weight:600;transition:transform .2s ease,background .2s ease}
.vt-btn:hover{transform:translateY(-1px);background:rgba(6,182,212,.12)}.vt-btn-primary{background:linear-gradient(90deg,var(--v-primary),var(--v-secondary));border-color:transparent}
.vt-grid{display:grid;gap:2rem}.vt-grid.cols-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.vt-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vt-grid.cols-4{grid-template-columns:1fr}}
.vt-service{padding:1.25rem;border-radius:1rem}.vt-service .icon{width:52px;height:52px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;background:linear-gradient(90deg,var(--v-primary),var(--v-secondary))}
.vt-portfolio-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}
@media (max-width:1024px){.vt-portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vt-portfolio-grid{grid-template-columns:1fr}}
.vt-card{overflow:hidden;position:relative}.vt-card img{width:100%;height:220px;object-fit:cover;display:block}.vt-card .content{padding:1rem}.vt-tag{display:inline-block;padding:.2rem .5rem;border:1px solid var(--v-border);border-radius:.5rem;font-size:.75rem;color:var(--v-muted);margin-right:.3rem}
.vt-hero{padding:8rem 0 5rem;text-align:center;position:relative}.vt-hero .title{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;margin-bottom:.75rem}.vt-hero .subtitle{font-size:clamp(1.125rem,2vw,1.4rem);color:var(--v-muted);max-width:48rem;margin:0 auto 1.5rem}
.vt-animate{opacity:0;transform:translateY(18px);transition:all .6s ease}.vt-animate.in-view{opacity:1;transform:translateY(0)}
.vt-contact .et_pb_contact_form{max-width:720px;margin:0 auto}
.vt-steps{max-width:900px;margin:0 auto}.vt-step{display:none}.vt-step.active{display:block}.vt-step-nav{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap}.vt-chip{padding:.35rem .6rem;border-radius:.75rem;border:1px solid var(--v-border);color:var(--v-muted)}.vt-chip.active{border-color:var(--v-primary);color:#fff;background:rgba(6,182,212,.15)}
body.vtechs-gradient-bg{background:linear-gradient(135deg,var(--v-bg-from),var(--v-bg-via),var(--v-bg-to)) fixed;color:var(--v-text)}
