*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:#28292b;font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0a7145;outline-offset:5px}img{display:block;height:auto}h1,h2,h3,p,figure{margin:0}h2{font-size:42px;line-height:1.4}h3{font-size:23px}p{line-height:1.7}.header{height:76px;position:relative;z-index:10}.header nav{position:fixed;top:0;width:100%;height:76px;background:#fff;box-shadow:0 2px 6px #0000000a;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1120px)/2),24px)}.logo img{width:244px;height:48px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:40px;font-size:18px}.navlinks .current{position:relative}.navlinks .current:after{content:'';position:absolute;bottom:-14px;height:2px;background:#222;left:0;right:0}.replica{min-width:1120px}.replica .header nav{min-width:1120px}.original-image{display:flex;justify-content:center;overflow:hidden;min-width:1120px}.original-image img{width:2880px;max-width:none;flex-shrink:0}.carousel{position:relative;overflow:hidden}.original-carousel{height:750px;min-width:1120px;max-width:2880px;margin:auto;background-position:center;background-size:cover;padding-top:204px}.carousel-stage{position:relative;max-width:1120px;margin:auto}.slides{position:relative;height:400px;margin:0 auto;width:948px}.slide{position:absolute;left:50%;width:712px;top:0;transform:translateX(-50%) scale(.75);opacity:0;transition:transform .35s,opacity .35s;pointer-events:none;border-radius:16px;overflow:hidden;z-index:0}.slide>img,.slide>a>img{width:712px;height:400px;object-fit:cover}.slide.active{transform:translateX(-50%);opacity:1;z-index:2;pointer-events:auto}.slide.previous{transform:translateX(calc(-50% - 316px)) scale(.75);opacity:1;z-index:1}.slide.next{transform:translateX(calc(-50% + 316px)) scale(.75);opacity:1;z-index:1}.arrow{position:absolute;z-index:3;top:173px;width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid #eee;font-size:40px;line-height:40px;color:#aaa;box-shadow:0 4px 14px #0000000c}.arrow:hover{background:#e3f9e9;color:#16934e}.arrow.prev{left:0}.arrow.next{right:0}.dots{display:flex;justify-content:center;gap:6px;margin-top:40px}.dots button{border:0;border-radius:8px;background:#d6d6d6;width:12px;height:8px;padding:0;position:relative}.dots button:after{content:'';position:absolute;inset:-12px -2px}.dots button[aria-pressed=true]{width:20px;background:#aeb1ad}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{background:#212121;color:white;padding-top:56px}.footer-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:280px 1fr auto;gap:74px}.footer-inner h2,.footer-inner h3{font-size:24px;font-weight:500;margin-bottom:20px}.footer-inner p{font-size:16px;line-height:24px;margin-top:18px}.footer-inner a{display:block;line-height:36px;font-weight:300}.socials{display:flex;gap:32px}.social{position:relative}.social summary{list-style:none;text-align:center}.social summary img{width:72px;height:72px}.social summary span{display:block;margin-top:16px;font-size:13px;color:#bbb}.social summary::-webkit-details-marker{display:none}.qr{position:absolute;bottom:110px;left:50%;transform:translateX(-50%);background:#fff;padding:6px;box-shadow:0 4px 20px #0002}.qr img{width:160px;height:160px}.copyright{background:#000;color:#b9b9b9;text-align:center;margin-top:48px;padding:32px 20px 90px;font-size:13px}.copyright p{margin-top:12px}.demo-switch{position:fixed;z-index:30;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #ddd;background:#fffef5;box-shadow:0 4px 24px #0002;border-radius:32px;white-space:nowrap;font-size:13px}.demo-switch>span{padding:0 12px;color:#70746a}.demo-switch a{padding:10px 14px;border-radius:22px}.demo-switch a[aria-current=page]{color:white;background:#205d41}.demo-switch a:hover{background:#dff1e5;color:#184b33}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:#fff;padding:14px}.skip:focus{top:12px}.hero{background:#2ac86a}.hero-inner{max-width:1200px;min-height:547px;display:grid;grid-template-columns:58% 42%;align-items:center;margin:auto}.hero-photo{align-self:end;overflow:hidden}.hero-photo img{height:547px;width:850px;max-width:none;object-fit:cover;position:relative;left:50%;transform:translateX(-50%)}.hero-copy{padding:40px 20px 50px;color:#063f2a}.eyebrow{font-size:15px;letter-spacing:2px;font-weight:bold}.hero h1{font-size:49px;line-height:1.27;margin:22px 0;font-weight:800;letter-spacing:-1px}.hero-copy p{font-size:20px;color:#06442b}.primary{display:inline-flex;align-items:center;gap:40px;background:#fff5aa;border-radius:28px;padding:15px 25px;font-weight:bold;margin-top:30px}.primary:hover{background:#fff}.section{padding:80px 24px;max-width:1248px;margin:auto}.section-heading{text-align:center;margin-bottom:50px}.section-heading h2{display:inline-block;position:relative}.section-heading h2:after{content:'';display:block;width:70px;height:6px;border-radius:9px;background:#ceef99;margin:16px auto 0}.section-heading p{font-size:17px;color:#555;margin-top:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;margin:0 0 48px}.stats strong{display:block;font-size:40px;color:#25bd60;letter-spacing:1px;margin-bottom:8px}.stats span{font-weight:bold;font-size:18px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.features figure{border-radius:20px;background:#f4f4f4;overflow:hidden;text-align:center}.features img{width:100%}.features figcaption{font-size:24px;letter-spacing:3px;font-weight:bold;padding:18px}.semantic-carousel{background:#f4f4f4;padding:70px 24px 65px}.semantic-carousel .slides{height:540px}.semantic-carousel .slide{background:white}.semantic-carousel .slide.previous,.semantic-carousel .slide.next{opacity:.65}.caption{padding:20px 24px;min-height:140px}.caption h3{font-size:20px;margin-bottom:8px;color:#168c4b}.caption p{font-size:15px;line-height:1.65}.semantic-carousel .dots{margin-top:24px}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.reason{border-radius:22px;padding:12px 12px 24px;background:#ffebec}.reason img{width:100%;aspect-ratio:340/230;object-fit:cover;border-radius:13px}.reason h3{padding:20px 8px 10px;font-size:23px}.reason p{padding:0 8px;font-size:17px;line-height:1.65}.reason-1{background:#fffac1}.reason-2{background:#d8f3ff}.reason-3{background:#ffe9cb}.reason-4{background:#edffd2}.reason-5{background:#f3e6ff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-grid figure{background:#f7f7f7;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.review-grid blockquote{font-size:16px;line-height:1.7;margin:0 0 24px}.review-grid figcaption{display:flex;justify-content:space-between;font-size:12px;color:#888}.review-grid figcaption span{color:#e4a623;letter-spacing:3px}.partners{max-width:none;background:#f5f5f5}.partner-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);background:white;border-radius:22px;padding:32px 20px}.partner-grid article{text-align:center;padding:10px 15px;border-right:1px solid #eee}.partner-grid article:last-child{border:0}.partner-grid img{width:100%;max-width:256px;margin:0 auto 24px}.partner-grid h3{font-size:20px}.how ol{max-width:1100px;margin:auto;padding:30px;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#fffcdf;border-radius:24px;text-align:center}.how li{padding:20px;background:white;border-radius:20px}.how li span{font-size:45px;font-weight:bold;color:#27be61}.how h3{margin-top:12px}.faq{padding-top:20px;max-width:1000px}.faq details{border-bottom:1px solid #dce6db;padding:22px 0}.faq summary{font-size:20px;font-weight:bold;line-height:1.5}.faq details p{margin-top:14px;color:#555}.optimized .footer-inner{padding:0 24px;max-width:1168px}.optimized .section,.optimized .semantic-carousel{scroll-margin-top:76px}
@media(max-width:800px){.optimized .header nav{padding:0 20px}.optimized .logo img{width:170px;height:auto}.optimized .navlinks{gap:20px;font-size:14px}.optimized .navlinks .current{display:none}.hero-inner{display:flex;flex-direction:column-reverse;min-height:0}.hero-copy{padding:42px 24px 14px;width:100%}.hero h1{font-size:38px;margin:15px 0}.hero-copy p{font-size:17px}.hero-photo{width:100%;height:320px}.hero-photo img{height:320px;width:497px;left:50%;transform:translateX(-50%)}.hero .primary{margin-top:20px}.section{padding:48px 20px}.section-heading{margin-bottom:30px}h2{font-size:28px}.section-heading p{font-size:15px}.stats{grid-template-columns:repeat(2,1fr);gap:30px 14px;margin-bottom:30px}.stats strong{font-size:30px}.stats span{font-size:15px}.features{grid-template-columns:repeat(2,1fr);gap:16px}.features figcaption{font-size:18px;padding:13px;letter-spacing:1px}.features figure{border-radius:15px}.reasons{grid-template-columns:repeat(2,1fr);gap:16px}.reason h3{font-size:18px;padding:15px 2px 8px}.reason p{font-size:14px;padding:0 2px}.reason{padding:10px 10px 18px}.semantic-carousel{padding:48px 20px 38px}.semantic-carousel .carousel-stage{max-width:712px}.semantic-carousel .slides{width:100%;height:auto;min-height:0}.semantic-carousel .slide{position:relative;left:auto;width:100%;display:none;transform:none;opacity:1}.semantic-carousel .slide.active{display:block;transform:none}.semantic-carousel .slide.previous,.semantic-carousel .slide.next{display:none}.semantic-carousel .slide>img,.semantic-carousel .slide>a>img{width:100%;height:auto;aspect-ratio:16/9}.semantic-carousel .arrow{width:40px;height:40px;top:calc((100vw - 40px)*.28125 - 20px);font-size:30px;line-height:30px;background:#fffef2dd}.semantic-carousel .arrow.prev{left:-10px}.semantic-carousel .arrow.next{right:-10px}.caption{min-height:150px;padding:20px}.caption p{font-size:14px}.review-grid{grid-template-columns:repeat(2,1fr);gap:14px}.review-grid figure{padding:20px}.review-grid blockquote{font-size:14px}.review-grid figcaption{flex-wrap:wrap;gap:10px}.partner-grid{grid-template-columns:repeat(2,1fr);padding:20px 10px;row-gap:30px}.partner-grid h3{font-size:16px}.partner-grid article:nth-child(2){border:0}.how ol{gap:12px;padding:16px}.how li{padding:15px 6px}.how li span{font-size:32px}.how h3{font-size:16px}.faq summary{font-size:18px}.optimized .footer-inner{grid-template-columns:1fr 1fr;gap:32px}.optimized .footer-inner>section:first-child{grid-column:1/-1}.optimized .footer-inner h2{font-size:22px}.optimized .copyright{padding-bottom:100px}.demo-switch{bottom:12px;font-size:12px;max-width:calc(100vw - 16px);gap:0}.demo-switch>span{display:none}.demo-switch a{padding:10px 15px}.socials{gap:18px}.social summary img{width:48px;height:48px}.qr{left:auto;right:0;transform:none}.optimized .header{height:68px}.optimized .header nav{height:68px}}
@media(max-width:400px){.reasons,.review-grid{grid-template-columns:1fr}.hero h1{font-size:34px}.stats strong{font-size:26px}.optimized .navlinks{gap:14px}.optimized .logo img{width:150px}.optimized .footer-inner{grid-template-columns:1fr}.optimized .footer-inner>section:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.footer-inner>section:nth-child(2)>a{display:table;width:fit-content}
.social[open]{z-index:20}
.social .qr::after{content:"";position:absolute;left:0;right:0;top:100%;height:24px}
.download-card{position:relative}
.download-qr{position:absolute;top:26px;left:50%;transform:translateX(-50%);width:186px;height:186px;background:white;border:4px solid #e5f2da;border-radius:20px;padding:8px;z-index:1}
.download-qr[hidden]{display:none}
.download-card .download-qr img{width:100%;height:100%;margin:0;object-fit:contain}
.download-qr::after{content:"";position:absolute;bottom:-12px;left:calc(50% - 10px);width:16px;height:16px;background:white;border-right:4px solid #e5f2da;border-bottom:4px solid #e5f2da;transform:rotate(45deg)}
