#clientblur { height: 385vh !important; }
#clientblur > .sticky:first-child { z-index: 2; }
#clientblur > .sticky:nth-child(2) { perspective: 950px; }
#clientblur .tech-stage { position: absolute; inset: 0; width: 100%; height: 100%; transform-style: preserve-3d; pointer-events: none; }
#clientblur .tech-wordmark { position: absolute; top: var(--tech-y); left: var(--tech-x); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(8px, .75vw, 14px); width: clamp(170px, 15vw, 280px); transform-style: preserve-3d; backface-visibility: hidden; will-change: transform, filter, opacity; opacity: 0; }
#clientblur .tech-wordmark img { display: block; width: clamp(64px, 6.5vw, 124px); height: clamp(64px, 6.5vw, 124px); object-fit: contain; }
#clientblur .tech-brand-caption { color: #e5f0e9; font-size: clamp(16px, 1.5vw, 26px); font-weight: 600; line-height: 1.15; white-space: nowrap; text-shadow: 0 2px 15px #000; }

#work-with-me .work-card,
#work-with-me .work-card:hover,
#work-with-me .work-card:focus-within { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
#work-with-me .work-card::before { content: none !important; }
#work-with-me .work-card h3 { color: #fff !important; }
#work-with-me .work-card p { color: rgba(255,255,255,.76) !important; }
#work-with-me .work-card svg { stroke: #73d8ac !important; }

#services .services-card,
#services .services-card.active,
#services .services-card:hover,
#services .services-card:focus-within { background: linear-gradient(155deg, #162c25, #09221b) !important; transition: border-color .45s ease, box-shadow .45s ease !important; }
#services .services-card::before { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(140deg, #b8f0d0, #6fd1a2); opacity: 0; transition: opacity .45s cubic-bezier(.2,.8,.2,1); pointer-events: none; }
#services .services-card:hover::before,
#services .services-card:focus-within::before { opacity: 1; }
#services .services-card:not(:hover):not(:focus-within) { border-color: rgba(172, 230, 197, .18) !important; }
#services .services-card:not(:hover):not(:focus-within) h3,
#services .services-card:not(:hover):not(:focus-within) p,
#services .services-card:not(:hover):not(:focus-within) li { color: #f5fff9 !important; }
#services .services-card:not(:hover):not(:focus-within) .border-white\/30 { background: transparent !important; color: #86dcb5 !important; border-color: rgba(172,230,197,.32) !important; }
#services .services-card:hover h3,
#services .services-card:hover p,
#services .services-card:hover li,
#services .services-card:focus-within h3,
#services .services-card:focus-within p,
#services .services-card:focus-within li { color: #08251a !important; }
#services .services-card:hover .border-white\/30,
#services .services-card:focus-within .border-white\/30 { background: #08251a !important; color: #b8f0d0 !important; }
#services .services-card:not(:hover):not(:focus-within) .radial-mask-bg-fill { --reveal: 0% !important; }
#services .services-card:hover .radial-mask-bg-fill,
#services .services-card:focus-within .radial-mask-bg-fill { --reveal: 100% !important; }

#testimonials .standard-counter { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#testimonials .testimonial-fade > div:first-child { will-change: translate, filter; }
#testimonials .testimonial-fade > div:first-child > div:first-child > p:first-child { color: #7ee1a8 !important; }
#testimonials > div > div:first-child { width: min(92%, 1720px) !important; }
#testimonials h2 { font-size: clamp(48px, 4.35vw, 86px) !important; line-height: 1.08 !important; }
#testimonials button[aria-label^='Show '] { width: clamp(74px, 5.3vw, 104px) !important; height: clamp(74px, 5.3vw, 104px) !important; margin-inline: clamp(7px, 1.05vw, 22px) !important; padding: 0 !important; flex: none; display: grid; place-items: center; border: 1px solid rgba(164, 229, 192, .32) !important; border-radius: 50%; background: #101c17 !important; clip-path: none !important; outline: none !important; transition: transform .48s cubic-bezier(.2,.8,.2,1), opacity .4s ease, border-color .4s ease; }
#testimonials button[aria-label^='Show ']:focus-visible { outline: 2px solid #8ce6b3 !important; outline-offset: 4px !important; }
#testimonials button[aria-current='true'] { transform: translateY(-14px) scale(1.36); z-index: 15 !important; opacity: 1 !important; border-color: rgba(255,255,255,.42) !important; outline: none !important; }
#testimonials button[data-offset='-1'], #testimonials button[data-offset='1'] { transform: translateY(4px) scale(1.04); z-index: 10 !important; opacity: .82 !important; }
#testimonials button[data-offset='-2'], #testimonials button[data-offset='2'] { transform: translateY(16px) scale(.88); z-index: 5 !important; opacity: .6 !important; }
#testimonials .standard-avatar-label { color: #d8f8e5; font-size: clamp(9px, .62vw, 12px); font-weight: 700; letter-spacing: .04em; text-align: center; }
#testimonials button[aria-current='true'] .standard-avatar-label { color: #83e4ae; }

