:root{--ink:#263e32;--muted:#67736a;--green:#38694d;--cream:#f8f7f0;--line:#e2e7dc}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:ui-rounded,"Avenir Next","Segoe UI",sans-serif;font-size:15px}header,footer{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:30px 48px}.brand{text-decoration:none;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center}.brand>span:last-child{color:#6f9772}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--green);color:white;border-radius:12px;margin-right:10px;font-size:26px;font-weight:600}.header-note{color:var(--muted);font-size:12px}main{max-width:1080px;margin:48px auto 70px;display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center;padding:0 30px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;background:#759c73;border-radius:50%}h1{font-family:Georgia,serif;font-size:55px;line-height:1.13;letter-spacing:-2px;font-weight:400;margin:25px 0 20px}h1 em{color:#6b8a64;font-weight:400}.intro>p{line-height:1.9;color:var(--muted);font-size:15px}.mascot{width:245px;height:255px;position:relative;margin:20px 0 0 30px}.mascot svg{width:100%;height:220px}.spark{position:absolute;color:#c49d58;font-size:29px}.one{left:-4px;top:60px}.two{right:-18px;top:17px;font-size:37px}.mascot-label{display:block;text-align:center;color:#759077;font-size:12px;transform:rotate(-4deg)}.card{padding:32px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 55px #344e3410;position:relative}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pill{background:#edf3e8;color:#557950;border-radius:20px;font-size:9px;letter-spacing:1px;padding:9px 12px;font-weight:800}.little-flower{color:#a4b59a;font-size:28px}h2{font-size:23px;letter-spacing:-.7px;margin:10px 0}.sub{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:23px}.order{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#f7f8f3;border:1px solid #e7ebdf;border-radius:12px;margin-bottom:26px}.label{display:block;font-size:9px;letter-spacing:1px;color:#74806e;margin-bottom:8px}.order strong{font-family:ui-monospace,monospace;letter-spacing:1px;font-size:14px}.expiry{font-size:11px;color:#6d7d60;white-space:nowrap}label{display:block;font-size:13px;font-weight:650;margin-bottom:11px}.amount-wrap{display:flex;align-items:center;border:1px solid #cfd8c8;border-radius:12px;padding:0 16px;background:#fff}.amount-wrap:focus-within{outline:3px solid #d9e8d3;border-color:#6d946b}input{font:inherit;font-size:30px;font-weight:500;min-width:0;width:100%;border:0;outline:0;padding:18px 0;color:var(--ink);background:transparent}input::placeholder{color:#b7c0b2}.amount-wrap>span{font-size:12px;font-weight:700;color:#7c8873}.hint{font-size:11px;color:#7e8877;margin:10px 0 23px}.review{display:flex;justify-content:space-between;font-size:12px;padding-top:18px;margin-bottom:22px;border-top:1px dashed var(--line);color:var(--muted)}.review strong{font-weight:500;color:var(--ink)}.review strong span{font-size:10px;color:#7f8b75;margin-left:5px}button{font:inherit;cursor:pointer;border:0;transition:background .2s;min-height:46px}button:focus-visible,a:focus-visible{outline:3px solid #a8c798;outline-offset:4px}.primary{width:100%;background:var(--green);color:white;border-radius:12px;font-size:13px;font-weight:650;display:flex;align-items:center;justify-content:center;gap:30px;padding:16px}.primary:hover{background:#294f38}.primary span{font-size:21px}.primary:disabled{opacity:.55;cursor:not-allowed}.live-note{font-size:10px;color:#7c8878;text-align:center;line-height:1.7;margin:13px 8px 4px}.secondary{display:block;margin:8px auto;color:#54704c;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:3px}.secondary:disabled{opacity:.5}.card-footer{display:flex;gap:14px;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.card-footer>span{color:#859778;font-size:26px}.card-footer p{font-size:10px;line-height:1.8;color:#78816f;margin:0}.notice{padding:20px;background:#eff4e9;border-radius:12px;font-size:13px;line-height:1.7}.notice p{margin-bottom:0;color:var(--muted)}.notice.error{background:#fff1e8}.status{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.status:not(:empty){padding:12px;background:#f1f5ec;border-radius:10px}footer{font-size:11px;color:#8a9381;border-top:1px solid var(--line);padding-top:22px}footer span span{color:#af9d71;margin-left:6px}@media(max-width:850px){main{gap:30px;grid-template-columns:1fr 420px}h1{font-size:42px}.mascot{margin-left:0;width:210px}}@media(max-width:700px){header{padding:22px 24px}.header-note{display:none}main{display:flex;flex-direction:column;gap:22px;margin:25px auto 40px;padding:0 20px}.intro{text-align:center}.eyebrow{justify-content:center}h1{font-size:40px;margin:17px 0 12px}.intro>p{font-size:13px;margin-bottom:0}.mascot{display:none}.card{width:100%;max-width:460px;padding:25px;border-radius:20px}footer{margin:0 20px;padding:20px 0;gap:15px;font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}