@media (max-width: 820px) {
  body { min-width: 0; }
  main,section,.wrap,.inline-grid,.feature-bento,.bento-card,.awareness-demo,.model-window { min-width:0; max-width:100%; }
  .wrap { width:calc(100% - 44px); }
  section { padding:72px 0; }
  .head { display:block; margin-bottom:32px; }
  .head h2,.feature-copy h2 { font-size:clamp(38px,11vw,52px); line-height:.98; }
  .head p,.feature-copy p { margin-top:18px; font-size:16px; line-height:1.52; }

  .liquid-nav-inner > .brand span { display:none; }
  .liquid-nav-inner > .brand { left:12px; padding:0; }
  .liquid-nav .brand img { width:34px; height:34px; }
  .liquid-nav .nav-actions { right:7px; gap:6px; }
  .liquid-nav .nav-github { width:48px; }
  .liquid-nav .nav-download { padding:0 14px; }

  .hero { height:auto; min-height:660px; max-height:none; padding-top:64px; }
  .hero h1 { font-size:clamp(48px,14vw,66px); line-height:.92; }
  .hero p { width:min(100%,390px); margin-top:22px; font-size:16px; line-height:1.48; }
  .actions { width:100%; margin:25px auto 0; gap:9px; align-items:center; }
  .hero-button { width:min(310px,100%); height:48px; margin-inline:auto; }
  .requirements { padding:0 12px; }
  .hero-visual { height:255px; }

  .inline-grid { display:grid; grid-template-columns:1fr; gap:14px; }
  .editor-demo,.agent-terminal { width:100%; min-height:0; }
  .editor-demo { height:430px; }
  .agent-terminal { height:530px; }
  .editor-page { padding:26px 22px; }
  .term-tabs { gap:8px; padding-right:8px; overflow:hidden; }
  .tab-list { min-width:0; overflow-x:auto; scrollbar-width:none; }
  .tab-list::-webkit-scrollbar { display:none; }
  .tab { flex:0 0 auto; }
  .panel { padding:58px 14px 16px; overflow-wrap:anywhere; }
  .claude-grid { grid-template-columns:1fr; }
  .claude-grid .vline,.claude-grid > div:last-child { display:none; }

  #settings { overflow:hidden; }
  #settings > .wrap > .head,#settings .settings-story { display:none; }
  .bento-head { width:calc(100% - 44px); display:block!important; padding:0; margin:0 auto 32px; }
  .feature-bento { width:calc(100% - 44px); margin-inline:auto; display:flex; flex-direction:column; gap:14px; }
  .bento-card { flex:none; width:100%; border-radius:12px; }
  .cleanup-card { height:520px; }
  .languages-card { height:320px; }
  .dictionary-card { height:auto; min-height:390px; }
  .memory-card { height:auto; min-height:390px; }
  .bento-copy,.dictionary-card .bento-copy,.memory-card .bento-copy { padding:23px 22px; }
  .bento-copy h3 { font-size:24px; }
  .bento-copy p { font-size:13px; }
  .cleanup-stream { inset:100px 14px 14px; padding:20px 18px; font-size:20px; line-height:1.48; }
  .language-stack { inset:92px 0 14px; gap:7px; }
  .language-stack .language-lane span { min-width:146px; height:46px; padding:0 11px; font-size:12px; }
  .language-stack .language-lane b { font-size:18px; }
  .dictionary-list,.memory-lines { margin:0 14px 16px; min-height:0; }
  .dictionary-list > div { padding:12px; }
  .dictionary-toolbar { grid-template-columns:minmax(0,1fr) auto; }
  .dictionary-row { grid-template-columns:minmax(0,1fr) auto auto; }
  .memory-lines { padding:44px 12px 8px; }
  .memory-lines > div { min-height:54px; font-size:12px; }

  .awareness-scene { min-height:500px; }
  .awareness-scene.active { display:block; }
  .mail-list,.slack-rail { display:none; }
  .mail-draft { min-height:500px; padding:20px 18px; }
  .slack-scene,.slack-thread { min-height:410px; }
  .slack-thread { padding:20px 18px; background:#1a1d21; }
  .mail-toolbar { margin:-20px -18px 16px; overflow:hidden; white-space:nowrap; }
  .mail-copy { font-size:13px; }
  .slack-topbar { height:44px; margin:-20px -18px 16px; padding:0 12px; border-color:rgba(255,255,255,.12); background:#3f0e40; color:rgba(255,255,255,.72); }
  .slack-search { min-width:0; border-color:rgba(255,255,255,.18); background:rgba(255,255,255,.11); color:rgba(255,255,255,.78); }
  .slack-head { padding-bottom:12px; font-size:14px; }
  .slack-message { grid-template-columns:30px minmax(0,1fr); }
  .slack-message .slack-avatar { background:#2eb67d; color:#fff; }
  .slack-message + .slack-message .slack-avatar { background:#36c5f0; color:#102027; }
  .slack-message p { margin-top:5px; font-size:12px; line-height:1.48; }
  .slack-composer { margin-top:24px; }

  .feature-split { display:flex; flex-direction:column; gap:30px; }
  .feature-copy { order:-1; }
  .model-flow { padding:18px 14px; }
  .model-route { height:auto; padding:10px 0; flex-direction:column; gap:6px; }
  .model-route .route-line { width:2px; height:18px; flex:none; background:linear-gradient(to bottom,#44a7ff,#8c63ff,#ff5578); }
  .foundation-core { width:100%; min-width:0; flex:none; padding:11px 12px; }
  .foundation-core span { font-size:9px; }
  .model-output { padding:14px; }

  .local { padding:96px 0; }
  .local h2 { font-size:clamp(35px,9.6vw,46px); line-height:1; letter-spacing:-.055em; }
  .tech { gap:11px 14px; font-size:9px; }

  .flow-footer { min-height:520px; padding:34px 22px 24px; }
  .footer-nav { justify-content:center; align-items:center; }
  .footer-brand { display:none; }
  .footer-links { position:relative; z-index:5; gap:22px; font-size:12px; }
  .footer-links a:nth-child(-n+2) { display:none; }
  .footer-links a { position:relative; z-index:6; padding:6px 0; pointer-events:auto; }
  .footer-wave { inset:100px 0 78px; height:auto; gap:5px; }
  .footer-wave i { min-width:3px; }
  .footer-wave,.footer-word { pointer-events:none; }
  .footer-word { left:0; right:0; bottom:142px; width:100%; transform:translateY(35px); text-align:center; font-size:18vw; letter-spacing:-.07em; }
  .flow-footer.entered .footer-word { transform:none; }
  .footer-bottom { left:22px; right:22px; bottom:18px; flex-direction:column; align-items:center; text-align:center; gap:10px; }
  .socials { width:100%; justify-content:center; }
}

@media (max-width: 390px) {
  .liquid-nav .nav-github { width:44px; height:48px; }
  .liquid-nav .nav-download { padding:0 11px; font-size:11px; }
  .hero h1 { font-size:46px; }
  .footer-bottom { font-size:10px; }
  .socials { gap:10px; }
}