/* Brand surfaces: white content, blue information bands, green support accents. */
.dq-brand-site.dq-reference-home {
    --dq-surface-blue:#edf5fb;
    --dq-surface-green:#f0f7f2;
    --dq-surface-line:#dce9f0;
    --dq-section-space:64px;
}
.dq-brand-site.dq-reference-home .dq-main { column-gap:0; }
.dq-brand-site.dq-reference-home .dq-feature-strip { padding:32px 0; background:#fff; border-bottom:1px solid var(--dq-surface-line); }
.dq-brand-site.dq-reference-home .dq-home-image-cards { padding:var(--dq-section-space) 0; background:var(--dq-surface-blue); }
.dq-brand-site.dq-reference-home .dq-quote-panel--with-advisor { padding:var(--dq-section-space) 0; background:#fff; }
.dq-brand-site.dq-reference-home :is(.dq-home-heading,.dq-showcase-home-heading) { margin-bottom:32px; }
.dq-brand-site.dq-reference-home :is(.dq-section-title,.dq-home-heading h2) { position:relative; }
.dq-brand-site.dq-reference-home :is(.dq-section-title,.dq-home-heading h2)::after {
    content:""; display:block; width:52px; height:3px; margin:16px auto 0;
    border-radius:3px; background:linear-gradient(90deg,var(--dq-brand-blue) 65%,var(--dq-brand-green) 65%);
}
/* A prominent process band, with connected steps and clear reading hierarchy. */
.dq-brand-site.dq-reference-home .dq-card-variant--process {
    padding:68px 0; background:linear-gradient(115deg,#073b60,#085887);
    border-block:1px solid #ffffff12;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-section-title { color:#fff; margin-bottom:38px; }
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-section-title::after { background:linear-gradient(90deg,#9cd4f4 65%,#8ee29c 65%); }
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card-grid { gap:18px; position:relative; }
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card {
    align-items:flex-start; text-align:left; padding:28px 20px 25px;
    border:1px solid #ffffff; border-radius:18px; background:#fff;
    box-shadow:0 10px 24px #01264025;
    transition:transform .2s ease,box-shadow .2s ease;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card::before {
    top:22px; right:18px; width:auto; height:auto; background:none;
    font-size:24px; font-weight:750; color:#d3e3ed; border-radius:0;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card__icon {
    width:56px; height:56px; margin:0 0 24px; border:0; border-radius:15px;
    background:#eaf4fb; color:var(--dq-brand-blue); box-shadow:none;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card:nth-child(even) .dq-card__icon { background:#edf7ef; color:var(--dq-brand-green-dark); }
.dq-brand-site.dq-reference-home .dq-card-variant--process h3 { font-size:14px; line-height:1.6; margin-bottom:10px; }
.dq-brand-site.dq-reference-home .dq-card-variant--process p { color:#5b7485; font-size:13px; line-height:1.8; }
@media (hover:hover) {
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card:hover { transform:translateY(-4px); box-shadow:0 16px 30px #01264035; }
}
/* Equipment and customer logos retain their shared desktop row. */
.dq-brand-site.dq-reference-home .dq-main>.dq-card-variant--equipment {
    padding:var(--dq-section-space) 18px var(--dq-section-space) max(32px,calc((100vw - 1240px)/2));
    background:var(--dq-surface-blue);
}
.dq-brand-site.dq-reference-home .dq-main>.dq-section--logo_grid {
    padding:var(--dq-section-space) max(32px,calc((100vw - 1240px)/2)) var(--dq-section-space) 18px;
    background:var(--dq-surface-blue);
}
.dq-brand-site.dq-reference-home :is(.dq-card-variant--equipment,.dq-section--logo_grid)>.dq-container {
    padding:26px; height:100%; border:1px solid #dce8f0; border-radius:22px;
    background:#ffffffb8;
}
.dq-brand-site.dq-reference-home .dq-card-variant--equipment .dq-card { background:#fff; }
.dq-brand-site.dq-reference-home .dq-showcase-home-showcase.is-product { padding:var(--dq-section-space) 0; background:#fff; border-bottom:1px solid var(--dq-surface-line); }
.dq-brand-site.dq-reference-home .dq-showcase-home-affiliate-note { background:var(--dq-surface-green); }
.dq-brand-site.dq-reference-home .dq-stats { padding:52px 0; background:#073b60; }
.dq-brand-site.dq-reference-home .dq-home-seo { padding:var(--dq-section-space) 0; background:#fff !important; }
.dq-brand-site.dq-reference-home .dq-section--faq { padding:var(--dq-section-space) 0; background:var(--dq-surface-green); border-top:1px solid #deebe2; }
.dq-brand-site.dq-reference-home .dq-section--faq details[open] { background:#fff; border-color:#b3d5bf; box-shadow:0 6px 20px #073b6006; }
@media (max-width:1199px) {
    .dq-brand-site.dq-reference-home :is(.dq-card-variant--equipment,.dq-section--logo_grid)>.dq-container { padding:22px; }
}
@media (max-width:767px) {
    .dq-brand-site.dq-reference-home { --dq-section-space:42px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process { padding:46px 0; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-section-title { margin-bottom:28px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card { padding:22px 18px; grid-template-columns:48px minmax(0,1fr); gap:7px 18px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card::before { font-size:18px; top:18px; right:14px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card__icon { width:48px; height:48px; margin:0; grid-row:1/3; border-radius:13px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process h3 { padding-right:24px; margin:0; font-size:14px; }
    .dq-brand-site.dq-reference-home .dq-main>.dq-card-variant--equipment { padding:42px 18px 18px; }
    .dq-brand-site.dq-reference-home .dq-main>.dq-section--logo_grid { padding:0 18px 42px; }
    .dq-brand-site.dq-reference-home :is(.dq-card-variant--equipment,.dq-section--logo_grid)>.dq-container { padding:22px 16px; }
    .dq-brand-site.dq-reference-home .dq-stats { padding:36px 0; }
}
@media (max-width:360px) {
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card { grid-template-columns:42px minmax(0,1fr); gap:7px 14px; padding:20px 14px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card__icon { width:42px; height:42px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process h3 { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card { transition:none; transform:none; }
}
/* Balance the quote columns around usable content instead of a tall advisor stack. */
@media (min-width:1200px) {
    .dq-brand-site.dq-reference-home .dq-quote-panel__grid { grid-template-columns:36fr 38fr 26fr; gap:20px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__copy { display:flex; flex-direction:column; padding:28px 26px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__copy h2 { margin-bottom:20px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__copy ul { flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:10px; margin:0; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__copy li { padding:10px 0; border-bottom:1px solid #ffffff20; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__copy li:last-child { border-bottom:0; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__form { display:flex; flex-direction:column; padding:28px 24px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__description { margin-bottom:20px; }
    .dq-brand-site.dq-reference-home .dq-quick-quote { flex:1; grid-template-rows:auto auto minmax(100px,1fr) auto; align-content:stretch; }
    .dq-brand-site.dq-reference-home .dq-quick-quote textarea { height:100%; min-height:100px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__person { height:190px; flex:0 0 190px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__assurances { padding:16px; gap:8px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__assurances>div { min-height:52px; padding:8px 10px; gap:12px; font-size:13px; }
    .dq-brand-site.dq-reference-home .dq-quote-panel__assurance-icon { width:34px; height:34px; flex-basis:34px; border-radius:10px; }
}
/* Centered, larger process icons at every breakpoint. */
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card {
    display:flex; flex-direction:column; align-items:center; text-align:center;
    padding:32px 18px 26px; gap:0;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card::before {
    top:14px; right:14px; width:30px; height:30px; display:grid; place-items:center;
    border-radius:10px; background:#f0f6fa; color:#7898ac; font-size:13px; line-height:1;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card__icon {
    display:grid; place-items:center; align-self:center; flex-shrink:0; grid-row:auto;
    width:80px; height:80px; margin:10px auto 22px; padding:0; border-radius:23px;
    border:1px solid #dceef9; box-shadow:inset 0 1px 0 #fff,0 6px 16px #086bb208;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card:nth-child(even) .dq-card__icon { border-color:#dceee0; }
.dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card__icon :is(svg,img) {
    display:block; width:42px; height:42px; margin:0; object-fit:contain; stroke-width:1.8;
}
.dq-brand-site.dq-reference-home .dq-card-variant--process h3 { width:100%; margin:0 0 12px; padding:0; }
.dq-brand-site.dq-reference-home .dq-card-variant--process p { margin:0; }
@media (max-width:767px) {
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card { padding:24px 22px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card__icon { width:72px; height:72px; margin:6px auto 18px; border-radius:21px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process .dq-card__icon :is(svg,img) { width:38px; height:38px; }
    .dq-brand-site.dq-reference-home .dq-card-variant--process h3 { font-size:15px; }
}