:root{--paper: #fcfcf8;--surface: #f0f2e8;--ink: #293d2e;--muted: #5f695b;--line: #e4e7db;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1:focus,h2:focus{outline:none}button{-webkit-tap-highlight-color:transparent}.checkout{--accent: #254d38;--focus: #9ab89f;min-height:100dvh;display:flex;flex-direction:column}.accent-indigo{--accent: #494875;--focus: #b5b0db}.checkout-header{display:flex;align-items:center;justify-content:space-between;padding:23px 27px 17px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-1.1px;font-weight:650}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--accent, #254d38);color:#edf5d9;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:27px;padding-bottom:4px}.brand-period{color:#7a955c}.header-right{display:flex;align-items:center;gap:12px}.test-badge{color:#5b6751;background:#eff1e8;padding:5px 7px;border:1px solid #dfe5d4;border-radius:4px;letter-spacing:1px;font:9px var(--mono);font-weight:600}.icon-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);background:transparent;border-radius:50%;color:var(--muted)}.icon-button:hover{background:var(--surface);color:var(--ink)}.checkout-content{padding:25px 28px 24px;flex:1}.eyebrow{font:9px var(--mono);letter-spacing:1.6px;color:var(--muted);display:flex;align-items:center;gap:8px}.tiny-line{width:16px;height:1px;background:#9eb184}h1{font-size:25px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:11px 0 7px}.intro{color:var(--muted);font-size:12px;margin:0 0 23px;line-height:1.6}.order-summary{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e3e5da;border-radius:11px;background:#f1f2e9;margin-bottom:24px}.product-art{width:54px;height:57px;flex-shrink:0;display:grid;place-items:center;background:#dedfcc;color:#44573f;border-radius:7px}.product-copy{display:flex;flex-direction:column;gap:5px;flex:1}.product-copy strong{font-size:12px;font-weight:600}.product-copy>span{font-size:10px;color:var(--muted)}.product-copy .one-time{font-size:9px;color:#637354}.price{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.price strong{font-size:18px;letter-spacing:-.6px;font-weight:550;font-variant-numeric:tabular-nums}.price>span{font:9px var(--mono);color:var(--muted)}.section-label{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;color:#66715e;margin-bottom:16px}.section-label>span:last-child{display:flex;align-items:center;gap:4px;text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:10px;color:var(--muted)}fieldset{border:0;margin:0;padding:0;min-width:0}.field{margin-bottom:15px}.field label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;font-size:11px;font-weight:550}.field-hint{font-size:10px;font-weight:400;color:var(--muted)}.input-wrap{position:relative}input{width:100%;border:1px solid #dbe0d4;border-radius:7px;min-height:43px;padding:10px 12px;background:#fff;color:var(--ink);font-size:13px;box-shadow:0 1px 1px #203a2410;transition:border-color .15s}input::placeholder{color:#9a9e93}input:hover{border-color:#adb9a5}input:focus{border-color:var(--accent);outline:2px solid #bccfa260;outline-offset:1px}input:disabled{opacity:.65}#card{padding-left:38px;padding-right:55px;font-variant-numeric:tabular-nums;letter-spacing:.6px}.input-icon{position:absolute;top:12px;left:11px;color:#81907a;display:flex}.card-brand{position:absolute;right:12px;top:15px;font-size:10px;font-weight:850;font-style:italic;color:#525970}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-row .field{margin-bottom:0}.field-error input{border-color:#b45746}.field-error-text{margin:6px 0 0;color:#9d4636;font-size:11px;line-height:1.5}.total-row{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin:22px 0 15px;padding-top:17px;font-size:12px}.currency-label{font:9px var(--mono);color:var(--muted);margin-left:5px}.total-row strong{font-size:20px;font-weight:550;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.pay-button{background:var(--accent, #254d38);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:1px solid #172e2130;border-radius:8px;min-height:46px;font-size:12px;font-weight:500;box-shadow:0 2px 2px #132a2012;transition:background .15s,transform .15s}.pay-button>svg{margin-left:auto}.pay-button{padding:0 16px}.pay-button:hover:not(:disabled){filter:brightness(1.12)}.pay-button:active:not(:disabled){transform:translateY(1px)}.pay-button:disabled{opacity:.75}.under-button{text-align:center;color:var(--muted);font-size:10px;margin:11px 0 0}.test-cards{margin-top:22px;border-top:1px dashed var(--line);padding-top:12px}.test-cards summary{cursor:pointer;font-size:10px;color:#667460}.test-cards summary>span{float:right;font-size:9px;color:var(--muted)}.test-card-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.test-card-options button{display:flex;align-items:center;gap:5px;flex-wrap:wrap;background:#f3f4ed;border:1px solid var(--line);border-radius:6px;padding:10px 7px;font-size:10px;color:var(--ink)}.test-card-options button:hover{border-color:#9fae91}.test-card-options code{width:100%;padding-left:10px;margin-top:3px;color:var(--muted);font-size:9px}.test-cards>p{font-size:10px;color:var(--muted);line-height:1.5}.dot{display:inline-block;width:5px;height:5px;border-radius:50%}.green{background:#4c815a}.red{background:#b96451}.amber{background:#ba9142}.checkout-footer{padding:16px 28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:9px;background:#f7f8f0;gap:8px}.checkout-footer>span{display:flex;align-items:center;gap:4px}.checkout-footer strong{color:#3a4432;font-size:14px;letter-spacing:-.8px}.dodo-dot{color:#b5c951;font-size:9px;margin-left:2px}.feedback{display:flex;gap:9px;padding:12px;margin-bottom:16px;border-radius:8px;font-size:11px;line-height:1.6}.feedback svg{flex-shrink:0;margin-top:2px}.feedback strong{font-weight:600}.feedback p{margin:4px 0 0}.feedback.declined{background:#fbf0ea;color:#98523e;border:1px solid #edd7cc}.feedback.retryable{background:#f6f2e3;color:#7f6b2d;border:1px solid #e9dfba}.status-panel{text-align:center;padding:12px 0 8px}.status-symbol{display:grid;place-items:center;width:66px;height:66px;margin:6px auto 22px;border-radius:50%;background:#eef0e2;color:var(--accent);border:1px solid #dce4ce}.success-symbol{background:#e8f0d8;box-shadow:0 0 0 8px #f1f5e8}.amber-symbol{color:#8f732c;background:#f7f1da}.status-panel h2{font-size:25px;font-weight:500;letter-spacing:-.9px;margin:0 0 10px}.status-panel>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 auto 20px;max-width:320px}.status-panel .pay-button{margin-top:24px}.status-panel .simulation-note{font:9px var(--mono);margin:15px 0;max-width:none}.receipt{display:flex;flex-direction:column;gap:15px;background:#f4f5ed;border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:26px;font-size:11px}.receipt>span{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.receipt strong{color:var(--ink);font-weight:500}.receipt code{color:#617258;font-size:10px}.quiet-note{display:flex;text-align:left;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;padding:14px;font-size:11px;line-height:1.6;background:#f5f6ef;color:#69735f}.quiet-note svg{flex-shrink:0}.text-button{background:none;border:0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;min-height:44px;font-size:12px}.button-spinner{width:15px;height:15px;border:1.5px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.rotate-icon svg{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.standalone{max-width:430px;margin:12vh auto;padding:32px;line-height:1.8}.standalone h1{font-family:Georgia,serif;font-size:36px;margin:30px 0}.standalone p{color:var(--muted);margin-bottom:28px}@media(max-width:540px){input{font-size:16px}.checkout-content{padding-left:24px;padding-right:24px}.checkout-footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}