.mobile-hero{padding:18px 2%;background:#eef3f0}.zoom-image{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.mobile-hero img{width:100%;border-radius:14px}.mg-key{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.mg-key div,.use-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;line-height:1.5}.mg-key b{display:block;color:var(--orange);margin-bottom:8px}.mg-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.mg-flow article{background:#fff;color:var(--ink);border-radius:12px;padding:22px}.mg-flow b{color:var(--orange)}.feature-image img{width:100%;aspect-ratio:3/2;object-fit:contain;border-radius:14px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.use-grid h3{color:var(--green)}.mg-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.mg-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.mg-gallery img{width:100%;aspect-ratio:3/2;object-fit:contain;display:block}.mg-gallery figcaption{padding:15px 18px;font-weight:900;color:var(--green)}.image-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.96);align-items:center;justify-content:center;padding:30px 70px}.image-modal.open{display:flex}.image-modal>img{max-width:96vw;max-height:90vh;object-fit:contain}#closeModal{position:absolute;right:24px;top:12px;background:none;border:0;color:#fff;font-size:54px}.modal-nav{position:absolute;top:45%;background:rgba(255,255,255,.12);border:0;color:#fff;font-size:58px}.prev{left:12px}.next{right:12px}@media(max-width:1050px){.mg-key,.mg-flow{grid-template-columns:repeat(2,1fr)}.use-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.mg-key,.mg-flow,.use-grid,.mg-gallery{grid-template-columns:1fr}}