:root{--primary:#2d6a4f;--primary-hover:#1b4332;--accent:#f4845f;--accent-warm:#c65d2e;--accent-soft:#fff1e8;--primary-soft:#eef8f2;--surface-warm:#fffaf3;--bg:#fafaf8;--card-bg:#fff;--text:#1a1a1a;--text-muted:#6b7280;--border:#e5e7eb;--border-strong:#d7ddd6;--radius:12px;--shadow:0 2px 16px rgba(0,0,0,.08);--shadow-soft:0 10px 30px rgba(27,67,50,.08);--shadow-strong:0 18px 40px rgba(27,67,50,.14);--shadow-hover:0 4px 24px rgba(0,0,0,.14)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{background-color:var(--bg);background-image:radial-gradient(circle at top,rgba(244,132,95,.08),transparent 28%),linear-gradient(180deg,#fcfbf7,#fafaf8 22%,#f6f7f3);color:var(--text);min-height:100vh;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .18s ease;text-decoration:none;font-family:inherit;line-height:1}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:#e8734d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--card-bg);border:1px solid rgba(45,106,79,.08);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transform:translateZ(0)}.card-hover{transition:box-shadow .18s ease,transform .18s ease}.card-hover:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}input,select,textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:15px;color:var(--text);background:#fff;transition:border-color .15s;outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--primary)}input.error,select.error,textarea.error{border-color:#ef4444}label{font-size:13px;font-weight:600;color:var(--text-muted);display:block;margin-bottom:6px}.container{max-width:1100px;margin:0 auto;padding:0 20px}.invite-checkout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:24px;gap:24px;align-items:start}.invite-checkout-summary{position:-webkit-sticky;position:sticky;top:90px}.header-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid rgba(45,106,79,.14);background:linear-gradient(180deg,#fff,#f4fbf6);color:var(--primary);font-size:12px;font-weight:700;box-shadow:0 10px 24px rgba(45,106,79,.08)}.hero-shell{position:relative;overflow:hidden}.hero-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,hsla(0,0%,100%,.18),transparent 20%),radial-gradient(circle at 85% 10%,hsla(0,0%,100%,.12),transparent 22%),radial-gradient(circle at 50% 100%,rgba(244,132,95,.18),transparent 28%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero-panel{max-width:920px;margin:0 auto;padding:28px 24px;border-radius:30px;background:linear-gradient(145deg,rgba(34,84,62,.96),rgba(27,67,50,.94) 62%,rgba(77,125,101,.9));box-shadow:0 26px 60px rgba(27,67,50,.24)}.eyebrow-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.18);font-size:12px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-step-row,.trust-chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.trust-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid hsla(0,0%,100%,.14);font-size:12px;font-weight:600}.hero-step,.trust-chip{background:hsla(0,0%,100%,.12)}.hero-step{min-width:150px;padding:12px 14px;border-radius:16px;border:1px solid hsla(0,0%,100%,.12);text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-step-index{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:hsla(0,0%,100%,.18);font-size:12px;font-weight:800;margin-bottom:10px}.hero-step-title{font-size:14px;font-weight:700;margin-bottom:4px}.hero-step-desc{font-size:12px;opacity:.85;line-height:1.6}.page-intro-card{background:linear-gradient(135deg,#fffdf9,#f5fbf7);border:1px solid rgba(45,106,79,.12);border-radius:20px;padding:22px;box-shadow:var(--shadow-soft)}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:24px}.summary-pill{background:linear-gradient(180deg,#fff,#f7faf8);border:1px solid rgba(45,106,79,.1);border-radius:16px;padding:14px 16px;box-shadow:0 12px 28px rgba(45,106,79,.08)}.summary-pill-primary{background:linear-gradient(180deg,#fff8ef,#fff);border-color:rgba(198,93,46,.16)}.summary-pill-label{font-size:12px;color:var(--text-muted);margin-bottom:6px;font-weight:600}.summary-pill-value{font-size:16px;font-weight:800;color:var(--text)}.summary-pill-value.accent{color:var(--primary)}.section-lead{color:var(--text-muted);margin-top:6px}.highlight-note,.section-lead{font-size:13px;line-height:1.7}.highlight-note{border-radius:12px;padding:12px 14px;border:1px solid transparent}.highlight-note.success{background:#effcf3;border-color:#bbf7d0;color:#166534}.highlight-note.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.highlight-note.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.payment-sheet{background:linear-gradient(180deg,#fffefb,#fff);border:1px solid rgba(45,106,79,.1);border-radius:24px;box-shadow:var(--shadow-strong)}.payment-amount-card{background:linear-gradient(135deg,#fff6ea,#eef8f2);color:var(--primary);border:1px solid rgba(45,106,79,.12);border-radius:18px;padding:18px 20px;margin-bottom:20px;box-shadow:0 16px 30px rgba(45,106,79,.12)}.payment-amount-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.payment-amount-value{font-size:32px;font-weight:800;letter-spacing:-.03em}.payment-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--border)}.payment-info-main{flex:1 1;min-width:0}.payment-info-label{font-size:12px;color:var(--text-muted);margin-bottom:4px;font-weight:700}.payment-info-value{font-size:22px;font-weight:800;color:var(--text);word-break:break-all;letter-spacing:.03em}.choice-grid{display:grid;grid-gap:12px;gap:12px}.choice-grid.payment{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{border-radius:14px}@media (max-width:960px){.invite-checkout-grid{grid-template-columns:1fr}.invite-checkout-summary{position:static;top:auto}}@media (max-width:640px){.container{padding:0 14px}.invite-checkout-grid{gap:16px}.btn{font-size:15px;padding:11px 20px}.site-header{background:rgba(255,252,247,.96)!important;box-shadow:0 6px 18px rgba(27,67,50,.05)!important}.header-inner{height:60px!important}.header-brand{gap:8px!important}.header-brand-subtitle{display:none}.header-pill-group{max-width:none!important}.summary-strip{grid-template-columns:1fr;gap:8px}.checkout-summary-strip .summary-pill-primary{order:-1}.summary-pill{padding:14px;border-radius:14px;box-shadow:0 8px 18px rgba(45,106,79,.05)}.summary-pill-label{font-size:14px}.summary-pill-value{font-size:18px}.hero-shell{--hero-shell-bg:linear-gradient(180deg,#fff9f1,#f4f8f2);--hero-shell-color:var(--text)}.hero-shell:before{background:radial-gradient(circle at 15% 10%,rgba(244,132,95,.1),transparent 18%),radial-gradient(circle at 85% 0,rgba(45,106,79,.08),transparent 18%),radial-gradient(circle at 50% 100%,hsla(0,0%,100%,.3),transparent 25%);opacity:.7}.mobile-hero-content{padding-top:4px}.hero-primary-copy,.hero-secondary-copy{color:var(--text-muted);opacity:1!important}.hero-primary-copy{font-size:15px!important;margin-bottom:10px!important;line-height:1.7!important}.hero-secondary-copy{font-size:14px!important;margin-bottom:14px!important}.hero-step{min-width:0;width:100%;padding:12px;border-radius:14px;background:#fff;border:1px solid rgba(45,106,79,.08);box-shadow:0 8px 18px rgba(27,67,50,.05)}.eyebrow-chip{font-size:12px;padding:7px 12px;background:hsla(0,0%,100%,.92);border-color:rgba(198,93,46,.18);color:var(--accent-warm)}.trust-chip-row{gap:8px}.trust-chip{font-size:14px;line-height:1.45;background:hsla(0,0%,100%,.95);color:var(--text);border-color:rgba(45,106,79,.08);box-shadow:0 6px 14px rgba(27,67,50,.04)}.mobile-secondary-chip{display:none}.mobile-hero-step-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;align-items:stretch}.hero-step-index{margin-bottom:8px;background:var(--primary-soft);color:var(--primary)}.hero-step-title{font-size:13px}.hero-step-desc{font-size:14px;color:var(--text-muted);opacity:1;line-height:1.55}.page-intro-card{padding:16px 15px;border-radius:18px;box-shadow:0 10px 20px rgba(45,106,79,.05)}.section-lead{font-size:14px;line-height:1.75}.header-pill{padding:8px 10px;font-size:13px;min-height:32px;box-shadow:none}.header-pill-secondary{display:none}.choice-grid.payment{grid-template-columns:1fr}.shipping-option-grid{grid-template-columns:1fr!important}.payment-option-card{min-height:118px!important;padding:15px 14px 13px!important;box-shadow:none!important;transform:none!important}.payment-option-card .choice-card-state{width:100%;margin-top:2px}.highlight-note{font-size:14px;padding:12px 13px}.payment-main{padding-top:18px!important}.payment-amount-value{font-size:28px}.payment-amount-label{font-size:14px}.payment-sheet{border-radius:18px;box-shadow:0 10px 22px rgba(27,67,50,.06)}.payment-status-card{background:linear-gradient(180deg,#fffdf9,#fff)!important;border-color:rgba(45,106,79,.12)!important;padding:22px 18px!important}.payment-detail-card{padding:20px 18px!important}.payment-order-chip{width:100%;padding:10px 14px!important;text-align:left}.payment-order-chip,.payment-polling-note,.payment-provider-note{font-size:14px!important}.payment-info-row{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 0}.payment-info-label{font-size:14px}.payment-info-value{font-size:20px}.payment-info-row button{width:100%;justify-content:center;font-size:14px!important;min-height:40px}}