/* FlowUnion mobile optimization layer — additive only. */
html,body{max-width:100%;overflow-x:hidden}
button,input,select,textarea{font:inherit}
@media(max-width:980px){
  .container{width:min(100% - 28px,1160px)}
  .nav{height:68px;gap:10px}.logo{min-width:0;flex:1}.logo img{height:32px;max-width:170px}.nav-links{display:none}.mobile-toggle{display:block;min-width:44px;min-height:44px;padding:6px;cursor:pointer}.nav-actions{gap:6px}.nav-actions>.btn-secondary:not(.flowunion-login){display:none}.nav-actions>.btn-primary{padding:10px 12px;font-size:12px;white-space:nowrap}
  .hero{padding:54px 0 44px}.hero-grid{grid-template-columns:1fr!important;gap:34px!important}.product-window{transform:none;max-width:720px;width:100%;margin:auto}.section{padding:68px 0}.section-head{margin-bottom:34px}.section-head p,.hero-copy,.audience p{font-size:16px}.triple{grid-template-columns:1fr}.big-card{min-height:0}.flow{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.audience,.cta{grid-template-columns:1fr}.price-wrap{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.2fr .8fr .8fr;gap:24px}
  .mock-stack{padding:18px}.app-demo,.office-app-inner{min-width:0}.office-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.office-demo-table{min-width:560px}
}
@media(max-width:720px){
  .container{width:min(100% - 24px,1160px)}
  .header{backdrop-filter:blur(12px)}.nav{height:64px}.logo img{height:29px;max-width:148px}.nav-actions>.btn-primary{display:none}.nav-actions .flowunion-login{display:inline-flex!important;min-height:42px;padding:9px 12px;font-size:12px}.mobile-toggle{font-size:24px}
  .hero{padding:40px 0 38px}.hero:after{display:none}h1{font-size:clamp(34px,10.2vw,48px)!important;line-height:1.04;margin:16px 0 18px}.hero-no-break{white-space:normal!important}.hero-copy{margin-bottom:22px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%;min-height:48px}.trust-row{gap:10px 18px;margin-top:22px}.trust{font-size:12px}
  .product-window{padding:8px;border-radius:20px}.screen{border-radius:14px;min-height:0}.real-screen{min-height:0}.screen-top{height:48px;padding:0 12px}.app-demo{min-height:0;padding:8px}.app-demo-nav,.office-app-nav{overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.app-demo-nav::-webkit-scrollbar,.office-app-nav::-webkit-scrollbar{display:none}.app-pill,.office-app-nav span{flex:0 0 auto}.app-demo-page{padding:9px}.app-demo-kpis{grid-template-columns:1fr 1fr!important}.app-home-grid{grid-template-columns:1fr!important}.app-home-today{grid-column:auto!important}.demo-appointment{gap:5px!important}.demo-state{font-size:6.5px!important;padding:3px 5px!important}
  .section{padding:52px 0}.section-head{margin-bottom:28px;text-align:left}.section-head h2,.audience h2,.cta h2{font-size:clamp(30px,8.6vw,40px);line-height:1.1}.section-head p,.hero-copy,.audience p,.cta p{font-size:15px;line-height:1.65}.eyebrow{font-size:10px;letter-spacing:.11em}
  .triple,.feature-grid,.industries,.payment-grid,.why-compact-grid,.why-security,.special-grid,.security-strip{grid-template-columns:1fr!important}.big-card,.feature,.industry,.price-card,.custom-feature-card,.price-calculator{padding:20px!important;border-radius:18px!important}.big-card h3,.price-card h3{font-size:23px}.flow{display:flex;overflow-x:auto;gap:8px;padding:2px 2px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.flow-step{flex:0 0 150px;min-height:105px;scroll-snap-align:start}.flow-step:not(:last-child):after{display:none}
  .mock-stack{padding:10px;border-radius:20px}.mock-browser{border-radius:14px}.office-app-inner{padding:8px!important}.office-app-head{align-items:flex-start}.office-kpis{grid-template-columns:1fr 1fr!important}.office-kpis>div:last-child{grid-column:1/-1}.office-app-tabs{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.office-app-tabs span{flex:0 0 auto}
  .billing-toggle{width:100%!important;border-radius:16px!important}.billing-option{width:100%;min-height:44px}.price{font-size:38px!important}.tier-list>div{align-items:flex-start}.setup-fee-card{grid-template-columns:1fr!important}.setup-fee-icon{display:none!important}.setup-fee-price{grid-column:auto!important;text-align:left!important}.price-calculator{grid-template-columns:1fr!important;gap:18px!important}.calc-controls{padding-top:0!important}.stepper{grid-template-columns:48px minmax(70px,1fr) 48px!important;width:100%;height:48px!important}.payment-card{padding:15px!important}.custom-feature-card{grid-template-columns:1fr!important}
  .why-flowline{justify-content:flex-start!important}.why-competitor-note{text-align:left!important}.compare-wrap{margin-left:-2px;margin-right:-2px}.compare-table{min-width:720px}
  .cta{gap:20px}.cta-box{padding:20px}.customer-contact-actions{display:grid!important;grid-template-columns:1fr}.customer-contact-actions .btn{width:100%}
  .footer{padding:42px 0 24px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-logo{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start}.legal-hero{padding:48px 0 22px}.legal-hero h1{font-size:36px}.legal{padding:28px 0 60px}.legal h2{font-size:21px}
}
@media(max-width:430px){
  .container{width:min(100% - 20px,1160px)}.logo img{max-width:132px}.nav-actions .flowunion-login{padding:8px 10px}.hero{padding-top:32px}h1{font-size:32px!important}.hero-copy{font-size:14.5px}.trust-row{display:grid;grid-template-columns:1fr 1fr}.section{padding:46px 0}.section-head h2,.audience h2,.cta h2{font-size:29px}.feature{padding:18px!important}.footer-grid{grid-template-columns:1fr}.footer-logo{grid-column:auto}.app-demo-kpis{grid-template-columns:1fr!important}.office-kpis{grid-template-columns:1fr!important}.office-kpis>div:last-child{grid-column:auto}.price{font-size:34px!important}.calc-result{padding:15px!important}.calc-result .result-row{flex-direction:column}.calc-result .result-row strong{text-align:left!important;white-space:normal!important}.tier-list strong{white-space:normal!important}.why-flowline{display:grid!important;grid-template-columns:1fr!important}.why-flowline span{display:none}.screen-brand{font-size:10px}.screen-brand img{width:27px;height:27px}
}