.app-visual>img.mascot-portrait{object-fit:contain;height:390px;width:100%;border-radius:0}.hero-note img,.aside img{object-fit:contain;border-radius:0}.app-visual:has(.mascot-portrait){background:radial-gradient(ellipse at center,#fff6d9 0%,#f5efcf 50%,#e2ebd9 100%)}
@media(max-width:720px){.app-visual>img.mascot-portrait{height:310px}}
.brand-icon{object-fit:contain;flex-shrink:0;width:43px;height:43px;border-radius:9px}
@media(max-width:720px){.brand-icon{width:37px;height:37px}}
.try-qr{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:clamp(28px,5vw,70px);padding:clamp(28px,4vw,52px);background:#f4efd9;border:1px solid #dce4d2;border-radius:26px}
.try-qr h2{margin:.35em 0}.try-qr p{max-width:62ch}.try-qr .button{margin-top:12px}.try-qr .micro{margin-bottom:0}
.qr-link{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;color:#315867;text-decoration:none;font-size:.9rem;font-weight:700}.qr-link img{display:block;width:min(100%,250px);height:auto;padding:10px;background:#fff;border-radius:16px;box-shadow:0 8px 22px #183b4618}
@media(max-width:720px){.try-qr{grid-template-columns:1fr}.qr-link{display:none}}