.style-intro{padding:10px 0 30px}.style-intro h1{font-size:clamp(36px,4vw,52px);line-height:1.4}.style-intro p{font-size:18px}.style-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.style-sample-grid figure{margin:0;min-width:0}.sample-open{position:relative;display:block;width:100%;padding:0;border:0;background:none;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #3b503018}.sample-open img{width:100%;height:auto;display:block;transition:transform .35s}.sample-open:hover img{transform:scale(1.025)}.sample-open:focus-visible{outline:3px solid #a97954;outline-offset:5px}.sample-zoom{position:absolute;right:14px;bottom:14px;padding:5px 12px;border-radius:20px;color:white;background:#233c33d9;font-size:13px}.style-sample-grid figcaption{display:flex;align-items:center;gap:10px;padding:14px 3px;font-size:17px;font-weight:700}.sample-num{font-size:12px;letter-spacing:1px;color:#71886b}.sample-explanation{text-align:center;font-size:17px;margin:24px auto 0;color:var(--sub)}.style-how,.style-app{padding-top:75px;text-align:center}.style-how h2,.style-app h2{font-size:clamp(23px,3vw,31px);margin:15px 0 28px}.style-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}.style-steps article{background:#f5f3ea;border:1px solid var(--line);padding:24px;border-radius:14px}.style-steps b{font-size:13px;color:var(--sprout-tx)}.style-steps h3{font-size:19px;margin-top:10px}.style-steps p{font-size:15px;margin-bottom:0;color:var(--sub)}.style-small-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.style-small-screens figure{margin:0}.style-small-screens img{width:100%;display:block;border:1px solid var(--line);border-radius:12px}.style-small-screens figcaption{font-size:14px;margin-top:10px;color:var(--sub)}.style-app .hero-actions{justify-content:center;margin-top:30px}.style-platform{font-size:14px;color:var(--sub)}.sample-dialog{border:0;padding:0;background:#fffdf6;border-radius:14px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px);overflow:auto;box-shadow:0 25px 80px #0005}.sample-dialog::backdrop{background:#13271cdd;backdrop-filter:blur(5px)}.sample-dialog img{display:block;width:auto;max-width:calc(100vw - 40px);max-height:calc(100dvh - 100px);object-fit:contain}.sample-dialog p{text-align:center;margin:12px;font-weight:700}.sample-close{position:sticky;top:12px;float:right;margin:12px 12px -50px 0;border:1px solid #d6dace;z-index:2;border-radius:50%;width:38px;height:38px;background:#fffffff0;font-size:19px}@media(max-width:700px){.style-sample-grid,.style-steps,.style-small-screens{grid-template-columns:1fr}.style-sample-grid{gap:18px}.style-detail{padding-top:25px}.style-intro p,.sample-explanation{font-size:16px}.style-how,.style-app{padding-top:45px}.style-steps article{padding:20px}.style-sample-grid figcaption{font-size:16px}}