:root {
  --radius: 0.625rem;
  --background: #f6f9fb;
  --foreground: #000d1e;
  --card: #ffffff;
  --primary: #1b3478;
  --primary-foreground: #ffffff;
  --secondary: #e3f1fb;
  --muted: #dfe6eb;
  --muted-foreground: #67737c;
  --accent: #628bea;
  --accent-foreground: #faf8f8;
  --destructive: #ee343b;
  --border: #dfe6eb;
}
@supports (color: oklch(0.5 0.1 250)) {
  :root {
    --radius: 0.625rem;
    --background: oklch(0.98 0.005 240);
    --foreground: oklch(0.15 0.05 240);
    --card: oklch(1 0 0);
    --primary: oklch(0.35 0.12 265);
    --primary-foreground: oklch(1 0 0);
    --secondary: oklch(0.95 0.02 240);
    --muted: oklch(0.92 0.01 240);
    --muted-foreground: oklch(0.55 0.02 240);
    --accent: oklch(0.65 0.15 265);
    --accent-foreground: oklch(0.98 0.002 0);
    --destructive: oklch(0.62 0.22 25);
    --border: oklch(0.92 0.01 240);
  }
}
*{box-sizing:border-box} html,body{margin:0;padding:0} body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--background);color:var(--foreground)}
a{color:inherit;text-decoration:none} a:hover{color:var(--primary)}
.va-container{max-width:1280px;margin:0 auto;padding:0 16px} .va-main{min-height:60vh}
.va-header{position:sticky;top:0;z-index:999;border-bottom:1px solid var(--border);background:rgba(255,255,255,.85);backdrop-filter:blur(10px)}
.va-header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.va-brand-link{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;color:var(--primary)} .va-logo{width:24px;height:24px}
.va-nav{display:none} .va-menu{list-style:none;display:flex;gap:32px;margin:0;padding:0} .va-menu a{font-size:14px;font-weight:500;color:var(--foreground);transition:color .2s ease} .va-menu a:hover{color:var(--primary)}
.va-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:8px} .va-mobile-icon{width:24px;height:24px}
.va-mobile-nav{display:none;border-bottom:1px solid var(--border);background:var(--background)} .va-mobile-menu{list-style:none;margin:0;padding:12px 0;display:flex;flex-direction:column;gap:10px} body.va-mobile-open .va-mobile-nav{display:block}
@media(min-width:768px){.va-nav{display:block}.va-mobile-toggle{display:none}.va-mobile-nav{display:none!important}}
.va-h1{font-size:clamp(40px,5vw,64px);margin:0 0 16px;font-weight:800} .va-h2{font-size:clamp(28px,3vw,40px);margin:0 0 16px;font-weight:800} .va-h3{font-size:20px;margin:16px 0 12px;font-weight:800}
.va-lead{font-size:18px;color:var(--muted-foreground);margin:0 auto;max-width:720px} .va-par{font-size:18px;color:var(--muted-foreground);line-height:1.7;margin:0 0 16px} .va-text-muted{color:var(--muted-foreground)} .va-center{text-align:center}
.va-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:calc(var(--radius) - 2px);font-weight:700;border:0;cursor:pointer;transition:filter .2s ease,transform .05s ease} .va-btn:active{transform:translateY(1px)}
.va-btn-primary{background:var(--primary);color:var(--primary-foreground)} .va-btn-primary:hover{filter:brightness(.95)}
.va-btn-accent{background:var(--accent);color:var(--accent-foreground)} .va-btn-accent:hover{filter:brightness(.95)}
.va-section{padding:64px 0} @media(min-width:768px){.va-section{padding:96px 0}} .va-section-muted{background:color-mix(in srgb,var(--secondary) 60%,var(--background))} .va-section-head{text-align:center;margin-bottom:48px}
.va-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:64px;overflow:hidden} .va-hero-bg{position:absolute;inset:0;background-image:var(--va-hero-image);background-size:cover;background-position:center} .va-hero-bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.va-hero-content{position:relative;z-index:2;text-align:center;max-width:900px} .va-hero-title{color:#fff;font-size:clamp(48px,7vw,96px);margin:0 0 16px;font-weight:800} .va-hero-subtitle{color:rgba(255,255,255,.92);font-size:clamp(18px,2.2vw,24px);margin:0 0 12px;font-weight:600} .va-hero-text{color:rgba(255,255,255,.85);font-size:clamp(16px,1.7vw,20px);margin:0 auto 32px;max-width:720px;line-height:1.7} .va-hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.va-hero-lite{padding:96px 0 64px;background:linear-gradient(to bottom,color-mix(in srgb,var(--secondary) 50%,var(--background)),var(--background))}
.va-grid{display:grid;gap:24px} .va-grid-2{grid-template-columns:1fr} .va-grid-3{grid-template-columns:1fr} @media(min-width:768px){.va-grid-2{grid-template-columns:1fr 1fr}} @media(min-width:1024px){.va-grid-3{grid-template-columns:1fr 1fr 1fr}}
.va-card{background:var(--card);border:1px solid var(--border);border-radius:12px} .va-card-pad{padding:32px} .va-card-pad-xl{padding:48px}
.va-card-cta{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 15%,transparent),color-mix(in srgb,var(--accent) 15%,transparent));border-color:color-mix(in srgb,var(--primary) 30%,var(--border));text-align:center}
.va-iconbox{width:48px;height:48px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent)} .va-iconbox svg{width:24px;height:24px}
.service-card{transition:box-shadow .2s ease,transform .2s ease} .service-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateY(-1px)}
.va-img{width:100%;height:256px;object-fit:cover;border-radius:12px} .va-gap{gap:32px} .va-narrow{max-width:900px} .va-mt{margin-top:32px}
.va-list{list-style:none;padding:0;margin:0 0 16px} .va-list li{display:flex;align-items:flex-start;gap:10px;color:var(--muted-foreground);margin:10px 0;line-height:1.6} .va-list li::before{content:"";width:18px;height:18px;margin-top:4px;border-radius:999px;background:color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 75%,transparent)}
.va-service-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px}
.va-link{color:var(--primary)} .va-link:hover{text-decoration:underline} .va-contact-form-wrap{max-width:768px;margin:48px auto 0}
.va-form input,.va-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--background);color:var(--foreground);outline:none} .va-form input:focus,.va-form textarea:focus{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}
.va-field{margin:0 0 18px} .va-field label{display:block;font-weight:600;margin:0 0 8px} .va-required{color:var(--destructive)}
.va-alert{margin-top:18px;padding:16px;border-radius:12px;border:1px solid} .va-alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#14532d} .va-alert-error{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}
.va-footer{border-top:1px solid var(--border);background:color-mix(in srgb,var(--secondary) 50%,transparent);padding:48px 0} .va-footer-grid{display:grid;gap:32px;grid-template-columns:1fr;margin-bottom:32px} @media(min-width:768px){.va-footer-grid{grid-template-columns:1fr 1fr 1fr}}
.va-footer-title{font-weight:800;font-size:18px;color:var(--primary);display:flex;gap:8px;align-items:center;margin:0 0 12px} .va-footer-icon{width:20px;height:20px} .va-footer-sub{font-weight:700;margin:0 0 12px}
.va-footer-links,.va-footer-contact{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .va-footer-links a{color:var(--muted-foreground)} .va-footer-links a:hover{color:var(--primary)} .va-footer-contact li{color:var(--muted-foreground)} .va-footer-contact span{color:var(--foreground);font-weight:600}
.va-footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:space-between} @media(min-width:768px){.va-footer-bottom{flex-direction:row}}
.va-b12 a{display:flex;align-items:center;gap:6px;font-size:14px;color:inherit} .va-heart{margin-right:4px} .va-b12-word{font-weight:700}
.grecaptcha-badge{opacity:0}
/* ===== Floating buttons menu ===== */

