.hero-motion{position:relative}.motion-dots{display:flex;justify-content:center;gap:12px;width:60%;margin:12px 0 0 auto}.motion-dots button{width:36px;height:36px;position:relative;border:0;border-radius:50%;font-size:0;background:transparent;cursor:pointer}.motion-dots button:after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#c5cbbb;margin:auto;transition:transform .2s,background .2s}.motion-dots button[aria-selected=true]:after{background:#52704d;transform:scale(1.35)}.motion-dots button:focus-visible,.motion-full:focus-visible,.motion-arrow:focus-visible{outline:3px solid #bd916d;outline-offset:3px}.motion-arrow,.motion-full{position:absolute;z-index:3;border:1px solid #d2d9c7;background:#fffdf5ed;color:#42613c;box-shadow:0 3px 12px #35442b15;cursor:pointer}.motion-full{right:12px;top:12px;border-radius:8px;min-width:38px;height:38px;font:inherit;font-size:20px;padding:0 8px}.motion-arrow{top:38%;width:40px;height:48px;font-size:32px;border-radius:10px;opacity:0;transition:opacity .2s}.motion-arrow.previous{left:10px}.motion-arrow.next{right:10px}.hero-motion:hover .motion-arrow,.hero-motion:focus-within .motion-arrow{opacity:1}.hero-motion:fullscreen,.hero-motion.motion-overlay{width:100vw;height:100dvh;background:#faf6eb;padding:0;overflow:auto}.hero-motion:fullscreen iframe,.hero-motion.motion-overlay iframe{width:100%;height:100%!important;border-radius:0}.hero-motion.motion-overlay{position:fixed;inset:0;z-index:9999}.has-motion-overlay{overflow:hidden}.hero-motion:fullscreen .motion-arrow,.hero-motion.motion-overlay .motion-arrow{opacity:1}.logo-icon img{display:block;object-fit:contain;max-width:none;width:44px;height:44px}.app-card[hidden]{display:none!important}.showcase-section h1{font-family:var(--serif);font-size:clamp(30px,4vw,46px);line-height:1.5}.style-detail{padding:50px 0}.style-intro{text-align:center}.style-intro h1{font-family:var(--serif);font-size:clamp(30px,4vw,46px);line-height:1.5}.style-intro h1 em{color:var(--sprout);font-style:normal}.style-intro p{line-height:1.9}.style-intro .hero-actions{justify-content:center}.style-result{margin:36px auto 0;max-width:1100px}.style-result img,.style-gallery img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid #dce2d4;box-shadow:0 12px 32px #3c503013}.style-result figcaption,.style-gallery figcaption{text-align:center;font-size:14px;color:#71816a;line-height:1.7;margin-top:12px}.style-features,.style-gallery{padding-top:65px}.style-features article{background:#fffdf6;border:1px solid #dce2d4;padding:24px;border-radius:12px}.style-features h2,.style-gallery h2{text-align:center;font-family:var(--serif);margin-bottom:28px}.style-gallery figure{margin:0 0 35px}.style-note{line-height:1.8;background:#edf2e6;border-radius:12px;padding:20px;margin-top:28px}.style-back{text-align:center;padding-top:25px}@media(max-width:850px){.motion-dots{width:100%;margin-top:8px}.motion-arrow{opacity:1;width:34px;height:42px}.motion-full{right:8px;top:8px;min-width:34px;height:34px}.style-detail{padding-top:28px}.style-features,.style-gallery{padding-top:40px}}
.hero-motion:fullscreen .motion-arrow,.hero-motion.motion-overlay .motion-arrow{display:none}