.cp-page{font-family:"Inter",Arial,sans-serif;background:#fff;color:#111;overflow:hidden}
.cp-container{max-width:1170px;margin:0 auto}
.cp-kicker{display:flex;align-items:center;gap:12px;color:#111;font-size:15px;font-weight:500;letter-spacing:.01em;text-transform:uppercase}
.cp-kicker span{width:45px;height:2px;background:#ed3e22;display:block;flex:none}
.about-hero{padding:118px 0 105px}
.about-hero h1,.career-hero h1{margin:18px 0 46px;font-size:clamp(48px,5.2vw,70px);line-height:1.02;letter-spacing:-3.2px;font-weight:800}
.about-hero h1 em,.career-hero h1 em,.cp-section-head h2 em,.career-cta h2 em{font-style:normal;color:#ed3e22}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.about-grid p{margin:0 0 20px;font-size:17px;line-height:1.48;color:#171717}
.about-grid h3{font-size:17px;margin:8px 0 2px;font-weight:800}
.about-image{margin-top:6px;width:100%;height:275px;overflow:hidden}
.about-image img{width:100%;height:100%;object-fit:cover;display:block}
.career-hero{padding:118px 0 78px;text-align:center;max-width:900px}
.career-hero .cp-kicker{justify-content:center}
.career-hero h1{margin-bottom:30px}
.career-lead{max-width:850px;margin:0 auto 18px;font-size:18px;line-height:1.55;color:#222}
.jobs{padding:72px 0 95px}
.cp-section-head{margin-bottom:42px}
.cp-section-head h2{font-size:52px;line-height:1.05;letter-spacing:-2px;margin:14px 0 12px;font-weight:800}
.cp-section-head p{font-size:18px;margin:0;color:#333}
.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.job-column{border:1px solid #e2e2e2;padding:28px 25px;background:#fff}
.job-column h3{margin:0 0 22px;font-size:21px;font-weight:800}
.job-column a{display:block;padding:15px 0;border-top:1px solid #eee;font-size:16px;color:#171717;text-decoration:none}
.job-column a:first-of-type{border-top:0;padding-top:0}
.career-cta{margin-bottom:110px;padding:58px 58px 60px;border:1px solid #f3d8d2;background:linear-gradient(135deg,#fff 0%,#fff9f7 100%);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}
.career-cta h2{font-size:52px;line-height:1.03;letter-spacing:-2px;margin:18px 0 20px;font-weight:800}
.career-cta p{font-size:17px;line-height:1.55;color:#333;max-width:490px}
.career-form{display:grid;gap:12px}
.career-form input,.career-form textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;background:#fff;border-radius:8px;padding:16px 17px;font:inherit;color:#111;outline:none}
.career-form textarea{height:135px;resize:vertical}
.career-form input:focus,.career-form textarea:focus{border-color:#ed3e22;box-shadow:0 0 0 3px rgba(237,62,34,.08)}
.career-form button{border:0;border-radius:8px;background:#ed3e22;color:#fff;font:700 16px/1 inherit;padding:17px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.career-form button span{font-size:22px}
@media(max-width:1024px){.cp-container{max-width:calc(100% - 48px)}.about-hero,.career-hero{padding-top:90px}.about-grid{gap:28px}.career-cta{padding:42px 38px;gap:35px}}
@media(max-width:800px){.about-grid,.job-grid,.career-cta{grid-template-columns:1fr}.about-hero{padding:78px 0 75px}.about-hero h1,.career-hero h1{font-size:44px;letter-spacing:-2px;margin-bottom:32px}.about-grid p{font-size:16px}.about-image{height:300px}.career-hero{padding:78px 0 65px}.career-lead{font-size:16px}.jobs{padding:60px 0 75px}.cp-section-head h2,.career-cta h2{font-size:42px}.career-cta{margin-bottom:75px}}
@media(max-width:520px){.cp-container{max-width:calc(100% - 30px)}.cp-kicker{font-size:13px}.cp-kicker span{width:34px}.about-hero h1,.career-hero h1{font-size:38px;line-height:1.06}.about-image{height:220px}.job-column{padding:23px 20px}.career-cta{padding:30px 22px}.cp-section-head h2,.career-cta h2{font-size:35px}.career-form input,.career-form textarea{padding:14px}.career-form textarea{height:120px}}

/* Careers form only — preserves the existing page design */
.career-form{padding:8px;background:rgba(255,255,255,.78);border:1px solid #f1d9d3;border-radius:18px;box-shadow:0 14px 35px rgba(237,62,34,.07)}
.career-field{position:relative;display:flex;align-items:center;min-height:58px;background:#fff;border:1px solid #dfe2e6;border-radius:12px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.career-field:focus-within{border-color:#ed3e22;box-shadow:0 0 0 3px rgba(237,62,34,.09);transform:translateY(-1px)}
.career-field-icon{width:54px;display:flex;align-items:center;justify-content:center;color:#ed3e22;flex:none}
.career-field-icon svg{width:21px;height:21px;display:block}
.career-field input,.career-field textarea{width:100%;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:17px 17px 17px 2px!important;font:inherit;color:#111;outline:0}
.career-field input::placeholder,.career-field textarea::placeholder{color:#7b8490;opacity:1}
.career-field textarea{height:135px;resize:vertical;line-height:1.5}
.career-message{align-items:flex-start}
.career-message .career-field-icon{padding-top:17px}
.career-form button{margin-top:2px;min-height:58px;border-radius:12px;background:linear-gradient(90deg,#ed3e22 0%,#ff7418 100%);box-shadow:0 10px 22px rgba(237,62,34,.16);transition:transform .2s ease,box-shadow .2s ease}
.career-form button:hover{transform:translateY(-1px);box-shadow:0 13px 25px rgba(237,62,34,.22)}
@media(max-width:800px){.career-form{padding:7px}.career-field{min-height:55px}.career-form button{min-height:55px}}
@media(max-width:520px){.career-form{padding:6px;border-radius:14px}.career-field{min-height:52px;border-radius:10px}.career-field-icon{width:48px}.career-field input,.career-field textarea{padding:14px 12px 14px 0!important}.career-message .career-field-icon{padding-top:14px}.career-form button{min-height:52px}}


/* =========================================================
   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%;
  }
}