/* PHOENiX CSS product-design - refactored */
:where(html[data-phx-page="products-design-consulting"]) .dc-page{padding:var(--space-7) 0 var(--space-8)}:where(html[data-phx-page="products-design-consulting"]) .dc-intro{padding:clamp(var(--space-5),4vw,var(--space-7));border:1px solid var(--phx-border);border-radius:var(--phx-radius-16);margin:var(--space-4) 0 var(--space-6)}:where(html[data-phx-page="products-design-consulting"]) .dc-intro p,:where(html[data-phx-page="products-design-consulting"]) .dc-outcome p{font-size:var(--phx-font-sm);line-height:var(--phx-leading-reading);color:var(--phx-text-muted);max-width:var(--phx-size-960)}:where(html[data-phx-page="products-design-consulting"]) .dc-intro .dc-lead{font-size:var(--phx-font-card);color:var(--phx-text);line-height:var(--phx-leading-reading)}:where(html[data-phx-page="products-design-consulting"]) .dc-section{margin:var(--space-6) 0}:where(html[data-phx-page="products-design-consulting"]) .dc-section h2,:where(html[data-phx-page="products-design-consulting"]) .dc-outcome h2{font-size:clamp(var(--phx-font-subheading),2.5vw,var(--phx-font-section));line-height:var(--phx-leading-ui);letter-spacing:-.5px;color:var(--phx-text);margin:var(--space-2) 0 var(--space-5)}:where(html[data-phx-page="products-design-consulting"]) .dc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}:where(html[data-phx-page="products-design-consulting"]) .dc-grid article{border:1px solid var(--phx-border);background:var(--phx-surface);padding:var(--space-5);border-radius:var(--phx-radius-12);box-shadow:0 4px 16px var(--phx-alpha-ink-4)}:where(html[data-phx-page="products-design-consulting"]) .dc-grid h3{color:var(--phx-heading-color);font-size:var(--phx-font-card);margin:0 0 var(--space-3)}:where(html[data-phx-page="products-design-consulting"]) .dc-grid p{color:var(--phx-text-muted);font-size:var(--phx-font-sm);line-height:var(--phx-leading-reading);margin:0}:where(html[data-phx-page="products-design-consulting"]) .dc-outcome{padding:var(--space-6) var(--space-6);border-left:4px solid var(--phx-brand);border-radius:0 var(--phx-radius-12) var(--phx-radius-12) 0;margin:var(--space-6) 0}:where(html[data-phx-page="products-design-consulting"]) .dc-cta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);border-radius:var(--phx-radius-12);padding:var(--space-6) var(--space-6)}:where(html[data-phx-page="products-design-consulting"]) .dc-cta h2{font-size:clamp(var(--phx-font-subheading),2.5vw,var(--phx-font-section));line-height:var(--phx-leading-ui);letter-spacing:-.5px;color:var(--phx-text);margin:var(--space-2) 0}:where(html[data-phx-page="products-design-consulting"]) .dc-cta p{font-size:var(--phx-font-sm);color:var(--phx-text-muted);margin:0;line-height:var(--phx-leading-reading)}:where(html[data-phx-page="products-design-consulting"]) .dc-cta .btn{white-space:nowrap}@media (max-width:750px){:where(html[data-phx-page="products-design-consulting"]) .dc-grid{grid-template-columns:1fr}:where(html[data-phx-page="products-design-consulting"]) .dc-cta{flex-direction:column;align-items:flex-start}:where(html[data-phx-page="products-design-consulting"]) .dc-cta .btn{white-space:normal}:where(html[data-phx-page="products-design-consulting"]) .dc-outcome{padding:var(--space-5)}}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo{width:100%;margin:0 0 var(--space-7);border-radius:var(--phx-radius-16);background:var(--phx-surface-muted);position:relative;overflow:hidden;height:clamp(var(--phx-size-256),36vw,var(--phx-size-480))}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}@media (max-width:600px){:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo{height:var(--phx-size-320);margin-bottom:var(--space-6)}}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media (max-width:700px){:where(html[data-phx-page="products-design-consulting"]) .phx-dc-main-product-photo{height:var(--phx-size-320)}}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-development{margin:var(--space-6) 0;padding:clamp(var(--space-5),4vw,var(--space-7));border:1px solid var(--phx-border);border-radius:var(--phx-radius-16);color:var(--phx-text-strong)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-label{display:block;font-size:var(--phx-font-xs);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--phx-brand)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-development h2{font-size:clamp(var(--phx-font-subheading),3vw,var(--phx-font-section));line-height:var(--phx-leading-heading);letter-spacing:-.8px;margin:var(--space-3) 0}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-lead{max-width:var(--phx-size-800);font-size:var(--phx-font-sm);line-height:var(--phx-leading-reading);color:var(--phx-text-muted);margin:0 0 var(--space-5)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps article{padding:var(--space-5);background:var(--phx-surface);border-radius:var(--phx-radius-12);border:1px solid var(--phx-border)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps span{font-size:var(--phx-font-xs);font-weight:800;letter-spacing:1.2px;color:var(--phx-text-muted)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps h3{font-size:var(--phx-font-card);line-height:var(--phx-leading-subheading);margin:var(--space-3) 0 var(--space-2);color:var(--phx-heading-color)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps p{font-size:var(--phx-font-xs);line-height:var(--phx-leading-reading);color:var(--phx-text-muted);margin:0}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-4);padding:var(--space-5);border-radius:var(--phx-radius-12)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability h3{font-size:var(--phx-font-card);line-height:var(--phx-leading-subheading);margin:var(--space-2) 0;color:var(--phx-heading-color)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability h4{font-size:var(--phx-font-card);margin:0 0 var(--space-2);color:var(--phx-heading-color)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability p,:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability li{font-size:var(--phx-font-sm);line-height:var(--phx-leading-reading);color:var(--phx-text-muted)}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability p,:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability ul{margin:0}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability ul{padding-left:var(--space-4)}@media (max-width:850px){:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps{grid-template-columns:repeat(2,minmax(0,1fr))}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability{grid-template-columns:1fr}}@media (max-width:570px){:where(html[data-phx-page="products-design-consulting"]) .phx-dc-steps{grid-template-columns:1fr}:where(html[data-phx-page="products-design-consulting"]) .phx-dc-capability{padding:var(--space-5)}}:where(html[data-phx-page="products-design-consulting"]) .dc-intro{margin-top:0}