/* HES VIP Transfer - Black/Gold Luxury Theme */
:root{
  --bg:#0b0b0c;
  --bg2:#0f0f12;
  --card: rgba(255,255,255,0.04);
  --line: rgba(255,255,255,0.10);
  --text:#f4f4f5;
  --muted:#b6b6bf;

  --gold:#d7b46a;
  --gold2:#b89245;
  --shadow: 0 20px 60px rgba(0,0,0,0.50);
  --radius: 18px;
  --radius2: 26px;

  --font-head: "Playfair Display", ui-serif, Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background: radial-gradient(1200px 700px at 15% 0%, rgba(215,180,106,0.18), transparent 60%),
              radial-gradient(900px 600px at 80% 10%, rgba(215,180,106,0.10), transparent 60%),
              linear-gradient(180deg, var(--bg), #070708 60%, #060607);
  color: var(--text);
  font-family: var(--font-body);
  overflow-x:hidden;
}

a{ color: inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
button{ font-family: inherit; }
.wrap{ width:min(1120px, calc(100% - 40px)); margin-inline:auto; }

.skip{
  position:absolute; left:-999px; top:8px;
  background:var(--gold); color:#000;
  padding:10px 12px; border-radius:10px;
  z-index:9999;
}
.skip:focus{ left:12px; }

.muted{ color: var(--muted); }
.sep{ opacity:.6; padding-inline:10px; }

.topbar{
  position: sticky;
  top:0;
  z-index: 50;
  background: rgba(11,11,12,0.72);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 0;
  gap:16px;
}
.topbar-left{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.chip{
  display:inline-flex;
  gap:8px;
  align-items:center;
  padding:6px 10px;
  border:1px solid rgba(215,180,106,0.30);
  border-radius:999px;
  color: rgba(215,180,106,0.95);
  font-size: 12px;
  letter-spacing: .2px;
}
.toplink{ color: var(--text); opacity: .95; font-weight: 600; }
.toplink:hover{ color: var(--gold); }

.lang{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.10);
  cursor:pointer;
}
.flag{ filter:saturate(1.1); }
.lang-menu{
  position:absolute;
  right:20px;
  top:44px;
  width: 180px;
  padding:8px;
  border-radius: 14px;
  background: rgba(15,15,18,0.92);
  border:1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(16px);
  box-shadow: var(--shadow);
  display:none;
  z-index: 60;
}
.lang-menu.show{ display:block; }
.lang-menu button{
  width:100%;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  border-radius: 12px;
  border:0;
  background: transparent;
  color: var(--text);
  cursor:pointer;
  text-align:left;
}
.lang-menu button:hover{
  background: rgba(215,180,106,0.10);
  border: 1px solid rgba(215,180,106,0.18);
}

.header{
  position: sticky;
  top: 44px;
  z-index: 40;
  background: rgba(11,11,12,0.62);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 0;
  gap: 16px;
}
.logo{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 240px;
}
.logo-mark{
  width:42px; height:42px;
  display:grid; place-items:center;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(215,180,106,0.24), rgba(215,180,106,0.06));
  border: 1px solid rgba(215,180,106,0.35);
  color: var(--gold);
  font-weight: 800;
  letter-spacing: 1px;
}
.logo-title{
  font-weight: 700;
  font-family: var(--font-head);
  letter-spacing: .4px;
}
.logo-sub{
  display:block;
  margin-top:2px;
  font-size: 12px;
  color: var(--muted);
}

.nav{
  display:flex;
  gap: 18px;
  align-items:center;
}
.nav a{
  color: rgba(244,244,245,0.88);
  font-size: 14px;
  padding: 10px 10px;
  border-radius: 999px;
}
.nav a:hover{
  background: rgba(215,180,106,0.10);
  color: var(--gold);
}

.header-cta{
  display:flex;
  gap: 10px;
  align-items:center;
}
.burger{
  display:none;
  width:44px; height:44px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,0.55);
  background: rgba(255,255,255,0.04);
  cursor:pointer;
  padding:10px 10px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.burger span{
  display:block;
  height:2px;
  background: #ffffff;
  margin: 6px 0;
  border-radius: 2px;
}

.mobile-nav{
  display:none;
  padding: 12px 0 18px;
  border-top: 1px solid rgba(255,255,255,0.08);
}
.mobile-nav a{
  display:block;
  padding: 12px 0;
  color: rgba(244,244,245,0.88);
}
.mobile-cta{
  display:grid;
  gap:10px;
  grid-template-columns:1fr;
  margin-top: 10px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, border-color .12s ease, color .12s ease;
  font-weight: 700;
  letter-spacing: .2px;
}
.btn:active{ transform: translateY(1px) scale(0.99); }
.btn-gold{
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color:#141414;
  border-color: rgba(215,180,106,0.45);
  box-shadow: 0 16px 40px rgba(215,180,106,0.12);
}
.btn-gold:hover{ filter: brightness(1.05); }

.btn-green{
  background: linear-gradient(135deg, #22c55e, #16a34a);
  color:#061014;
  border-color: rgba(34,197,94,0.45);
  box-shadow: 0 16px 40px rgba(34,197,94,0.12);
}
.btn-green:hover{ filter: brightness(1.05); }

.btn-ghost{
  background: rgba(255,255,255,0.04);
  border-color: rgba(255,255,255,0.12);
  color: rgba(244,244,245,0.95);
}
.btn-ghost:hover{ border-color: rgba(215,180,106,0.28); color: var(--gold); }
.btn-dark{
  background: rgba(0,0,0,0.25);
  border-color: rgba(255,255,255,0.10);
}
.btn-dark:hover{ border-color: rgba(215,180,106,0.22); }
.w-full{ width:100%; }

.hero{
  position:relative;
  min-height: calc(100svh - 104px);
  display:flex;
  flex-direction: column;
  align-items: stretch;
}
.hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter: contrast(1.1) saturate(1.1);
  transform: scale(1.02);
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 520px at 20% 15%, rgba(0,0,0,0.35), rgba(0,0,0,0.78) 60%),
    linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.78) 60%, rgba(0,0,0,0.92));
}

