.cm-qf__promise {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  border-inline-start: 1px solid rgba(24, 63, 132, 0.18);
  color: var(--ink);
  background: #edf5fa;
  text-align: center;
}

.cm-qf__promise strong {
  display: none;
}

.cm-qf__promise span {
  margin: 0;
  color: var(--pink);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.2em;
}

.cm-qf__promise p {
  max-width: 28rem;
  margin: 0;
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: 0;
}

@media (max-width: 980px) {
  .cm-qf__promise {
    display: flex;
    grid-template-columns: none;
    gap: 0.45rem;
    padding: 1.15rem 1.25rem;
    border-top: 1px solid rgba(24, 63, 132, 0.18);
    border-inline-start: 0;
  }

  .cm-qf__promise strong {
    display: none;
    grid-row: auto;
  }

  .cm-qf__promise span {
    margin: 0;
  }

  .cm-qf__promise p {
    grid-column: auto;
  }
}

.cm-qf__hero h2,
.cm-qf__section-head h3,
.cm-qf legend,
.cm-qf__field > span,
.cm-qf__upload > span,
.cm-qf__radios span,
.cm-qf__submit button {
  overflow-wrap: anywhere;
}

html:lang(ru) .cm-qf__hero h2,
html:lang(kk) .cm-qf__hero h2,
html:lang(sr) .cm-qf__hero h2,
html:lang(az) .cm-qf__hero h2 {
  font-size: clamp(2.75rem, 5.8vw, 6.2rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
}

html[dir="rtl"] .cm-qf {
  direction: rtl;
  font-family: Tahoma, "Segoe UI", sans-serif;
}

html[dir="rtl"] .cm-qf__hero h2 {
  font-size: clamp(2.8rem, 6vw, 6.2rem);
  line-height: 1.08;
  letter-spacing: 0;
}

html[dir="rtl"] .cm-qf__hero p,
html[dir="rtl"] .cm-qf__promise span,
html[dir="rtl"] .cm-qf__field > span,
html[dir="rtl"] .cm-qf__upload > span,
html[dir="rtl"] .cm-qf legend,
html[dir="rtl"] .cm-qf__section-head p,
html[dir="rtl"] .cm-qf__submit p span,
html[dir="rtl"] .cm-qf__submit button {
  letter-spacing: 0;
}

html[dir="rtl"] .cm-qf input,
html[dir="rtl"] .cm-qf textarea,
html[dir="rtl"] .cm-qf__address p,
html[dir="rtl"] .cm-qf__dialog div {
  unicode-bidi: plaintext;
}

html[dir="rtl"] .cm-qf input[type="email"],
html[dir="rtl"] .cm-qf input[type="tel"] {
  direction: ltr;
  text-align: right;
}

@media (max-width: 680px) {
  html:lang(ru) .cm-qf__hero h2,
  html:lang(kk) .cm-qf__hero h2,
  html:lang(sr) .cm-qf__hero h2,
  html:lang(az) .cm-qf__hero h2,
  html[dir="rtl"] .cm-qf__hero h2 {
    font-size: clamp(2.35rem, 12.5vw, 4.4rem);
  }
}

/* 2026 compact conversion panel: sharp industrial pop-art, without changing form semantics. */
.video-contact-cta-section > .cm-form-launcher {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  width: min(1120px, calc(100% - 2rem));
  min-height: 8.5rem;
  margin: clamp(3rem, 6vw, 5rem) auto 0;
  border: 3px solid #173f84;
  padding: 1.5rem clamp(1.25rem, 4vw, 3rem);
  overflow: hidden;
  color: #173f84;
  background: #faeade;
  box-shadow: 12px 12px 0 #2db6db;
  text-align: start;
  cursor: pointer;
}
.cm-form-launcher::before { content:""; position:absolute; top:0; right:0; width:28%; height:9px; background:#cb4398; }
.cm-form-launcher::after { content:""; position:absolute; right:5.5rem; bottom:-3rem; width:11rem; height:6rem; border:2px solid #173f84; border-radius:50%; transform:rotate(-12deg); }
.cm-form-launcher span { position:relative; z-index:1; display:block; font:900 clamp(1.65rem,4vw,3.8rem)/.92 "Proxima Nova",sans-serif; letter-spacing:-.035em; }
.cm-form-launcher small { position:relative; z-index:1; grid-column:1; margin-top:.65rem; font-size:.74rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.cm-form-launcher i { position:relative; z-index:1; grid-column:2; grid-row:1/3; display:grid; width:4rem; height:4rem; place-items:center; border-radius:50%; color:#fff; background:#173f84; font:400 2rem/1 sans-serif; transition:transform .22s,background .22s; }
.cm-form-launcher:hover i,.cm-form-launcher.is-open i { transform:rotate(-8deg) scale(1.08); background:#cb4398; }

.video-contact-cta-section > .cm-qf { width:100%; max-height:12000px; margin-top:2rem; padding-block:2rem 5rem; opacity:1; transform:translateY(0); transition:max-height .55s ease,opacity .28s,transform .35s,margin .35s,padding .35s; scroll-margin-top:7rem; }
.video-contact-cta-section > .cm-qf.cm-qf--collapsed { max-height:0; margin-top:0; padding-block:0; opacity:0; overflow:hidden; pointer-events:none; transform:translateY(-1.25rem); }
.video-contact-cta-section > .cm-qf .cm-qf__frame { width:min(1120px,calc(100% - 2rem)); }
.video-contact-cta-section > .cm-qf .cm-qf__hero { grid-template-columns:minmax(0,1fr) 300px; }
.video-contact-cta-section > .cm-qf .cm-qf__hero > div:first-child { padding:clamp(1.75rem,4vw,3.25rem); }
.video-contact-cta-section > .cm-qf .cm-qf__hero h2 { font-size:clamp(2.7rem,5.6vw,5.7rem); line-height:.91; }
.video-contact-cta-section > .cm-qf .cm-qf__section,
.video-contact-cta-section > .cm-qf .cm-qf__details > summary { padding:clamp(1.6rem,3vw,2.8rem); }
.video-contact-cta-section > .cm-qf .cm-qf__section-head { margin-bottom:1.6rem; }
.video-contact-cta-section > .cm-qf .cm-qf__section-head h3 { font-size:clamp(1.55rem,2.5vw,2.45rem); line-height:1.04; }
.video-contact-cta-section > .cm-qf .cm-qf__grid { gap:1rem 1.35rem; }
.video-contact-cta-section > .cm-qf .cm-qf__radios span { min-height:2.55rem; padding:.48rem .8rem; }
.video-contact-cta-section > .cm-qf .cm-qf__field textarea { min-height:5.5rem; }
.cm-qf__grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-qf__grid--production>*:last-child{grid-column:1/-1}.cm-qf__field select{width:100%;box-sizing:border-box;border:1px solid #b9c9df;border-radius:0;padding:.78rem .85rem;color:#143873;background:#fff;font:600 1rem/1.4 "Proxima Nova",sans-serif;outline:none;transition:border-color .18s,box-shadow .18s}.cm-qf__field select:focus{border-color:#2db6db;box-shadow:0 0 0 3px rgba(45,182,219,.16)}@media(max-width:680px){.cm-qf__grid--compact{grid-template-columns:1fr}.cm-qf__grid--production>*:last-child{grid-column:auto}}

/* Product family: stronger hierarchy and calmer, non-overlapping cards. */
.products-section .services-inner { width:min(1180px,calc(100% - 2rem)); margin-inline:auto; }
.products-section .services-grid,.products-section .micro-services-grid { gap:clamp(1rem,2vw,1.6rem); }
.products-section .service-card { container-type:inline-size; min-width:0; overflow:hidden; border:2px solid #173f84; background:#fff; box-shadow:8px 8px 0 rgba(45,182,219,.2); transition:transform .22s,box-shadow .22s; }
.products-section .service-card:hover { transform:translate(-3px,-3px); box-shadow:12px 12px 0 rgba(203,67,152,.2); }
.products-section .service-card h3 { max-width:100%; font-size:clamp(1.8rem,11.5cqw,3rem)!important; line-height:1.02!important; letter-spacing:-.04em!important; overflow-wrap:anywhere; }
.products-section .micro-services-feature { padding-inline:clamp(1rem,3vw,2.5rem); }

/* A real, visible blog entrance on the homepage. */
.cm-blog-showcase { padding:clamp(4rem,8vw,8rem) max(1rem,calc((100vw - 1180px)/2)); color:#173f84; background:#faeade; }
.cm-blog-showcase > header { display:grid; grid-template-columns:1fr auto; align-items:end; gap:2rem; padding-bottom:2rem; border-bottom:3px solid #173f84; }
.cm-blog-showcase header p { margin:0 0 .7rem; color:#cb4398; font-size:.72rem; font-weight:900; letter-spacing:.2em; }
.cm-blog-showcase header h2 { max-width:800px; margin:0; font:900 clamp(2.8rem,6vw,6.2rem)/.86 "Proxima Nova",sans-serif; letter-spacing:-.05em; }
.cm-blog-showcase header > a { border:2px solid #173f84; padding:1rem 1.25rem; color:#173f84; font-size:.75rem; font-weight:900; letter-spacing:.1em; text-decoration:none; }
.cm-blog-showcase header > a span { margin-inline-start:.75rem; }
.cm-blog-showcase__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.cm-blog-showcase__grid > a { position:relative; display:grid; min-height:18rem; align-content:start; border-right:1px solid rgba(23,63,132,.3); border-bottom:1px solid rgba(23,63,132,.3); padding:1.5rem; color:#173f84; background:rgba(255,255,255,.32); text-decoration:none; transition:background .2s,color .2s; }
.cm-blog-showcase__grid > a:hover { color:#fff; background:#173f84; }
.cm-blog-showcase__grid em { color:#cb4398; font-size:.72rem; font-style:normal; font-weight:900; letter-spacing:.15em; }
.cm-blog-showcase__grid small { margin-top:2.2rem; font-size:.65rem; font-weight:900; letter-spacing:.14em; }
.cm-blog-showcase__grid h3 { margin:.7rem 0 2rem; font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.05; overflow-wrap:anywhere; }
.cm-blog-showcase__grid span { margin-top:auto; font-size:.68rem; font-weight:900; letter-spacing:.09em; }

@media(max-width:980px){
  .video-contact-cta-section > .cm-qf .cm-qf__hero { grid-template-columns:1fr; }
  .cm-blog-showcase__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px){
  .video-contact-cta-section > .cm-form-launcher { min-height:7rem; box-shadow:7px 7px 0 #2db6db; }
  .cm-form-launcher i { width:3.25rem; height:3.25rem; }
  .video-contact-cta-section > .cm-qf .cm-qf__frame { width:100%; }
  .cm-blog-showcase > header { grid-template-columns:1fr; align-items:start; }
  .cm-blog-showcase header h2 { font-size:clamp(2.6rem,13vw,4.6rem); line-height:.92; }
  .cm-blog-showcase__grid { grid-template-columns:1fr; }
  .cm-blog-showcase__grid > a { min-height:13rem; border-right:0; }
}

/* Homepage order: contact CTA → quote/sample form → FAQ. */
.video-contact-cta-section > .cm-qf {
  margin-top: clamp(3.5rem, 7vw, 6.5rem);
  padding-block: clamp(4rem, 7vw, 7rem);
  scroll-margin-top: 8rem;
}

.cm-home-faq-host {
  padding: clamp(5rem, 9vw, 9rem) 0;
  background: #fff;
}

.cm-home-faq-host > .contact-faq {
  margin-top: 0;
}

@media (max-width: 680px) {
  .video-contact-cta-section > .cm-qf {
    margin-top: 3.5rem;
    padding-block: 4rem;
  }

  .cm-home-faq-host {
    padding-block: 5rem;
  }
}