.buy-flow{max-width:1080px}.purchase-steps{max-width:720px;margin:0 auto 48px;display:flex;align-items:center;justify-content:center}.purchase-steps>div{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:110px;color:#64748b;font-size:10px}.purchase-steps b{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#151f2d;border:1px solid #2b394b}.purchase-steps>div.active{color:#fff}.purchase-steps>div.active b{color:#111827;background:linear-gradient(135deg,#ffb000,#ff7900);border-color:transparent}.purchase-steps>i{width:130px;height:2px;background:#263244}.flow-heading{text-align:center;margin-bottom:25px}.flow-heading>span{color:#ffb000;font-size:10px}.flow-heading h2{margin:5px 0;font-size:23px}.flow-heading p{color:#8e9bae;font-size:10px}.flow-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.flow-plans article{padding:17px;background:#0f1723;border:1px solid rgba(255,255,255,.09);border-radius:17px;transition:.2s}.flow-plans article:hover{transform:translateY(-4px);border-color:rgba(255,176,0,.35)}.flow-plan-brand{height:92px;border-radius:12px;background:#080d14;display:grid;place-items:center;overflow:hidden;color:#e50914;font:900 52px Arial}.flow-plan-brand img{width:100%;height:100%;object-fit:cover}.flow-plans article>span{display:block;color:#ffbd37;font-size:9px;margin-top:13px}.flow-plans h3{font-size:12px;min-height:44px;margin:3px 0 10px}.flow-plans article>div:nth-of-type(2) del{display:block;color:#657184;font-size:9px}.flow-plans strong{font-size:19px}.flow-plans small{color:#8e9bae;font-size:8px}.flow-plans a{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:14px;padding:8px;border-radius:9px;background:rgba(255,176,0,.09);color:#ffc34a;font-size:10px;font-weight:700}.flow-review-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.flow-details,.flow-summary{padding:24px;background:#0f1723;border:1px solid rgba(255,255,255,.09);border-radius:18px}.flow-details h2{font-size:17px;margin:0}.flow-details>p{color:#8e9bae;font-size:10px}.flow-details label{display:block;margin-top:14px;color:#b5bfcd;font-size:10px}.flow-details input[type=email]{width:100%;display:block;margin-top:5px;padding:11px;border:1px solid #2a3748;border-radius:10px;background:#080f18;color:#fff;outline:0}.flow-details input:focus{border-color:#ffb000}.flow-details .check{display:flex;gap:7px;align-items:center}.flow-details input[type=checkbox]{accent-color:#ffb000}.flow-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.flow-actions>a{color:#9aa6b6;font-size:10px}.flow-actions button{border:0;border-radius:10px;padding:10px 17px;background:linear-gradient(135deg,#ffb000,#ff7900);color:#111827;font-weight:800;font-size:10px}.flow-summary>span{color:#ffb000;font-size:9px}.flow-summary h2{font-size:15px}.flow-summary dl{margin-top:25px}.flow-summary dl>div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(255,255,255,.08);font-size:10px}.flow-summary dd{margin:0}.flow-summary .total dd{color:#35d07f;font-size:16px;font-weight:800}.flow-final{max-width:660px;margin:auto;text-align:center;padding:45px;background:#0f1723;border:1px solid rgba(245,158,11,.28);border-radius:22px}.unavailable-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:rgba(245,158,11,.1);color:#fbbf24;font-size:28px}.flow-final>span{color:#fbbf24;font-size:10px}.flow-final h2{font-size:22px;margin:7px 0}.flow-final>p{max-width:530px;margin:0 auto;color:#9aa6b6;font-size:11px}.final-order{display:grid;grid-template-columns:1fr 1fr;margin:25px 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0a111b}.final-order>div{padding:13px}.final-order>div+div{border-right:1px solid rgba(255,255,255,.08)}.final-order small,.final-order strong{display:block}.final-order small{color:#718096;font-size:8px}.final-order strong{font-size:11px}.flow-final>a{color:#ffbf3d;font-size:10px}
@media(max-width:850px){.flow-plans{grid-template-columns:repeat(2,1fr)}.flow-review-grid{grid-template-columns:1fr}}
@media(max-width:550px){.purchase-steps>i{width:35px}.purchase-steps>div{min-width:78px}.purchase-steps span{font-size:8px}.flow-plans{grid-template-columns:1fr}.flow-final{padding:28px 18px}.final-order{grid-template-columns:1fr}.final-order>div+div{border-right:0;border-top:1px solid rgba(255,255,255,.08)}.flow-actions{gap:10px}.flow-actions button{padding-inline:11px}}