.hero-inner{
  position:relative;
  flex: 1;
  padding: 54px 0 22px;
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: start;
}
.kicker{
  display:inline-flex;
  padding: 8px 12px;
  border-radius:999px;
  border: 1px solid rgba(215,180,106,0.35);
  background: rgba(215,180,106,0.10);
  color: rgba(215,180,106,0.98);
  font-weight: 700;
  letter-spacing: .25px;
  font-size: 13px;
}
.hero-title{
  margin: 14px 0 10px;
  font-family: var(--font-head);
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
  letter-spacing: .2px;
}
.hero-desc{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(244,244,245,0.84);
  max-width: 60ch;
}
.hero-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.hero-badges{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
}
.badge{
  display:inline-flex;
  gap:10px;
  align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.10);
  color: rgba(244,244,245,0.88);
  font-size: 13px;
}
.badge-dot{
  width:8px; height:8px; border-radius:99px;
  background: var(--gold);
  box-shadow: 0 0 18px rgba(215,180,106,0.35);
}

.glass{
  border-radius: var(--radius2);
  background: rgba(10,10,12,0.55);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}
.hero-card{
  padding: 18px 18px 16px;
}
.card-head{ margin-bottom: 10px; }
.card-title{
  font-weight: 800;
  letter-spacing: .2px;
}
.card-sub{ color: var(--muted); font-size: 13px; margin-top: 4px; }

.form{
  display:grid;
  gap: 12px;
  margin-top: 12px;
}
label span{ display:block; font-size: 13px; color: rgba(244,244,245,0.85); margin-bottom: 6px; }
input, select, textarea{
  width:100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(0,0,0,0.25);
  color: var(--text);
  outline: none;
}
input:focus, select:focus, textarea:focus{
  border-color: rgba(215,180,106,0.45);
  box-shadow: 0 0 0 4px rgba(215,180,106,0.12);
}
textarea{ resize: vertical; }
.grid2{ display:grid; grid-template-columns:1fr 1fr; gap: 10px; }
.grid3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap: 10px; }
.fine{ margin: 0; font-size: 12px; color: rgba(244,244,245,0.7); line-height: 1.5; }

