/* Mobile-only presentation; pricing formulas, presets and print stay unchanged. */
.mobile-quote[hidden]{display:none!important}
@media screen and (max-width:1020px){
 html{scroll-padding-top:128px;scroll-padding-bottom:96px}
 .header-inner{height:auto;min-height:0;flex-wrap:wrap;gap:0 16px;padding:7px 0 4px}
 .site-header .brand,.footer-inner .brand{min-height:44px}
 .site-header .button-small{min-height:44px;margin-left:auto}
 .site-header nav{display:flex;order:3;flex:1 0 100%;margin:0;justify-content:space-between;gap:10px}
 .site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:60px;padding:0 9px;font-size:13px}
 input[type=range]{height:48px;touch-action:pan-y;margin:0}
 input[type=text],select,textarea{font-size:16px}
 .text-button,.footer-inner>a:last-child{min-height:44px;display:inline-flex;align-items:center}
 .panel,.estimate-card,.estimate-sticky,.slider-control,.slider-top>div,.form-grid label,.control-heading>div{min-width:0}
 .estimate-sticky{max-height:none;overflow:visible}
 .estimate-sticky h2{font-size:36px;overflow-wrap:break-word}
 .estimate-disclosure{font-size:12px;line-height:1.55;color:#a9bbc3}
 .estimate-meta span,.model-step small{font-size:11px}
 .model-step small{color:#a9bbc3}
 .price-block>small,.monthly-block p{font-size:12px;color:#b5c4cb}
 .deliverables li{font-size:12px;line-height:1.5}
 .recommendation{gap:12px;flex-wrap:wrap}
 .support-includes strong{overflow-wrap:break-word}
 .package-card{scroll-margin-top:135px}
 .footer-inner{padding-bottom:95px}
 .toast{max-width:calc(100vw - 30px);bottom:100px;text-align:center}
 .mobile-quote{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--navy);color:var(--white);padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #48646f;box-shadow:0 -8px 28px #101e2620}
 .mobile-quote div{min-width:0}
 .mobile-quote span{display:block;font-size:10px;color:#c2cfd5}
 .mobile-quote strong{display:block;font-size:15px;line-height:1.4;white-space:nowrap}
 .mobile-quote a{min-height:46px;min-width:62px;padding:8px 10px;border:1px solid var(--cyan);border-radius:4px;color:var(--cyan);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px;line-height:1.3;text-align:center}
}
@media screen and (max-width:700px){
 :root{--container:calc(100% - 32px)}
 .hero-inner{padding:40px 0 27px}
 .hero h1{font-size:clamp(47px,13.2vw,67px);line-height:.99}
 .hero-actions{margin-bottom:30px}
 .target-note{font-size:12px;color:#a9bac3}
 .hero-principles article{padding:17px 0}
 .shelfware-section,.packages-section,.builder-section,.included-section{padding:48px 0}
 .shelfware-section h2,.packages-section h2,.builder-section h2,.included-section h2{font-size:clamp(35px,10vw,46px);line-height:1.03}
 .estimate-sticky h2{font-size:34px}
 .section-heading{gap:20px;margin-bottom:28px}
 .section-heading>p,.builder-main>.section-lede{font-size:16px}
 .package-card{padding:23px 20px}
 .package-index{margin-bottom:20px}
 .package-for{min-height:0}
 .package-line{margin:15px 0}
 .package-cta{padding-top:15px}
 .package-card.is-selected:before{top:18px;right:18px}
 .panel{padding:22px 15px}
 .panel legend{font-size:25px;max-width:100%;line-height:1.2}
 .slider-top{gap:10px;margin-bottom:3px}
 .slider-top>div{max-width:none;flex:1}
 .slider-top output{min-width:59px;flex-shrink:0;align-self:flex-start}
 .slider-control{padding:18px 0 13px}
 .slider-top label{font-size:15px}
 .range-labels{font-size:11px;margin-top:0;color:#627984}
 .support-notice p{font-size:13px}
 .support-option{padding:14px 16px}
 .support-option small,.segmented button small{font-size:12px}
 .price-block>strong{font-size:46px;white-space:nowrap}
 .proposal-actions .button{min-height:48px;font-size:13px}
 .included-grid article{min-height:0;padding:23px}
}
@media screen and (max-width:360px){
 .mobile-quote{padding-left:12px;padding-right:12px;gap:7px}
 .mobile-quote strong{font-size:14px}
 .mobile-quote a{padding:7px;min-width:58px}
 .price-block>strong{font-size:42px}
 .estimate-meta{grid-template-columns:1fr}
 .enablement-model{padding:10px;gap:6px}
 .panel legend{font-size:23px}
}
@media screen and (min-width:1021px),print{.mobile-quote{display:none!important}}