/* styles.css — updated per requested fixes
   - mobile-first
   - no JS
   - borders only (no glow)
   - burger overlay with close label
   - desktop horizontal menu
   - about right column top row: 2 columns, bottom row full width
   - Creeper Tools: exactly 3 cards
   - Services: each card has CTA
   - Portfolio: gapless grid, view more centered
   - Testimonials: show 3 columns and auto CSS slider (duplicated items for loop)
   - Footer inside container
*/

 :root{--max-width:1200px;--site-pad:16px;--bg-dark:#08080f;--surface:#0b0c12;--text:#ffffff;--muted:#c7c7c7;--neon-purple:#7d4da9;--neon-blue:#395fb6;--light-blue:#539dcb;--sea-green:#15c7c1;--card-radius:12px;--gap-sm:12px;--gap-md:20px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px; --font-heading: 'Poppins', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-body: 'Poppins', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 600; /* Medium */ }body, p, span, li { font-family: var(--font-body); font-weight: 400; /* Regular */ }
 *{box-sizing:border-box}html,body{margin: 0;padding: 0;height:100%}body{margin:0;color:var(--text);background:#000;-webkit-font-smoothing:antialiased;line-height:1.45;font-size:16px;padding-top: var(--header-height);}.container{width:calc(100% - 32px);max-width:var(--max-width);margin:0 auto;padding:48px 20px;}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;background:#fff;color:#000;padding:8px 12px;z-index:9999;border-radius:6px}
 body.admin-bar .site-header {top: 32px;}.site-header {position: sticky;top: 0;z-index: 1000;backdrop-filter: blur(6px);top: 0;width: 100%;background: transparent;transition: background-color 0.3s ease;z-index: 1000;}.site-header:sticky, .site-header:is(:sticky) {background: #000;}.site-header .container {padding: 0 !important;}.container.header__inner {display: flex;align-items: center;justify-content: space-between;height: 70px;padding: 0 24px;max-width: 1400px;margin: 0 auto;}.header__brand {flex-shrink: 0;margin-left: 10px;}.logo img {height: 40px;width: auto;display: block;}.nav-toggle__label {display: flex !important;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;gap: 4px;padding: 6px;-webkit-tap-highlight-color: transparent;flex-shrink: 0;}.nav-toggle {display: none !important;}.burger {display: flex !important;flex-direction: column;gap: 4px;}.burger__line {width: 24px !important;height: 2px !important;background: #ffffff !important;border-radius: 2px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.nav-toggle:checked ~ .nav-mobile {right: 0 !important;}.nav-toggle:checked + .nav-toggle__label .burger__line:nth-child(1) {transform: rotate(45deg) translate(6px, 6px);}.nav-toggle:checked + .nav-toggle__label .burger__line:nth-child(2) {opacity: 0;}.nav-toggle:checked + .nav-toggle__label .burger__line:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}.nav-mobile {position: fixed !important;top: 0;right: -100%;width: 100%;max-width: 360px;height: 100vh;background: #000000;backdrop-filter: blur(20px);z-index: 9999;padding: 90px 32px 32px;transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);overflow-y: auto;}.nav-mobile__list {list-style: none;margin: 0;padding: 0;}.nav-mobile__item {margin-bottom: 20px;}.nav-mobile__link, .nav-mobile__list a {color: rgba(255, 255, 255, 0.9);font-size: 20px;font-weight: 500;text-decoration: none;display: block;padding: 12px 0;transition: color 0.3s ease;}.nav-mobile__link:hover, nav-mobile__list a:hover {color: #ffffff;}.nav__close {position: absolute;top: 24px;right: 24px;color: rgba(255, 255, 255, 0.7);font-size: 28px;font-weight: 300;cursor: pointer;line-height: 1;padding: 8px;transition: color 0.3s ease;}.nav__close:hover {color: #ffffff;}.nav-mobile__cta {display: block;margin-top: 0px;padding: 14px 0px;border-radius: 999px;color: rgba(255, 255, 255, 0.9);font-size:20px;font-weight: 500;text-decoration: none;}.nav-desktop {display: none;}.header__cta {display: none ;}@media (min-width: 1024px) {.nav-toggle, .nav-toggle__label, .nav-mobile, .burger {display: none !important;}.nav-desktop {display: flex !important;}.header__cta {display: flex !important;}.header__inner {height: 90px;padding: 0 40px;}.nav-desktop__list {display: flex;list-style: none;margin: 0;padding: 0;gap: 64px;align-items: center;}.nav-desktop__item {position: relative;}.nav-desktop__list a, .nav-desktop__link {color: rgba(255, 255, 255, 0.9);font-size: 15px;font-weight: 500;text-decoration: none;padding: 12px 0;position: relative;transition: color 0.3s ease;}.nav-desktop__link:hover {color: #ffffff;}.nav-desktop__list a::before, .nav-desktop__link::before {content: '';position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%);width: 0;height: 2px;background: linear-gradient(90deg, #8a3bff, #c084fc);border-radius: 1px;transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.nav-desktop__list a:hover::before, .nav-desktop__link:hover::before {width: 80%;}.header__cta {padding: 12px 28px;background: transparent;color: #ffffff;font-size: 15px;font-weight: 500;text-decoration: none;border: 2px solid transparent;border-radius: 50px;position: relative;overflow: hidden;transition: all 0.3s ease;white-space: nowrap;}.nav-desktop__list a {color: rgba(255,255,255,.9);font-weight: 500;text-decoration: none;padding: 12px 0;}.nav-desktop__list li {list-style: none;}.nav-mobile__list li {list-style: none;}.header__cta::before, .btn--secondary::before, .btn--primary::before, .contact__form .btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);transition: left 0.6s ease;z-index: 1;}.header__cta:hover, .btn--secondary:hover, .btn--primary:hover, .header__cta:focus, .btn--secondary:focus, .btn--primary:focus{border-color: #8a3bff;box-shadow: 0 0 30px rgba(138, 59, 255, 0.4);border-radius: 50px;}.header__cta:hover::before, .btn--secondary:hover::before, .btn--primary:hover::before {left: 100%;}.logo img {height: 48px;}}@media (min-width: 1400px) {.nav-desktop__list {gap: 72px;}.header__inner {padding: 0 60px;}}@media (min-width: 768px) and (max-width: 1023px) {.header__inner {height: 80px;padding: 0 32px;}.burger__line {width: 28px !important;}}@media (min-width: 1024px) {.with-bg::before, .with-bg::after {content: "";position: absolute;left: 0;width: 100%;height: 140px;pointer-events: none;z-index: 1;}.with-bg::before {top: 0;background: linear-gradient(to bottom, rgba(0,0,0,0.85), transparent);}.with-bg::after {bottom: 0;background: linear-gradient(to top, rgba(0,0,0,0.85), transparent);}}.container {width: 100%;}html {scroll-behavior: smooth;}.hero{position:relative;min-height:66vh;display:flex;align-items:center;justify-content:center;padding:72px 0;overflow:hidden;background-image:url('../images/hero-section-bg.avif');background-size:cover;background-position:center;filter:brightness(1);margin-top: -50px;}.hero__content{position:relative;z-index:2;text-align:center;max-width:820px;padding:60px 20px}.hero__title{font-size:2.2rem;line-height:1.02;margin:0 0 12px;font-weight:700}.hero__subtitle{margin:0 0 8px;font-weight:500}.hero__desc{color:rgba(255,255,255,0.9);margin:0 0 18px}.btn{display:inline-block;text-decoration:none;border-radius:25px;padding: 12px 22px;;font-weight:500}.btn--primary{background:linear-gradient(207deg,var(--neon-purple),var(--neon-blue));color:#fff;font-size: 1.2rem;margin-top: 30px;overflow: hidden;transition: all 0.3s ease;white-space: nowrap;position: relative;border: 1px solid #000;}.btn--secondary{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--text);padding: 12px 28px;background: transparent;color: #ffffff;font-size: 15px;font-weight: 500;text-decoration: none;border: 2px solid transparent;border-radius: 50px;position: relative;overflow: hidden;transition: all 0.3s ease;white-space: nowrap;}.btn--sm{padding:8px 12px;border-radius:8px}.btn--primary:hover, .btn--primary:focus {bbox-shadow: 0 0 30px rgba(138, 59, 255, 0.4);background: linear-gradient(45deg, rgb(49 22 157 / 60%), rgb(65 38 175 / 75%));transition: all 0.3s ease;}.section-heading{font-size:2rem;margin:0 0 18px;text-transform:uppercase;letter-spacing:1px;font-weight:500}@media (max-width: 767px) {}.about {background-image: url('../images/about-us-bg.avif');background-size: cover;background-position: center;background-repeat: no-repeat;filter: brightness(0.85);position: relative;min-height: 100vh;width: 100vw;margin-left: calc(50% - 50vw);padding: 80px 0;}.about .container {position: relative;z-index: 2;max-width: 1400px;margin: 0 auto;padding: 0 24px;min-height: 100%;}.about::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);z-index: 1;}.about__grid{display:grid;grid-template-columns:1fr;gap:var(--gap-md);align-items:start}.about__left{padding-right:0} .about__left a {color: #61aede;}.about__right{display:flex;flex-direction:column;gap:var(--gap-sm)}.why-heading {margin-top:0; text-align: center;font-size:1.8rem;}.about__right-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm);margin-bottom:0;}.about__right-bottom{display:block}.s-icon{margin-left:auto;margin-right: auto;max-width: 100%; padding-top:15px;}.service-card img {width:100px;height:auto;}.service-card h3 {min-height: 60px;display: flex;align-items: center;justify-content: center;}.border-card {background: var(--surface);padding: 18px;border-radius: var(--card-radius);text-align: center;box-shadow: 0 0 0 1px var(--neon-purple), 0 0 0 2px var(--neon-blue), 0 4px 20px rgba(0,0,0,0.1);}.border-card2 {background: var(--surface);padding: 18px;border-radius: var(--card-radius);text-align: center;box-shadow: 0 0 0 1px var(--light-blue), 0 0 0 2px var(--neon-blue), 0 4px 20px rgba(0,0,0,0.1);}.border-card3 {background: var(--surface);padding: 18px;border-radius: var(--card-radius);text-align: center;box-shadow: 0 0 0 1px var(--sea-green), 0 0 0 2px var(--neon-blue), 0 4px 20px rgba(0,0,0,0.1);}.tools {margin: 0 20px;background-image: url("../images/tool-bg.avif");background-size: cover;background-position: center;background-repeat: no-repeat;filter: brightness(0.85);position: relative;width: 100vw;margin-left: calc(50% - 50vw);padding: 40px 0;}.tools__grid{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:640px){.tools__grid{grid-template-columns:repeat(3,1fr); margin-top: 40px;}}.services {background-image: url("../images/services-bg.avif");background-size: cover;background-position: center;background-repeat: no-repeat;filter: brightness(0.85);position: relative;width: 100vw;margin-left: calc(50% - 50vw);padding: 80px 0;}.services__grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:480px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.about__right {margin-top:-66px;}.services__grid{grid-template-columns:repeat(3,1fr); margin-top: 40px;}}@media(min-width:1024px){
  .services__grid{grid-template-columns:repeat(3,1fr);    
    /*display: flex;
    flex-wrap: wrap; */
    justify-content: center;
    gap: 32px;
    margin-top: 40px;}
    
    .service-card { 
     flex: 0 0 300px;
    /*max-width: 300px;*/

    display: flex;
    flex-direction: column;
    height: 100%;}

    .service-card p {margin-bottom: 30px;}.service-card a.btn {margin-top: auto;}}
    @media (min-width: 1400px) {
  .service-card {
   /* flex: 0 0 260px;
    max-width: 260px; */
  }
}
    .portfolio__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:0;overflow:hidden;border: 1px solid var(--neon-blue);border-radius: 10px;}.portfolio__item{position:relative;text-decoration:none;color:var(--text);border: 1px solid var(--neon-purple);display: flex;flex-direction: column;height: 100%;}.portfolio__image {flex: 0 0 auto;}.portfolio__content {flex: 1;display: flex;flex-direction: column;} 
   .portfolio__item img{width:100%;height:100%;object-fit:cover;display:block}.portfolio__label{position:relative;left:12px;bottom:12px;padding:6px 10px;border-radius:6px;font-weight:500;font-size: 1.4rem;margin-left: 20px;margin-top: 12px;}.portfolio__more{text-align:center;margin-top:0px;margin-bottom: 60px;}.portfolio__item a {margin-left:20px;margin-top: auto;width: 230px;max-width: 100%;text-align: center;margin-bottom: 16px;}.clients {padding: 80px 0;/*border-top: 1px solid var(--neon-purple);*/}

   /*.clients__list{display:flex;gap:100px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top: 50px;}.client-logo{width:140px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center}.client-logo img{max-width:100%;max-height:100%;object-fit:contain;image-rendering: crisp-edges;image-rendering: -webkit-optimize-contrast;} */

   .clients__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 50px 80px; /* vertical horizontal spacing */
  margin-top: 60px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.client-logo {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.client-logo img {
  max-height: 55px;
  width: auto;
  object-fit: contain;
  opacity: 1;
  transition: all 0.3s ease;
}

.client-logo img:hover {
    transform: scale(1.05);
}


   @media (max-width: 767px) {.portfolio__item{display: flex;flex-direction: column;justify-content: flex-start;}.portfolio__label {left: 5px;bottom: 0;padding: 6px 0px;font-size: 1.2rem;margin-left: auto;margin-right: auto;}.portfolio__item a {position: relative;bottom: 0px;margin-top: 20px;margin-left: auto;margin-right:auto; border-color: #8a3bff;}.portfolio__more {margin-top: -40px;}}.testimonials {background-image: url("../images/testimonials-bg.avif");background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;width: 100vw;margin-left: calc(50% - 50vw);padding: 80px 0;}.testimonials__viewport {overflow: hidden;max-width: 1200px;margin: 0 auto;}.testimonials__track {display: flex;will-change: transform;max-width: 1200px;margin: 0 auto;}.testimonial {flex: 0 0 calc(33.333% - 1.333rem);margin-right: 2rem;background: var(--surface);padding: 16px;border-radius: 10px;text-align: center;}.testimonial__photo {width: 76px;height: 76px;border-radius: 50%;object-fit: cover;margin: 10px auto;}.testimonial__stars {color: #f7c917;font-weight: 800;}.testimonial__text {font-style: italic;}@media (max-width: 767px) {.testimonial {flex:0 0 calc(99% - 1.333rem);}}.contact {background-image: url("../images/contact-us-bg.avif");background-size: cover;background-position: center;background-repeat: no-repeat;filter: brightness(0.85);position: relative;width: 100vw;margin-left: calc(50% - 50vw);padding: 80px 0;}.contact__grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:stretch}.contact__form .btn{width:100%;border-radius:50px;cursor: pointer;}.contact__form-wrap{background:transparent;padding:8px}.contact__form label{display:block;margin-bottom:6px;color:var(--muted);font-weight:500}.contact__form input, .contact__form select, .contact__form textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #624390;background:rgba(255,255,255,0.02);color:var(--text);margin-bottom:10px;}#contact {padding-bottom: 20px;}@media(max-width: 767px) {.contact {background: #000;filter: brightness(1);}}#service, select {background: #1a1a1a;color: #ffffff;border: 1px solid #624390;border-radius: 8px;padding: 12px 16px;font-size: 16px;min-height: 48px;width: 100%;cursor: pointer;appearance: none;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position: right 12px center;background-repeat: no-repeat;background-size: 20px;padding-right: 48px;}#service option, select option {background: #1a1a1a !important;color: #ffffff !important;padding: 8px;}#service:focus, select:focus {outline: none;border-color: #624390;box-shadow: 0 0 0 3px rgba(138, 59, 255, 0.2);}#service:hover, select:hover {border-color: #555555;}#service option:hover, select option:hover {background: #8a3bff !important;color: #ffffff !important;}#service option:checked, select option:checked {background: #8a3bff !important;color: #ffffff !important;font-weight: 500;}@-moz-document url-prefix() {#service, select {background-image: none;background-position: right 8px center;padding-right: 32px;}#service::-moz-focus-inner, select::-moz-focus-inner {border: 0;}}select::-ms-expand {display: none;}.contact__right{}.site-footer{background-image: url("../images/footer-bg.avif");background-size: cover;background-position: center;background-repeat: no-repeat;filter: brightness(0.85);position: relative;width: 100vw;margin-left: calc(50% - 50vw);padding: 200px 0;}.footer__top{display:grid;grid-template-columns:1fr;gap:16px}.footer__col h4{margin:0 0 30px;color:var(--muted);font-size:1.2rem;}.footer__list{list-style:none;padding:0;margin:0}.footer__bottom{text-align:center;color:var(--muted);margin-top:12px}.footer__list a, .footer__list a:visited {color:#fff;text-decoration: none; font-size: 1rem;}.footer__list a:hover {color:#61aede;transition: color 0.3s ease;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.footer__list li {margin-bottom: 10px;}.social .s-icon,.footer-sbtn{display: inline-block !important;}}@media(min-width:640px){.tools__grid{grid-template-columns:repeat(2,1fr); margin-top: 40px;} }@media(min-width:768px){ .tool-card p {min-height: 50px;} .about__grid{grid-template-columns:60% 40%;gap:28px}.contact__grid{grid-template-columns:1fr 1fr}.footer__top{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.portfolio__grid{grid-template-columns:repeat(3,1fr); margin-top:40px;}.hero__title{font-size:6rem;line-height:1.1;margin-top: 80px;}.hero__subtitle{margin:50px 0 15px;font-size: 2.5rem;}.testimonials .container {padding:40px 20px;};}a:focus, button:focus, input:focus, select:focus, textarea:focus{outline:3px solid rgba(125,77,169,0.18);outline-offset:2px;border-radius:6px;}@media (prefers-reduced-motion: reduce){.hero__content{animation:none}.testimonials__track{animation:none}*{transition:none!important}}@media (max-width: 767px){.hero__content {padding-bottom: 20px;}.about, .tools, .services, .clients,.testimonials, .contact, .site-footer {padding:10px 0;}
    /*.clients__list {gap: 40px;margin-top:40px;}.section-heading {font-size: 1.6rem;}.client-logo {max-width:35%;}*/
    .footer__col h4 {margin: 10px 0 10px;}.footer__bottom {margin-top:-60px;}}.about, .tools, .services, .clients,.testimonials, .contact, .site-footer {max-width: 100%;}.with-bg {position: relative;isolation: isolate;} 
 .wpcf7 input[type=date],.wpcf7 input[type=email],.wpcf7 input[type=number],.wpcf7 input[type=tel],.wpcf7 input[type=text],.wpcf7 input[type=url],.wpcf7 select,.wpcf7 textarea{font-family:Poppins,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:var(--text)}
}

@media (max-width: 1024px) {
  .clients__list {
    gap: 40px 50px;
  }

  .client-logo img {
    max-height: 48px;
  }
}

@media (max-width: 600px) {
  .clients__list {
    gap: 30px 30px;
  }

  .client-logo img {
    max-height: 40px;
  }
}