:root{color-scheme:light;--bg:#f6f6f4;--ink:#111;--muted:#666;--green:#2e7032;--line:#d8ddd2}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.checkout-shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}
.hero{padding:36px 0}.eyebrow{font:700 12px/1.4 ui-monospace,monospace;text-transform:uppercase;color:var(--green)}
h1{font-size:clamp(40px,7vw,76px);line-height:1;margin:8px 0 16px;letter-spacing:0}h2{font-size:30px;margin:0 0 12px}
p{font-size:18px;line-height:1.55}.note,.message{color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.05);margin:18px 0}
.benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.benefits span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--green);font-family:ui-monospace,monospace}
label{display:block;font-weight:700;margin:16px 0}small{display:block;color:var(--muted);font-weight:400;margin:3px 0 8px}
input[type=text],input[type=email],input[type=tel],select,textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:6px;font:inherit}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500}button{border:0;border-radius:6px;background:var(--green);color:#fff;padding:15px 20px;font:700 18px ui-monospace,monospace;cursor:pointer}
.plan-options{display:grid;gap:12px;margin:8px 0 18px}.plan-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:14px;margin:0;font-weight:500}.plan-card input{margin-top:4px}.plan-card strong{display:block}.plan-card small{font-size:15px}
.code-box,.voucher{border:1px dashed var(--line);border-radius:8px;padding:20px;margin-top:20px}.code-box span{display:block;color:var(--muted)}.code-box strong,.voucher strong{display:block;font:700 34px/1.2 ui-monospace,monospace;margin-top:8px}
a{color:var(--green);font-weight:700;margin-left:14px}
.action-row{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 8px}.action-row a,.panel.compact a,.cross-sell a{margin-left:0}.button-link{display:inline-block;border-radius:6px;background:var(--green);color:#fff;text-decoration:none;padding:15px 20px;font:700 18px ui-monospace,monospace}.secondary-action{background:#fff;color:var(--green);border:1px solid var(--line);padding:14px 18px}.mini-note{font-size:15px;color:var(--muted);margin:10px 0}.next-steps{margin-top:18px}.next-steps h2,.cross-sell h2{font-size:22px}.next-steps ol{margin:0;padding-left:22px}.next-steps li{font-size:16px;line-height:1.6}.cross-sell{border:1px solid var(--line);border-radius:8px;padding:18px;margin-top:20px;background:#fbfcfa}.cross-sell span{font:700 12px/1.4 ui-monospace,monospace;color:var(--green);text-transform:uppercase}.cross-sell p{font-size:16px}.panel.compact p{font-size:15px}.panel.compact{padding:20px}
@media(max-width:640px){.checkout-shell{width:min(100% - 24px,920px);padding:28px 0 56px}h1{font-size:clamp(36px,13vw,56px)}.action-row>*{width:100%;text-align:center}.code-box strong,.voucher strong{font-size:30px}}
