/* Shared mobile and installed-app presentation. */
[hidden]{display:none!important}
img,svg{max-width:100%}
main,section,article,.hero-copy,.offer-copy,.software-card,.contact>div{min-width:0}
.install-link{color:var(--green);font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.app-tabs{display:none}
.install-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;background:var(--fog)}
.install-hero h1{font-size:clamp(44px,6vw,86px);letter-spacing:-3px}
.install-preview{padding:55px 24px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:28px;background:#e8eddb}
.install-preview img{border-radius:24px;box-shadow:0 8px 28px #00543018}
.install-preview strong{font-size:25px;color:var(--green);letter-spacing:2px}
.install-preview p{font-size:13px;margin:15px 0 0}
#install-status{font-size:14px;max-width:460px;margin:20px 0;color:#5b685e}
.install-guides{display:grid;grid-template-columns:1fr 1fr;gap:6%}
.install-guides article{border-top:1px solid var(--line);padding-top:30px}
.install-guides h2{font-size:34px}
.install-guides ol{padding-left:23px}
.install-guides li{padding-left:6px;margin-bottom:18px}
.install-details{background:var(--fog)}
.install-details p{max-width:760px;color:#5b685e}
@media(max-width:1100px){
 header{height:88px;padding:5px max(5%,env(safe-area-inset-left))}
 .brand img{height:72px;width:72px}.brand span{display:none}
 #menu{display:block;background:var(--fog);border:1px solid var(--line);padding:12px 16px;color:var(--green);font-size:14px;min-height:44px}
 header nav{display:none;position:absolute;left:0;right:0;top:88px;background:white;padding:20px 5%;box-shadow:0 12px 15px #00351d12;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 88px);overflow-y:auto;gap:4px}
 header nav.open{display:flex}header nav a{padding:11px 12px;min-height:44px;font-size:15px}
 html{scroll-padding-top:100px}
}
@media(max-width:760px){
 body{overflow-wrap:break-word}
 h1{font-size:clamp(47px,12.3vw,72px);letter-spacing:-2.5px}
 h2,.contact h2{font-size:clamp(33px,8.5vw,48px)}
 .catalog-hero h1{font-size:clamp(39px,10.5vw,58px)}
 .hero-copy{padding-top:32px}.hero-art{height:350px}
 .hero-art svg{top:-50px}
 .actions{align-items:stretch;gap:18px}.actions .btn{width:100%}.actions .text-link{min-height:44px;display:inline-flex;align-items:center}
 .hero-bottom{flex-wrap:wrap;font-size:8px}
 .art-top{left:20px;right:20px;letter-spacing:.8px}
 .art-caption{padding:16px 18px;flex-wrap:wrap;font-size:9px}
 .audience span{display:inline-block}
 .contact form{padding:22px 18px}
 input,select,textarea{font-size:16px;min-height:44px}
 .btn{min-height:48px;max-width:100%;gap:16px}
 .catalog-band .btn,.sss-home .btn{white-space:normal}
 .offer-copy h2{font-size:clamp(30px,8vw,36px)}
 .catalog-title{align-items:flex-start;flex-wrap:wrap;gap:4px;padding-bottom:18px}.catalog-title h2{margin-bottom:6px}
 .software-card .btn{align-self:stretch}
 .offer-copy dl>div{flex-wrap:wrap;gap:8px}.offer-copy dd{max-width:100%;text-align:left}
 footer{gap:16px 24px;padding-bottom:max(30px,env(safe-area-inset-bottom))}footer>a{min-height:44px;display:inline-flex;align-items:center}
 footer small{order:5}
 .email{overflow-wrap:anywhere}
 .install-hero,.install-guides{grid-template-columns:1fr;gap:35px}
 .install-hero h1{font-size:clamp(46px,12vw,70px)}
 .install-preview{padding:28px 20px;border-radius:18px}
 .install-preview img{width:88px;height:88px}
 .install-guides h2{font-size:30px}
}
@media(max-width:380px){.domains{grid-template-columns:1fr}.domain p{min-height:0}.domain{padding:24px}.hero-art{height:300px}.hero-art svg{top:-20px}.journey{padding:20px}.hero-bottom{gap:10px}}
@media(display-mode:standalone){
 @media(max-width:1100px){
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .app-tabs{display:flex;position:fixed;inset:auto 0 0;z-index:30;flex-direction:row;align-items:stretch;justify-content:space-around;gap:0;background:white;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:none}
  .app-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;flex:1;font-size:12px;font-weight:600;border-radius:5px;padding:8px 4px;color:#526658}
  .app-tabs a[aria-current=page]{background:#edf2e6;color:var(--green);text-decoration:none}
 }
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
