/* Custom Styles for specific effects */
        body { font-family: 'Inter', sans-serif; }
        
        .glass-nav {
            background: rgba(11, 17, 32, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Hide scrollbar for clean carousel */
        .hide-scroll::-webkit-scrollbar { display: none; }
        .hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }
        
        /* Image overlay gradient */
        .hero-overlay {
            background: linear-gradient(to right, rgba(11, 17, 32, 0.9) 0%, rgba(11, 17, 32, 0.6) 50%, rgba(11, 17, 32, 0.1) 100%);
        }

        /* Reveal animation class */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Stats counter animation */
        .stat-number {
            display: inline-block;
        }

        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #f8fafc;
  font-family: 'DM Sans', sans-serif;
}

/* ── Section ── */
#products {
  padding: 5rem 1.5rem;
  background: #f8fafc;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

/* ── Header ── */
.section-header {
  text-align: center;
  margin-bottom: 3rem;
}

.section-badge {
  display: inline-block;
  background: #86efac;
  color: #14532d;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 4px 14px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.section-title {
  font-family: 'Playfair Display', serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 700;
  color: #0f172a;
  line-height: 1.2;
}

/* ── Grid ── */
.brand-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media (min-width: 1024px) {
  .brand-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 540px) {
  .brand-grid {
    grid-template-columns: 1fr;
  }
}

/* ── Card ── */
.brand-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #ffffff;
  cursor: pointer;
}

.brand-card:hover .card-img {
  transform: scale(1.06);
  opacity: 1;
}

.brand-card:hover .card-overlay {
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 55%, transparent 100%);
}

/* Real product image */
.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease, opacity 0.4s ease;
  opacity: 0.88;
}

/* Fallback placeholder (remove once real images are set) */
.card-img-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 52px;
  transition: transform 0.5s ease;
}

.brand-card:hover .card-img-placeholder {
  transform: scale(1.06);
}

/* Gradient overlay */
.card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.1) 50%, transparent 100%);
  transition: background 0.4s ease;
}

/* Text content */
.card-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 18px;
}

.card-category {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(134, 239, 172, 0.18);
  border: 0.5px solid rgba(134, 239, 172, 0.35);
  color: #86efac;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 3px 9px;
  border-radius: 999px;
  margin-bottom: 7px;
}

.green-dot {
  width: 6px;
  height: 6px;
  background: #86efac;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
}

.card-name {
  font-family: 'Playfair Display', serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px;
  line-height: 1.2;
}

.card-slogan {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
  margin: 0;
  font-weight: 400;
}

