:root{--ink:#163d35;--muted:#5b6b65;--paper:#f6f5ef;--line:#dce2d7;--lime:#d9ed9b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,'Noto Sans TC',sans-serif}a{color:inherit}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:850;font-size:24px;text-decoration:none;letter-spacing:.08em}.tag{font-size:12px;border:1px solid var(--line);padding:5px 12px;border-radius:30px}nav{display:flex;gap:22px;font-size:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding:65px 0}h1{font-size:clamp(36px,5vw,59px);letter-spacing:-.04em;line-height:1.2;margin:16px 0 24px}h2{font-size:28px;line-height:1.4}h3{margin:0 0 10px;font-size:19px}p{margin:12px 0}.lead{font-size:19px;color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;background:var(--ink);color:white;padding:11px 22px;border-radius:7px;text-decoration:none;font-weight:650;border:0;font-size:16px;cursor:pointer}.secondary{background:transparent;color:var(--ink);border:1px solid #9cafa2}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.small{font-size:13px;color:var(--muted)}.sample{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 45px #14362910;overflow:hidden}.sample-top{display:flex;justify-content:space-between;padding:18px 22px;background:var(--ink);color:white}.keyboard{height:70px;display:flex;margin:20px 24px 0;gap:3px}.key{position:relative;background:#f4f2e9;border:1px solid var(--line);flex:1;border-radius:0 0 4px 4px}.key.black:after{content:'';position:absolute;right:-9px;top:0;width:15px;height:42px;background:var(--ink);z-index:1;border-radius:0 0 3px 3px}.sample-body{padding:24px}.durations{display:flex;gap:8px;margin:12px 0 24px}.durations button{flex:1;min-height:42px;background:white;border:1px solid var(--line);border-radius:6px;color:var(--ink);cursor:pointer}.durations button[aria-pressed=true]{background:var(--lime);border-color:#a1bc66;font-weight:700}.row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0}.amount{font-size:34px;font-weight:750}.sample-bottom{padding:12px 24px;background:#f0f4e8;font-size:13px}.section{border-top:1px solid var(--line);padding:40px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:30px 0}.number{font-family:Georgia,serif;font-size:35px;color:#849861}.notice{border-left:3px solid #8aa45a;background:#eef1e3;padding:16px 20px;margin:24px 0}.legal{max-width:760px;padding-bottom:70px}.legal h1{font-size:39px}.legal h2{font-size:23px;margin-top:30px}.legal li{margin:8px 0}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:13px;gap:20px}details{padding:16px 0;border-bottom:1px solid var(--line)}summary{font-weight:650;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #7ca844;outline-offset:4px}@media(max-width:760px){header,main,footer{padding:20px}nav{gap:12px}.hero{grid-template-columns:1fr;gap:28px;padding:32px 0}.steps{grid-template-columns:1fr;gap:18px}.steps>div{border-top:1px solid var(--line);padding-top:12px}.sample{max-width:500px}footer{flex-direction:column}.tag{display:none}.legal h1{font-size:32px}}