/* ============================================================
   HOME PAGE ONLY CSS
   Common theme (colors, fonts, header, footer, buttons) is in
   header.php - isko chhedna mat, sirf home page ke sections
   yahan hain: Hero, Clients, About, Bento, Services, Industries,
   Process, Pricing, Compare, Testimonials, FAQ, Final CTA, Contact
   ============================================================ */

  /* ---------- HERO ---------- */
  .hero{
    padding:180px 0 110px;
    position:relative;
    overflow:hidden;
    background-color:#0A071B;
    background-image:
      radial-gradient(600px 400px at 85% 10%, rgba(108,63,197,.25), transparent 60%),
      radial-gradient(600px 500px at 5% 40%, rgba(0,174,204,.18), transparent 60%);
    background-position:center, center;
    background-size:auto, auto;
    background-repeat:no-repeat, no-repeat;
  }
  .hero-grid{
    position:absolute;inset:0;
    background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size:46px 46px;
    mask-image:radial-gradient(circle at 50% 30%, black, transparent 75%);
    animation:gridDrift 40s linear infinite;
  }
  @keyframes gridDrift{0%{background-position:0 0,0 0;}100%{background-position:120px 120px,120px 120px;}}
  .hero-inner{
    position:relative;z-index:2;
    display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;
  }
  .hero h1{font-size:clamp(34px,4.6vw,58px);font-weight:700;margin-bottom:22px;}
  .hero p.sub{font-size:18px;color:rgba(255,255,255,.66);max-width:520px;margin-bottom:34px;}
  .trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;}
  .trust-chip{
    font-size:12.5px;font-weight:600;color:rgba(255,255,255,.66);
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
    padding:8px 14px;border-radius:100px;
  }
  .hero-visual{position:relative;display:flex;align-items:center;justify-content:center;}
  .hero-visual-panel{
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
    border-radius:28px;padding:40px;backdrop-filter:blur(16px);
    position:relative;width:100%;max-width:420px;
    box-shadow:0 40px 90px -30px rgba(0,0,0,.6);
  }
  .brain-float{animation:floaty 7s ease-in-out infinite;width:100%;max-width:280px;height:auto;display:block;margin:0 auto;object-fit:contain;}
  .brain-float{animation:floaty 7s ease-in-out infinite;}
  @keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
  .stat-chip{
    position:absolute;background:rgba(13,10,34,.9);border:1px solid rgba(255,255,255,.09);
    border-radius:14px;padding:10px 16px;font-size:13px;font-weight:600;
    backdrop-filter:blur(10px);box-shadow:0 12px 30px -10px rgba(0,0,0,.5);
  }
  .stat-chip span{display:block;font-size:11px;color:rgba(255,255,255,.46);font-weight:500;}
  .chip-1{top:-8px;left:-30px;}
  .chip-2{bottom:20px;right:-30px;}
  .chip-3{bottom:-24px;left:30%;}
  @media (max-width:900px){
    .hero{padding:150px 0 70px;}
    .hero-inner{grid-template-columns:1fr;gap:44px;}
    .hero-visual{order:-1;}
    .stat-chip{display:none;}
    .hero p.sub{max-width:none;}
  }

  /* ---------- CLIENTS ---------- */
  .clients-head{text-align:center;max-width:560px;margin:0 auto 46px;}
  .clients-head p{color:rgba(255,255,255,.66);margin-top:14px;}
  .divider-sm{width:52px;height:3px;background:linear-gradient(135deg, #1A4DB8, #00AECC);border-radius:3px;margin:16px auto 0;}
  .track-wrap{position:relative;overflow:hidden;max-width:1100px;margin:0 auto;}
  .fade-l,.fade-r{position:absolute;top:0;bottom:0;width:90px;z-index:3;pointer-events:none;}
  .fade-l{left:0;background:linear-gradient(to right, #0A071B, transparent);}
  .fade-r{right:0;background:linear-gradient(to left, #0A071B, transparent);}
  #clients-track{display:flex;gap:24px;width:max-content;animation:scrollTrack 30s linear infinite;}
  #clients-track:hover{animation-play-state:paused;}
  @keyframes scrollTrack{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  .client-box{
    flex-shrink:0;width:170px;height:96px;border-radius:14px;
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
    display:flex;align-items:center;justify-content:center;
    font-weight:600;color:rgba(255,255,255,.46);font-size:13px;letter-spacing:.4px;text-align:center;padding:10px;
  }
  .client-box img{
  max-width:100%;max-height:100%;object-fit:contain;
  filter:grayscale(1) brightness(1.6);opacity:.75;
  transition:filter .3s ease, opacity .3s ease;
}
.client-box:hover img{filter:none;opacity:1;}
  .stats-strip{
    display:flex;flex-wrap:wrap;justify-content:center;gap:0;
    margin-top:56px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
    border-radius:20px;padding:32px 10px;max-width:900px;margin-left:auto;margin-right:auto;
  }
  .stat-item{flex:1;min-width:130px;text-align:center;padding:10px 16px;border-right:1px solid rgba(255,255,255,.09);}
  .stat-item:last-child{border-right:none;}
  .stat-num{font-family:'Outfit',sans-serif;font-size:30px;font-weight:700;background:linear-gradient(135deg, #1A4DB8, #00AECC);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
  .stat-label{font-size:12.5px;color:rgba(255,255,255,.46);margin-top:4px;}
  @media(max-width:700px){.stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.09);flex:1 1 45%;}}

 /* ---------- ABOUT ---------- */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start;}
.about-card{
  position:sticky;top:120px;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
  border-radius:28px;padding:40px;overflow:hidden;min-height:340px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-end;
  gap:24px;
}
.about-card svg{position:absolute;top:-20px;right:-30px;opacity:.18;width:260px;height:260px;}

.results-gallery {
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.results-track {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: resultsScroll 45s linear infinite;
}

.results-track img {
  height: 160px;
  width: auto;
  max-width: none;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #fff;
  display: block;
  cursor: pointer;
}

@keyframes resultsScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.results-gallery:hover .results-track {
  animation-play-state: paused;
}

.about-card p{position:relative;z-index:2;font-family:'Outfit',sans-serif;font-size:20px;font-weight:600;}
.about-copy h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:22px;}
.about-copy p{color:rgba(255,255,255,.66);margin-bottom:18px;font-size:16.5px;}
.micro-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px;}
.micro-stat{
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:16px;
  padding:16px 18px;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.66);
}

@media(max-width:860px){
  .about-grid{grid-template-columns:1fr;gap:36px;}
  .about-card{position:static;min-height:200px;}
  .micro-stats{grid-template-columns:1fr 1fr;}
  .results-track img { height: 100px; }
  .results-track { animation-duration: 30s; }
}

/* ---------- LIGHTBOX ---------- */
.lightbox-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.9);
  z-index: 9999;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

.lightbox-overlay.active {
  display: flex;
}

.lightbox-overlay img {
  max-width: 85%;
  max-height: 90%;
  border-radius: 10px;
  box-shadow: 0 0 40px rgba(0,0,0,.6);
}

.lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  z-index: 2;
}

.lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 34px;
  color: #fff;
  cursor: pointer;
  padding: 10px 16px;
  user-select: none;
  background: rgba(255,255,255,.08);
  border-radius: 50%;
  transition: background .2s;
}

.lightbox-nav:hover {
  background: rgba(255,255,255,.2);
}

.lightbox-prev { left: 20px; }
.lightbox-next { right: 20px; }

@media(max-width:600px){
  .lightbox-nav { font-size: 22px; padding: 8px 12px; }
  .lightbox-close { font-size: 30px; top: 12px; right: 16px; }
}
  /* ---------- WHY CHOOSE / BENTO ---------- */
  .bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto);gap:20px;}
  .bento-item{
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);
    border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;
    transition:transform .3s ease, border-color .3s ease;
  }
  .bento-item:hover{transform:translateY(-4px);border-color:rgba(0,174,204,.4);}
  .bento-item.large{grid-column:span 2;grid-row:span 2;justify-content:space-between;}
  .bento-item.large p.desc{color:rgba(255,255,255,.66);font-size:15px;margin-top:14px;}
  .bento-icon{width:30px;height:30px;color:#00AECC;margin-bottom:14px;}
  .bento-item h3{font-size:16.5px;font-weight:600;}
  .bento-item.large h3{font-size:22px;}
  @media(max-width:980px){.bento{grid-template-columns:repeat(2,1fr);}.bento-item.large{grid-column:span 2;grid-row:span 1;}}
  @media(max-width:560px){.bento{grid-template-columns:1fr;}.bento-item.large{grid-column:span 1;}}

  /* ---------- SERVICES ---------- */
  .section-head{max-width:640px;margin-bottom:50px;}
  .section-head h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:16px;}
  .section-head p{color:rgba(255,255,255,.66);font-size:16.5px;}
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .service-card{
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:24px;
    padding:32px;position:relative;overflow:hidden;transition:transform .3s ease, border-color .3s ease;
  }
  .service-card:hover{transform:translateY(-6px);border-color:rgba(0,174,204,.45);}
  .service-icon-zone{width:56px;height:56px;border-radius:16px;background:rgba(0,174,204,.1);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
  .service-icon-zone svg{width:26px;height:26px;color:#00AECC;}
  .service-card h3{font-size:19px;margin-bottom:10px;}
  .service-card p.desc{color:rgba(255,255,255,.66);font-size:14.5px;margin-bottom:16px;}
  .service-benefits{margin-bottom:20px;}
  .service-benefits li{font-size:13px;color:rgba(255,255,255,.46);padding-left:16px;position:relative;margin-bottom:6px;}
  .service-benefits li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:#00AECC;}
  .service-cta{font-size:13.5px;font-weight:600;color:#00AECC;display:inline-flex;align-items:center;gap:6px;}
  @media(max-width:980px){.services-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:640px){.services-grid{grid-template-columns:1fr;}}

  /* ---------- INDUSTRIES ---------- */
  .ind-scroll{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 20px;-webkit-overflow-scrolling:touch;}
  .ind-scroll::-webkit-scrollbar{height:6px;}
  .ind-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:10px;}
  .ind-card{
    flex:0 0 auto;scroll-snap-align:start;width:180px;
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:20px;
    padding:26px 20px;text-align:center;transition:transform .3s ease,border-color .3s ease;
  }
  .ind-card:hover{transform:translateY(-4px);border-color:rgba(0,174,204,.4);}
  .ind-card svg{width:28px;height:28px;margin:0 auto 14px;color:rgba(255,255,255,.66);transition:color .3s ease;}
  .ind-card:hover svg{color:#00AECC;}
  .ind-card span{font-size:14px;font-weight:600;}

  /* ---------- PROCESS ---------- */
  .timeline{position:relative;padding-left:0;}
  .timeline-line{position:absolute;left:0;right:0;top:34px;height:2px;background:linear-gradient(135deg, #1A4DB8, #00AECC);opacity:.35;}
  .timeline-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
  .tl-step{display:flex;flex-direction:column;gap:18px;}
  .tl-step:nth-child(even){margin-top:70px;}
  .tl-dot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg, #1A4DB8, #00AECC);box-shadow:0 0 0 6px rgba(0,174,204,.15);}
  .tl-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px;}
  .tl-card h3{font-size:16px;margin-bottom:8px;}
  .tl-card p{font-size:13.5px;color:rgba(255,255,255,.66);}
  .tl-num{font-family:'Outfit';font-weight:700;font-size:13px;color:#00AECC;letter-spacing:1px;}
  @media(max-width:900px){
    .timeline-line{left:6px;right:auto;top:0;bottom:0;width:2px;height:auto;}
    .timeline-row{grid-template-columns:1fr;gap:36px;padding-left:34px;}
    .tl-step:nth-child(even){margin-top:0;}
    .tl-dot{position:absolute;left:0;margin-left:-3px;}
  }

  /* ---------- PRICING ---------- */
  .pricing-panel{
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:28px;
    padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;
  }
  .price-range{text-align:center;}
  .price-track{height:8px;border-radius:10px;background:linear-gradient(135deg, #1A4DB8, #00AECC);margin:26px 0 14px;position:relative;}
  .price-track::before,.price-track::after{content:"";position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 0 4px rgba(0,174,204,.3);}
  .price-track::before{left:0;}
  .price-track::after{right:0;}
  .price-labels{display:flex;justify-content:space-between;font-size:13px;color:rgba(255,255,255,.46);}
  .price-big{font-family:'Outfit';font-size:34px;font-weight:700;margin-top:20px;}
  .price-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:rgba(255,255,255,.66);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);}
  .price-list li:last-child{border-bottom:none;}
  .price-note{margin-top:24px;font-size:13.5px;color:rgba(255,255,255,.46);}
  @media(max-width:820px){.pricing-panel{grid-template-columns:1fr;padding:32px;}}

  /* ---------- COMPARE ---------- */
  .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  .compare-panel{border-radius:24px;padding:34px;border:1px solid rgba(255,255,255,.09);}
  .compare-panel.trad{background:rgba(255,255,255,.02);filter:saturate(.7);}
  .compare-panel.ai{background:linear-gradient(160deg, rgba(26,77,184,.16), rgba(0,174,204,.1));border-color:rgba(0,174,204,.4);position:relative;animation:pulseGlow 5s ease-in-out infinite;}
  @keyframes pulseGlow{0%,100%{box-shadow:0 0 0 rgba(0,174,204,0);}50%{box-shadow:0 0 40px -6px rgba(0,174,204,.35);}}
  .compare-panel h3{font-size:18px;margin-bottom:22px;}
  .compare-row{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:14px;}
  .compare-row:last-child{border-bottom:none;}
  .compare-row .label{color:rgba(255,255,255,.46);}
  .compare-panel.trad .value{color:rgba(255,255,255,.66);}
  .compare-panel.ai .value{color:#fff;font-weight:600;}
  @media(max-width:800px){.compare-grid{grid-template-columns:1fr;}}

  /* ---------- RESULTS reuse stats-strip style ---------- */
  .results-strip{max-width:1080px;}

  /* ---------- TESTIMONIALS ---------- */
  .testi-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;}
  .testi-card{
    background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:24px;
    padding:34px;position:relative;overflow:hidden;
  }
  .testi-quote{position:absolute;top:10px;left:20px;font-family:'Outfit';font-size:120px;font-weight:700;background:linear-gradient(135deg, #1A4DB8, #00AECC);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.15;line-height:1;}
  .testi-card.featured{display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;}
  .play-btn{
    width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg, #1A4DB8, #00AECC);display:flex;align-items:center;justify-content:center;
    margin-bottom:24px;position:relative;z-index:2;border:none;
  }
  .play-btn svg{width:20px;height:20px;color:#fff;margin-left:2px;}
  .testi-stack{display:flex;flex-direction:column;gap:24px;}
  .stars{display:flex;gap:3px;margin-bottom:12px;}
  .stars svg{width:16px;height:16px;color:#00AECC;}
  .testi-text{font-size:15px;color:rgba(255,255,255,.66);margin-bottom:18px;position:relative;z-index:2;}
  .testi-person{display:flex;align-items:center;gap:12px;position:relative;z-index:2;}
  .avatar-badge{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg, #1A4DB8, #00AECC);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;}
  .testi-person .name{font-weight:600;font-size:14px;}
  .testi-person .role{font-size:12.5px;color:rgba(255,255,255,.46);}
  @media(max-width:900px){.testi-grid{grid-template-columns:1fr;}}

  /* ---------- FAQ ---------- */
  .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;}
  .faq-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden;height:fit-content;}
  .faq-q{
    width:100%;text-align:left;background:none;border:none;color:#fff;
    padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;
    font-size:15px;font-weight:600;
  }
  .faq-q svg{width:18px;height:18px;flex-shrink:0;color:#00AECC;transition:transform .3s ease;}
  .faq-item.open .faq-q svg{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
  .faq-a-inner{padding:0 24px 20px;font-size:14.5px;color:rgba(255,255,255,.66);}
  @media(max-width:820px){.faq-grid{grid-template-columns:1fr;}}

  /* ---------- FINAL CTA ---------- */
  .final-cta{
    background:linear-gradient(160deg, rgba(26,77,184,.18), rgba(108,63,197,.14));
    border:1px solid rgba(255,255,255,.09);border-radius:32px;padding:70px 40px;text-align:center;
    position:relative;overflow:hidden;
  }
  .final-cta svg.watermark{position:absolute;top:50%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);opacity:.05;}
  .final-cta h2{font-size:clamp(28px,4vw,42px);margin-bottom:14px;position:relative;z-index:2;}
  .final-cta .support{color:rgba(255,255,255,.66);margin-bottom:30px;position:relative;z-index:2;font-size:16px;}
  .final-cta .cta-row{justify-content:center;position:relative;z-index:2;}

  /* ---------- CONTACT FORM ---------- */
  .contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;}
  .contact-info{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:38px 32px;}
  .contact-info h3{font-size:22px;margin-bottom:12px;}
  .contact-info p{color:rgba(255,255,255,.66);font-size:15px;margin-bottom:26px;}
  .contact-info-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;}
  .contact-info-row .ci-icon{width:42px;height:42px;border-radius:12px;background:rgba(0,174,204,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .contact-info-row .ci-icon svg{width:19px;height:19px;color:#00AECC;}
  .contact-info-row .ci-label{font-size:12.5px;color:rgba(255,255,255,.46);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;}
  .contact-info-row .ci-value{font-size:15px;font-weight:600;}
  .contact-info-row .ci-value a{color:#FFFFFF;}
  .contact-info-row .ci-value a:hover{color:#00AECC;}
  .contact-form-panel{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:28px;padding:38px 36px;}
  .contact-form-panel h3{font-size:22px;margin-bottom:24px;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .form-grid .full{grid-column:1/-1;}
  .field-label{display:block;font-size:13px;font-weight:600;color:rgba(255,255,255,.66);margin-bottom:8px;}
  .field-input, .field-select, .field-textarea{
    width:100%;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;
    padding:13px 16px;color:#FFFFFF;font-family:'Inter',system-ui,sans-serif;font-size:14.5px;
    transition:border-color .2s ease;
  }
  .field-select{
    appearance:none;-webkit-appearance:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300AECC' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>");
    background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px;
  }
  .field-select option{background:#0E0B22;color:#FFFFFF;}
  .field-input::placeholder, .field-textarea::placeholder{color:rgba(255,255,255,.46);}
  .field-input:focus, .field-select:focus, .field-textarea:focus{outline:none;border-color:rgba(0,174,204,.55);}
  .field-textarea{resize:vertical;min-height:110px;font-family:inherit;}
  .form-msg{border-radius:12px;padding:14px 18px;font-size:14px;margin-bottom:20px;}
  .form-msg.success{background:rgba(0,174,204,.12);border:1px solid rgba(0,174,204,.4);color:#FFFFFF;}
  .form-msg.error{background:rgba(255,79,163,.1);border:1px solid rgba(255,79,163,.4);color:#FFFFFF;}
  @media(max-width:860px){.contact-wrap{grid-template-columns:1fr;}.form-grid{grid-template-columns:1fr;}}