@media (max-width: 760px) {
  body { background:#03182a; }
  .shell {
    width:100%;
    padding:22px 18px calc(30px + env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 88% 7%,rgba(0,149,255,.22),transparent 24rem),
      radial-gradient(circle at 0 28%,rgba(20,116,182,.16),transparent 20rem),
      linear-gradient(160deg,#073b60 0,#031d34 34%,#031523 100%);
  }
  .brand { gap:14px; }
  .brand img { width:68px;height:68px;border-radius:18px;box-shadow:0 14px 32px #0006,0 0 0 1px #168edc66; }
  .brand-copy { padding-left:14px; }
  .brand-title { font-size:clamp(1.82rem,8vw,2.25rem); }
  .brand-sub { margin-top:6px;font-size:.82rem;line-height:1.25; }
  .hero { display:grid;grid-template-columns:1fr;margin-top:12px;gap:0; }
  .hero-copy { min-width:0; }
  .beta-badge { margin-top:28px;padding:8px 14px;font-size:.72rem; }
  .hero h1 { max-width:12ch;margin:24px 0 16px;font-size:clamp(2.7rem,13vw,4rem)!important;line-height:.91;letter-spacing:-.065em;text-wrap:balance; }
  .hero h1 span { margin-top:4px; }
  .hero-copy>p:not(.free-note) { max-width:29rem;font-size:1.02rem;line-height:1.46;color:#dce9f4; }
  .download { width:100%;min-height:62px;margin-top:24px;padding:12px 18px;gap:13px;font-size:1.05rem;box-shadow:0 16px 42px #007ee060,0 0 0 1px #5fc7ff55 inset; }
  .download .platforms { display:inline;padding-right:14px; }
  .free-note { width:100%;margin-top:11px!important;font-size:.82rem!important; }
  .device { width:min(76vw,290px);margin:32px auto 18px;padding:9px;border-radius:40px;transform:rotate(3deg);box-shadow:0 30px 60px #000b,0 0 38px #008de833; }
  .device::before { top:9px;width:94px;height:21px; }
  .device-screen { min-height:510px;padding:34px 12px 67px;border-radius:31px; }
  .hello { font-size:.7rem; }.hello strong { font-size:.9rem; }
  .mini-tabs { margin:12px 0 9px;padding:3px;font-size:.55rem; }.mini-tabs span{padding:6px 1px}
  .mini-metrics{gap:5px}.mini-card{padding:8px 5px;font-size:.58rem}.mini-card b{font-size:.9rem}
  .profit{margin-top:6px;padding:9px;font-size:.6rem}.profit b{font-size:1.2rem}
  .jobs-title{margin:14px 0 5px;font-size:.74rem}.jobs-title span{font-size:.58rem}
  .mini-job{grid-template-columns:27px 1fr auto;gap:6px;padding:7px 0;font-size:.58rem}.mini-job i{width:26px;height:26px}.mini-job small{font-size:.53rem}
  .mini-nav{left:9px;right:9px;bottom:9px;padding:8px 4px;border-radius:0 0 29px 29px;font-size:.5rem}.mini-nav .plus{width:42px;height:42px;font-size:1.8rem}
  .browser-warning { grid-column:1;display:none!important;margin:16px 0 4px;padding:16px;border:1px solid #efa95088;border-radius:18px;background:linear-gradient(135deg,rgba(84,61,27,.52),rgba(23,37,48,.72));box-shadow:0 12px 32px #0004;backdrop-filter:blur(14px);color:#ffebc8; }
  .browser-warning[style*="display: block"] { display:grid!important;grid-template-columns:1fr auto;gap:12px;align-items:center; }
  .browser-warning strong { display:block;margin-bottom:3px;color:#fff;font-size:1rem; }
  .copy-link { width:auto;min-width:112px;margin:0;padding:10px 14px; }
  .copy-status { grid-column:1/-1;margin:0; }
  .section-title { font-size:clamp(1.8rem,8vw,2.3rem); }
  .install-intro { margin:-4px 0 0;color:#c8d9e8;font-size:1rem;line-height:1.55; }
  .install-primary { width:100%;margin:18px 0 0; }
  .install-reassurance { margin:10px 0 20px;color:#9fc0d8;font-size:.86rem;text-align:center; }
  .install-card { grid-template-columns:1fr;padding:18px 16px; }
  .install-card h3 { display:flex;align-items:center;gap:10px; }
  .browser-icon { display:inline-flex;flex:0 0 34px;width:34px;height:34px;filter:drop-shadow(0 5px 10px #0005); }
  .browser-icon svg { display:block;width:100%;height:100%; }
  .install-card ol { width:100%; }
  .install-card li { align-items:flex-start;line-height:1.45; }
  .steps-grid,.why-grid { grid-template-columns:1fr;gap:10px; }
  .step-card,.why-card { display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:start;padding:16px; }
  .step-number,.why-icon { grid-row:1/3;margin:0; }
  .step-card h3,.why-card h3 { margin:1px 0 5px;font-size:1rem; }
  .step-card p,.why-card p { font-size:.86rem; }
  .install,.faq,.donate,.feedback,.bottom-cta { border-radius:20px;box-shadow:0 18px 45px #0003; }
}

.amount-option.is-selected { background:#0068c9; }

@media (max-width: 370px) {
  .shell { padding-inline:14px; }
  .brand img { width:60px;height:60px; }
  .brand-title { font-size:1.7rem; }
  .hero h1 { font-size:2.55rem!important; }
  .device { width:82vw; }
  .browser-warning[style*="display: block"] { grid-template-columns:1fr; }
  .copy-link { width:100%; }
}