/* Mobile layout: shared gutters, comfortable reading and touch controls. */
@media(max-width:760px){
 :root{--site-content-width:calc(100% - 32px)}
 body>header{height:76px;gap:8px;flex-wrap:nowrap}
 body>header .brand{width:96px;min-width:0}
 body>header .brand img{width:96px;max-width:100%}
 body>header .brand>.brand-product{font-size:8px;letter-spacing:1px;margin-left:0;white-space:nowrap}
 body>header .menu,body>header .nav-actions>.button.small{width:88px;height:44px;padding:0 6px;gap:5px;font-size:10px}
 body>header .nav-actions{gap:0;margin-left:0}
 body>header .menu{margin-left:auto}
 body>header #navigation>a,body>header #navigation .mobile-access>a{font-size:14px;min-height:44px}
 body>header .language-switch>a{min-width:44px;min-height:44px;font-size:12px}
 .hero{min-height:0;padding-block:28px 32px;gap:24px}
 .hero-copy{max-width:100%;padding-right:0}
 .hero h1{font-size:clamp(40px,10vw,56px);line-height:1.1;letter-spacing:-1.6px;margin:18px 0 20px}
 .hero-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.8px}
 .hero-copy>p{max-width:40ch;font-size:16px;line-height:1.7;margin-bottom:20px}
 .hero-actions{flex-wrap:wrap;gap:12px 20px}
 .hero-actions .button{min-height:48px;font-size:14px;padding:14px 18px;justify-content:center}
 .hero-actions .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 .hero-copy>.hero-note{font-size:12px;line-height:1.6;margin-top:16px;margin-bottom:0}
 .hero-customer-proof{font-size:12px;line-height:1.65;margin-top:20px;padding-top:16px}
 .hero-customer-proof br{display:none}
 .preview-scene{min-width:0;max-width:100%;padding:16px 0 56px;margin-top:0}
 .planner,.dashboard{transform:none;max-width:100%}
 .floating,.insight-float{max-width:calc(100% - 8px);right:4px}
 .section{padding-block:44px}
 .section-heading h2,.section h2,#partners>.section-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.8px}
 .section-heading,.section-intro{gap:16px;margin-bottom:24px}
 .section-heading>p,.section-intro>p,.feature p{font-size:15px;line-height:1.7}
 .feature-grid>*,.steps>*,.sectors>*,.footer-top>*,.contact>*{min-width:0}
 .steps{gap:24px;margin-top:28px}
 .steps article{padding-top:16px}
 .steps h3{font-size:21px;margin:12px 0 8px}
 .steps p{font-size:14px;line-height:1.7}
 .sectors h3{font-size:20px;margin-top:20px}
 .sectors p{font-size:14px;line-height:1.65}
 .integration-strip .integration-strip-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .integration-strip .integration-strip-logos img{max-width:100%;height:40px}
 .integration-strip-logos .text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
 .customer-card blockquote,.customer-featured blockquote{margin-inline:0}
 .customer-featured blockquote p,.customer-card blockquote p{font-size:16px;line-height:1.75}
 .customer-quote-panel h3,.customer-card h3{font-size:24px;line-height:1.25}
 .customer-card-top{flex-wrap:wrap;gap:12px}
 .customer-card-top>span:last-child{font-size:10px;line-height:1.6}
 .customer-brand-caption{font-size:14px}
 #partners .scope-more-inner{gap:24px;padding-block:28px}
 #partners article p{font-size:15px}
 .scope-faq-preview{padding-block:44px}
 .scope-faq-preview h2{font-size:30px;margin-bottom:20px}
 .scope-faq-preview summary{font-size:15px;line-height:1.6;padding-block:18px;gap:16px}
 .scope-faq-preview .scope-faq-answer p,.scope-faq-preview .scope-faq-answer li{font-size:14px;line-height:1.75}
 .contact h2 br{display:none}
 .contact .contact-link{max-width:100%;overflow-wrap:anywhere;font-size:16px;line-height:1.6;min-height:44px;display:flex;align-items:center}
 .contact form{padding:20px}
 .contact input,.contact textarea,.contact select{font-size:16px;min-height:48px;margin-bottom:0}
 .contact form label{font-size:14px;margin-block:16px 0}
 .contact form .button{min-height:48px;justify-content:center}
 .contact form small{font-size:12px;line-height:1.7}
 .article-hero h1{font-size:clamp(32px,8vw,44px);line-height:1.15;letter-spacing:-1px}
 .article-hero p,.article-body p{font-size:16px;line-height:1.75}
 .footer-top{gap:24px 16px}
 .footer-top>p{align-self:center;font-size:13px;line-height:1.6}
 .footer-top div a{font-size:13px;line-height:1.6;min-height:44px;margin-bottom:0;padding-block:10px;overflow-wrap:anywhere}
 .footer-bottom{align-items:flex-start;font-size:12px;gap:16px}
 .footer-bottom div{gap:0 20px}
 .footer-bottom div a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
 .legal-company{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
}
@media(max-width:420px){
 .hero-actions{flex-direction:column;align-items:stretch;gap:6px}
 .hero-actions .text-link{justify-content:center}
 .workflow .steps{grid-template-columns:minmax(0,1fr);gap:20px}
 .workflow .steps article{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px}
 .workflow .steps article>span{grid-column:1;grid-row:1/3;padding-top:3px}
 .workflow .steps article h3{grid-column:2;margin:0 0 8px}
 .workflow .steps article p{grid-column:2;margin:0}
 .sectors{grid-template-columns:minmax(0,1fr)}
 .sectors>a{padding:20px}
 .sectors h3{margin:10px 0}
 .sectors p{margin-bottom:0}
}
@media(max-width:359px){body>header .brand,body>header .brand img{width:88px}}
@media(hover:none){.button:hover,.partner-grid article:hover{transform:none}}