/* Mobile layout: keep navigation compact and let the hosting message scroll away. */
.account-cta .account-label-short{display:none}
.account-cta .account-label-full{font:inherit;line-height:inherit}
@media(max-width:760px){
  html{scroll-padding-top:92px}
  body .shell{width:min(100% - 32px,1280px)}
  body .hosting-banner-inner{padding-block:10px;gap:2px;font-size:12px;line-height:1.5}
  body .hosting-banner p{max-width:48ch}
  body .hosting-banner a{min-height:36px}
  body .se-home-build{padding-block:22px 36px}
  body .se-workspace-header-compact{padding:22px 20px;border-radius:18px;margin-bottom:20px}
  body .se-workspace-header-services .se-workspace-intro{grid-template-columns:minmax(0,1fr);gap:24px}
  body .se-workspace-header-compact h1{font-size:clamp(32px,9vw,44px);letter-spacing:-1px;margin-bottom:16px}
  body .se-workspace-header-compact .se-workspace-description{font-size:16px;line-height:1.65;margin-bottom:0}
  body .se-workspace-header-compact .se-workspace-tabs{display:grid;grid-template-columns:1fr;margin-top:20px}
  body .se-workspace-header-compact .se-workspace-tabs a{width:100%;min-height:48px;padding:12px 16px;font-size:16px}
  body .se-workspace-header-services .se-workspace-process{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px;padding-top:16px;font-size:13px}
  body .se-workspace-process li{min-width:0;min-height:26px}
  body .se-workspace-process li span{flex-shrink:0}
  body .se-header-services{padding:18px 16px;scroll-margin-top:0}
  body .se-header-services h2{font-size:22px}
  body .se-header-price-list{font-size:14px}
  body .se-header-price-list li{gap:10px;grid-template-columns:minmax(0,1fr) auto}
  body .se-header-price-list strong{white-space:normal;text-align:right}
  body .se-contact-line{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;margin-block:20px;border-radius:16px;font-size:15px;line-height:1.5}
  body .se-contact-line>span{display:block;flex-basis:100%;margin:0}
  body .se-contact-line>a.se-contact-link{position:static;display:inline-flex;width:auto;min-height:44px;margin:0;padding:10px 20px}
  body .se-contact-line .se-contact-tooltip{left:20px;right:20px;width:auto;max-width:none;margin:0}
  body .se-build{min-width:0;max-width:100%;padding:20px;border-radius:18px;font-size:16px;line-height:1.6}
  body .se-home-build .se-build{margin-bottom:20px}
  body .se-account .se-account-header{gap:12px;padding-bottom:16px;margin-bottom:18px}
  body .se-account .se-account-logo{width:52px;height:52px}
  body .se-account .se-account-header h1{min-width:0;font-size:clamp(22px,6vw,28px);letter-spacing:-.7px;line-height:1.15}
  body .se-account .se-account-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  body .se-account .se-account-card{padding:18px;border-radius:14px}
  body .se-account .se-account-grid .se-account-card h2{font-size:26px;margin-bottom:12px}
  body .se-account .se-account-grid form{margin-bottom:0}
  body .se-account .se-account-card p{font-size:15px;line-height:1.6;margin-bottom:14px}
  body .se-account .se-dashboard-welcome{gap:16px;margin-bottom:20px}
  body .se-account .se-dashboard-stats{gap:10px;margin-bottom:18px}
  body .se-account .se-dashboard-stats>div{padding:14px 16px}
  body .se-account .se-dashboard-stats strong{font-size:25px}
  body .se-account .se-dashboard-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  body .se-account .se-project-tile{padding:16px;gap:12px}
  body .se-build .se-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  body .se-build label{font-size:15px;margin-top:12px}
  body .se-build input:not([type=checkbox]):not([type=radio]),body .se-build select,body .se-build textarea{font-size:16px;min-height:48px;padding:11px 12px}
  body .se-build .se-consent{align-items:flex-start;font-size:14px;font-weight:400;line-height:1.5}
  body .se-build .se-consent input{flex-shrink:0}
  body .se-build .se-summary,body .se-build .se-note{padding:14px 16px}
  body .se-build .se-actions{gap:10px}
  body .se-build .se-actions>*{max-width:100%}
  body .section{padding-block:48px}
  body .section-heading{margin-bottom:28px}
  body .section h2{font-size:clamp(32px,8.5vw,44px);letter-spacing:-1px}
  body .section-label{margin-bottom:18px;gap:14px}
  body .about-grid{gap:24px}
  body .lead{font-size:17px;line-height:1.7}
  body .content-main{padding-block:28px 48px}
  body .content-main article{min-width:0}
  body #create-account,body .se-account{scroll-margin-top:0}
  body .footer-top{gap:24px}
  body .site-footer .brand.se-cube-brand img.se-brand-cube{width:84px;height:84px}
}
@media(max-width:600px){body.admin-bar .site-header{top:0}}
@media(max-width:560px){
  body .project-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  body .portfolio-filters{gap:8px;flex-wrap:wrap}
}
@media(max-width:360px){
  body .shell{width:calc(100% - 24px)}
  body .se-workspace-header-compact,body .se-build{padding:18px 16px}
  body .se-account .se-account-card{padding:16px}
  body .se-account .se-account-logo{width:44px;height:44px}
  body .se-account .se-account-header{gap:10px}
  body .se-header-services{padding:16px 12px}
  body .se-header-price-list{font-size:13px}
}

@media(max-width:1024px){
  body .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:76px;padding-block:6px}
  body .site-header .brand.se-cube-brand{width:60px;max-width:100%;grid-column:1;grid-row:1}
  body .site-header .brand.se-cube-brand img.se-brand-cube{width:60px;height:60px}
  body .site-header .account-cta{grid-column:2;grid-row:1;min-height:44px;padding:10px 14px;font-size:12px;letter-spacing:.6px;white-space:nowrap;box-shadow:none}
  body .account-cta .account-label-full{display:none}
  body .account-cta .account-label-short{display:inline;font:inherit;line-height:inherit}
  body .site-header .menu-toggle{grid-column:3;grid-row:1;margin:0;width:44px;height:44px}
  .js body .site-header .menu-toggle{display:block}
  body .site-header .header-cta{display:none}
  body .site-header .primary-nav{grid-column:1/-1;grid-row:2;width:100%;min-width:0;padding:8px 0 6px;border-top:1px solid var(--line)}
  .js body .site-header .primary-nav{display:none}
  .js body .site-header .primary-nav.is-open{display:block;max-height:min(55vh,360px);overflow-y:auto;overscroll-behavior:contain}
  body .site-header .primary-nav .menu{display:block}
  body .site-header .primary-nav .menu a{min-height:48px;padding:8px 12px;font-size:16px}
  body .site-header .primary-nav .sub-menu{position:static;min-width:0;box-shadow:none}
}