.checkout-page { background: #f5f6f2; }
.checkout-hero { padding: 92px 0 88px; background: #101113; color: #f5f7f7; }
.checkout-hero-inner { max-width: 1180px; }.checkout-hero h1 { max-width: 650px; margin-bottom: 24px; }.checkout-hero h1 em { color: #8d96a3; font-style: normal; }.checkout-hero-inner > p:last-child { max-width: 480px; margin: 0; color: #a9afb9; font-size: 17px; line-height: 1.55; }
.checkout-section { padding: 110px 0 125px; }.checkout-layout { display: grid; grid-template-columns: 1.24fr .76fr; gap: 10%; align-items: start; }.checkout-section-heading h2 { margin-bottom: 38px; }.checkout-section-heading h2 i { color: #89908d; font-style: normal; }.checkout-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.checkout-card { position: relative; min-height: 245px; display: flex; flex-direction: column; padding: 22px; border: 1px solid #dfe2dd; background: #fff; transition: transform .2s, border-color .2s, box-shadow .2s; }.checkout-card:hover, .checkout-card:focus-visible, .checkout-card.is-selected { transform: translateY(-3px); border-color: #718cf0; box-shadow: 0 12px 28px rgba(38,49,57,.09); }.checkout-card:nth-child(1) { border-top: 2px solid #c8f87b; }.checkout-card:nth-child(2) { border-top: 2px solid #84aaff; }.checkout-card:nth-child(3) { border-top: 2px solid #76ddd1; }.checkout-card:nth-child(4) { border-top: 2px solid #d0ef77; }.checkout-card-number { color: #8b9390; font-size: 10px; }.checkout-card-arrow { align-self: flex-end; margin-top: -7px; color: #486de5; font-size: 20px; }.checkout-card h3 { margin: 39px 0 9px; font-size: 22px; letter-spacing: -.04em; font-weight: 500; }.checkout-card p { min-height: 58px; margin: 0 0 20px; color: #747c79; font-size: 12px; line-height: 1.5; }.checkout-card strong { margin-top: auto; color: #2f3d3c; font-size: 11px; font-weight: 600; }
.checkout-summary { position: sticky; top: 28px; padding: 26px 27px 28px; background: #101113; color: #f5f7f4; }.checkout-summary .section-kicker { margin-bottom: 15px; color: #c8f87b; }.checkout-summary-number { display: block; color: #838c95; font-size: 10px; }.checkout-summary h2 { margin: 10px 0 15px; color: #fff; font-size: 42px; }.checkout-summary > p:not(.section-kicker):not(.checkout-payment-note) { color: #a0a8b0; font-size: 13px; line-height: 1.5; }.checkout-summary-price { margin-top: 24px; color: #dce5dd; font-size: 14px; }.checkout-rule { height: 1px; margin: 23px 0 20px; background: #383b40; }.checkout-payment-note { margin-bottom: 17px; color: #838c95; font-size: 11px; line-height: 1.5; }.checkout-pay { width: 100%; justify-content: center; }.checkout-pay.is-configured { background: #c8f87b; }.checkout-pay.is-configured:hover { background: #e1ffa2; }.checkout-fallback { display: block; margin-top: 18px; color: #707880; font-size: 10px; line-height: 1.45; }
.checkout-assurance { padding: 28px 0; border-top: 1px solid #dfe2dd; background: #e9efd8; }.checkout-assurance-inner { display: flex; align-items: center; gap: 15px; }.assurance-mark { display: grid; flex: 0 0 27px; place-items: center; width: 27px; height: 27px; border-radius: 50%; color: #1b2a20; background: #c8f87b; font-size: 12px; }.checkout-assurance strong { display: block; margin-bottom: 4px; font-size: 13px; }.checkout-assurance p { margin: 0; color: #67736c; font-size: 11px; }.checkout-assurance .text-link { margin-left: auto; white-space: nowrap; }
@media (max-width: 850px) { .checkout-hero { padding: 75px 0; }.checkout-layout { grid-template-columns: 1fr; gap: 55px; }.checkout-summary { position: static; }.checkout-assurance-inner { align-items: flex-start; flex-wrap: wrap; }.checkout-assurance .text-link { margin-left: 42px; } }
@media (max-width: 560px) { .checkout-hero { padding: 58px 0; }.checkout-hero h1 { font-size: 57px; }.checkout-section { padding: 78px 0; }.checkout-card-grid { grid-template-columns: 1fr; }.checkout-card { min-height: 0; }.checkout-card p { min-height: 0; }.checkout-summary { padding: 22px 18px; }.checkout-assurance .text-link { margin-left: 0; }.checkout-assurance-inner { gap: 11px; } }