.hero-art-real{min-height:680px;overflow:hidden}
.hero-screen-link{display:block;position:relative;z-index:1;width:min(300px,68%);border:8px solid #1d3329;border-radius:44px;overflow:hidden;box-shadow:18px 30px 48px #294c3e30;transform:rotate(-5deg);transition:transform .3s ease}
.hero-screen-link:hover{transform:rotate(-2deg) translateY(-6px)}
.hero-screen-link .hero-screen{width:100%;height:auto;aspect-ratio:1206 / 2622;object-fit:contain;display:block}
.hero-art-real .art-note{right:16px;top:26px}
.screen-caption{position:absolute;bottom:20px;font-size:11px;color:#586e5d;letter-spacing:.04em;z-index:2}
.app-guide-section{max-width:1320px;margin:auto;padding:96px 54px 14px}
.app-guide-section .section-heading>div:nth-child(2){display:block}
.app-guide-section .section-heading p{max-width:590px}
.app-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.app-guide-card{min-height:275px;background:#edf2e6;border:1px solid #d6dfd0;border-radius:22px;padding:25px;display:flex;flex-direction:column;transition:transform .2s ease,background .2s ease}
.app-guide-card:nth-child(2),.app-guide-card:nth-child(5){background:#f4f4ed}
.app-guide-card:hover{transform:translateY(-4px);background:#e3ecd9}
.guide-number{font-size:11px;font-weight:700;letter-spacing:.16em;color:#62756b}
.guide-icon{font-size:29px;color:#2c5948;margin-top:12px;line-height:1}
.app-guide-card h3{font-size:25px;letter-spacing:-1px;margin-top:15px}
.app-guide-card p{font-size:14px;color:#627065;margin-top:8px;line-height:1.5}
.guide-arrow{font-size:13px;font-weight:700;margin-top:auto;padding-top:20px}
@media(max-width:1000px){.app-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.hero-art-real{min-height:640px}.hero-screen-link{width:min(280px,65%)}.app-guide-section{padding:58px 24px 4px}.app-guide-grid{grid-template-columns:1fr;gap:13px}.app-guide-card{min-height:235px}}
@media(prefers-reduced-motion:reduce){.hero-screen-link,.app-guide-card{transition:none}}