/* Product checkout only; the guides and tools retain their own presentation. */
#df-checkout{--df-panel:#fff;--df-line:#e2e8f0;--df-green:#166534;background:#f8fafc;color:#1e293b}
#df-checkout .df-hero{padding:122px 0 46px;min-height:0;text-align:center;background:#0b1814;border-bottom:4px solid #22c55e;margin-bottom:42px}
#df-checkout .df-hero>img{opacity:.36}
#df-checkout .df-hero:after{background:linear-gradient(0deg,#0b1814 0%,#0b1814a6 65%,#0b181480)}
#df-checkout .df-hero .df-wrap{max-width:900px}
#df-checkout .df-crumbs{justify-content:center;margin-bottom:24px;color:#cbd5e1}
#df-checkout .df-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:18px}
#df-checkout .df-badges span{background:#14532d80;color:#bbf7d0;border:1px solid #4ade8066;border-radius:999px;padding:6px 12px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.09em}
#df-checkout h1{max-width:none;font-size:clamp(31px,5vw,52px);line-height:1.12;color:#fff;margin-bottom:20px}
#df-checkout h1 em{color:#86efac}
#df-checkout h1>span{color:#dcfce7;font-size:.85em}
#df-checkout .df-intro{margin:0 auto 22px;font-size:18px;color:#d1dcd6}
#df-checkout .df-hero-tool{display:inline-block;border:1px solid #4ade8055;border-radius:12px;background:#14532d55;padding:12px 18px;font-weight:750;font-size:14px;color:#bbf7d0}
#df-checkout .df-checkout-wrap{width:min(720px,calc(100% - 32px));margin:0 auto}
#df-checkout .df-order-card{background:#fff;border:1px solid #e2e8f0;border-radius:36px;padding:36px;box-shadow:0 18px 48px #0f172a0c}
#df-checkout .df-step+.df-step{border-top:1px solid #e2e8f0;padding-top:30px;margin-top:32px}
#df-checkout .df-step h2{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.025em;color:#1e293b;margin:0 0 20px}
#df-checkout .df-step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;background:#dcfce7;color:#166534;border-radius:10px;font-size:14px;font-weight:900}
#df-checkout .df-step-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}
#df-checkout .df-step-head h2{margin:0}
#df-checkout .df-currencies{display:flex;gap:3px;background:#f1f5f9;padding:4px;border-radius:12px}
#df-checkout .df-currencies button{font-size:12px;font-weight:800;padding:8px 10px;border-radius:9px;min-height:38px;color:#475569;cursor:pointer}
#df-checkout .df-currencies button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #0f172a18;color:#166534}
#df-checkout .df-packages{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#df-checkout .df-pack{border:2px solid #e2e8f0;border-radius:16px;background:#fff;color:#334155;padding:15px 9px;min-height:122px;align-items:center;text-align:center;justify-content:center;gap:8px}
#df-checkout .df-pack:hover{border-color:#4ade80;background:#f0fdf4}
#df-checkout .df-pack[aria-pressed=true]{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 1px #16a34a}
#df-checkout .df-pack-name{font-size:14px;line-height:1.35;font-weight:850}
#df-checkout .df-pack small{font-size:11px;line-height:1.4;color:#64748b}
#df-checkout .df-pack strong{font-size:15px;line-height:1.5;color:#166534;overflow-wrap:anywhere}
#df-checkout .df-pack-title{font-size:11px;color:#64748b;margin-top:24px}
#df-checkout .df-muted{color:#64748b;font-size:13px}
#df-checkout .df-field>span,#df-checkout .df-field>label,#df-checkout legend{font-size:12px;font-weight:800;color:#475569}
#df-checkout .df-field input,#df-checkout .df-field select{background:#f8fafc;color:#334155;border:1px solid #cbd5e1;border-radius:14px;min-height:50px;padding:13px 16px}
#df-checkout input::placeholder{color:#64748b}
#df-checkout .df-help{padding:14px 16px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:12px;font-size:13px;line-height:1.65}
#df-checkout .df-help a{text-decoration:underline;font-weight:750}
#df-checkout .df-payment{border:1px solid #e2e8f0;border-radius:12px;padding:13px;font-weight:650;color:#334155}
#df-checkout .df-payment:has(input:checked){border-color:#16a34a;background:#f0fdf4}
#df-checkout input[type=radio],#df-checkout input[type=checkbox]{accent-color:#15803d}
#df-checkout .df-total{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin:24px 0;padding:18px 20px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px}
#df-checkout .df-total-title{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#475569}
#df-checkout #df-package-label{display:block;font-size:12px;margin-top:6px;color:#64748b}
#df-checkout .df-total strong{color:#0f172a;font-size:25px}
#df-checkout .df-note{margin:20px 0;padding:14px 16px;background:#fffbeb;color:#854d0e;border-color:#fcd34d;border-radius:10px;font-size:13px}
#df-checkout .df-check{color:#475569;font-size:13px}
#df-checkout .df-check a{color:#166534}
#df-checkout .df-btn{background:#0f172a;color:#fff;border-color:#0f172a;border-radius:16px;padding:18px;font-size:16px}
#df-checkout .df-btn:hover{background:#15803d;border-color:#15803d}
#df-checkout .df-submit-note{color:#64748b;font-size:12px;text-align:center;margin-top:14px}
#df-checkout .df-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:12px}
#df-checkout :is(a,button,input,select,summary):focus-visible{outline-color:#16a34a;outline-offset:3px}
#df-checkout #customer-contact-fields input{background:#f8fafc;color:#334155;border-color:#cbd5e1;border-radius:14px}
#df-checkout #customer-contact-fields label,#df-checkout #customer-contact-fields p,#df-checkout #customer-privacy-notice,#df-checkout .customer-privacy-notice{color:#475569}
#df-checkout #customer-contact-fields a{color:#166534}
#df-checkout .df-checkout-wrap>.df-section h2{font-size:23px;text-align:center}
#df-checkout details{background:#fff;padding:18px;border:1px solid #e2e8f0;border-radius:16px;margin:12px 0}
#df-checkout details p{color:#475569;font-size:14px}
#df-checkout .df-resources{margin-top:48px}
#df-checkout .df-eyebrow{color:#15803d}
#df-checkout .df-article p{color:#64748b}
#df-checkout .df-article span{color:#15803d}
#df-checkout .df-legal{color:#64748b}
@media(max-width:640px){
  #df-checkout .df-hero{padding:106px 0 32px;margin-bottom:28px}
  #df-checkout .df-intro{font-size:15px}
  #df-checkout .df-order-card{padding:22px 18px;border-radius:26px}
  #df-checkout .df-step h2{font-size:20px}
  #df-checkout .df-step-head{gap:14px}
  #df-checkout .df-packages{grid-template-columns:repeat(2,minmax(0,1fr))}
  #df-checkout .df-pack{min-height:118px}
  #df-checkout .df-currencies{width:100%}
  #df-checkout .df-currencies button{flex:1}
  #df-checkout .df-total{display:block}
  #df-checkout .df-total strong{margin-top:10px}
}