@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Shippori+Mincho:wght@600;700&display=swap";:root{color:#173c34;font-synthesis:none;text-rendering:optimizelegibility;--forest:#123f36;--forest-soft:#245f51;--cream:#f8f2e6;--paper:#fffdf7;--orange:#dd5b36;--mustard:#e8bd46;--mint:#dcebe3;--line-green:#06c755;--ink:#173c34;--muted:#66766f;--border:#173c3426;--shadow:0 22px 64px #18372e24;background:#f8f2e6;font-family:Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;display:block}.site{overflow:hidden}.skip-link{z-index:100;color:#fff;background:var(--forest);border-radius:10px;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:88px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--cream);background:var(--forest);border-radius:50% 50% 44% 56%;align-items:flex-end;gap:3px;padding:6px;display:flex;position:relative;transform:rotate(-4deg)}.brand-mark span{background:currentColor;border-radius:999px 999px 3px 3px;width:5px;display:block}.brand-mark span:first-child{height:12px;transform:rotate(-12deg)}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:15px;transform:rotate(12deg)}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy strong{letter-spacing:-.04em;font-size:1.08rem;font-weight:900}.brand-copy small{letter-spacing:.35em;margin-top:5px;font-size:.65rem;font-weight:700}.audience-nav{border:1px solid var(--border);background:#fffdf7b8;border-radius:999px;align-items:center;gap:8px;padding:5px;display:flex}.audience-nav span,.audience-nav a{border-radius:999px;padding:9px 16px;font-size:.83rem;font-weight:700;text-decoration:none}.audience-current{color:var(--cream);background:var(--forest)}.audience-nav a{transition:color .18s,background .18s}.audience-nav a:hover,.audience-nav a:focus-visible{color:var(--paper);background:var(--orange)}.hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(42px,6vw,90px);width:min(1180px,100% - 48px);min-height:690px;margin:0 auto;padding:52px 0 88px;display:grid}.hero-copy{z-index:3;position:relative}.eyebrow,.section-kicker{color:var(--orange);letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-size:.76rem;font-weight:800}.eyebrow{color:var(--forest);background:var(--mustard);letter-spacing:.08em;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;display:inline-flex}.eyebrow:before{background:var(--orange);content:"";border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-.065em;max-width:650px;margin:0;font-family:Shippori Mincho,Noto Serif TC,serif;font-size:clamp(3.25rem,5.8vw,5.8rem);font-weight:700;line-height:1.09}.site--merchant .hero h1{font-size:clamp(3.05rem,5.2vw,5.25rem)}.hero-description{color:#536b63;max-width:620px;margin:28px 0 0;font-size:clamp(1.04rem,1.6vw,1.22rem);line-height:1.85}.hero-actions{align-items:center;gap:22px;margin-top:34px;display:flex}.button{border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:56px;padding:0 23px;font-size:1rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 12px 30px #0e452f30}.button:hover,.button:focus-visible{transform:translateY(-2px);box-shadow:0 17px 36px #0e452f42}.button svg{fill:currentColor;width:24px;height:24px}.button--line{color:#fff;background:var(--line-green)}.button--line:hover,.button--line:focus-visible{background:#05ad4a}.button--line svg path:last-child{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px}.text-link{min-height:48px;color:var(--forest);text-underline-offset:5px;align-items:center;gap:4px;font-size:.94rem;font-weight:800;text-decoration-thickness:1px;display:inline-flex}.text-link svg,.company-links svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px;transition:transform .18s}.text-link:hover svg,.text-link:focus-visible svg,.company-links a:hover svg,.company-links a:focus-visible svg{transform:translate(3px)}.trust-list{flex-wrap:wrap;gap:8px 16px;margin:28px 0 0;padding:0;list-style:none;display:flex}.trust-list li{color:#526c63;align-items:center;gap:7px;font-size:.81rem;font-weight:600;display:flex}.trust-list svg{fill:none;width:18px;height:18px;stroke:var(--forest);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;background:var(--mint);border-radius:50%;padding:3px}.hero-visual{min-height:560px;position:relative}.hero-image-frame{border:10px solid var(--paper);background:var(--mint);box-shadow:var(--shadow);border-radius:44% 56% 48% 52%/38% 45% 55% 62%;position:absolute;inset:30px 0 0 18px;overflow:hidden;transform:rotate(1.8deg)}.hero-image-frame:after{content:"";background:linear-gradient(155deg,#0000 62%,#0f423733);position:absolute;inset:0}.hero-image-frame img{object-fit:cover;width:100%;height:100%}.site--consumer .hero-image-frame img{object-position:58% center}.site--merchant .hero-image-frame img{object-position:47% center}.hero-stamp{z-index:2;border:2px solid var(--cream);width:150px;height:150px;color:var(--cream);background:var(--orange);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:2px;right:-15px;transform:rotate(-10deg);box-shadow:0 15px 40px #6f2b1940}.hero-stamp strong{margin:4px 0;font-family:Shippori Mincho,serif;font-size:1.35rem}.hero-stamp span{letter-spacing:.18em;font-size:.56rem;font-weight:800}.hero-doodle{border:3px solid var(--mustard);opacity:.85;border-radius:50%;position:absolute}.hero-doodle--one{border-bottom-color:#0000;border-right-color:#0000;width:66px;height:31px;top:-10px;right:30px;transform:rotate(15deg)}.hero-doodle--two{border-left-color:#0000;width:44px;height:44px;bottom:50px;left:-15px;transform:rotate(-40deg)}.intro-section,.notes-section,.company-section{width:min(1180px,100% - 48px);margin:0 auto;padding:112px 0}.intro-section{border-top:1px solid var(--border)}.section-heading{grid-template-columns:1.05fr .95fr;align-items:end;gap:80px;display:grid}.section-heading h2,.process-heading h2,.notes-heading h2,.line-cta-copy h2,.company-heading h2{letter-spacing:-.045em;margin:0;font-family:Shippori Mincho,Noto Serif TC,serif;font-size:clamp(2.3rem,4vw,4rem);line-height:1.22}.section-heading>p,.process-heading>p:last-child,.line-cta-copy>p:not(.section-kicker),.company-heading>p:not(.section-kicker){color:var(--muted);margin:0;font-size:1.02rem;line-height:1.85}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:72px;display:grid}.benefit-card{border:1px solid var(--border);background:#fffdf7bd;border-radius:28px;min-height:300px;padding:34px;transition:transform .18s,box-shadow .18s}.benefit-card:nth-child(2){transform:translateY(18px)}.benefit-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px #18372e1a}.benefit-card:nth-child(2):hover{transform:translateY(15px)}.benefit-icon{width:62px;height:62px;color:var(--forest);background:var(--mustard);border-radius:18px;place-items:center;display:inline-grid;transform:rotate(-3deg)}.benefit-card:nth-child(2) .benefit-icon{color:#fff;background:var(--orange);transform:rotate(3deg)}.benefit-card:nth-child(3) .benefit-icon{background:var(--mint)}.benefit-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:34px;height:34px}.benefit-card h3{margin:30px 0 12px;font-size:1.3rem}.benefit-card p{color:var(--muted);margin:0;line-height:1.8}.process-section{color:var(--cream);background:radial-gradient(circle at 10% 20%, #e8bd461f, transparent 22%), radial-gradient(circle at 88% 90%, #dd5b3629, transparent 25%), var(--forest);grid-template-columns:.85fr 1.15fr;gap:clamp(60px,9vw,130px);padding:112px max(24px,50vw - 590px);display:grid}.section-kicker--light{color:var(--mustard)}.process-heading{align-self:start}.process-heading>p:last-child{color:#f8f2e6b0;margin-top:24px}.process-list{margin:0;padding:0;list-style:none}.process-list li{border-top:1px solid #f8f2e62e;grid-template-columns:68px 1fr;gap:22px;padding:28px 0;display:grid}.process-list li:last-child{border-bottom:1px solid #f8f2e62e}.step-number{color:var(--mustard);font-family:Shippori Mincho,serif;font-size:2rem;line-height:1.2}.process-list h3{margin:0 0 8px;font-size:1.25rem}.process-list p{color:#f8f2e6b3;margin:0;line-height:1.75}.notes-section{position:relative}.notes-heading{max-width:700px}.notes-grid{border:1px solid var(--border);background:var(--border);border-radius:28px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:62px;display:grid;overflow:hidden}.notes-grid article{background:var(--paper);min-height:250px;padding:32px}.notes-grid article>span{border-bottom:3px solid var(--orange);color:var(--orange);padding-bottom:6px;font-family:Shippori Mincho,serif;font-size:1.2rem;font-weight:700;display:inline-block}.notes-grid h3{margin:42px 0 12px;font-size:1.22rem}.notes-grid p,.pricing-note p,.privacy-note p{color:var(--muted);margin:0;line-height:1.75}.pricing-note,.privacy-note{background:var(--mint);border-radius:20px;grid-template-columns:.55fr 1.45fr;align-items:center;gap:40px;margin-top:24px;padding:28px 32px;display:grid}.pricing-note strong,.privacy-note strong{font-size:1.12rem}.line-section{color:var(--cream);background:var(--orange);grid-template-columns:1fr 380px;align-items:center;gap:80px;padding:104px max(24px,50vw - 530px);display:grid}.line-cta-copy{max-width:650px}.line-cta-copy>p:not(.section-kicker){color:#fffdf7c7;max-width:600px;margin-top:24px}.button--cream{color:var(--forest);background:var(--cream);margin-top:32px}.button--cream svg path:last-child{fill:none;stroke:var(--forest);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px}.qr-card{color:var(--forest);background:var(--paper);text-align:center;border-radius:30px;flex-direction:column;align-items:center;padding:28px;text-decoration:none;transition:transform .18s;display:flex;transform:rotate(2deg);box-shadow:0 22px 60px #5f231338}.qr-card:hover,.qr-card:focus-visible{transform:rotate(0)translateY(-3px)}.qr-card img{width:270px;height:270px}.qr-card span{color:var(--muted);margin-top:14px;font-size:.84rem}.qr-card strong{margin-top:5px;font-size:1rem}.company-section{grid-template-columns:.9fr 1.1fr;gap:90px;display:grid}.company-heading>p:not(.section-kicker){margin-top:24px}.company-details{gap:22px;display:grid}.company-details dl{border:1px solid var(--border);background:var(--paper);border-radius:24px;margin:0;padding:4px 30px}.company-details dl div{border-bottom:1px solid var(--border);grid-template-columns:100px 1fr;gap:20px;padding:22px 0;display:grid}.company-details dl div:last-child{border-bottom:0}.company-details dt{color:var(--muted);font-size:.82rem;font-weight:600}.company-details dd{margin:0;font-size:.92rem;font-weight:700;line-height:1.7}.contact-card{color:var(--cream);background:var(--forest);border-radius:24px;padding:28px 30px}.contact-card>span{color:#f8f2e69e;letter-spacing:.12em;margin-bottom:15px;font-size:.75rem;font-weight:800;display:block}.contact-card>a{align-items:center;gap:10px;font-size:1.08rem;font-weight:800;text-decoration:none;display:inline-flex}.contact-card>a svg{width:27px;height:27px;fill:var(--line-green)}.contact-card>a svg path:last-child{fill:none;stroke:var(--forest);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px}.company-links{border-top:1px solid #f8f2e629;flex-wrap:wrap;gap:18px 26px;margin-top:28px;padding-top:20px;display:flex}.company-links a{color:#f8f2e6b8;align-items:center;gap:2px;font-size:.82rem;text-decoration:none;display:inline-flex}.company-links svg{width:16px;height:16px}.site-footer{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:36px;padding:42px max(24px,50vw - 590px);display:grid}.brand--footer{justify-self:start}.site-footer>p{color:var(--muted);margin:0;font-size:.77rem}.copyright{text-align:right}.mobile-line-button{display:none}@media (width<=960px){.hero{grid-template-columns:1fr;gap:24px;padding-top:65px}.hero-copy{max-width:760px}.hero-visual{min-height:590px}.section-heading,.company-section{grid-template-columns:1fr;gap:30px}.section-heading>p,.company-heading>p:not(.section-kicker){max-width:720px}.process-section{grid-template-columns:1fr;gap:58px}.line-section{grid-template-columns:1fr 310px;gap:45px}.site-footer{grid-template-columns:1fr 1fr}.brand--footer{grid-column:1/-1}}@media (width<=720px){.site-header{width:min(100% - 32px,1180px);min-height:74px}.brand-copy strong{font-size:.96rem}.brand-copy small{font-size:.58rem}.brand-mark{width:31px;height:31px}.audience-nav{padding:3px}.audience-nav span,.audience-nav a{padding:8px 10px;font-size:.72rem}.audience-current{display:none}.hero,.intro-section,.notes-section,.company-section{width:min(100% - 32px,1180px)}.hero{min-height:0;padding:42px 0 70px}.hero h1,.site--merchant .hero h1{font-size:clamp(2.75rem,14vw,4rem);line-height:1.1}.hero-description{margin-top:22px;font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch;gap:8px;margin-top:28px}.hero-actions .button{width:100%}.text-link{justify-content:center}.trust-list{flex-direction:column;align-items:flex-start;gap:9px;margin-top:22px}.hero-visual{min-height:430px;margin-top:25px}.hero-image-frame{border-width:7px;inset:18px 0 0}.hero-stamp{width:112px;height:112px;right:-7px}.hero-stamp strong{font-size:1rem}.hero-stamp span{font-size:.44rem}.intro-section,.notes-section,.company-section{padding:78px 0}.section-heading h2,.process-heading h2,.notes-heading h2,.line-cta-copy h2,.company-heading h2{font-size:2.35rem}.benefit-grid,.notes-grid{grid-template-columns:1fr}.benefit-grid{gap:12px;margin-top:46px}.benefit-card,.benefit-card:nth-child(2){min-height:0;padding:28px;transform:none}.benefit-card:hover,.benefit-card:nth-child(2):hover{transform:translateY(-2px)}.process-section{padding-top:78px;padding-bottom:78px}.process-list li{grid-template-columns:54px 1fr;gap:14px}.notes-grid{gap:1px;margin-top:42px}.notes-grid article{min-height:0;padding:27px}.notes-grid h3{margin-top:26px}.pricing-note,.privacy-note{grid-template-columns:1fr;gap:10px;padding:24px}.line-section{grid-template-columns:1fr;padding-top:78px;padding-bottom:78px}.line-section .button{width:100%}.qr-card{display:none}.company-details dl{padding:2px 22px}.company-details dl div{grid-template-columns:1fr;gap:6px;padding:18px 0}.contact-card{padding:25px 23px}.site-footer{grid-template-columns:1fr;gap:16px;padding-bottom:108px}.brand--footer{grid-column:auto}.copyright{text-align:left}.mobile-line-button{right:14px;bottom:max(14px, env(safe-area-inset-bottom));z-index:50;color:#fff;background:var(--line-green);border:2px solid #ffffffc7;border-radius:18px;justify-content:center;align-items:center;gap:9px;min-height:58px;padding:0 18px;font-size:.96rem;font-weight:900;text-decoration:none;display:flex;position:fixed;left:14px;box-shadow:0 14px 36px #0f3b2c47}.mobile-line-button svg{fill:currentColor;width:25px;height:25px}.mobile-line-button svg path:last-child{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.1px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}