/* Mobile layout pass (≤600px) — loaded last, desktop untouched */
@media (max-width:600px){html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0}}
@media (max-width:600px){
/* type scale */
html .ph-h,html .ah-h,html .ct-h,html .ag-h1{font-size:32px;line-height:1.08;letter-spacing:-.035em}
html .pv-h,html .mb-h2,html .sc-h2,html .sc-h2.sans,html .pq-h,html .iftitle,html .sol-g .sol-h,html .ix-vt,html .ix-hd,html .ix-a .ix-hd,html h2.h2,html h2.h1,html .bk-h,html .tn-h,html .ag-sec h2,html .cmp-head h2{font-size:27px;line-height:1.12;letter-spacing:-.03em}
html .sol-h .sub{font-size:17px;margin-top:8px}
html .m2-t,html .sc-h3.big,html h3.h2,html .ix-big,html .ix-t3 .ix-big,html .ct-card-main{font-size:21px;line-height:1.2}
html .sc-bt{font-size:22px}
html .words.statement{font-size:22px;line-height:1.35}
html .ag-id{font-size:24px}
html .pr-price,html .pr-num{font-size:26px}
html .ph-s,html .pv-p,html .ix-sub,html .sc-sub,html .iftext{font-size:15px;line-height:1.55}
/* section rhythm */
html .page>section.t-dark:not(.pv),html .page>section.t-studio,html .page>section.t-black{padding-top:64px;padding-bottom:64px}
html .page>section.t-studio+section.t-studio{padding-top:0}
html .sol-sec,html .page>section.sol{padding-top:64px;padding-bottom:64px}
html .ix{gap:72px}
html .ifc{padding:28px 20px;border-radius:28px}
html .ifr{border-radius:34px;padding:6px}
html .cmp-sec{border-radius:34px;padding:32px 6px 6px}
/* hero: floating cards become a row under the window */
html .ph-stage{display:flex;flex-direction:column;gap:12px;margin-top:28px}
html .ph-stage .ph-win{order:1}
html .ph-stage .ph-chip{order:2;position:static;align-self:flex-start;transform:none;left:auto;top:auto;height:44px;font-size:13px;max-width:100%}
html .ph-stage .ph-fr{order:3;position:static;width:auto;transform:none;animation:none;translate:none;left:auto;right:auto;top:auto;box-shadow:0 0 0 1px rgba(34,43,67,.08)}
html .ph-foot{margin-top:28px}
/* comparison: label above the competitor value */
html .cmp-row{padding:16px 0;gap:8px}
html .cmp-row .no{flex-wrap:wrap;column-gap:8px;row-gap:2px}
html .cmp-row .no::after{order:-1;flex-basis:100%;margin:0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.75}
/* cards & grids */
html .ix-t{border-radius:24px;padding:24px 20px}
html .ix-sect{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
html .ix-sect>div{font-size:14px;gap:10px}
html .sc-cc,html .sc-bc,html .sc-gc{border-radius:24px}
html .pv-c{gap:32px;padding:40px 22px 44px}html .pv-cta{margin-top:0;height:52px;font-size:15px}
/* landscape web mockups kept at desktop layout (scaled by mscale.js) */
html .hw[data-msc] .hw-body{grid-template-columns:150px minmax(0,1fr) 170px}
html .hw[data-msc] .hw-side,html .hw[data-msc] .hw-phone{display:flex}
html .hw[data-msc] .hw-tiles{grid-template-columns:repeat(3,1fr);margin:16px 16px 0 182px}
html .hw[data-msc] .hw-tile:nth-child(n+2){display:flex}
html .hw[data-msc] .hw-plus.g2{display:grid}
html .hw[data-msc]{display:flex;flex-direction:column;aspect-ratio:900/548}
html .hw[data-msc] .hw-body{flex:1}html .hw[data-msc] .hw-canvas{flex:1;height:auto;min-height:204px}
html .hw[data-msc] .hw-vals{margin-top:auto;padding-top:24px;font-size:15px}html .hw[data-msc] .hw-vals li{padding:0 40px}
html .ah-win[data-msc]{height:340px;padding-bottom:0}
html .ah-win[data-msc] .body{grid-template-columns:minmax(0,.4fr) minmax(0,1fr);height:calc(100% - 44px)}
html .ah-win[data-msc] .code{display:flex}
html .ah-win[data-msc] .mods{flex-direction:row;gap:0}
html .ah-win[data-msc] .lk{display:block}
html .app-vis[data-msc]{min-height:0;height:400px}
/* footer: compact */
html .foot{padding-top:44px}
html .fcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}
html .fcols>div:first-child{grid-column:1/-1;gap:12px!important}
html .fcols>div:first-child img{height:26px!important}
html .fcols>div:last-child{grid-column:1/-1}
html .fcols>div:last-child ul{flex-direction:row;flex-wrap:wrap;column-gap:20px}
html .fcols .txt{font-size:14px;line-height:1.5;margin:0}
html .fcols h4{margin-bottom:6px}
html .fcols a{min-height:34px;font-size:14px}
html .fbase{margin-top:20px;padding:14px 0 12px;flex-direction:row;justify-content:space-between;gap:4px 12px;font-size:11.5px}
html .fwm{width:100%;margin:0 0 calc(100% * -.26);opacity:.12}
html .fwm.fwm-p{width:100%;margin:0 auto calc(100% * -.06)}
}