/* Xinzex Contact Form — locked to supplied reference UI */
.xq-section{position:relative;padding:84px 0 82px;background:#fff;overflow:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.xq-container{position:relative;isolation:isolate;width:min(1575px,calc(100% - 120px));min-height:700px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1.5px solid rgba(255,92,46,.35);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(18,28,48,.045)}
.xq-container::before{content:"";position:absolute;left:-80px;bottom:-155px;width:360px;height:300px;background:rgba(255,111,64,.08);border-radius:50%;z-index:-1}
.xq-container::after{content:"";position:absolute;right:-190px;bottom:-300px;width:690px;height:690px;border:1.5px solid rgba(255,92,46,.55);border-radius:50%;z-index:-1}
.xq-intro{position:relative;padding:67px 0 60px 72px;display:flex;flex-direction:column;justify-content:flex-start}
.xq-intro::before{content:"";position:absolute;right:-85px;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent 12%,rgba(255,92,46,.08) 50%,transparent 88%);transform:rotate(0deg)}
.xq-kicker{display:flex;align-items:center;gap:18px;margin-bottom:24px;color:#121b2e;font-size:18px;font-weight:500;letter-spacing:.01em}
.xq-kicker span{width:54px;height:3px;border-radius:99px;background:#ff4b23;display:block}
.xq-kicker b{font-weight:500}
.xq-intro h2{margin:0 0 25px;font-size:76px;line-height:.95;letter-spacing:-.055em;font-weight:850;color:#0d172c}
.xq-intro h2 span,.xq-intro h2 em{display:block;font-style:normal}
.xq-intro h2 em{color:#f44321}
.xq-copy{margin:0;max-width:620px;color:#4e596d;font-size:20px;line-height:1.58;font-weight:450}
.xq-copy a{color:#111a2c;font-weight:800;text-decoration:none}
.xq-details{margin-top:39px;display:grid;gap:29px}
.xq-detail{display:flex;align-items:center;gap:26px}
.xq-detail i{width:70px;height:70px;flex:0 0 70px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff2ed,#ffe8e0);border:1px solid rgba(255,91,45,.08);box-shadow:0 5px 16px rgba(255,87,45,.07)}
.xq-detail i svg{width:31px;height:31px;fill:none;stroke:#f34a28;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xq-detail div{display:grid;gap:5px}
.xq-detail span{font-size:18px;color:#182237;font-weight:450}
.xq-detail strong{font-size:29px;line-height:1.05;color:#10192d;font-weight:850;letter-spacing:-.02em}
.xq-dots{position:absolute;left:32px;bottom:21px;color:#ffad8d;font-size:23px;line-height:1.03;letter-spacing:7px;word-spacing:0;opacity:.9}
.xq-form-wrap{position:relative;margin:45px 48px 51px 0;padding:29px;background:rgba(255,255,255,.82);border:1px solid rgba(255,93,48,.18);border-radius:22px;box-shadow:0 15px 38px rgba(19,29,47,.055);align-self:stretch}
.xq-form{height:100%;display:flex;flex-direction:column;gap:16px}
.xq-field{position:relative;display:flex;align-items:center;min-height:61px;width:100%;box-sizing:border-box;border:1px solid #d9dde4;border-radius:15px;background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.xq-field:focus-within{border-color:#f34a28;box-shadow:0 0 0 4px rgba(243,74,40,.08);transform:translateY(-1px)}
.xq-field-icon{width:76px;display:grid;place-items:center;flex:0 0 76px}
.xq-field-icon svg{width:28px;height:28px;fill:none;stroke:#4b5568;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.xq-field input,.xq-field select,.xq-field textarea{width:100%;min-width:0;box-sizing:border-box;border:0;outline:0;background:transparent;color:#182237;font:500 18px/1.4 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.xq-field input{height:61px;padding:0 22px 0 0}
.xq-field input::placeholder,.xq-field textarea::placeholder{color:#667083;opacity:1}
.xq-phone{padding-right:22px}
.xq-country{height:100%;display:flex;align-items:center;gap:13px;padding-left:20px;white-space:nowrap;color:#172136;font-size:17px}
.xq-flag{font-size:24px;line-height:1}
.xq-country b{font-weight:600}
.xq-country svg{width:18px;height:18px;fill:none;stroke:#263249;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xq-divider{height:34px;width:1px;background:#d4d8df;margin:0 20px}
.xq-phone input{padding:0}
.xq-select{padding-right:54px}
.xq-select select{height:61px;padding:0;appearance:none;cursor:pointer;color:#172136;font-weight:500}
.xq-select select:invalid{color:#172136}
.xq-select-arrow{position:absolute;right:23px;width:21px;height:21px;fill:none;stroke:#263249;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.xq-message{align-items:flex-start;min-height:124px}
.xq-message .xq-field-icon{padding-top:19px;align-self:flex-start}
.xq-message textarea{height:122px;padding:18px 20px 14px 0;resize:vertical}
.xq-submit{align-self:flex-start;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-width:280px;height:72px;margin-top:6px;padding:0 20px 0 36px;border:0;border-radius:40px;background:linear-gradient(100deg,#ff781e 0%,#f52323 100%);color:#fff;font:800 19px Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;box-shadow:0 14px 27px rgba(243,70,37,.18);transition:transform .2s,box-shadow .2s}
.xq-submit span{width:42px;height:42px;display:grid;place-items:center;background:#fff;border-radius:50%;color:#f34324}
.xq-submit svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.xq-submit:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(243,70,37,.27)}
.xq-status{min-height:18px;margin:0;color:#f04427;font-size:13px;font-weight:600}
@media(max-width:1100px){.xq-container{width:min(94%,1000px);grid-template-columns:1fr;min-height:0}.xq-intro{padding:55px 55px 45px}.xq-intro::before{display:none}.xq-form-wrap{margin:0 40px 40px;padding:28px}.xq-copy{max-width:760px}.xq-intro h2{font-size:62px}}
@media(max-width:700px){.xq-section{padding:55px 0}.xq-container{width:calc(100% - 28px);border-radius:18px}.xq-intro{padding:38px 24px 42px}.xq-kicker{font-size:15px;gap:12px}.xq-kicker span{width:42px}.xq-intro h2{font-size:48px}.xq-copy{font-size:16px}.xq-desktop{display:none}.xq-detail{gap:17px}.xq-detail i{width:58px;height:58px;flex-basis:58px}.xq-detail i svg{width:26px;height:26px}.xq-detail span{font-size:15px}.xq-detail strong{font-size:22px}.xq-dots{left:18px}.xq-form-wrap{margin:0 15px 15px;padding:18px;border-radius:17px}.xq-form{gap:12px}.xq-field{min-height:57px}.xq-field-icon{width:57px;flex-basis:57px}.xq-field-icon svg{width:23px;height:23px}.xq-field input,.xq-field select,.xq-field textarea{font-size:15px}.xq-field input,.xq-select select{height:57px}.xq-country{padding-left:13px;gap:8px;font-size:14px}.xq-flag{font-size:20px}.xq-divider{margin:0 12px}.xq-message textarea{height:120px}.xq-submit{width:100%;min-width:0;height:60px;font-size:16px;padding-left:25px}.xq-submit span{width:36px;height:36px}}


/* =========================================================
   RESPONSIVE PASS — layout only, desktop styling unchanged
   ========================================================= */
@media (max-width: 767px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  img, svg, video, canvas, iframe { max-width: 100%; }
  input, select, textarea, button { max-width: 100%; box-sizing: border-box; }
  table { max-width: 100%; overflow-x: auto; display: block; }

  .container,
  .cx-wrap,
  .cp-container,
  .indsol-container,
  .ds-services__container,
  .ip-container,
  .legacy-container,
  .trust-container,
  .callback-container,
  .xzf-container,
  .xq-container {
    max-width: 100%;
  }

  .hero-grid,
  .dx-hero-container,
  .callback-container,
  .cx-intro,
  .cx-main,
  .career-cta,
  .about-grid,
  .job-grid,
  .trust-container,
  .legacy-container,
  .indsol-hero,
  .dsh,
  .why {
    grid-template-columns: 1fr;
  }

  .features,
  .fgrid,
  .dgrid,
  .scg,
  .cx-reviews-grid {
    grid-template-columns: 1fr;
  }

  .stats { grid-template-columns: 1fr; }

  .hero-content,
  .dx-hero-content,
  .copy,
  .svc .copy,
  .cx-copy {
    min-width: 0;
  }

  .hero h1,
  .dx-hero-content h1,
  .cx-title,
  .about-hero h1,
  .career-hero h1 {
    overflow-wrap: anywhere;
  }

  .hero img,
  .dx-hero-image,
  .visual img,
  .svc img {
    height: auto;
    max-width: 100%;
  }

  .cta-row { flex-wrap: wrap; }
  .cta-row > * { max-width: 100%; }

  .nav .container,
  .xzf-container {
    min-width: 0;
  }

  .menu,
  .nav nav {
    max-width: calc(100vw - 30px);
    box-sizing: border-box;
  }

  .service-card,
  .other-tech-card,
  .xq-field,
  .career-field,
  .cx-field {
    min-width: 0;
  }

  .service-card h3,
  .other-tech-content h3,
  .xq-field input,
  .xq-field select,
  .xq-field textarea,
  .career-field input,
  .career-field textarea,
  .cx-field input,
  .cx-field select,
  .cx-field textarea {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 480px) {
  .container { width: calc(100% - 30px); }
  .xq-container,
  .cx-wrap,
  .cp-container { width: calc(100% - 30px); }

  .hero,
  .svc,
  .feat,
  .why,
  .cs,
  .plt,
  .faq,
  .fm,
  .ds,
  .sv,
  .prc,
  .services-section {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero h1,
  .dx-hero-content h1,
  .cx-title,
  .about-hero h1,
  .career-hero h1 {
    font-size: clamp(30px, 9vw, 42px);
    line-height: 1.08;
  }

  .service-card,
  .other-tech-card,
  .xq-form-wrap,
  .career-cta {
    padding-left: 16px;
    padding-right: 16px;
  }

  .xq-submit,
  .cx-submit,
  .career-form button {
    width: 100%;
  }
}