/* p0s (2026-10-26): marketing pages at phone widths use the app's layout (header, cards, type, 52px targets, bottom nav). Loaded with media="(max-width:480px)". */
.l-short{display:none}
@media (max-width:480px){
 .l-long{display:none}.l-short{display:inline}
 body.mkt header.top .wrap{min-height:56px;gap:8px}
 body.mkt header.top .btn.sm[href="#contact"]{display:none}
 body.mkt main.wrap{padding-bottom:96px}
 body.mkt h1{font-size:1.6rem;line-height:1.15}
 body.mkt h2{font-size:1.25rem}
 body.mkt .lead{font-size:1rem}
 body.mkt section,body.mkt .card{border-radius:var(--r)}
 body.mkt main>section:not(.card):not(.grid){background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:0 0 12px}
 body.mkt .grid{gap:12px}
 body.mkt .card{padding:14px;margin:0 0 12px}
 body.mkt .btn{min-height:52px;border-radius:12px}
 body.mkt .btn.sm{min-height:52px}
 body.mkt .row{display:flex;flex-direction:column;align-items:stretch;gap:10px}
 body.mkt .row .btn{width:100%}
 body.mkt .btn.big{width:100%}
 body.mkt form .btn.primary{width:100%}
 body.mkt input,body.mkt textarea,body.mkt select{min-height:52px}
 body.mkt .fe-role{min-height:72px;display:block}
 body.mkt .shots{gap:10px}
 body.mkt footer{padding-bottom:96px}
 nav.bnav.mkt{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:4px 2px calc(4px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);z-index:40}
 nav.bnav.mkt a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52px;border-radius:10px;color:var(--soft);text-decoration:none;font:600 .78rem Inter,sans-serif}
 nav.bnav.mkt a[aria-current=page]{color:#F2B33D}
}
@media (min-width:481px){nav.bnav.mkt{display:none}}
/* p0s photos + voice note */
.wn-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin:8px 0}.wn-ph{margin:0;display:grid;gap:4px}.wn-ph img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
#title::placeholder{text-overflow:ellipsis}
/* p0s: one-time voice-only sheet (Legal 4.2) */
.wn-sheet{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center;z-index:60;padding:12px}
.wn-sheet>.card{width:100%;max-width:480px;margin:0}
.wn-sheet label{display:flex;gap:10px;align-items:center;min-height:44px}