/* Scoped from the coded Figma build (styles.css + pages.css). Generated: do not edit by hand. */
:root {--protocol: #0a293f;
  --protocol-soft: #123a57;
  --signal: #81f3bc;
  --steel: #6a8ca6;
  --trace: #e5eef5;
  --clear: #f1f1f1;
  --white: #ffffff;
  --core: #232934;
  --muted: #51606f;
  --border: #d5dee6;
  --error: #c2382b;

  --gutter: 96px;
  --maxw: 1440px;}
.cqg-x *, .cqg-x *::before, .cqg-x *::after {box-sizing: border-box;}
.cqg-x section[id], .cqg-x [id="emergency"] {scroll-margin-top: 88px;}
.cqg-x {margin: 0;
  font-family: "Manrope", system-ui, sans-serif;
  color: var(--core);
  background: var(--white);
  -webkit-font-smoothing: antialiased;}
.cqg-x img {display: block; max-width: 100%;}
.cqg-x a {color: inherit; text-decoration: none;}
.cqg-x p, .cqg-x h1, .cqg-x h2, .cqg-x h3, .cqg-x h4 {margin: 0;}
.cqg-x button {font: inherit;}
.cqg-x .wrap {width: 100%; max-width: var(--maxw); margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter);}
.cqg-x .eyebrow {font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: 1.92px; text-transform: uppercase; color: var(--muted);}
.cqg-x .h2 {font-size: 46px; font-weight: 500; line-height: 1.12; letter-spacing: -0.69px; color: var(--protocol);}
.cqg-x .h3 {font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -0.12px; color: var(--protocol);}
.cqg-x .h4 {font-size: 19px; font-weight: 600; line-height: 1.35; letter-spacing: -0.038px; color: var(--protocol);}
.cqg-x .body-lg {font-size: 20px; line-height: 1.55; color: var(--muted);}
.cqg-x .body {font-size: 16px; line-height: 1.6; color: var(--muted);}
.cqg-x .body-sm {font-size: 14px; line-height: 1.55; color: var(--muted);}
.cqg-x .label-btn {font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: 1.56px; text-transform: uppercase;}
.cqg-x .title {display: flex; flex-direction: column; align-items: flex-start; gap: 4px;}
.cqg-x .hl {display: inline-block; padding: 0 10px; border-radius: 6px;}
.cqg-x .hl--signal {background: var(--signal); color: var(--protocol);}
.cqg-x .hl--steel {background: var(--steel); color: var(--white);}
.cqg-x .hl--trace {background: var(--trace); color: var(--protocol);}
.cqg-x .hl--protocol {background: var(--protocol); color: var(--white);}
.cqg-x .btn {display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  height: 52px; min-width: 200px; white-space: nowrap; padding: 0 26px 0 28px;
  border-radius: 999px; border: 1.5px solid var(--protocol);
  cursor: pointer; transition: background .2s, color .2s, transform .2s;}