.hero-bottom{
  position:relative;
  padding: 14px 0 18px;
  margin-top: auto;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,0.72));
}
.stats{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.stat{
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
}
.stat-num{
  font-family: var(--font-head);
  color: var(--gold);
  font-size: 22px;
}
.stat-txt{ color: rgba(244,244,245,0.78); font-size: 13px; margin-top: 2px; }

.section{
  padding: 74px 0;
}
.section-dark{
  background: radial-gradient(900px 520px at 20% 0%, rgba(215,180,106,0.10), transparent 60%),
              linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.00));
  border-top: 1px solid rgba(255,255,255,0.06);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.section-head{ margin-bottom: 22px; }
.section-head h2{
  margin: 0 0 8px;
  font-family: var(--font-head);
  font-size: clamp(26px, 3vw, 40px);
}
.section-desc{
  margin: 0;
  color: rgba(244,244,245,0.78);
  line-height: 1.7;
  max-width: 70ch;
}


.card-actions{
  display:flex;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}
.btn-sm{
  padding: 10px 12px;
  font-size: 13px;
}
.cards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.card{
  padding: 18px 16px 16px;
  border-radius: 22px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}
.card-icon{ font-size: 22px; }
.card h3{ margin: 10px 0 8px; font-size: 16px; letter-spacing: .2px;}
.card p{ margin: 0; color: rgba(244,244,245,0.75); line-height: 1.65; font-size: 14px; }

.fleet{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.fleet-item{
  border-radius: 24px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.03);
  box-shadow: 0 18px 50px rgba(0,0,0,0.40);
}
.fleet-item img{ height: 240px; width:100%; object-fit:cover; }
.fleet-item figcaption{
  padding: 14px 14px 16px;
}
.fleet-name{ font-weight: 800; }
.fleet-meta{ color: rgba(244,244,245,0.72); font-size: 13px; margin-top: 4px; }

.note-strip{
  margin-top: 18px;
  padding: 16px 16px;
  border-radius: 24px;
  background: rgba(215,180,106,0.08);
  border: 1px solid rgba(215,180,106,0.22);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
  flex-wrap: wrap;
}
.note-strip-title{
  font-weight: 900;
  color: var(--gold);
}
.note-strip-text{
  color: rgba(244,244,245,0.80);
  flex: 1 1 360px;
}

.steps{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.step{
  padding: 18px 16px 16px;
  border-radius: 24px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
}
.step-num{
  font-family: var(--font-head);
  color: var(--gold);
  font-size: 20px;
}
.step h3{ margin: 10px 0 8px; }
.step p{ margin:0; color: rgba(244,244,245,0.75); line-height: 1.65; font-size: 14px; }

.reviews{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.review{
  padding: 18px 16px 16px;
  border-radius: 24px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
}
.stars{ color: var(--gold); letter-spacing: 2px; }
.review p{ margin: 10px 0 12px; color: rgba(244,244,245,0.78); line-height: 1.65; }
.reviewer{ color: rgba(244,244,245,0.65); font-weight: 700; }

.contact{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 14px;
  align-items:start;
}
.contact-cards{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 18px 0;
}
.contact-card{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 14px 14px;
  border-radius: 22px;
  background: rgba(255,255,255,0.035);
  border: 1px solid rgba(255,255,255,0.10);
  cursor:pointer;
}
.contact-card:hover{ border-color: rgba(215,180,106,0.22); }
.contact-card .cc-ico{ font-size: 20px; }
.cc-title{ color: rgba(244,244,245,0.75); font-size: 13px; }
.cc-val{ font-weight: 900; }

.smallbox{
  padding: 14px 14px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.025);
}
.smallbox-title{ font-weight: 900; color: var(--gold); }
.smallbox-text{ margin-top: 6px; color: rgba(244,244,245,0.76); line-height:1.6; }

.footer{
  padding: 26px 0;
  border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.35);
}
.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}
.footer-brand{
  font-family: var(--font-head);
  color: var(--gold);
}
.floatbar{
  position: fixed;
  right: 14px;
  bottom: 14px;
  display:flex;
  flex-direction: column;
  gap: 10px;
  z-index: 90;
}
.fab{
  border: 0;
  cursor:pointer;
  padding: 12px 14px;
  border-radius: 999px;
  box-shadow: var(--shadow);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  font-weight: 900;
}
.fab span{ font-size: 13px; }
.fab-wa{
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color: #101012;
}
.fab-call{
  background: rgba(15,15,18,0.92);
  color: var(--text);
  border: 1px solid rgba(255,255,255,0.10);
}
.fab-call:hover{ border-color: rgba(215,180,106,0.22); color: var(--gold); }

