.content-grid{grid-template-columns:1fr}

@media (max-width:1199px){
  .header-inner,.hero-inner,.content-grid{width:calc(100% - 64px)}
  .hero-art{right:-40px;transform:scale(.85);transform-origin:right center}
}

@media (max-width:767px){
  .site-header{height:64px}
  .header-inner,.hero-inner,.content-grid{width:calc(100% - 32px)}
  .logo{width:auto;flex-shrink:0}
  .logo-icon{width:34px;height:34px}
  .logo-name{font-size:20px}
  .main-nav{gap:0;margin-left:20px}
  .main-nav a{font-size:14px}
  .hero{height:auto;min-height:318px}
  .hero-copy{padding-top:32px;padding-bottom:28px}
  .hero h1{font-size:28px;line-height:40px}
  .hero-copy>p{font-size:15px;line-height:24px}
  .feature-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}
  .feature{min-width:0;width:100%;gap:8px}
  .feature+.feature{padding-left:0;border-left:0}
  .feature-icon{width:34px;height:34px}
  .feature-icon svg{width:18px;height:18px}
  .feature b{font-size:12px}
  .feature small{font-size:10px;white-space:nowrap}
  .hero-art{display:none}
  .content-grid{margin-top:16px;margin-bottom:24px}
  .transfer-card{padding:16px;min-height:0}
  .mode-tabs{gap:6px}
  .mode-tab{width:50%;font-size:13px}
  .dropzone{height:250px;margin-top:16px;padding:0 16px;text-align:center}
  .dropzone strong{font-size:16px}
  .dropzone>span:not(.upload-cloud){font-size:12px}
  .expiry-row{display:block;margin-top:16px}
  .expiry-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
  .expiry{padding:0 12px}
  .start-button{width:100%;justify-content:center;margin-top:16px}
  .receive-view{padding-top:24px}
  .receive-intro h3{font-size:18px}
  .receive-intro p{font-size:13px;line-height:20px}
  .receive-code-row input{font-size:14px}
  .choose-button{width:150px}
  .selected-head{padding:0 12px}
  .file-row{padding:0 12px}
  .file-row-name{max-width:45vw}
  .file-row-size{font-size:11px}
}