/* Shared mobile and tablet layout, loaded after page-specific styles. */
@media(max-width:1100px){
  main :is(.hero-copy,.functions-copy,.functions-visual,.asset-hero-copy,.auto-scenario-copy,.contact-story){min-width:0}
  main :is(.hero-grid,.functions-hero-grid,.asset-hero-grid,.contact-layout)>*{min-width:0}
  main img{max-width:100%}
  dialog{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}
}
@media(max-width:760px){
  body .container,body main .container,body .automation-page main .container{width:calc(100% - 36px);max-width:100%}
  body .site-header .nav-wrap{width:calc(100% - 28px);gap:12px}
  .site-header .nav-actions{gap:10px;min-width:0}
  .site-header .menu-toggle{min-width:44px;min-height:44px;display:grid;place-items:center}
  .site-header #main-nav.open{left:14px;right:14px;width:auto;max-height:calc(100dvh - 90px);overflow:auto;box-sizing:border-box;border-radius:14px;padding:12px;background:#fff;box-shadow:0 14px 35px #123f6526}
  .site-header #main-nav a{min-height:44px;display:flex;align-items:center;justify-content:center}
  body main h1{font-size:clamp(29px,7.8vw,43px);line-height:1.16;letter-spacing:-1px;overflow-wrap:break-word;text-align:center}
  body main h2{font-size:clamp(26px,6.6vw,35px);line-height:1.22;letter-spacing:-.6px;overflow-wrap:break-word}
  main :is(.hero-copy,.functions-copy,.asset-hero-copy,.auto-hero-copy,.contact-story,.price-intro,.section-heading,.home-faq-heading,.price-section-heading,.contact-next-heading,.auto-heading,.planning-heading,.field-quality-heading,.feature-overview-heading){text-align:center}
  main :is(.hero-copy,.functions-copy,.asset-hero-copy,.auto-hero-copy,.contact-story,.price-intro,.section-heading,.home-faq-heading,.price-section-heading,.contact-next-heading) p{margin-inline:auto;max-width:560px}
  main :is(.hero-copy,.functions-copy,.asset-hero-copy,.contact-story) h1 br{display:initial}
  main :is(.hero-lead,.functions-description,.asset-hero-copy>p,.contact-lead,.price-intro p){font-size:16px;line-height:1.75}
  main :is(.button-row,.functions-actions,.auto-actions,.asset-hero-actions,.price-intro-links,.smart-cta-actions){display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
  main :is(.button-row,.functions-actions,.auto-actions,.asset-hero-actions,.smart-cta-actions)>.button{min-height:48px;white-space:normal;text-align:center;justify-content:center;max-width:100%;font-size:16px}
  main :is(.hero-copy,.functions-copy,.asset-hero-copy,.auto-hero-copy) :is(ul,.check-list,.trust-notes,.functions-benefits){text-align:left;width:fit-content;max-width:100%;margin-inline:auto}
  main :is(.hero-copy,.functions-copy,.asset-hero-copy) li{overflow-wrap:anywhere}
  .reference-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}
  .reference-hero .hero-copy{padding-inline:0;width:100%;max-width:100%}
  .reference-hero .hero-visual{width:100%;max-width:100%;margin-inline:auto;min-width:0}
  main :is(.hero-dashboard,.functions-visual,.digital-laptop,.app-qr-photo){margin-inline:auto}
  .brand-strip{text-align:center}
  main :is(.app-showcase-copy,.showcase-automation-copy,.digital-copy,.pricing-main>.section-heading,.auto-scenario-copy,.auto-integration-copy,.smart-copy){text-align:center}
  main :is(.app-showcase-copy,.showcase-automation-copy,.digital-copy,.auto-scenario-copy,.auto-integration-copy,.smart-copy)>p{max-width:540px;margin-inline:auto}
  main :is(.app-showcase-copy,.showcase-automation-copy,.digital-copy,.auto-scenario-copy,.auto-integration-copy,.smart-copy) :is(.check-list,.digital-checks,ul){text-align:left;width:fit-content;max-width:100%;margin-inline:auto}
  .automation-page .asset-hero-grid{grid-template-columns:minmax(0,1fr);width:calc(100% - 36px);max-width:100%;margin-inline:auto}
  .automation-page .asset-hero-copy{width:100%;max-width:100%;padding-inline:0;text-align:center}
  .automation-page .auto-hero h1{font-size:clamp(29px,7.8vw,43px)}
  .automation-page .auto-tool-logos{justify-content:center}
  .automation-page .auto-closing{text-align:center;padding:28px 22px}
  .automation-page .auto-closing .check-list{text-align:left;width:fit-content;max-width:100%;margin-inline:auto}
  .automation-page .auto-closing .button{min-height:48px;max-width:100%;white-space:normal}
  .functions-page main .functions-copy{width:100%;max-width:100%;padding-inline:0}
  main :is(.functions-hero-grid,.planning-grid,.field-quality-grid){grid-template-columns:minmax(0,1fr)}
  .price-billing{align-items:center;text-align:center}
  .price-billing h2,.price-foundation h2,.price-closing h2,.price-faq h2{text-align:center}
  .price-plan-grid{grid-template-columns:minmax(0,1fr)}
  .price-plan{max-width:520px;width:100%;margin-inline:auto;box-sizing:border-box}
  .price-closing{text-align:center}
  .price-closing>div:last-child{justify-content:center}
  .price-table-scroll{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .contact-page .contact-story .contact-eyebrow{justify-content:center;line-height:1.6}
  .contact-page .contact-mail-card{margin-inline:auto;text-align:left}
  .contact-page .contact-layout{grid-template-columns:minmax(0,1fr)}
  .contact-page .contact-story h1{font-size:clamp(29px,7.8vw,43px);overflow-wrap:normal}
  .contact-page .contact-tabs button{min-height:54px}
  .contact-page .contact-next-heading{margin-inline:auto;text-align:center}
  .contact-page .contact-preparation{align-items:center;text-align:center}
  .contact-page #contact-form :is(input,select,textarea){font-size:16px}
  main :is(.home-faq summary,.price-faq summary){min-height:54px;text-align:left;gap:15px}
  .site-footer .footer-invitation{text-align:center;align-items:center}
  .site-footer .footer-invitation .button{margin-inline:auto;min-height:48px}
  .site-footer .footer-brand{text-align:center}
  .site-footer .footer-brand-link{margin-inline:auto;display:block;width:fit-content}
  .site-footer .footer-brand p{margin-inline:auto}
  .site-footer .footer-columns{gap:28px}
  .site-footer .footer-link-group{text-align:center}
  .site-footer .footer-link-group a{display:block;padding-block:9px}
  .site-footer .footer-base{justify-content:center;text-align:center;gap:15px}
}
@media(max-width:400px){
  main :is(.button-row,.functions-actions,.auto-actions,.asset-hero-actions){flex-direction:column;align-items:stretch}
  main :is(.button-row,.functions-actions,.auto-actions,.asset-hero-actions)>.button{width:100%;margin-inline:auto}
  .site-header .logo img{max-width:135px}
  .site-header .login-link{font-size:15px}
  .contact-page .contact-tabs button{padding:9px 6px;gap:6px}
  .contact-page .contact-tabs button small{white-space:normal}
  .contact-page .contact-story h1{font-size:29px;letter-spacing:-1px}
  .auto-flow-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  body .site-header{background:#f7fbff}
  body main h2{text-align:center}
  body .reference-hero h1{font-size:clamp(25px,7vw,38px);hyphens:auto}
  .reference-hero .trust-notes,.functions-benefits{justify-content:center}
  .reference-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .reference-brand{min-width:0;max-width:100%;white-space:normal;font-size:clamp(18px,5vw,24px)}
  .reference-brand.piepenbrock{font-size:18px}
  .reference-brand.piepenbrock i{display:none}
  .functions-page [data-topic]{min-width:0;padding-inline:10px;overflow-wrap:anywhere}
  .functions-page [data-topic] span{min-width:0;white-space:normal;font-size:14px}
  .automation-page .auto-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .automation-page .auto-steps article{min-width:0;padding:18px 13px}
  .automation-page .auto-steps h3{overflow-wrap:anywhere}
  main :is(.planning-copy,.quality-copy,.functions-intro,.field-copy,.smart-cta,.smart-integrations,.auto-section>.container>p,.auto-section>.container>.auto-kicker,.auto-section>.container>.auto-lead){text-align:center}
  .auto-section>.container>.auto-kicker{display:table;margin-inline:auto}
  main :is(.planning-list,.quality-checklist){width:fit-content;max-width:100%;margin-inline:auto;text-align:left}
  .how-it-works h2,.how-it-works .steps-heading{text-align:center;justify-content:center}
  .how-it-works .steps-heading-logo{vertical-align:middle}
  main .contact-form-heading h2,main .calculator h2{ text-align:left }
  .site-footer .footer-columns{justify-items:center}
  .site-footer .footer-brand{grid-column:1/-1}
}
@media(max-width:360px){.automation-page .auto-steps{grid-template-columns:minmax(0,1fr)}.functions-page [data-topic] span{font-size:12px}}
@media(max-width:760px){
  .pricing-section .pricing-main>.section-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:18px}
  .pricing-section .pricing-main>.section-heading>div{width:100%;text-align:center}
  .pricing-section .pricing-main>.section-heading h2{text-align:center;margin-inline:auto}
  .pricing-section .pricing-main>.section-heading .billing-toggle{display:flex;width:fit-content;max-width:100%;margin-inline:auto;justify-content:center}
}
/* Compact mobile package cards. */
@media(max-width:600px){
 .pricing-section .price-cards{grid-template-columns:minmax(0,1fr);gap:22px}
 .pricing-section .price-cards article,.pricing-section .price-cards article.popular{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto 1fr auto;column-gap:14px;row-gap:0;padding:24px 22px;text-align:left;border:1px solid #d9e8f3;border-radius:18px;background:linear-gradient(135deg,#f0f8ff 0,#fff 48%);box-shadow:0 8px 28px #12446b08;min-width:0}
 .pricing-section .price-cards article.popular{border:2px solid #0098ed;padding:23px 21px;background:linear-gradient(135deg,#e6f5ff,#fff 60%);margin-top:10px}
 .pricing-section .price-cards h3{grid-column:1;grid-row:1;margin:0 0 6px;font-family:"Segoe UI",Arial,sans-serif;font-size:22px;line-height:1.25;letter-spacing:-.5px}
 .pricing-section .price-cards article>p{grid-column:1;grid-row:2;margin:0;font-size:13px;line-height:1.5;min-height:0}
 .pricing-section .price-cards .price{grid-column:2;grid-row:1/3;align-self:start;text-align:right;margin:0;line-height:1.2;font-size:14px;color:#08425f}
 .pricing-section .price-cards .price strong{font-family:"Segoe UI",Arial,sans-serif;font-size:36px;font-weight:750;letter-spacing:-1.5px}
 .pricing-section .price-cards .individual{grid-column:2;grid-row:1/3;margin:0;min-height:0;font-size:17px;text-align:right;line-height:1.4;color:#0085d4}
 .pricing-section .price-cards article>small{grid-column:1/-1;grid-row:3;text-align:left;margin-top:15px;font-size:12px;line-height:1.6;min-height:0;color:#6a8295}
 .pricing-section .price-cards ul{grid-column:1/-1;grid-row:4;margin:17px 0 22px;padding:18px 0 0;border-top:1px solid #dceaf4;gap:12px;font-size:15px;line-height:1.55}
 .pricing-section .price-cards li{padding-left:27px;color:#365971}
 .pricing-section .price-cards li:before{display:grid;place-items:center;top:3px;width:17px;height:17px;background:#e0f7f0;border-radius:50%;font-size:11px;color:#00a78c}
 .pricing-section .price-cards .button{grid-column:1/-1;grid-row:5;min-height:48px;border-radius:10px;font-size:15px;justify-content:space-between;padding:13px 17px;background:#edf7ff;color:#007ace;border:1px solid #cce8fb;box-shadow:none}
 .pricing-section .price-cards article.popular .button{background:linear-gradient(110deg,#008cff,#00b7cb);color:#fff;border-color:transparent;box-shadow:0 5px 14px #008cff20}
 .pricing-section .price-cards .button:hover{background:#dff1ff;color:#005b99}
 .pricing-section .price-cards article.popular .button:hover{background:#007fde;color:#fff}
 .pricing-section .price-cards .popular-label{top:-12px;right:20px;border-radius:6px;font-size:10px;letter-spacing:.7px;padding:5px 10px}
}
@media(max-width:360px){.pricing-section .price-cards article,.pricing-section .price-cards article.popular{padding:22px 17px;column-gap:10px}.pricing-section .price-cards h3{font-size:20px}.pricing-section .price-cards .price strong{font-size:32px}}
@media(max-width:760px){
 .pricing-section .final-cta{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:105px 24px 30px;gap:0}
 .pricing-section .final-cta>.handwritten.cta-motto{position:absolute;top:23px;right:24px;bottom:auto;left:auto;margin:0;width:auto;max-width:180px;font-size:21px;line-height:1.35;text-align:right;transform:rotate(-6deg)}
 .pricing-section .final-cta>.eyebrow{margin:0 0 18px;text-align:center}
 .pricing-section .final-cta h2,.pricing-section .final-cta>p,.pricing-section .final-cta .cta-discover{text-align:center;width:100%;margin-inline:auto}
 .pricing-section .final-cta .check-list{width:100%;margin:24px 0;align-items:center;justify-items:center;text-align:center;padding:0}
 .pricing-section .final-cta .check-list li{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:0;line-height:1.5}
 .pricing-section .final-cta .check-list li:before{position:static;flex-shrink:0}
 .pricing-section .final-cta>.button{width:100%;max-width:340px;min-height:48px;justify-content:center;margin-inline:auto}
 .pricing-section .final-cta .cta-discover{margin-top:24px;padding-top:22px}
}
@media(max-width:760px){
 .site-footer .footer-base{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px}
 .site-footer .footer-base>nav{order:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;width:100%}
 .site-footer .footer-base>nav :is(a,button){text-align:center}
 .site-footer .footer-base>div{order:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:13px}
 .site-footer .footer-base>div>small{order:0;text-align:center}
 .site-footer .footer-base>div>span{order:1;text-align:center}
}
@media(max-width:760px){
 .how-it-works .step{text-align:center}
 .how-it-works .step .step-number{margin-inline:auto}
 .how-it-works .step h3,.how-it-works .step p{text-align:center;margin-inline:auto}
}
@media(max-width:760px){
 .economics-grid .saving{display:flex;flex-direction:column;align-items:center;text-align:center}
 .economics-grid .saving>small,.economics-grid .saving>strong,.economics-grid .saving>span{text-align:center}
 .economics-grid .saving>.button{align-self:center;justify-content:center;margin-inline:auto;min-height:44px}
}
@media(max-width:760px){
 .economics-grid>div:has(>.integrations){text-align:center}
 .economics-grid>div:has(>.integrations)>p{text-align:center;margin-inline:auto}
 .economics-grid>div:has(>.integrations)>.button{display:flex;width:fit-content;max-width:100%;justify-content:center;margin-inline:auto;min-height:44px}
}
@media(max-width:760px){
 .customer-reviews .review-card,.customer-reviews .review-quote,.customer-reviews .review-identity,.customer-reviews .review-example{text-align:center}
 .customer-reviews .review-person{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
 .customer-reviews .review-avatar{margin-inline:auto}
 .customer-reviews .review-stars{justify-content:center;margin:0 auto}
 .customer-reviews .review-example{display:block;margin-inline:auto}
}
@media(max-width:760px){
 .functions-page .feature-filter-status{text-align:center;justify-content:center}
 .functions-page .feature-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}
 .functions-page .feature-card .feature-icon{margin-inline:auto;flex-shrink:0}
 .functions-page .feature-card>div{width:100%;text-align:center}
 .functions-page .feature-card h3,.functions-page .feature-card p{text-align:center;margin-inline:auto}
 .functions-page .feature-card [data-feature]{display:inline-flex;align-items:center;justify-content:center;margin-inline:auto;min-height:44px}
}
@media(max-width:760px){
 .functions-page .field-copy .planning-list{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;margin-inline:auto;text-align:center}
 .functions-page .field-copy .planning-list li{display:flex;align-items:center;justify-content:center;gap:9px;padding-left:0;text-align:center}
 .functions-page .field-copy .planning-list li:before{position:static;flex-shrink:0}
}
@media(max-width:760px){
 .functions-page .quality-demo .quality-checklist{width:100%;max-width:none;box-sizing:border-box;padding:24px;border-radius:16px;margin-inline:0}
 .functions-page .quality-demo .quality-checklist h3{font-size:18px;line-height:1.4;margin-bottom:18px}
 .functions-page .quality-demo .quality-checklist ul{grid-template-columns:minmax(0,1fr);gap:13px;font-size:16px;line-height:1.5}
 .functions-page .quality-demo .quality-checklist li{gap:10px}
 .functions-page .quality-demo .quality-checklist li:before{width:18px;height:18px;font-size:13px;line-height:18px;margin-top:3px}
 .functions-page .quality-demo .quality-checklist small{font-size:12px;margin-top:18px;line-height:1.5}
}
@media(max-width:760px){
 .functions-page .smart-integrations .smart-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;margin-inline:auto}
 .functions-page .smart-integrations .smart-logos>span{justify-content:center;text-align:center}
 .functions-page .smart-integrations .smart-logos>small{flex-basis:100%;text-align:center}
}
.functions-page .smart-cta-icon{background:#fff;border-radius:16px;padding:10px;box-sizing:border-box}
.functions-page .smart-cta-icon img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){
 .functions-page .smart-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
 .functions-page .smart-cta-icon{width:64px;height:70px;margin-inline:auto}
 .functions-page .smart-cta>div{width:100%;text-align:center}
 .functions-page .smart-cta h2,.functions-page .smart-cta p{margin-inline:auto;text-align:center}
 .functions-page .smart-cta .smart-cta-actions{margin-inline:0;align-items:center;justify-content:center}
 .functions-page .smart-cta .smart-cta-actions .button{margin-inline:auto;justify-content:center}
 .functions-page .smart-cta .smart-cta-actions small{text-align:center;width:100%}
}
@media(max-width:760px){
 .automation-page .asset-hero .auto-hero-copy .auto-checklist{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0;margin-inline:auto;text-align:center}
 .automation-page .asset-hero .auto-hero-copy .auto-checklist li{justify-content:center;text-align:center}
 .automation-page .asset-hero .auto-hero-copy .auto-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-inline:auto}
 .automation-page .asset-hero .auto-hero-copy .auto-actions>.button{width:fit-content;max-width:100%;margin-inline:auto;align-self:center;justify-content:center;text-align:center}
}
@media(max-width:760px){
 .automation-page .auto-data-flow{width:calc(100% + 16px);max-width:calc(100vw - 20px);margin-inline:-8px;gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
 .automation-page .auto-flow-column{gap:18px;min-width:0}
 .automation-page .auto-flow-column>div{min-height:108px;font-size:12px;line-height:1.4;padding:12px 5px;gap:12px}
 .automation-page .auto-flow-column svg{width:32px;height:32px}
 .automation-page .auto-flow-center>img{width:64%;height:70%}
}
@media(max-width:760px){
 .automation-page .auto-results-grid>article{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px}
 .automation-page .auto-results-grid>article>.auto-icon{margin-inline:auto;flex-shrink:0}
 .automation-page .auto-results-grid>article>div{width:100%;text-align:center}
 .automation-page .auto-results-grid h3,.automation-page .auto-results-grid p{text-align:center;margin-inline:auto}
}
@media(max-width:760px){
 .automation-page .auto-closing-checks{justify-content:center}
 .automation-page .auto-closing-checks>li:last-child{flex-basis:100%;justify-content:center;text-align:center}
}
@media(max-width:760px){
 .prices-page .price-plan{text-align:center}
 .prices-page .price-plan h3,.prices-page .price-plan p,.prices-page .price-plan-tag,.prices-page .price-included{text-align:center}
 .prices-page .price-plan .price-amount,.prices-page .price-plan .price-capacity{justify-content:center}
 .prices-page .price-plan .button{justify-content:center;gap:16px}
 .prices-page .price-plan ul{justify-items:center}
 .prices-page .price-plan li{justify-content:center;text-align:center}
}
@media(max-width:760px){
 .prices-page .price-foundation{text-align:center}
 .prices-page .price-foundation-grid>article{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px}
 .prices-page .price-foundation-grid>article>span{margin-inline:auto}
 .prices-page .price-foundation-grid>article>div{width:100%;text-align:center}
 .prices-page .price-foundation-grid h3,.prices-page .price-foundation-grid p{text-align:center;margin-inline:auto}
}
@media(max-width:760px){
 .contact-page .contact-next-grid>article{text-align:center}
 .contact-page .contact-next-grid .contact-step-number{margin-inline:auto}
 .contact-page .contact-next-grid h3,.contact-page .contact-next-grid p{text-align:center;margin-inline:auto}
 .contact-page .contact-next-grid ul{justify-items:center}
 .contact-page .contact-next-grid li{display:flex;align-items:flex-start;justify-content:center;gap:9px;padding-left:0;text-align:center}
 .contact-page .contact-next-grid li:before{position:static;flex-shrink:0;margin-top:3px}
}