:root { --ink:#14212b; --muted:#5d6b72; --paper:#f4f6f3; --line:#d9dfda; --coral:#ff5f5f; --teal:#148f89; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
.purchase-top { height:64px; padding:0 max(24px,calc((100vw - 1120px)/2)); display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid var(--line); }
.purchase-top a { color:var(--ink); font-weight:700; text-decoration:none; display:flex; align-items:center; gap:10px; }
.purchase-top img { width:30px; height:30px; }
.purchase-shell { width:min(1120px,calc(100% - 40px)); margin:72px auto 96px; }
.purchase-intro { max-width:700px; margin-bottom:38px; }
.purchase-intro p,.success-kicker { color:var(--teal); font-size:12px; font-weight:800; text-transform:uppercase; }
.purchase-intro h1,.success-shell h1 { margin:8px 0 12px; font-size:52px; line-height:1; letter-spacing:0; }
.purchase-intro span,.success-shell>span { color:var(--muted); }
.purchase-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.purchase-plans label { min-width:0; cursor:pointer; }
.purchase-plans input { position:absolute; opacity:0; }
.purchase-plans label>span { min-height:230px; padding:24px; display:flex; flex-direction:column; background:#fff; border:2px solid transparent; box-shadow:0 0 0 1px var(--line); }
.purchase-plans input:checked+span { border-color:var(--coral); box-shadow:none; }
.purchase-plans strong { margin:10px 0 24px; font-size:20px; }
.purchase-plans b { font-size:36px; }
.purchase-plans b small { font-size:13px; color:var(--muted); }
.purchase-plans em { margin-top:auto; color:var(--muted); font-style:normal; line-height:1.5; }
.purchase-plans i { align-self:flex-start; padding:5px 8px; background:var(--coral); color:#fff; font-size:11px; font-style:normal; font-weight:700; }
.purchase-consent { display:block; margin:24px 0 16px; color:var(--muted); }
.purchase-consent a,.success-shell a { color:var(--ink); }
#checkout-form>button,.primary-action { min-height:48px; padding:0 22px; border:0; background:var(--ink); color:#fff; font-weight:800; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
#checkout-form>button:disabled { opacity:.65; }
.purchase-note { color:var(--muted); font-size:12px; }
.success-shell { width:min(680px,calc(100% - 40px)); margin:90px auto; text-align:center; }
.success-mark { width:56px; height:56px; margin:0 auto 26px; display:grid; place-items:center; background:var(--teal); color:#fff; font-size:28px; }
#order-actions { margin:30px auto; }
#order-actions[hidden] { display:none; }
.primary-action,.secondary-action { width:100%; margin:8px 0; }
.secondary-action { min-height:44px; padding:0 18px; border:1px solid var(--ink); background:#fff; color:var(--ink); font-weight:700; text-decoration:none; display:flex; align-items:center; justify-content:center; cursor:pointer; }
#license-key { display:block; max-height:120px; margin-top:18px; padding:14px; overflow:auto; text-align:left; word-break:break-all; background:#e8ece8; }
.success-help { color:var(--muted); font-size:13px; line-height:1.6; }
@media (max-width:760px) { .purchase-shell { margin-top:40px; } .purchase-intro h1,.success-shell h1 { font-size:36px; } .purchase-plans { grid-template-columns:1fr; } .purchase-plans label>span { min-height:190px; } }