/* Effective-width reflow for large browser/text zoom. No changes at normal phone widths. */
body{container-name:page;container-type:inline-size}
@container page (max-width:22em){
  .container,.demo-container,.conversion-price-layout.container,.conversion-request-layout.container{width:calc(100% - 24px)}
  .header-inner,.hero-content,.clarity-grid,.tour-panel,.volt-layout,.mobile-layout,.integrations-layout,.faq-layout,.conversion-price-layout,.conversion-request-layout{min-width:0}
  .clarity-grid,.tour-panel,.volt-layout,.mobile-layout,.integrations-layout,.faq-layout,.conversion-price-layout,.conversion-request-layout{grid-template-columns:minmax(0,1fr);gap:28px}
  .section-heading,.clarity-list,.clarity-list article>div,.tour-copy,.tour-visual,.volt-copy,.volt-question-card,.mobile-copy,.mobile-benefits li>div,.integration-panel,.integration-path>div,.conversion-price-story,.conversion-request-story,.conversion-price-card,.conversion-form-card{min-width:0;max-width:100%}
  h1,h2,h3,h4,p,li,label,small,.eyebrow,.text-link,.button,.setup-label{overflow-wrap:anywhere}
  .header-inner{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding-block:12px}
  .header-inner>.brand{min-width:0;flex-wrap:wrap;gap:6px}
  .brand>span{max-width:100%;overflow-wrap:anywhere}
  .header-actions{display:none}
  .menu-toggle{margin:0;justify-self:end}
  #primary-nav{padding-inline:12px}
  .mobile-nav-actions{flex-direction:column}
  .button,.text-link{min-width:0;max-width:100%;white-space:normal;flex-wrap:wrap}
  .hero-actions{flex-direction:column;align-items:stretch;gap:10px}
  .hero-actions .button{width:100%}
  .hero-footnotes{flex-direction:column;align-items:flex-start;gap:12px}
  .hero-eyebrow{white-space:normal;text-align:left}
  .product-preview-label{flex-wrap:wrap}
  .product-preview-label .sample-label{margin-left:0}
  .clarity-list article,.mobile-benefits li{flex-wrap:wrap;gap:12px}
  .tour-tabs{grid-template-columns:minmax(0,1fr);width:100%}
  .tour-tabs button{white-space:normal;min-width:0;min-height:44px}
  .tour-panels{padding:24px 12px}
  .lead-identity,.team-person,.property-line{flex-wrap:wrap;padding-inline:12px}
  .lead-identity>.status,.team-person .status,.property-line .status{margin-left:0;white-space:normal}
  .detail-grid{grid-template-columns:minmax(0,1fr);padding-inline:12px}
  .task-item{flex-wrap:wrap}
  .task-item .status{margin-left:0}
  .sample-history{padding-inline:12px}
  .mini-window-top{flex-wrap:wrap;padding-inline:12px}
  .supporting-features{grid-template-columns:minmax(0,1fr)}
  .volt-question-card{padding:18px 12px}
  .volt-question-head{flex-wrap:wrap;gap:8px}
  .volt-question-head strong{min-width:0;flex-basis:calc(100% - 29px)}
  .volt-question-head>.sample-label{margin:0;white-space:normal}
  .volt-question{flex-wrap:wrap;padding:12px}
  .volt-question>span{min-width:0;flex-basis:100%;overflow-wrap:anywhere}
  .volt-trust{align-items:flex-start;text-align:left;overflow-wrap:anywhere}
  .mobile-device-wrap{width:100%;min-width:0;max-width:100%}
  .mobile-device{width:100%;min-width:0;max-width:253px}
  .mobile-screen-header{flex-wrap:wrap;padding-inline:9px}
  .mobile-screen-content{padding-inline:9px}
  .mobile-sample-lead,.mobile-action-labels,.mobile-bottom{flex-wrap:wrap}
  .mobile-sample-lead .status{margin-left:0}
  .mobile-sample-caption{max-width:100%;text-align:center;overflow-wrap:anywhere}
  .integration-panel{padding:22px 13px}
  .provider-names,.integration-path{flex-wrap:wrap;gap:12px}
  .provider-names span+span{border-left:0;padding-left:0}
  .setup-label{flex-wrap:wrap}
  .onboarding-steps{min-width:0}
  .onboarding-steps li{padding-left:50px}
  .faq-list{min-width:0}
  .faq-list summary{min-width:0;gap:8px}
  .faq-list details>p{margin-right:0}
  .final-cta{grid-template-columns:minmax(0,1fr);padding:30px 18px}
  .final-actions{flex-direction:column;align-items:stretch}
  .final-graphic{display:none}
  .footer-top,.footer-top nav,.footer-bottom>div{flex-direction:column;align-items:flex-start;gap:8px}
  .footer-brand,.footer-brand .brand,.footer-bottom{min-width:0;max-width:100%}
  .footer-brand .brand{flex-wrap:wrap}
  .footer-bottom button{white-space:normal;text-align:left}
  .conversion-price-card,.conversion-form-card{padding:24px 14px}
  .conversion-price-top,.conversion-estimate-row,.conversion-price-value{flex-wrap:wrap}
  .conversion-estimate-row{flex-direction:column;align-items:stretch}
  .conversion-estimate-row input{width:100%}
  .conversion-estimate-row>span{text-align:left}
  .conversion-form-grid{grid-template-columns:minmax(0,1fr)}
  .conversion-field-wide{grid-column:auto}
  .conversion-intent{flex-wrap:wrap}
  .conversion-intent label{flex-basis:100%}
  .conversion-field>input,.conversion-field>textarea{max-width:100%}
  .conversion-consent>label{display:grid;grid-template-columns:20px minmax(0,1fr)}
  .conversion-next-steps>div{flex-wrap:wrap}
  .conversion-request-story .conversion-preview-note{padding-inline:12px}
  .conversion-primary,.conversion-secondary{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .demo-section-heading,.demo-safety-bar,.demo-canvas-meta,.demo-list-title,.demo-lead-heading,.demo-history-owner,.demo-volt-heading{flex-wrap:wrap;min-width:0}
  .demo-safety-bar{padding:12px}
  .demo-safety-bar>span{min-width:0;flex-wrap:wrap}
  .demo-reset{min-height:44px}
  .demo-workspace{grid-template-columns:minmax(0,1fr)}
  .demo-steps{padding:12px 8px}
  .demo-steps ol{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;overflow:visible;scroll-snap-type:none}
  .demo-steps li{min-width:0}
  .demo-steps button{width:100%;white-space:normal;min-height:44px}
  .demo-canvas{padding:18px 10px}
  .demo-canvas-meta>span:first-child{white-space:normal}
  .demo-canvas-meta>span:last-child{text-align:left;max-width:100%}
  .demo-stats,.demo-fields{grid-template-columns:minmax(0,1fr)}
  .demo-card{padding:12px}
  .demo-lead-row{grid-template-columns:28px minmax(0,1fr)}
  .demo-lead-row>.demo-pill{grid-column:2;white-space:normal}
  .demo-lead-heading .demo-pill{white-space:normal}
  .demo-controls{grid-template-columns:minmax(0,1fr);gap:10px}
  .demo-button{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere}
  .demo-controls .demo-button{width:100%;min-height:44px}
  .demo-questions button{min-width:0;max-width:100%;min-height:44px;overflow-wrap:anywhere}
  .demo-followup-form .demo-button{justify-self:stretch}
  .demo-task{grid-template-columns:minmax(0,1fr);padding:12px}
  .demo-task button{grid-column:auto;max-width:100%}
  .demo-volt-form{flex-wrap:wrap}
  .demo-volt-form label{flex-basis:100%}
  .demo-preview-top{flex-wrap:wrap;height:auto;min-height:35px;padding:8px}
  .demo-preview-body{grid-template-columns:minmax(0,1fr)}
  .demo-preview-sidebar{display:none}
  .demo-preview-filter,.demo-preview-filter>span:first-child{flex-wrap:wrap}
  .demo-preview-overview{grid-template-columns:minmax(0,1fr)}
  .demo-preview-total{min-height:140px}
  .demo-preview-tabs{flex-wrap:wrap}
  .workspace-dialog{width:calc(100% - 16px);padding:18px 12px}
}