@media (max-width: 980px){
  .nav{ display:none; }
  .burger{ display:flex; }
  .mobile-nav.show{ display:block; }
  .hero-inner{ grid-template-columns: 1fr; padding-top: 40px; padding-bottom: 84px; }
  .logo{ min-width: unset; }
  .stats{ grid-template-columns: 1fr; }
  .cards{ grid-template-columns: 1fr; }
  .fleet{ grid-template-columns: 1fr; }
  .steps{ grid-template-columns: 1fr; }
  .reviews{ grid-template-columns: 1fr; }
  .contact{ grid-template-columns: 1fr; }
  .contact-cards{ grid-template-columns: 1fr; }
  .grid2, .grid3{ grid-template-columns: 1fr; }
}

@media (max-width: 420px){
  .wrap{ width: calc(100% - 28px); }
  .header{ top: 46px; }
  .topbar-inner{ padding: 9px 0; }
  .hero-actions .btn{ width: 100%; }
}



/* --- Fix horizontal scroll / overflow --- */
html, body{ overflow-x: hidden; max-width: 100%; }
img, video, svg, iframe{ max-width: 100%; }
.hero{ overflow: hidden; }

/* Header CTA stacking (mobile) */
.cta-stack{ display:flex; align-items:center; gap:10px; }
@media (max-width: 980px){
  .cta-stack{ flex-direction:column; align-items:stretch; gap:6px; }
  .header-cta{ gap:10px; }
  .header-cta .btn{ padding:9px 12px; font-size:12px; line-height:1; border-radius:12px; white-space:nowrap; }
  .burger{ width:44px; height:44px; }
}
@media (max-width: 420px){
  .header-inner{ gap:10px; }
  .header-cta .btn{ padding:8px 10px; font-size:12px; }
}

/* Make language button more visible on mobile */
@media (max-width: 520px){
  .lang{
    background: rgba(16,16,18,0.72);
    border-color: rgba(206,166,71,0.65);
    box-shadow: 0 0 0 1px rgba(206,166,71,0.18);
  }
  .lang .flag{ font-size:18px; }
  .lang .lang-txt{ font-weight:900; color: var(--gold); }
  .lang svg{ color: var(--gold); }
}

/* Ensure floating WhatsApp is clearly gold */
.fab-wa{
  border: 1px solid rgba(206,166,71,0.55);
}



/* ===== V4 tweaks: blue call buttons, gold WhatsApp, animated buttons, colorful service cards ===== */
:root{
  --blue:#2f7cff;
  --blue2:#3bb8ff;
}

/* Hamburger color */
.burger{
  border-color: rgba(215,180,106,0.35);
  background: rgba(215,180,106,0.08);
}
.burger span{ background: linear-gradient(135deg, var(--gold), var(--gold2)); box-shadow: 0 0 0 rgba(0,0,0,0); }
.burger:hover{ background: rgba(215,180,106,0.14); }
.burger:focus-visible{ outline: 2px solid rgba(215,180,106,0.55); outline-offset: 3px; }

/* Button base animation */
.btn, .fab{
  position: relative;
  overflow: hidden;
  will-change: transform;
}
.btn{
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease, filter .18s ease;
}
.btn:hover{ transform: translateY(-2px); box-shadow: 0 16px 40px rgba(0,0,0,0.35); }
.btn::after{
  content:"";
  position:absolute;
  inset:-40% -60%;
  background: radial-gradient(closest-side, rgba(255,255,255,0.22), rgba(255,255,255,0) 65%);
  transform: translateX(-40%) rotate(10deg);
  opacity: 0;
  transition: opacity .18s ease, transform .55s ease;
  pointer-events:none;
}
.btn:hover::after{ opacity: .55; transform: translateX(40%) rotate(10deg); }

@keyframes pulseGlow {
  0%,100%{ filter: drop-shadow(0 0 0 rgba(0,0,0,0)); }
  50%{ filter: drop-shadow(0 10px 18px rgba(215,180,106,0.22)); }
}
@keyframes pulseBlue {
  0%,100%{ filter: drop-shadow(0 0 0 rgba(0,0,0,0)); }
  50%{ filter: drop-shadow(0 10px 18px rgba(47,124,255,0.28)); }
}