#faq [role='button'][aria-expanded='true'] .relative.shrink-0 { background: #18bd78 !important; border-color: #18bd78 !important; box-shadow: 0 0 0 3px rgba(24,189,120,.2) !important; }
#faq [role='button'][aria-expanded='true'] .relative.shrink-0::after { color: #fff !important; }

#get-in-touch-modal { z-index: 10000; }
#get-in-touch-modal #modal-backdrop-el { background: radial-gradient(ellipse at 70% 100%, rgba(15, 127, 77, .25), transparent 63%), rgba(0, 0, 0, .76) !important; backdrop-filter: blur(20px); }
#get-in-touch-modal > div:nth-child(2) > div {
  width: min(75vw, 1450px);
  max-width: none;
  max-height: min(72vh, 760px);
  background: radial-gradient(ellipse at 93% 83%, rgba(30, 170, 101, .32), transparent 56%),
              radial-gradient(ellipse at 18% 10%, rgba(220, 255, 235, .10), transparent 29%),
              linear-gradient(145deg, rgba(14, 16, 15, .88), rgba(7, 29, 20, .82));
  backdrop-filter: blur(30px);
  border: 1px solid rgba(174, 244, 202, .18);
  box-shadow: 0 24px 90px rgba(0, 0, 0, .48);
  transform: scale(1) translateY(0);
  opacity: 1;
  transition: transform .55s cubic-bezier(.16,1,.3,1), opacity .4s ease;
}
#get-in-touch-modal.opacity-0 > div:nth-child(2) > div { transform: scale(.86) translateY(28px); opacity: 0; }
#get-in-touch-modal > div:nth-child(2) > div { overscroll-behavior: contain; }
#get-in-touch-modal > div:nth-child(2) > div > .grid { padding-top: clamp(60px, 4vw, 82px) !important; }
#get-in-touch-modal #modal-close-trigger { background: linear-gradient(135deg, #13bc71, #047b50) !important; }
#get-in-touch-modal-title { font-size: clamp(48px, 5.4vw, 104px) !important; font-weight: 400 !important; line-height: 1.06 !important; letter-spacing: -.045em; }
#get-in-touch-modal-title + p { font-size: clamp(17px, 1.3vw, 25px) !important; margin-top: 24px; }
#get-in-touch-modal .contact-modal-details { display: none; }
#get-in-touch-modal #modal-input-message { padding: 20px !important; line-height: 1.45; }
#get-in-touch-modal input,
#get-in-touch-modal textarea,
#get-in-touch-modal select {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}
#get-in-touch-modal input:focus,
#get-in-touch-modal textarea:focus,
#get-in-touch-modal select:focus { outline: 2px solid #80e4ab; outline-offset: 2px; }
#get-in-touch-modal .contact-phone-row {
  display: flex;
  align-items: center;
  height: 56px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.18);
  overflow: hidden;
}
#get-in-touch-modal .contact-phone-row select {
  flex: none;
  height: 100%;
  max-width: 115px;
  padding: 0 12px 0 20px;
  border: 0;
  border-right: 1px solid rgba(255,255,255,.35);
  background: transparent;
  font-size: 14px;
  cursor: pointer;
}
#get-in-touch-modal .contact-phone-row select option { color: #10221a; }
#get-in-touch-modal .contact-phone-row input {
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0 20px;
  border: 0;
  background: transparent;
  font-size: 14px;
  outline: 0;
}
#get-in-touch-modal .contact-phone-row:focus-within { outline: 2px solid #80e4ab; outline-offset: 2px; }
#get-in-touch-modal #modal-status-msg[hidden] { display: none; }
@media (max-width: 700px) {
  #clientblur { height: 285vh !important; }
  #get-in-touch-modal > div:nth-child(2) > div { width: 100%; max-height: 90vh; }
  #get-in-touch-modal > div:nth-child(2) > div > .grid { padding-top: 42px !important; }
  #get-in-touch-modal .contact-phone-row select { max-width: 96px; padding-left: 12px; font-size: 12px; }
  #testimonials .standard-counter { min-width: 62px; }
}
@media (prefers-reduced-motion: reduce) {
  #clientblur .tech-wordmark, #testimonials .testimonial-fade > div:first-child { will-change: auto; }
}