/* Placeholder background colours */
.sk-bg { background: linear-gradient(135deg, #1e3a5f 0%, #0f2640 100%); }
.gm-bg { background: linear-gradient(135deg, #1a3a2a 0%, #0d2218 100%); }
.sn-bg { background: linear-gradient(135deg, #3a1a0f 0%, #2a0d08 100%); }
.tc-bg { background: linear-gradient(135deg, #2a1f0f 0%, #1a1208 100%); }


    /* ── Section ── */
    #about {
      padding: 5rem 1.5rem;
      background: #f8fafc;
      overflow: hidden;
      position: relative;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* ── Two-column grid ── */
    .about-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 3.5rem;
      align-items: center;
    }

    @media (min-width: 1024px) {
      .about-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    /* ══════════════════════════
       IMAGE SIDE
    ══════════════════════════ */
    .image-wrapper {
      position: relative;
    }

    /* Decorative green glow card behind image */
    .image-wrapper::before {
      content: '';
      position: absolute;
      inset: -12px;
      background: rgba(134, 239, 172, 0.12);
      border-radius: 24px;
      transform: rotate(2deg);
      transition: transform 0.5s ease;
      z-index: 0;
    }

    .image-wrapper:hover::before {
      transform: rotate(0deg);
    }

    /* Accent border frame */
    .image-wrapper::after {
      content: '';
      position: absolute;
      inset: -4px;
      border: 1.5px solid rgba(134, 239, 172, 0.35);
      border-radius: 20px;
      z-index: 1;
      pointer-events: none;
    }

    .about-img {
      position: relative;
      z-index: 2;
      width: 100%;
      height: 420px;
      object-fit: cover;
      border-radius: 16px;
      display: block;
    }

    /* Stats bar overlaid at bottom of image */
    .image-stats {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      z-index: 3;
      background: rgba(15, 23, 42, 0.82);
      backdrop-filter: blur(8px);
      border-radius: 12px;
      padding: 14px 20px;
      display: flex;
      justify-content: space-around;
      border: 0.5px solid rgba(134, 239, 172, 0.25);
    }

    .stat-item {
      text-align: center;
    }

    .stat-number {
      font-family: 'Playfair Display', serif;
      font-size: 22px;
      font-weight: 700;
      color: #86efac;
      line-height: 1;
      margin-bottom: 3px;
    }

    .stat-label {
      font-size: 10px;
      color: rgba(255,255,255,0.6);
      text-transform: uppercase;
      letter-spacing: 0.07em;
      font-weight: 500;
    }

    .stat-divider {
      width: 0.5px;
      background: rgba(134, 239, 172, 0.2);
      align-self: stretch;
    }

    /* ══════════════════════════
       CONTENT SIDE
    ══════════════════════════ */
    .about-eyebrow {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #86efac;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .about-eyebrow::before {
      content: '';
      width: 28px;
      height: 2px;
      background: #86efac;
      border-radius: 2px;
      flex-shrink: 0;
    }

    .about-heading {
      font-family: 'Playfair Display', serif;
      font-size: clamp(26px, 3.5vw, 40px);
      font-weight: 700;
      color: #0f172a;
      line-height: 1.25;
      margin-bottom: 1.25rem;
    }

    .about-heading span {
      color: #86efac;
    }

    .about-body {
      font-size: 15px;
      line-height: 1.8;
      color: #475569;
      margin-bottom: 1.75rem;
    }

    .about-body strong {
      color: #0f172a;
      font-weight: 500;
    }

    /* Highlight pill for market share */
    .market-pill {
      display: inline-block;
      background: rgba(134, 239, 172, 0.15);
      border: 0.5px solid rgba(134, 239, 172, 0.4);
      color: #15803d;
      font-size: 13px;
      font-weight: 600;
      padding: 3px 10px;
      border-radius: 999px;
    }

    /* ── Checklist ── */
    .check-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-bottom: 2rem;
    }

    .check-list li {
      display: flex;
      align-items: flex-start;
      gap: 10px;
      font-size: 14px;
      color: #334155;
      line-height: 1.5;
    }

    .check-icon {
      flex-shrink: 0;
      margin-top: 1px;
      width: 20px;
      height: 20px;
      background: rgba(134, 239, 172, 0.2);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .check-icon svg {
      width: 11px;
      height: 11px;
      stroke: #16a34a;
      fill: none;
      stroke-width: 2.5;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    /* ── CTA link ── */
    .cta-link {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 600;
      color: #0f172a;
      text-decoration: none;
      border-bottom: 1.5px solid #86efac;
      padding-bottom: 2px;
      transition: gap 0.3s ease, color 0.2s;
    }

    .cta-link:hover {
      gap: 14px;
      color: #16a34a;
    }

    .cta-link svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      flex-shrink: 0;
    }

        /* ── Section ── */
        #services {
      padding: 5rem 1.5rem;
      background: #ffffff;
      position: relative;
      overflow: hidden;
    }

    /* Subtle green radial glow top-center */
    #services::before {
      content: '';
      position: absolute;
      top: -120px;
      left: 50%;
      transform: translateX(-50%);
      width: 600px;
      height: 400px;
      background: radial-gradient(ellipse, rgba(134,239,172,0.10) 0%, transparent 70%);
      pointer-events: none;
    }


    /* ── Header ── */
    .section-header {
      text-align: center;
      max-width: 640px;
      margin: 0 auto 3.5rem;
    }

    .section-badge {
      display: inline-block;
      background: #0f172a;
      color: #86efac;
      font-size: 10px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      padding: 5px 14px;
      border-radius: 999px;
      margin-bottom: 14px;
    }

    .section-title {
      font-family: 'Playfair Display', serif;
      font-size: clamp(28px, 4vw, 44px);
      font-weight: 700;
      color: #0f172a;
      line-height: 1.2;
      margin-bottom: 12px;
    }

    .section-sub {
      font-size: 15px;
      color: #64748b;
      line-height: 1.7;
    }

    /* ── Cards Grid ── */
    .services-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 20px;
    }

    @media (min-width: 640px) {
      .services-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (min-width: 1024px) {
      .services-grid {
        grid-template-columns: repeat(4, 1fr);
      }
    }

   
    /* Auto-generated from former inline styles */

.inl-1a6a4ca47a {margin-top: -0.75rem;}

.inl-d5fa8d78dc {position:relative; overflow:hidden;}

.inl-77fc6c2745 {position:absolute; top:-120px; left:50%; transform:translateX(-50%); width:600px; height:400px; background:radial-gradient(ellipse, rgba(134,239,172,0.10) 0%, transparent 70%); pointer-events:none;}

.inl-977f4249a9 {position:relative; z-index:1;}

.inl-aeb0313d10 {text-align:center; max-width:640px; margin:0 auto 3.5rem;}

.inl-a978c5be8e {display:inline-block; background:#0f172a; color:#86efac; font-size:10px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; padding:5px 14px; border-radius:999px; margin-bottom:14px; font-family:'DM Sans',sans-serif;}

.inl-07180ce239 {font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,4vw,44px); font-weight:700; color:#0f172a; line-height:1.2; margin-bottom:12px;}

.inl-2456f9d575 {font-size:15px; color:#64748b; line-height:1.7; font-family:'DM Sans',sans-serif;}

.inl-911b670228 {display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px;}

.inl-9b33dc4bf3 {position:relative; padding:2rem; background:#f8fafc; border:0.5px solid #e2e8f0; border-radius:20px; overflow:hidden; transition:border-color .3s,box-shadow .3s,transform .3s; font-family:'DM Sans',sans-serif;}

.inl-f3b0561b94 {width:52px; height:52px; background:rgba(134,239,172,0.12); border:0.5px solid rgba(134,239,172,0.35); border-radius:14px; display:flex; align-items:center; justify-content:center; margin-bottom:1.25rem;}

.inl-4a4f5daa7e {font-family:'Playfair Display',Georgia,serif; font-size:18px; font-weight:700; color:#0f172a; margin-bottom:10px; line-height:1.3;}

.inl-62f461818e {font-size:13.5px; color:#64748b; line-height:1.75; margin:0;}

.inl-981f00d934 {position:absolute; bottom:0; left:2rem; right:2rem; height:2px; background:linear-gradient(90deg,#86efac,#16a34a); border-radius:999px; transform:scaleX(0); transform-origin:left; transition:transform .4s ease;}

.inl-48df3077ad {padding:5rem 1.5rem; background:#0f172a; color:#fff; position:relative; overflow:hidden;}

.inl-e4679c3a99 {position:absolute; inset:0; opacity:0.08; background-image:radial-gradient(#ffffff 1px, transparent 1px); background-size:30px 30px; pointer-events:none;}

.inl-98eccb6ed1 {position:absolute; bottom:-100px; left:-100px; width:500px; height:500px; background:radial-gradient(circle, rgba(134,239,172,0.12) 0%, transparent 65%); pointer-events:none;}

.inl-92f0999c37 {max-width:1200px; margin:0 auto; position:relative; z-index:1;}

.inl-ea9fc84b82 {display:flex; flex-wrap:wrap; gap:3.5rem; align-items:center;}

.inl-f038f68db3 {flex:1 1 340px; min-width:280px;}

.inl-c4b08cdbf0 {font-family:'DM Sans',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:#86efac; margin-bottom:10px; display:flex; align-items:center; gap:8px;}

.inl-f467090ae8 {display:inline-block; width:28px; height:2px; background:#86efac; border-radius:2px; flex-shrink:0;}

.inl-ff307aabbf {font-family:'Playfair Display',Georgia,serif; font-size:22px; font-weight:700; color:#fff; margin-bottom:1rem; text-align:left;}

.inl-f12cd5c340 {position:relative; border-radius:16px; overflow:hidden; border:1.5px solid rgba(134,239,172,0.3); box-shadow:0 0 40px rgba(134,239,172,0.08);}

.inl-338438f212 {border:0; display:block;}

.inl-af007ebc84 {position:absolute; bottom:14px; left:14px; background:rgba(15,23,42,0.88); backdrop-filter:blur(6px); border:0.5px solid rgba(134,239,172,0.35); border-radius:12px; padding:10px 16px; display:flex; align-items:center; gap:10px;}

.inl-d7c25e0fba {width:9px; height:9px; background:#86efac; border-radius:50%; box-shadow:0 0 0 3px rgba(134,239,172,0.25); flex-shrink:0; animation:pulse-dot 2s infinite;}

.inl-02ef423254 {font-family:'DM Sans',sans-serif; font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:rgba(255,255,255,0.55); margin:0 0 1px;}

.inl-472ab2a58f {font-family:'DM Sans',sans-serif; font-size:14px; font-weight:600; color:#86efac; margin:0;}

.inl-aef6a9f45c {font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,3.5vw,42px); font-weight:700; color:#fff; line-height:1.2; margin-bottom:0.75rem;}

.inl-1c34c9de64 {font-family:'DM Sans',sans-serif; font-size:15px; line-height:1.7; margin-bottom:2rem;}

.inl-6e947d0ba9 {display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}

.inl-43bcf78cff {display:block; padding:1.25rem 1.25rem; background:rgba(255,255,255,0.04); border:0.5px solid rgba(255,255,255,0.1); border-radius:14px; text-decoration:none; transition:background .25s, border-color .25s;}

.inl-2f73042899 {margin-bottom:8px; display:block;}

.inl-b993f0079e {font-family:'Playfair Display',Georgia,serif; font-size:17px; font-weight:700; color:#fff; margin:0 0 4px; transition:color .25s;}

.inl-2e4f57d630 {font-family:'DM Sans',sans-serif; font-size:11px; color:#94a3b8; margin:0; line-height:1.4;}

.inl-70e9fb766a {padding:5rem 1.5rem; background:#f8fafc; position:relative; overflow:hidden;}

.inl-2fe81c0051 {position:absolute; top:-80px; right:-80px; width:450px; height:450px; background:radial-gradient(circle, rgba(134,239,172,0.10) 0%, transparent 65%); pointer-events:none;}

.inl-040715252f {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:4rem; align-items:start;}

.inl-08949fe8ab {font-family:'Playfair Display',Georgia,serif; font-size:clamp(26px,3.5vw,40px); font-weight:700; color:#0f172a; line-height:1.25; margin-bottom:1rem;}

.inl-4daae06b40 {font-family:'DM Sans',sans-serif; font-size:15px; color:#64748b; line-height:1.75; margin-bottom:2.25rem;}

.inl-3dd2829850 {display:flex; flex-direction:column; gap:1.25rem;}

.inl-2d579cb58a {display:flex; align-items:flex-start; gap:1rem;}

.inl-6b3cd4595b {width:48px; height:48px; background:rgba(134,239,172,0.12); border:0.5px solid rgba(134,239,172,0.35); border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}

.inl-b8a622d22c {font-family:'DM Sans',sans-serif; font-size:14px; font-weight:600; color:#0f172a; margin:0 0 3px;}

.inl-efea659424 {font-family:'DM Sans',sans-serif; font-size:13px; color:#64748b; margin:0; line-height:1.5;}

.inl-1ad4161183 {font-family:'DM Sans',sans-serif; font-size:13px; color:#16a34a; margin:0; text-decoration:none; line-height:1.5;}

.inl-76f025b256 {display:inline-flex; align-items:center; gap:10px; margin-top:2rem; padding:13px 24px; background:#0f172a; color:#86efac; font-family:'DM Sans',sans-serif; font-size:13px; font-weight:600; border-radius:999px; text-decoration:none; letter-spacing:0.04em; transition:background .25s;}

.inl-9658325e5b {font-family:'Playfair Display',Georgia,serif; font-size:20px; font-weight:700; color:#0f172a; margin-bottom:1rem;}

.inl-928ff2e0e7 {position:relative; border-radius:16px; overflow:hidden; border:1.5px solid rgba(134,239,172,0.35); box-shadow:0 8px 32px rgba(134,239,172,0.08), 0 2px 8px rgba(0,0,0,0.06);}

.inl-157b96b8b2 {position:absolute; bottom:14px; left:14px; background:rgba(255,255,255,0.92); backdrop-filter:blur(6px); border:0.5px solid rgba(134,239,172,0.4); border-radius:12px; padding:10px 16px; display:flex; align-items:center; gap:10px; box-shadow:0 2px 12px rgba(0,0,0,0.08);}

.inl-32cc808ac5 {width:9px; height:9px; background:#16a34a; border-radius:50%; box-shadow:0 0 0 3px rgba(22,163,74,0.2); flex-shrink:0;}

.inl-f949900433 {font-family:'DM Sans',sans-serif; font-size:10px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#94a3b8; margin:0 0 1px;}

.inl-ba1cdc36d4 {font-family:'DM Sans',sans-serif; font-size:13px; font-weight:600; color:#0f172a; margin:0;}

.inl-2aa5f12820 {margin-top:12px; display:flex; align-items:center; gap:8px; padding:10px 14px; background:#fff; border:0.5px solid #e2e8f0; border-radius:10px;}

.inl-5b214b8371 {flex-shrink:0;}

.inl-2db5b0bb44 {font-family:'DM Sans',sans-serif; font-size:12px; color:#64748b; margin:0;}

.inl-4e0b64ca32 {background:#0f172a; color:#cbd5e1; padding:5rem 1.5rem 2.5rem; border-top:0.5px solid rgba(255,255,255,0.06);}

.inl-c6f22bddc3 {max-width:1200px; margin:0 auto;}

.inl-633aa53870 {display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; margin-bottom:4rem;}

.inl-987ef1eec9 {display:flex; align-items:center; gap:10px; margin-bottom:1.25rem;}

.inl-4b7ef276d0 {font-family:'Playfair Display',Georgia,serif; font-size:18px; font-weight:700; color:#fff; margin:0; letter-spacing:-0.01em;}

.inl-bebc465979 {font-family:'DM Sans',sans-serif; font-size:13px; line-height:1.8; color:#64748b; margin:0 0 1.5rem;}

.inl-89e7d77de7 {width:36px; height:2px; background:#86efac; border-radius:2px;}

.inl-e5eff29fcb {font-family:'DM Sans',sans-serif; font-size:10px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#86efac; margin:0 0 1.25rem;}

.inl-8d790ea0d5 {list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:0.75rem;}

.inl-4cfc5ed167 {font-family:'DM Sans',sans-serif; font-size:13.5px; color:#94a3b8; text-decoration:none; display:flex; align-items:center; gap:6px; transition:color .2s;}

.inl-492983d411 {width:14px; height:0.5px; background:#475569; display:inline-block; flex-shrink:0;}

.inl-385c5a5361 {font-family:'DM Sans',sans-serif; font-size:13px; color:#64748b; margin:0 0 1.25rem; line-height:1.7;}

.inl-61860508cc {display:flex; gap:10px;}

.inl-4f6b0f29e9 {width:40px; height:40px; background:#1e293b; border:0.5px solid rgba(255,255,255,0.08); border-radius:10px; display:flex; align-items:center; justify-content:center; transition:background .25s, border-color .25s;}

.inl-dbd4ee39bc {border-top:0.5px solid rgba(255,255,255,0.08); padding-top:1.75rem; text-align:center;}

.inl-18be181cb4 {font-family:'DM Sans',sans-serif; font-size:12.5px; color:#475569; margin:0;}

.js-service-card {
  transition: border-color .3s, box-shadow .3s, transform .3s;
}
.js-service-card.is-hovered {
  border-color: rgba(134,239,172,0.5) !important;
  box-shadow: 0 12px 40px rgba(134,239,172,0.14), 0 2px 8px rgba(0,0,0,0.06) !important;
  transform: translateY(-4px) !important;
}

@keyframes pulse-dot {
  0%, 100% { box-shadow: 0 0 0 3px rgba(134,239,172,0.25); }
  50% { box-shadow: 0 0 0 6px rgba(134,239,172,0.08); }
}

.js-service-card .cline {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s ease;
}
.js-service-card.is-hovered .cline {
  transform: scaleX(1) !important;
}

.js-location-card {
  transition: background .25s, border-color .25s;
}
.js-location-card.is-hovered {
  background: rgba(134,239,172,0.08) !important;
  border-color: rgba(134,239,172,0.35) !important;
}
.js-location-card.is-hovered h4 {
  color: #86efac !important;
}

.js-dark-btn {
  transition: background .25s;
}
.js-dark-btn.is-hovered {
  background: #1e293b !important;
}

.js-text-link {
  transition: color .2s;
}
.js-text-link.is-hovered {
  color: #86efac !important;
}

.js-social-btn {
  transition: background .25s, border-color .25s;
}
.js-social-btn.is-hovered {
  background: rgba(134,239,172,0.15) !important;
  border-color: rgba(134,239,172,0.4) !important;
}