@media(max-width:699px){
 .hero{height:100svh;min-height:780px;background:#040c17}
 .hero-art{background-position:center top!important;background-size:auto 100%!important;opacity:.65}
 .hero:after{background:linear-gradient(180deg,#020b1944 0%,#030b1255 50%,#030b12 100%)}
 .hero .wrap{width:calc(100% - 36px);margin-top:0;margin-bottom:0}
 .hero header{height:96px;flex-wrap:wrap;gap:0;padding-top:12px;align-content:space-between;padding-bottom:8px}
 .hero header .brand{font-size:22px}.hero header .brand svg{width:31px;height:35px}
 .hero .header-install{font-size:10px;min-height:36px;padding:7px 9px}
 .hero header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:10px;height:36px;align-items:center}
 .hero header nav a,.hero header nav button{font-size:12px;padding:9px 0}
 .hero-content{padding-top:12px}
 .hero h1{font-size:clamp(29px,8.2vw,36px);line-height:1.08;letter-spacing:-1.2px;margin:0 0 12px}
 .hero-content>p{font-size:14px;line-height:1.5;max-width:330px;margin:0 auto 16px}
 .downloads{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .downloads>.button{grid-column:1/-1;min-height:42px;font-size:13px;border-radius:10px}
 .downloads .platform{min-height:40px;justify-content:center;padding:6px 12px;border-radius:10px;background:#081523bb}
 .downloads .platform b{font-size:12px}.downloads .platform small{font-size:10px}.downloads .brand-icon{width:22px;height:22px;margin-right:5px}
 .demo-stage{width:calc(100% - 32px);margin:18px auto 18px;transform:none;min-height:0}
 .demo-composition{justify-content:center;gap:10px}
 .laptop{width:100%;max-width:440px;height:auto;aspect-ratio:auto;flex:1;min-height:160px;max-height:280px;border-radius:12px;background:#080d16;border:1px solid #365473;box-shadow:0 10px 30px #0008;overflow:hidden}
 .laptop-art{display:none}
 #laptop-screen{inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none!important}
 .demo-browser-chrome{height:32px}.safari-toolbar{height:21px}.safari-tab{height:11px;line-height:11px}
 .demo-reader-viewport{top:32px}.screen-launch{top:32px}.screen-launch span{font-size:30px}.screen-launch small{font-size:13px}
 .player-mount{max-width:440px}
 .features.wrap,.pricing.wrap,.community.wrap,footer.wrap{width:calc(100% - 36px)}
 .features{padding-top:34px}.features h2{font-size:24px;line-height:1.25;margin-bottom:26px}
 .feature-grid{grid-template-columns:1fr 1fr;gap:25px 16px}.feature-grid article{text-align:left}.feature-grid svg{width:29px;height:29px;margin-bottom:9px}.feature-grid h3{font-size:15px;line-height:1.3}.feature-grid p{font-size:13px;line-height:1.5}.feature-grid br{display:none}
 .pricing{padding-top:42px}.pricing h2{font-size:28px}.section-intro{font-size:14px;line-height:1.5;margin:9px auto 25px;max-width:290px}
 .plans{gap:18px}.plan{text-align:left;padding:24px;border-radius:16px}.plan h3{font-size:23px}.plan .price{font-size:40px}.plan>p{font-size:15px}.plan ul{margin:18px 0}.plan li{font-size:14px;line-height:1.65}.plan .button{min-height:46px}.plan.featured{margin-top:9px}
 .community{margin-top:28px;min-height:410px;background-position:66% center;background-image:linear-gradient(180deg,#07101cf5 0%,#07101cd9 34%,#07101c33 70%,#07101c99),url('assets/community.webp')}
 .community-inner{padding:25px 23px;min-height:410px;display:flex;flex-direction:column;align-items:flex-start}.community h2{font-size:26px;line-height:1.15;max-width:285px}.community p{font-size:14px;line-height:1.5;margin:12px 0 18px}.community .button{min-height:46px;font-size:14px}.community-notes{margin-top:auto;padding-top:65px;gap:12px;font-size:10px}
 footer{padding-top:30px;padding-bottom:28px;gap:16px}footer nav{flex-wrap:wrap;justify-content:center;gap:22px}footer nav button{padding:10px 0;min-height:40px}.socials button{min-width:44px;min-height:44px;display:grid;place-items:center}
}