.cqg-x .btn img {width: 18px; height: 18px; transition: transform .2s;}
.cqg-x .btn--primary {background: var(--protocol); color: var(--white);}
.cqg-x .btn--primary:hover {background: var(--protocol-soft);}
.cqg-x .btn--outline {background: transparent; color: var(--protocol);}
.cqg-x .btn--outline:hover {background: var(--protocol); color: var(--white);}
.cqg-x .btn:hover img {transform: translateX(3px);}
.cqg-x .btn--block {width: 100%;}
.cqg-x .link {display: inline-flex; align-items: center; gap: 10px; color: var(--protocol);}
.cqg-x .link img {width: 18px; height: 18px; transition: transform .2s;}
.cqg-x .link:hover img {transform: translateX(4px);}
.cqg-x .link--signal {color: var(--signal);}
.cqg-x .link--white {color: var(--white);}
.cqg-x :focus-visible {outline: 2px solid var(--steel); outline-offset: 3px;}
.cqg-x .section {padding-top: 112px; padding-bottom: 112px;}
.cqg-x .section-head {display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 56px;}
.cqg-x .heading-group {display: flex; flex-direction: column; gap: 16px; max-width: 760px;}
.cqg-x .nav__logo img {width: 113.986px; height: 46px;}
.cqg-x .nav__links {display: flex; gap: 32px; flex: 1; font-size: 15px; font-weight: 500; line-height: 1.4; color: var(--core);}
.cqg-x .nav__links a:hover {color: var(--steel);}
.cqg-x .nav__phone {font-size: 15px; font-weight: 500; color: var(--muted); white-space: nowrap;}
.cqg-x .nav__toggle {display: none; margin-left: auto; width: 44px; height: 44px; border: 0; background: none; cursor: pointer; padding: 10px;}
.cqg-x .nav__toggle span {display: block; height: 2px; background: var(--protocol); margin: 5px 0; transition: transform .2s, opacity .2s;}
.cqg-x .hero {background: var(--clear);}
.cqg-x .hero .wrap {display: flex; align-items: center; gap: 64px; padding-top: 72px; padding-bottom: 72px;}
.cqg-x .hero__copy {flex: 0 0 644px; display: flex; flex-direction: column; gap: 48px;}
.cqg-x .hero__badges {position: relative; width: 145.44px; height: 70px;}
.cqg-x .hero__badges .iso {position: absolute; left: 0; top: 0; width: 68.691px; height: 70px;}
.cqg-x .hero__badges .crest {position: absolute; left: 93.64px; top: 1.61px;}
.cqg-x .mask-logo {background: var(--protocol); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%;}
.cqg-x .mask-logo--crest {width: 51.798px; height: 68.114px; -webkit-mask-image: url(../build/crest-mask.png); mask-image: url(../build/crest-mask.png);}
.cqg-x .mask-logo--gcloud {width: 122.692px; height: 37.216px; -webkit-mask-image: url(../build/gcloud-mask.png); mask-image: url(../build/gcloud-mask.png);}
.cqg-x .hero__text {display: flex; flex-direction: column; gap: 28px;}
.cqg-x .hero h1 {display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 72px; font-weight: 500; line-height: 1.06; letter-spacing: -1.8px; color: var(--protocol);}
.cqg-x .hero h1 .hl {padding: 0 14px; border-radius: 8px;}
.cqg-x .hero__intro {max-width: 540px;}
.cqg-x .hero__actions {display: flex; flex-direction: column; gap: 24px;}
.cqg-x .ctas {display: flex; gap: 16px; flex-wrap: wrap;}
.cqg-x .emergency-link {font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--core);}
.cqg-x .emergency-link:hover {color: var(--steel);}
.cqg-x .hero__image {flex: 0 1 540px; min-width: 0; height: 600px; border-radius: 28px; overflow: hidden; background: var(--protocol-soft);}
.cqg-x .hero__image img {width: 100%; height: 100%; object-fit: cover;}
.cqg-x .proof {background: var(--protocol); border-bottom: 1px solid var(--border);}
.cqg-x .proof .wrap {display: flex; justify-content: space-between; gap: 24px; padding-left: 89px; padding-right: 89px;}
.cqg-x .proof__item {display: flex; flex-direction: column; gap: 4px; padding: 32px 0; text-align: center;}
.cqg-x .proof__item strong {font-size: 38px; font-weight: 700; line-height: 1.12; letter-spacing: -0.57px; color: var(--white);}
.cqg-x .proof__item span {font-size: 14px; line-height: 1.55; color: var(--trace);}
.cqg-x .logos .wrap {display: flex; flex-direction: column; align-items: center; gap: 24px; padding-top: 56px; padding-bottom: 56px;}
.cqg-x .logos__row {display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; width: 100%;}
.cqg-x .logos__item {height: 72px; border-radius: 12px; background: var(--clear); display: flex; align-items: center; justify-content: center;}
.cqg-x .services {background: var(--trace);}
.cqg-x .cards-4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;}
.cqg-x .service-card {background: var(--white); border: 1px solid var(--border); border-radius: 20px; padding: 32px 26px; display: flex; flex-direction: column; gap: 18px;}
.cqg-x .icon-tile {width: 56px; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--trace); flex: none;}
.cqg-x .icon-tile img {width: 28px; height: 28px;}
.cqg-x .service-list {list-style: none; margin: 0; padding: 18px 0 0; border-top: 1px solid var(--border); display: flex; flex-direction: column; gap: 16px;}
.cqg-x .service-list a {display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 16px; line-height: 1.6; color: var(--core);}
.cqg-x .service-list a img {width: 18px; height: 18px; flex: none; transition: transform .2s;}
.cqg-x .service-list a:hover {color: var(--steel);}
.cqg-x .service-list a:hover img {transform: translateX(4px);}
.cqg-x .why .wrap {display: flex; align-items: center; gap: 72px;}
.cqg-x .why__copy {flex: 1; display: flex; flex-direction: column; gap: 44px;}
.cqg-x .why__grid {display: grid; grid-template-columns: 1fr 1fr; gap: 44px 32px;}
.cqg-x .why__point {border-top: 2px solid var(--steel); padding-top: 20px; display: flex; flex-direction: column; gap: 10px;}
.cqg-x .proof-panel {flex: 0 0 560px; background: var(--protocol); border-radius: 24px; overflow: hidden;}
.cqg-x .proof-panel__photo {height: 260px; overflow: hidden;}
.cqg-x .proof-panel__photo img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%;}
.cqg-x .proof-panel__stats {display: grid; grid-template-columns: 1fr 1fr; gap: 28px; padding: 36px 40px;}
.cqg-x .stat strong {display: block; font-size: 56px; font-weight: 500; line-height: 1; letter-spacing: -1.12px; color: var(--signal); margin-bottom: 6px;}
.cqg-x .stat span {font-size: 14px; line-height: 1.55; color: var(--trace);}
.cqg-x .soc {background: var(--protocol);}
.cqg-x .soc .eyebrow {color: var(--signal);}
.cqg-x .soc .h2 {color: var(--white);}
.cqg-x .soc .body-lg {color: var(--trace);}
.cqg-x .soc-flow {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.cqg-x .soc-step {background: var(--protocol-soft); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; padding: 28px 28px 32px; min-height: 171px; display: flex; flex-direction: column; gap: 14px;}
.cqg-x .soc-step .eyebrow {color: var(--signal);}
.cqg-x .soc-step p:last-child {font-size: 16px; line-height: 1.6; color: var(--trace);}
.cqg-x .industry {border-radius: 20px; padding: 32px 28px; display: flex; flex-direction: column; gap: 16px;}
.cqg-x .industry .spacer {flex: 1; min-height: 1px;}
.cqg-x .industry--signal {background: var(--signal);}
.cqg-x .industry--signal .icon-tile {background: rgba(255,255,255,.5);}
.cqg-x .industry--soft {background: var(--protocol-soft);}
.cqg-x .industry--soft .icon-tile {background: var(--protocol);}
.cqg-x .industry--steel {background: var(--steel);}
.cqg-x .industry--steel .icon-tile {background: rgba(18,58,87,.32);}
.cqg-x .industry--trace {background: var(--trace);}
.cqg-x .industry--trace .icon-tile {background: rgba(10,41,63,.14);}
.cqg-x .industry--soft .h3, .cqg-x .industry--steel .h3 {color: var(--white);}
.cqg-x .industry--soft .body, .cqg-x .industry--steel .body {color: var(--trace);}
.cqg-x .cases {background: var(--trace);}
.cqg-x .cards-3 {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.cqg-x .case {background: var(--white); border-radius: 20px; overflow: hidden; display: flex; flex-direction: column;}
.cqg-x .case__result {position: relative; height: 170px; background: var(--protocol); overflow: hidden;}
.cqg-x .case__result > img {width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.cqg-x .case:hover .case__result > img {transform: scale(1.04);}
.cqg-x .case__badge {position: absolute; left: 21.5px; top: 50%; transform: translateY(-50%);
  background: rgba(255,255,255,.58); backdrop-filter: blur(2.4px); -webkit-backdrop-filter: blur(2.4px);
  border-radius: 10px; padding: 20px 24px; box-shadow: 0 16px 40px rgba(10,41,64,.14);
  display: flex; flex-direction: column; gap: 9px; color: var(--protocol);}
.cqg-x .case__badge strong {font-size: 56px; font-weight: 500; line-height: 1; letter-spacing: -1.12px;}
.cqg-x .case__badge span {font-size: 14px; line-height: 1.55;}
.cqg-x .case__body {padding: 28px 28px 32px; display: flex; flex-direction: column; gap: 32px; flex: 1;}
.cqg-x .case__meta {display: flex; flex-direction: column; gap: 12px;}
.cqg-x .steps {position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 24px;}
.cqg-x .steps::before {content: ""; position: absolute; left: 24px; right: 24px; top: 23px; height: 2px; background: var(--border);}
.cqg-x .step {position: relative; display: flex; flex-direction: column; gap: 14px;}
.cqg-x .step__num {width: 48px; height: 48px; border-radius: 24px; display: flex; align-items: center; justify-content: center; background: var(--protocol); color: var(--white);}
.cqg-x .step--accent .step__num {background: var(--signal); color: var(--protocol);}
.cqg-x .accred {background: var(--clear);}
.cqg-x .accred .wrap {display: flex; align-items: center; gap: 64px; padding-top: 80px; padding-bottom: 80px;}
.cqg-x .accred__copy {flex: 0 0 400px; display: flex; flex-direction: column; gap: 14px;}
.cqg-x .badges {flex: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.cqg-x .badge {height: 150px; border-radius: 16px; background: var(--white); display: flex; align-items: center; justify-content: center;}
.cqg-x .badge .iso {width: 68.691px; height: 70px;}
.cqg-x .badge .ce {width: 63.868px; height: 76.642px;}
.cqg-x .insights .section-head {margin-bottom: 48px;}
.cqg-x .insight {display: flex; flex-direction: column; gap: 16px; align-items: flex-start;}
.cqg-x .insight__img {width: 100%; height: 240px; border-radius: 16px; overflow: hidden;}
.cqg-x .insight__img img {width: 100%; height: 100%; object-fit: cover; transition: transform .4s;}
.cqg-x .insight:hover .insight__img img {transform: scale(1.04);}
.cqg-x .faqs {background: var(--trace);}
.cqg-x .faqs .wrap {display: flex; gap: 80px; align-items: flex-start;}
.cqg-x .faqs__intro {flex: 0 0 448px; display: flex; flex-direction: column; gap: 28px; align-items: flex-start;}
.cqg-x .faqs__intro .title {margin-top: 0;}
.cqg-x .accordion {flex: 1; border-top: 1px solid var(--border);}
.cqg-x .faq {border-bottom: 1px solid var(--border); align-self: stretch; width: 100%;}
.cqg-x .faq__q {width: 100%; display: flex; align-items: center; gap: 24px; padding: 28px 0; background: none; border: 0;
  text-align: left; cursor: pointer;}
.cqg-x .faq__q .h4 {flex: 1;}
.cqg-x .faq__toggle {width: 40px; height: 40px; border-radius: 20px; flex: none; display: flex; align-items: center; justify-content: center; background: var(--trace); transition: background .2s; position: relative;}
.cqg-x .faq__toggle img {width: 20px; height: 20px; position: absolute; transition: opacity .2s;}
.cqg-x .faq__toggle .minus {opacity: 0;}
.cqg-x .faq__q:hover .faq__toggle {background: var(--white);}
.cqg-x .faq.is-open .faq__toggle {background: var(--signal);}
.cqg-x .faq.is-open .faq__toggle .plus {opacity: 0;}
.cqg-x .faq.is-open .faq__toggle .minus {opacity: 1;}
.cqg-x .faq__a {display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease;}
.cqg-x .faq.is-open .faq__a {grid-template-rows: 1fr;}
.cqg-x .faq__a > div {overflow: hidden;}
.cqg-x .faq__a p {padding: 0 64px 28px 0;}
.cqg-x .faq__q {transition: padding .3s ease;}
.cqg-x .faq.is-open .faq__q {padding-bottom: 14px;}
.cqg-x .contact {background: var(--signal);}
.cqg-x .contact .wrap {display: flex; gap: 72px; align-items: flex-start;}
.cqg-x .contact__copy {flex: 1; display: flex; flex-direction: column; gap: 32px; padding-top: 16px;}
.cqg-x .contact .eyebrow {color: var(--protocol);}
.cqg-x .contact .body-lg {color: var(--core);}
.cqg-x .direct {border-top: 1px solid rgba(10,41,64,.2); border-bottom: 1px solid rgba(10,41,64,.2); padding: 24px 0; display: flex; flex-direction: column; gap: 16px;}
.cqg-x .direct a {display: inline-flex; align-items: center; gap: 14px;}
.cqg-x .direct a img {width: 28px; height: 28px;}
.cqg-x .direct a:hover .h4 {text-decoration: underline;}
.cqg-x .emergency {background: var(--protocol); border-radius: 20px; padding: 32px; display: flex; flex-direction: column; gap: 12px;}
.cqg-x .emergency .eyebrow {color: var(--signal);}
.cqg-x .emergency .h3 {color: var(--white);}
.cqg-x .emergency .body {color: var(--trace);}
.cqg-x .emergency__num {font-size: 46px; font-weight: 500; line-height: 1.12; letter-spacing: -0.69px; color: var(--signal);}
.cqg-x .form {flex: 0 0 600px; background: var(--white); border-radius: 24px; padding: 40px; display: flex; flex-direction: column; gap: 22px; box-shadow: 0 24px 30px rgba(10,41,64,.1);}
.cqg-x .form__head {display: flex; flex-direction: column; gap: 6px;}
.cqg-x .form__row {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.cqg-x .field {display: flex; flex-direction: column; gap: 8px; min-width: 0;}
.cqg-x .field label {font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--core);}
.cqg-x .req {color: var(--error);}
.cqg-x .field input, .cqg-x .field select, .cqg-x .field textarea {width: 100%; font: inherit; font-size: 16px; line-height: 1.6; color: var(--core);
  background: var(--clear); border: 1px solid var(--border); border-radius: 12px; padding: 0 16px; height: 54px;
  transition: border-color .2s, box-shadow .2s;}
.cqg-x .field textarea {height: 140px; padding-top: 14px; resize: vertical;}
.cqg-x .field select {appearance: none; -webkit-appearance: none; background-image: url(../build/chevron.svg); background-repeat: no-repeat; background-position: right 16px center; background-size: 20px 20px; padding-right: 48px;}
.cqg-x .field select:invalid {color: var(--muted);}
.cqg-x .field ::placeholder {color: var(--muted);}
.cqg-x .field input:focus, .cqg-x .field select:focus, .cqg-x .field textarea:focus {outline: none; border-color: var(--steel); box-shadow: 0 0 0 3px rgba(106,140,166,.2);}
.cqg-x .field.has-error input, .cqg-x .field.has-error select, .cqg-x .field.has-error textarea {border-color: var(--error);}
.cqg-x .field__error {font-size: 14px; color: var(--error); display: none;}
.cqg-x .field.has-error .field__error {display: block;}
.cqg-x .consent {display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: var(--core); cursor: pointer;}
.cqg-x .consent input {appearance: none; -webkit-appearance: none; flex: none; width: 22px; height: 22px; margin: 2px 0 0; border: 1.5px solid var(--border); border-radius: 6px; background: var(--white); cursor: pointer; display: grid; place-content: center;}
.cqg-x .consent input:checked {background: var(--protocol); border-color: var(--protocol);}
.cqg-x .consent input:checked::after {content: ""; width: 10px; height: 6px; border: 2px solid var(--white); border-top: 0; border-right: 0; transform: rotate(-45deg) translate(1px, -1px);}
.cqg-x .consent.has-error input {border-color: var(--error);}
.cqg-x .form__success {display: none; padding: 16px; border-radius: 12px; background: var(--trace); color: var(--protocol); font-weight: 600;}
.cqg-x .form.is-sent .form__success {display: block;}
.cqg-x .footer__cols {display: flex; gap: 48px;}
.cqg-x .footer__brand {flex: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 24px;}
.cqg-x .footer__brand > img {width: 128.854px; height: 52px;}
.cqg-x .footer__brand p {max-width: 282px; font-size: 16px; line-height: 1.6;}
.cqg-x .social {display: flex; gap: 16px; align-items: center;}
.cqg-x .social img {width: 24px; height: 24px;}
.cqg-x .social a:last-child img {width: 30px;}
.cqg-x .social a:hover {opacity: .75;}
.cqg-x .footer__col {width: 160px; display: flex; flex-direction: column; gap: 12px; font-size: 14px; line-height: 1.55;}
.cqg-x .footer__col--wide {width: 230px;}
.cqg-x .footer__col .eyebrow {color: var(--signal);}
.cqg-x .footer__col a:hover, .cqg-x .footer__legal a:hover {color: var(--signal);}
.cqg-x .footer__legal {border-top: 1px solid rgba(255,255,255,.14); padding-top: 24px; display: flex; gap: 24px; font-size: 14px; line-height: 1.55;}
.cqg-x .footer__legal p {flex: 1;}
@media (max-width: 1280px) {
:root {--gutter: 56px;}
.cqg-x .hero h1 {font-size: 60px;}
.cqg-x .hero__copy {flex: 1 1 auto;}
.cqg-x .hero__image {flex: 0 0 440px; height: 520px;}
.cqg-x .proof .wrap {padding-left: var(--gutter); padding-right: var(--gutter);}
.cqg-x .proof__item strong {font-size: 32px;}
.cqg-x .proof-panel {flex-basis: 480px;}
.cqg-x .form {flex-basis: 520px;}
.cqg-x .faqs__intro {flex-basis: 380px;}
}
@media (max-width: 1080px) {
:root {--gutter: 40px;}
.cqg-x .nav__links, .cqg-x .nav__phone {display: none;}
.cqg-x .nav__toggle {display: block;}
.cqg-x .hero .wrap {flex-direction: column; align-items: stretch;}
.cqg-x .hero__copy {flex-basis: auto;}
.cqg-x .hero__image {flex-basis: auto; height: 480px;}
.cqg-x .proof .wrap {flex-wrap: wrap; justify-content: center; column-gap: 56px;}
.cqg-x .logos__row {grid-template-columns: repeat(3, 1fr);}
.cqg-x .cards-4, .cqg-x .soc-flow {grid-template-columns: repeat(2, 1fr);}
.cqg-x .cards-3 {grid-template-columns: 1fr 1fr;}
.cqg-x .why .wrap, .cqg-x .accred .wrap, .cqg-x .faqs .wrap, .cqg-x .contact .wrap {flex-direction: column; align-items: stretch; gap: 48px;}
.cqg-x .proof-panel, .cqg-x .accred__copy, .cqg-x .faqs__intro, .cqg-x .form {flex-basis: auto;}
.cqg-x .steps {grid-template-columns: repeat(3, 1fr); row-gap: 40px;}
.cqg-x .steps::before {display: none;}
.cqg-x .footer__cols {flex-wrap: wrap;}
.cqg-x .footer__brand {flex-basis: 100%;}
}
@media (max-width: 720px) {
:root {--gutter: 20px;}
.cqg-x .section {padding-top: 72px; padding-bottom: 72px;}
.cqg-x .section-head {flex-direction: column; align-items: flex-start; margin-bottom: 40px;}
.cqg-x .h2, .cqg-x .emergency__num {font-size: 34px;}
.cqg-x .hl {white-space: normal;}
.cqg-x .hero .wrap {padding-top: 48px; padding-bottom: 48px; gap: 40px;}
.cqg-x .hero h1 {font-size: 44px; letter-spacing: -1px;}
.cqg-x .hero h1 .hl {padding: 0 10px;}
.cqg-x .hero__copy {gap: 36px;}
.cqg-x .body-lg {font-size: 18px;}
.cqg-x .hero__image {height: 360px; border-radius: 20px;}
.cqg-x .ctas .btn {flex: 1 1 160px; width: auto;}
.cqg-x .proof .wrap {display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px;}
.cqg-x .proof__item {padding: 20px 0;}
.cqg-x .proof__item:last-child {grid-column: 1 / -1;}
.cqg-x .proof__item strong {font-size: 28px;}
.cqg-x .logos__row {grid-template-columns: 1fr 1fr; gap: 12px;}
.cqg-x .cards-4, .cqg-x .cards-3, .cqg-x .soc-flow, .cqg-x .why__grid, .cqg-x .badges, .cqg-x .form__row {grid-template-columns: 1fr;}
.cqg-x .badges {grid-template-columns: 1fr 1fr;}
.cqg-x .proof-panel__stats {padding: 28px 24px; gap: 24px 16px;}
.cqg-x .stat strong {font-size: 42px;}
.cqg-x .steps {grid-template-columns: 1fr 1fr;}
.cqg-x .form {padding: 28px 20px;}
.cqg-x .faq__a p {padding-right: 0;}
.cqg-x .footer__cols {gap: 40px 24px;}
.cqg-x .footer__col {width: calc(50% - 12px);}
.cqg-x .footer__col--wide {width: 100%;}
.cqg-x .footer__legal {flex-wrap: wrap;}
.cqg-x .footer__legal p {flex-basis: 100%;}
}
.cqg-x .btn--hug {min-width: 0;}
.cqg-x .btn--signal {background: var(--signal); border-color: var(--signal); color: var(--protocol);}
.cqg-x .btn--signal:hover {background: #9af6ca;}
.cqg-x .btn--outline-light {background: transparent; border-color: var(--white); color: var(--white);}
.cqg-x .btn--outline-light:hover {background: var(--white); color: var(--protocol);}
.cqg-x .btn.bg-steel {background: var(--steel); border-color: var(--steel);}
.cqg-x .btn.bg-steel:hover {filter: brightness(1.08);}
.cqg-x .btn--outline.c-trace, .cqg-x .sec .btn--outline[style] {color: inherit;}
.cqg-x .nav__links {align-items: center;}
.cqg-x .nav__item {position: relative;}
.cqg-x .nav__trigger {font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;}
.cqg-x .nav__trigger::after {content: ""; width: 7px; height: 7px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s;}
.cqg-x .nav__trigger:hover, .cqg-x .nav__links a[aria-current], .cqg-x .nav__trigger[aria-current] {color: var(--steel);}
.cqg-x .menu__col {display: flex; flex-direction: column; gap: 4px; min-width: 180px;}
.cqg-x .menu__col .eyebrow {margin-bottom: 6px;}
.cqg-x .menu__col a {padding: 6px 0; font-size: 15px; font-weight: 500; color: var(--core); white-space: nowrap;}
.cqg-x .menu__col a:hover {color: var(--steel);}
.cqg-x .demo__backdrop {position: absolute; inset: 0; border: 0; background: rgba(10,41,63,.72); cursor: pointer;}
.cqg-x .demo__modal {position: relative; display: flex; width: 1080px; max-width: 100%; height: 700px; max-height: calc(100vh - 48px); border-radius: 24px; overflow: hidden; background: var(--white); box-shadow: 0 32px 80px rgba(0,13,26,.35);}
.cqg-x .demo__info {flex: 0 0 400px; background: var(--protocol); color: var(--white); padding: 48px; display: flex; flex-direction: column; gap: 24px; overflow: auto;}
.cqg-x .demo__info .eyebrow {color: var(--signal);}
.cqg-x .demo__title {font-size: 46px; font-weight: 500; line-height: 1.12; letter-spacing: -0.69px;}
.cqg-x .demo__intro {font-size: 16px; line-height: 1.6; color: var(--trace);}
.cqg-x .demo__list {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px;}
.cqg-x .demo__list li {display: flex; gap: 12px; font-size: 16px; line-height: 1.6;}
.cqg-x .demo__list img {flex: none; margin-top: 3px;}
.cqg-x .demo__talk {margin-top: auto; border-top: 1px solid rgba(255,255,255,.14); padding-top: 20px;}
.cqg-x .demo__talk p {font-size: 14px; color: var(--trace);}
.cqg-x .demo__talk a {font-size: 19px; font-weight: 600; color: var(--signal);}
.cqg-x .demo__sched {flex: 1; min-width: 0; padding: 40px 40px 36px; display: flex; flex-direction: column; gap: 24px; overflow: auto;}
.cqg-x .demo__head {display: flex; gap: 16px; align-items: flex-start;}
.cqg-x .demo__head > div {flex: 1; display: flex; flex-direction: column; gap: 6px;}
.cqg-x .demo__close {width: 44px; height: 44px; border-radius: 22px; border: 0; background: var(--trace); display: grid; place-items: center; cursor: pointer; flex: none;}
.cqg-x .demo__close:hover {background: var(--border);}
.cqg-x .demo__picker {flex: 1; display: flex; gap: 32px; min-height: 0;}
.cqg-x .cal__month {display: flex; align-items: center; justify-content: space-between;}
.cqg-x .cal__label {font-size: 19px; font-weight: 600; color: var(--protocol);}
.cqg-x .cal__nav {display: flex; gap: 8px;}
.cqg-x .cal__nav button {width: 36px; height: 36px; border-radius: 18px; border: 0; background: var(--trace); display: grid; place-items: center; cursor: pointer;}
.cqg-x .cal__nav button:disabled {opacity: .4; cursor: default;}
.cqg-x .cal__grid {display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px;}
.cqg-x .cal__dow {text-align: center; font-size: 12px; font-weight: 600; letter-spacing: 1.92px; color: var(--muted); padding-bottom: 6px;}
.cqg-x .cal__day {height: 44px; border-radius: 22px; border: 0; background: none; font: inherit; font-size: 16px; color: var(--border);}
.cqg-x .cal__day.is-available {background: var(--trace); color: var(--protocol); font-size: 15px; font-weight: 600; cursor: pointer;}
.cqg-x .cal__day.is-available:hover {background: var(--border);}
.cqg-x .cal__day.is-selected {background: var(--protocol); color: var(--white);}
.cqg-x .demo__foot {display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--border); padding-top: 16px;}
.cqg-x .demo__ext {display: inline-flex; align-items: center; gap: 8px; color: var(--protocol);}
.cqg-x .title--xl {font-size: clamp(38px, 4.2vw, 60px); font-weight: 500; line-height: 1.08; letter-spacing: -0.02em; color: var(--protocol); gap: 6px;}
.cqg-x .title--xl .hl {padding: 0 12px; border-radius: 8px;}
.cqg-x .title--center {align-items: center; text-align: center;}
.cqg-x .c-white {color: var(--white);}
.cqg-x .c-protocol {color: var(--protocol);}
.cqg-x .pg-header {background: var(--clear);}
.cqg-x .pg-header .wrap {display: flex; align-items: center; gap: 72px; padding-top: 80px; padding-bottom: 80px;}
.cqg-x .pg-header__copy {flex: 1; display: flex; flex-direction: column; gap: 24px; align-items: flex-start;}
.cqg-x .pg-header__img {flex: 0 0 480px; height: 360px; border-radius: 24px; overflow: hidden; background: var(--protocol-soft);}
.cqg-x .pg-header__img img {width: 100%; height: 100%; object-fit: cover;}
.cqg-x .pg-header--thanks .wrap {gap: 80px; padding-top: 96px; padding-bottom: 104px;}
.cqg-x .pg-header--thanks .pg-header__copy {gap: 28px;}
.cqg-x .success-icon {width: 72px; height: 72px; border-radius: 36px; background: var(--signal); display: grid; place-items: center;}
.cqg-x .contact-detail {background: var(--trace);}
.cqg-x .contact-detail .wrap {display: flex; gap: 80px; align-items: flex-start; padding-top: 96px; padding-bottom: 112px;}
.cqg-x .contact-detail__info {flex: 1; display: flex; flex-direction: column; gap: 36px; padding-top: 12px;}
.cqg-x .methods {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 24px;}
.cqg-x .methods li {display: flex; gap: 18px; align-items: flex-start;}
.cqg-x .methods li > span:last-child {display: flex; flex-direction: column; gap: 4px; padding-top: 4px;}
.cqg-x .methods a.h4:hover {text-decoration: underline; text-underline-offset: 3px;}
.cqg-x .icon-tile--white {background: var(--white); flex: none;}
.cqg-x .chips-block {display: flex; flex-direction: column; gap: 12px;}
.cqg-x .chips {display: flex; flex-wrap: wrap; gap: 10px;}
.cqg-x .chips span {height: 40px; padding: 0 16px; border-radius: 999px; background: var(--white); display: inline-flex; align-items: center; font-size: 15px; font-weight: 500; color: var(--protocol);}
.cqg-x .next-steps .heading-group {margin-bottom: 48px;}
.cqg-x .step-cards {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;}
.cqg-x .step-cards .step {border: 1px solid var(--border); border-radius: 20px; padding: 32px 28px;}
.cqg-x .next-card {flex: 0 0 480px; background: var(--white); border-radius: 24px; padding: 40px; display: flex; flex-direction: column; gap: 28px;}
.cqg-x .urgent {background: var(--protocol);}
.cqg-x .urgent .wrap {display: flex; align-items: center; gap: 32px; padding-top: 56px; padding-bottom: 56px;}
.cqg-x .urgent__icon {width: 64px; height: 64px; border-radius: 16px; background: var(--protocol-soft); display: grid; place-items: center; flex: none;}
.cqg-x .urgent__copy {flex: 1; display: flex; flex-direction: column; gap: 6px;}
.cqg-x .urgent__copy .h3 {color: var(--white);}
.cqg-x .urgent__copy .body {color: var(--trace);}
.cqg-x .urgent__phone {display: flex; flex-direction: column; align-items: flex-end; gap: 2px; color: var(--signal); white-space: nowrap;}
.cqg-x .urgent__phone .eyebrow, .cqg-x .urgent__phone .h2 {color: var(--signal);}
.cqg-x .options {display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 48px;}
.cqg-x .option {background: var(--clear); border-radius: 24px; padding: 40px; display: flex; flex-direction: column; gap: 16px; align-items: flex-start;}
.cqg-x .option .body {flex: 1;}
.cqg-x .option--dark {background: var(--protocol);}
.cqg-x .option--dark .eyebrow {color: var(--signal);}
.cqg-x .option--dark .h3 {color: var(--white);}
.cqg-x .option--dark .body {color: var(--trace);}
.cqg-x .hero-center {text-align: center;}
.cqg-x .hero-center .wrap {display: flex; flex-direction: column; align-items: center; gap: 28px; padding-top: 120px; padding-bottom: 120px;}
.cqg-x .hero-center .body-lg {max-width: 720px;}
.cqg-x .hero-center--dark {background: var(--protocol);}
.cqg-x .hero-center--dark .eyebrow {color: var(--signal);}
.cqg-x .hero-center--dark .title--xl, .cqg-x .hero-center--soft .title--xl {color: var(--white);}
.cqg-x .hero-center--dark .body-lg, .cqg-x .hero-center--soft .body-lg {color: var(--trace);}
.cqg-x .hero-center--soft {background: var(--protocol-soft);}
.cqg-x .hero-center--soft .eyebrow {color: var(--signal);}
.cqg-x .hero-404 .wrap {padding-bottom: 140px;}
.cqg-x .hero-404 .body-lg {max-width: 620px;}
.cqg-x .hero-404 .t-404 {font-size: clamp(120px, 14vw, 200px); line-height: 1; letter-spacing: -0.04em;}
.cqg-x .section--clear {background: var(--clear);}
.cqg-x .section-head--tight {margin-bottom: 48px;}
.cqg-x .filters {display: flex; flex-wrap: wrap; gap: 10px;}
.cqg-x .chip {font: inherit; font-size: 13px; font-weight: 700; letter-spacing: 1.56px; text-transform: uppercase; color: var(--protocol); background: var(--white); border: 1px solid var(--border); border-radius: 999px; padding: 10px 18px; cursor: pointer;}
.cqg-x .chip:hover {border-color: var(--steel);}
.cqg-x .chip.is-active {background: var(--protocol); border-color: var(--protocol); color: var(--white);}
.cqg-x .article-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 48px 24px;}
.cqg-x .article-grid .insight[hidden] {display: none;}
.cqg-x .filter-empty {text-align: center; padding: 24px 0;}
.cqg-x .load-more {display: flex; justify-content: center; padding-top: 64px;}
.cqg-x .post-hero {height: 560px; background: var(--protocol-soft);}
.cqg-x .post-hero img {width: 100%; height: 100%; object-fit: cover;}
.cqg-x .post {padding: 56px var(--gutter) 88px;}
.cqg-x .post__header, .cqg-x .post__body {max-width: 760px; margin: 0 auto;}
.cqg-x .post__header {display: flex; flex-direction: column; gap: 24px; align-items: flex-start; padding-bottom: 48px;}
.cqg-x .back {display: inline-flex; gap: 10px; align-items: center; color: var(--protocol);}
.cqg-x .back span:first-child {font-size: 19px; font-weight: 600; color: var(--signal-deep);}
.cqg-x .back:hover .label-btn {text-decoration: underline; text-underline-offset: 4px;}
.cqg-x .tag {background: var(--trace); border-radius: 999px; padding: 6px 12px; font-size: 12px; font-weight: 600; letter-spacing: 1.92px; text-transform: uppercase; color: var(--protocol);}
.cqg-x .post__body {display: flex; flex-direction: column; gap: 24px; font-size: 20px; line-height: 1.55; color: var(--core);}
.cqg-x .post__body .h3 {margin-top: 16px;}
.cqg-x .post__lead {font-size: 19px; font-weight: 600; line-height: 1.35; color: var(--protocol);}
.cqg-x .pull {margin: 0; background: var(--clear); border-radius: 16px; padding: 32px 36px; display: flex; flex-direction: column; gap: 12px;}
.cqg-x .pull p {font-size: 24px; font-weight: 600; line-height: 1.3; color: var(--protocol);}
.cqg-x .pull cite {font-style: normal; font-size: 12px; font-weight: 600; letter-spacing: 1.92px; text-transform: uppercase; color: var(--signal-deep);}
.cqg-x .post__list {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px;}
.cqg-x .post__list li {display: flex; gap: 14px; align-items: flex-start;}
.cqg-x .post__list li::before {content: ""; flex: none; width: 8px; height: 20px; margin-top: 5px; background: url(../build/bullet.svg) no-repeat center / contain;}
.cqg-x .post__cta {margin-top: 16px; background: var(--protocol); border-radius: 24px; padding: 44px; display: flex; flex-direction: column; gap: 20px;}
.cqg-x .post__cta .h3 {color: var(--white);}
.cqg-x .post__cta .body-lg {color: var(--trace);}
@media (max-width: 1280px) {
.cqg-x .article-grid {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 1080px) {
.cqg-x .demo__info {display: none;}
.cqg-x .demo__modal {height: auto;}
.cqg-x .pg-header .wrap, .cqg-x .contact-detail .wrap, .cqg-x .pg-header--thanks .wrap {flex-direction: column; align-items: stretch; gap: 48px;}
.cqg-x .pg-header__img {flex-basis: auto; height: 320px;}
.cqg-x .next-card {flex-basis: auto;}
.cqg-x .step-cards {grid-template-columns: 1fr;}
.cqg-x .article-grid {grid-template-columns: 1fr 1fr;}
.cqg-x .urgent .wrap {flex-wrap: wrap;}
.cqg-x .urgent__phone {align-items: flex-start;}
.cqg-x .post-hero {height: 380px;}
}
@media (max-width: 720px) {
.cqg-x .demo__modal {border-radius: 0; max-height: 100vh; height: 100vh;}
.cqg-x .demo__sched {padding: 24px 20px;}
.cqg-x .demo__picker {flex-direction: column;}
.cqg-x .demo__foot {flex-wrap: wrap;}
.cqg-x .options, .cqg-x .article-grid {grid-template-columns: 1fr;}
.cqg-x .option, .cqg-x .next-card, .cqg-x .post__cta {padding: 28px 22px;}
.cqg-x .hero-center .wrap {padding-top: 72px; padding-bottom: 72px;}
.cqg-x .post-hero {height: 260px;}
.cqg-x .post {padding-top: 40px; padding-bottom: 56px;}
.cqg-x .post__body {font-size: 18px;}
.cqg-x .pull {padding: 24px;}
.cqg-x .pull p {font-size: 21px;}
}
@media (min-width: 1281px) {
.cqg-x .pg-header--thanks .title--xl .hl {white-space: nowrap;}
}
:root {--signal-deep: #23a968;
  --sec-k: 1;}
.cqg-x .sec {padding-top: calc(var(--pt, 112px) * var(--sec-k));
  padding-bottom: calc(var(--pb, 112px) * var(--sec-k));
  padding-left: max(var(--gutter), calc((100% - 1248px) / 2));
  padding-right: max(var(--gutter), calc((100% - 1248px) / 2));
  position: relative;
  overflow: hidden;}
.cqg-x .sec.bleed {padding-left: 0; padding-right: 0;}
.cqg-x main > .sec:first-child {scroll-margin-top: 88px;}
.cqg-x section[id] {scroll-margin-top: 88px;}
.cqg-x .fx {display: flex;}
.cqg-x .fx.col {flex-direction: column;}
.cqg-x .fwrap {flex-wrap: wrap;}
.cqg-x .grow {flex: 1 1 0; min-width: 0;}
.cqg-x .fx.eq {display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);}
.cqg-x .fx.col > .grow {min-height: 0;}
.cqg-x .ai-start {align-items: flex-start;}
.cqg-x .ai-center {align-items: center;}
.cqg-x .ai-end {align-items: flex-end;}
.cqg-x .jc-center {justify-content: center;}
.cqg-x .jc-between {justify-content: space-between;}
.cqg-x .jc-end {justify-content: flex-end;}
.cqg-x .as-stretch {align-self: stretch;}
.cqg-x .fw {max-width: 100%; flex-shrink: 0;}
.cqg-x .rel {position: relative;}
.cqg-x .clip {overflow: hidden;}
.cqg-x .blk {display: block;}
.cqg-x span.fx.blk {display: flex;}
.cqg-x .nowrap {white-space: nowrap;}
.cqg-x .upper {text-transform: uppercase;}
.cqg-x .tc {text-align: center;}
.cqg-x .icon {display: block; flex: none;}
.cqg-x img {max-width: 100%;}
.cqg-x .bg-protocol {background: var(--protocol);}
.cqg-x .bg-protocol-soft {background: var(--protocol-soft);}
.cqg-x .bg-signal {background: var(--signal);}
.cqg-x .bg-signal-deep {background: var(--signal-deep);}
.cqg-x .bg-steel {background: var(--steel);}
.cqg-x .bg-trace {background: var(--trace);}
.cqg-x .bg-clear {background: var(--clear);}
.cqg-x .bg-white {background: var(--white);}
.cqg-x .bg-border {background: var(--border);}
.cqg-x .bg-core {background: var(--core);}
.cqg-x .c-protocol {color: var(--protocol);}
.cqg-x .c-protocol-soft {color: var(--protocol-soft);}
.cqg-x .c-signal {color: var(--signal);}
.cqg-x .c-signal-deep {color: var(--signal-deep);}
.cqg-x .c-steel {color: var(--steel);}
.cqg-x .c-trace {color: var(--trace);}
.cqg-x .c-white {color: var(--white);}
.cqg-x .c-muted {color: var(--muted);}
.cqg-x .c-core {color: var(--core);}
.cqg-x .c-border {color: var(--border);}
.cqg-x .c-error {color: var(--error);}
.cqg-x .fw4 {font-weight: 400;}
.cqg-x .fw5 {font-weight: 500;}
.cqg-x .fw6 {font-weight: 600;}
.cqg-x .fw7 {font-weight: 700;}
.cqg-x .t-404 {font-size: clamp(120px, 14vw, 200px); line-height: 1; letter-spacing: -0.04em;}
.cqg-x .t-display {font-size: clamp(44px, 5vw, 72px); line-height: 1.06; letter-spacing: -0.025em;}
.cqg-x .t-h1 {font-size: clamp(38px, 4.2vw, 60px); line-height: 1.08; letter-spacing: -0.02em;}
.cqg-x .t-stat {font-size: clamp(40px, 3.9vw, 56px); line-height: 1; letter-spacing: -0.02em;}
.cqg-x .t-h2 {font-size: clamp(32px, 3.2vw, 46px); line-height: 1.12; letter-spacing: -0.015em;}
.cqg-x .t-proof {font-size: clamp(28px, 2.6vw, 38px); line-height: 1.12; letter-spacing: -0.015em;}
.cqg-x .t-h3 {font-size: 24px; line-height: 1.3; letter-spacing: -0.12px;}
.cqg-x .t-lg {font-size: 20px; line-height: 1.55;}
.cqg-x .t-h4 {font-size: 19px; line-height: 1.35; letter-spacing: -0.038px;}
.cqg-x .t-base {font-size: 16px; line-height: 1.6;}
.cqg-x .t-15 {font-size: 15px; line-height: 1.4;}
.cqg-x .t-sm {font-size: 14px; line-height: 1.55;}
.cqg-x .t-btn {font-size: 13px; line-height: 1.4; letter-spacing: 1.56px;}
.cqg-x .t-eyebrow {font-size: 12px; line-height: 1.4; letter-spacing: 1.92px;}
.cqg-x h1, .cqg-x h2, .cqg-x h3, .cqg-x h4 {margin: 0; font-weight: inherit;}
.cqg-x h1 > .blk, .cqg-x h2 > .blk {max-width: 100%;}
.cqg-x a.lnk {text-decoration: none; cursor: pointer;}
.cqg-x a.lnk img {transition: transform .2s;}
.cqg-x a.lnk:hover img {transform: translateX(4px);}
.cqg-x a.lnk:hover p {text-decoration: underline; text-underline-offset: 4px;}
.cqg-x a.btnx {text-decoration: none; cursor: pointer; transition: filter .2s, transform .2s;}
.cqg-x a.btnx:hover {filter: brightness(1.08);}
.cqg-x a.btnx:active {transform: translateY(1px);}
.cqg-x a.chip-link {text-decoration: none; transition: background .2s;}
.cqg-x a.chip-link:hover {background: var(--trace);}
.cqg-x a.topic {text-decoration: none; transition: background .15s;}
.cqg-x a.topic > :first-child {color: var(--core) !important; font-weight: 400 !important;}
.cqg-x a.topic > :last-child {color: var(--muted) !important;}
.cqg-x a.topic:hover {background: var(--white);}
.cqg-x a.topic.is-active {background: var(--protocol);}
.cqg-x a.topic.is-active > :first-child {color: var(--white) !important; font-weight: 600 !important;}
.cqg-x a.topic.is-active > :last-child {color: var(--signal) !important;}
.cqg-x .faq-group {scroll-margin-top: 112px;}
.cqg-x .faq-group[hidden] {display: none !important;}
.cqg-x a.u {text-decoration: underline; text-underline-offset: 3px;}
.cqg-x .media {position: relative; overflow: hidden; background: var(--protocol-soft);}
.cqg-x .media > img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.cqg-x .media--placeholder {display: flex; align-items: center; justify-content: center;}
.cqg-x .media .ph {display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 24px; text-align: center; max-width: 460px;}
.cqg-x .media .ph .eyebrow {color: var(--signal);}
.cqg-x .media .ph__desc {font-size: 14px; line-height: 1.55; color: var(--trace);}
.cqg-x .sec .faq__q .h4 {font-size: 19px; font-weight: 600; line-height: 1.35; color: var(--protocol);}
.cqg-x .sec .accordion, .cqg-x .sec [class*="grow"] > .faq:first-child {border-top: 1px solid var(--border);}
.cqg-x .sec .form {width: var(--form-w, 600px); max-width: 100%; flex: none;}
.cqg-x .deco {pointer-events: none;}
.cqg-x .rel > .deco ~ *, .cqg-x .rel > .abs ~ :not(.abs) {position: relative;}
@media (max-width: 1080px) {
:root {--sec-k: .8;}
.cqg-x .r-split {flex-direction: column !important; align-items: stretch !important; row-gap: 20px;}
.cqg-x .r-split > .fw, .cqg-x .r-split > .grow, .cqg-x .r-split > .media, .cqg-x .r-split > .form {width: 100% !important; flex: none !important; max-width: 100% !important;}
.cqg-x .r-split > .media {min-height: 0; aspect-ratio: 16 / 10; height: auto !important;}
.cqg-x .r-cards {flex-wrap: wrap;}
.cqg-x .fx.eq.r-cards, .cqg-x .fx.eq.r-split, .cqg-x .fx.eq.r-pair {display: flex;}
.cqg-x .r-cards > * {flex: 1 1 calc(50% - 24px) !important; min-width: 260px;}
.cqg-x .r-inline, .cqg-x .r-pair {flex-wrap: wrap;}
.cqg-x .deco {display: none !important;}
.cqg-x .sec .form {width: 100%;}
}
@media (max-width: 720px) {
:root {--sec-k: .6;}
.cqg-x .r-cards > *, .cqg-x .r-pair > * {flex: 1 1 100% !important; min-width: 0;}
.cqg-x .r-pair {flex-direction: column; align-items: stretch !important;}
.cqg-x .sec .nowrap:not(.t-btn), .cqg-x .sec [style*="white-space:pre"] {white-space: normal !important;}
.cqg-x .t-lg {font-size: 18px;}
.cqg-x .t-h3 {font-size: 22px;}
.cqg-x .sec .fx[style*="gap:80px"], .cqg-x .sec .fx[style*="gap:72px"], .cqg-x .sec .fx[style*="gap:64px"] {gap: 40px !important;}
.cqg-x .sec .fx[style*="gap:56px"] {gap: 36px !important;}
.cqg-x .sec [style*="padding:56px"], .cqg-x .sec [style*="padding:48px"] {padding: 28px 24px !important;}
.cqg-x .sec [style*="padding:40px"] {padding: 28px 22px !important;}
}