.va-menu {
  gap: 16px;
}

/* linkurile devin butoane */
.va-menu a {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 30px;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(6px);
  border: 1px solid var(--border);
  font-weight: 600;
  transition: all 0.25s ease;
}

/* efect hover */
.va-menu a:hover {
  transform: translateY(-4px) scale(1.1);
  background: var(--primary);
  color: white;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* efect "floating" */
.va-header {
  position: sticky;
  top: 10px;
  margin: 0 20px;
  border-radius: 50px;
}

/* optional: mai mare pe desktop */
@media (min-width: 768px) {
  .va-menu a {
    padding: 12px 22px;
  }
}
.va-header {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(12px);
  box-shadow: 0 8px 30px rgba(0,0,0,0.1);
}
/* ===== APPLE STYLE STICKY NAV ===== */

/*.va-header {
  position: fixed;
  top: 20px;
  left: 0;
  width: 100%;
  z-index: 1000;

  display: flex;
  justify-content: center;

  background: transparent;
  border: none;
}

/* container central */
/*.va-header-inner {
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  padding: 10px 20px;
  border-radius: 50px;

  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255,255,255,0.3);

  transition: all 0.3s ease;
}

/* logo */
/*.va-brand-link {
  color: var(--primary);
}

/* meniu */
/*.va-menu {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* butoane */
/*.va-menu a {
 .va-hero-logo {
  text-align: center;
  margin-bottom: 20px;
}

.va-hero-logo img {
  max-width: 280px;
  height: auto;
}

/* efect optional premium */
.va-hero-logo img {
  transition: transform 0.3s ease;
}

.va-hero-logo img:hover {
  transform: scale(1.05);
}
.va-hero-logo {
  text-align: center;
  margin-bottom: 160px;
}

/* Dimensiune Logo */
.va-hero-logo img {
  max-width: 500px;
  height: auto;
  display: inline-block;
}

.va-logo {
  height: 200px;   /* dimensiune tip header (ca în poză) */
  width: auto;
  display: block;
}

/*Watsapp */

/*.va-whatsapp {
  margin-top: 15px;
}

.va-whatsapp-btn {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 30px;
  background: #25D366;
  color: white;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.va-whatsapp-btn:hover {
  background: #1ebe5c;
  transform: scale(1.05);
}
/* Poze la Servicii */
/*.va-iconbox svg {
  width: 28px;
  height: 28px;
  stroke-width: 2;
}

.va-iconbox {
  background: #f1f5f9;
  color: #4f46e5;
}

/* efect premium */
/*.va-iconbox:hover {
  transform: scale(1.1);
  background: var(--primary);
  color: white;
}