.brand-icon{display:block;flex-shrink:0;width:44px;height:44px;border-radius:12px}
.glow{width:min(440px,100%);height:auto;aspect-ratio:1;pointer-events:none}
[id]{scroll-margin-top:96px}
.mobile-menu,.gallery-hint{display:none}
.p2,.d2{left:12%;right:auto}.p3,.d3{left:34%;right:auto}.p4,.d4{left:56%;right:auto}.p11,.d11{left:78%;bottom:25%}
.mobile-links a{min-height:44px;display:flex;align-items:center;padding:10px 16px;border-radius:10px}
.mobile-links a:hover{background:#15220d;color:var(--g)}
.mockups-grid:focus-visible{outline:3px solid var(--g);outline-offset:5px}
@media(max-width:920px){
 .nav{gap:12px}.mobile-menu{display:block;margin:0;padding:0;border:0;background:transparent;position:relative;flex-shrink:0}
 .mobile-menu summary{display:flex;gap:6px;align-items:center;min-height:44px;padding:8px 10px;font-size:14px;border:1px solid var(--line);border-radius:10px}
 .mobile-menu summary::after{content:none}.mobile-menu summary span:first-child{font-size:20px}
 .mobile-links{position:absolute;right:0;top:54px;width:min(280px,calc(100vw - 32px));padding:8px;border:1px solid var(--line);border-radius:16px;background:#090e09;box-shadow:0 20px 50px #000b}
 .nav>.btn{margin-left:auto}.brand-icon{width:36px;height:36px;border-radius:10px}
}
@media(max-width:640px){
 .nav{gap:8px}.nav>.brand{letter-spacing:.07em;font-size:13px;gap:7px}.nav>.btn{font-size:12px;padding:10px 9px;min-height:44px;white-space:nowrap}
 .mobile-menu summary{padding:8px;gap:0}.mobile-menu summary span:last-child{display:none}
 .brand-icon{width:32px;height:32px}.hero-grid{min-width:0}.hero-grid>div{min-width:0}
 .gallery-hint{display:block;font-size:14px;color:#b5bfb5;margin:0 0 18px}
 .mockups-grid{display:flex;align-items:stretch;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:6px;padding:6px 6px 18px;overscroll-behavior-x:contain;scrollbar-color:var(--g) #182018;scrollbar-width:thin}
 .app-shot{flex:0 0 calc(100% - 20px);width:calc(100% - 20px);max-width:none;margin:0;scroll-snap-align:start;transform:none!important;display:flex;flex-direction:column}
 .app-shot .inner{flex:1;min-height:0;padding:14px 12px}.mockup-caption{padding:0 5px 8px}.mock-top .title{letter-spacing:.08em}.mock-h1{font-size:24px}
 .document .kicker{display:flex;margin-top:24px}.document .back{display:inline-block;min-height:44px;padding-top:10px}
}

@media(max-width:640px){.stage{min-width:0;grid-template-columns:minmax(0,1fr)}.phone{width:min(290px,100%);min-width:0}}

.mobile-menu[open] summary::after{content:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}
.document>.back{display:block;width:fit-content;min-height:44px;padding-top:10px}
.document>.kicker{display:flex;margin-top:24px}