/* WhatsApp gold everywhere */
.btn.btn-wa{ background: linear-gradient(135deg, var(--gold), var(--gold2)); color:#101012; border-color: rgba(0,0,0,0.10); }
.btn.btn-wa:hover{ box-shadow: 0 18px 50px rgba(0,0,0,0.45); }
.btn-gold{ animation: pulseGlow 3.2s ease-in-out infinite; }

/* Call buttons blue */
.btn-blue{
  background: linear-gradient(135deg, var(--blue), var(--blue2));
  color: #061018;
  border-color: rgba(0,0,0,0.08);
}
.btn-blue:hover{ box-shadow: 0 18px 50px rgba(0,0,0,0.45); }
.btn-blue{ animation: pulseBlue 3.2s ease-in-out infinite; }

/* Floating buttons */
.fab-wa{ background: linear-gradient(135deg, var(--gold), var(--gold2)); color:#101012; }
.fab-call{
  background: linear-gradient(135deg, var(--blue), var(--blue2));
  color:#061018;
  border-color: rgba(0,0,0,0.08);
}
.fab:hover{ transform: translateY(-2px); box-shadow: 0 18px 50px rgba(0,0,0,0.45); }

/* Service cards: more colorful but still luxury */
.cards .card{
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.028));
}
.cards .card::before{
  content:"";
  position:absolute;
  left:-2px; right:-2px; top:-2px;
  height: 110px;
  background: radial-gradient(120px 70px at 20% 20%, rgba(215,180,106,0.35), rgba(215,180,106,0) 70%),
              radial-gradient(140px 90px at 80% 10%, rgba(47,124,255,0.22), rgba(47,124,255,0) 75%);
  opacity: .95;
  pointer-events:none;
}
.cards .card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(215,180,106,0.55), rgba(47,124,255,0.25), rgba(215,180,106,0.22));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  opacity: .55;
  pointer-events:none;
}
.cards .card:hover{
  transform: translateY(-3px);
  transition: transform .18s ease;
}

/* Per-card accent variety */
.cards .card:nth-child(1)::before{ background:
  radial-gradient(140px 80px at 20% 20%, rgba(215,180,106,0.38), rgba(215,180,106,0) 70%),
  radial-gradient(160px 90px at 85% 10%, rgba(111,66,193,0.22), rgba(111,66,193,0) 75%); }
.cards .card:nth-child(2)::before{ background:
  radial-gradient(140px 80px at 20% 20%, rgba(47,124,255,0.28), rgba(47,124,255,0) 70%),
  radial-gradient(160px 90px at 85% 10%, rgba(215,180,106,0.28), rgba(215,180,106,0) 75%); }
.cards .card:nth-child(3)::before{ background:
  radial-gradient(140px 80px at 20% 20%, rgba(34,197,94,0.16), rgba(34,197,94,0) 70%),
  radial-gradient(160px 90px at 85% 10%, rgba(215,180,106,0.30), rgba(215,180,106,0) 75%); }
.cards .card:nth-child(4)::before{ background:
  radial-gradient(140px 80px at 20% 20%, rgba(255,107,107,0.18), rgba(255,107,107,0) 70%),
  radial-gradient(160px 90px at 85% 10%, rgba(47,124,255,0.22), rgba(47,124,255,0) 75%); }
.cards .card:nth-child(5)::before{ background:
  radial-gradient(140px 80px at 20% 20%, rgba(56,189,248,0.20), rgba(56,189,248,0) 70%),
  radial-gradient(160px 90px at 85% 10%, rgba(215,180,106,0.28), rgba(215,180,106,0) 75%); }
.cards .card:nth-child(6)::before{ background:
  radial-gradient(140px 80px at 20% 20%, rgba(251,191,36,0.18), rgba(251,191,36,0) 70%),
  radial-gradient(160px 90px at 85% 10%, rgba(47,124,255,0.20), rgba(47,124,255,0) 75%); }

/* WhatsApp contact card */
.wa-card{
  background: linear-gradient(135deg, rgba(215,180,106,0.18), rgba(184,146,69,0.10));
  border-color: rgba(215,180,106,0.35);
}
.wa-card:hover{
  box-shadow: 0 18px 50px rgba(0,0,0,0.45);
}