:root{color:#10233b;font-synthesis:none;background:#edf3f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}main{background:#fff;border-radius:28px;width:min(100% - 32px,680px);margin:32px auto;padding:32px;box-shadow:0 24px 70px #142c421f}header{text-align:center;border-bottom:1px solid #dbe5eb;padding-bottom:22px}.brand-logo{width:min(100%,280px);height:auto;margin:0 auto 20px;display:block}h1{margin:8px 0 14px;font-size:clamp(2rem,7vw,3.4rem);line-height:1}header p{color:#607184;margin:0}header p strong{color:#405467}.development-badge{color:#725400;text-transform:uppercase;background:#fff3cd;border-radius:999px;margin-top:12px;padding:5px 9px;font-size:.7rem;font-weight:800;display:inline-block}section{margin-top:28px}.evse-selection,.summary,.alternatives{animation:.18s ease-out step-in}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h2{margin:0 0 14px;font-size:1.05rem}.amounts button{color:inherit;cursor:pointer;background:#f8fbfc;border:1px solid #cad7df;border-radius:16px}button.selected{background:#eaf8f4;border-color:#0c8e74;box-shadow:inset 0 0 0 1px #0c8e74}.amounts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.amounts button{padding:14px;font-weight:750}.other-amount{gap:8px;margin-top:16px;font-size:.9rem;font-weight:750;display:grid}.currency-input{background:#fff;border:1px solid #cad7df;border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.currency-input>span{color:#607184;font-weight:800}.currency-input input{color:#10233b;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:14px 0}.currency-input:focus-within{border-color:#0c8e74;box-shadow:0 0 0 2px #0c8e7424}.summary{color:#fff;background:#0e253f;border-radius:18px;padding:20px}.summary-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.summary-heading h2{margin-top:4px;font-size:1.35rem}.summary-label{color:#77d9c0;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.recommended{text-transform:uppercase;background:#1cba91;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:800}dl{margin:0}dl div{justify-content:space-between;gap:24px;padding:8px 0;display:flex}dt{color:#b9c8d6}dd{text-align:right;margin:0}dl .total{border-top:1px solid #385169;margin-top:8px;padding-top:16px;font-weight:800}dl .total dt{color:#fff}.authorization-note{color:#b9c8d6;margin:12px 0 0;font-size:.82rem;line-height:1.45}.continue{color:#fff;cursor:pointer;background:#13a780;border:0;border-radius:15px;width:100%;margin-top:22px;padding:17px;font-weight:800}.continue:disabled{cursor:not-allowed;background:#9aabb6}.notice{color:#607184;text-align:center;margin:12px 0 0;font-size:.82rem}.alternatives{border-top:1px solid #dbe5eb;padding-top:24px}.alternative-card{width:100%;color:inherit;text-align:left;background:#f8fbfc;border:1px solid #cad7df;border-radius:16px;gap:7px;padding:18px;display:grid}.alternative-card>span{color:#607184;font-size:.9rem;line-height:1.4}.prepay-cta{color:#fff;cursor:pointer;background:#13a780;border:0;border-radius:15px;width:100%;margin-top:8px;padding:15px 16px;font-weight:800}.prepay-cta:hover{background:#0c8e74}.prepay-cta:disabled{cursor:not-allowed;background:#9aabb6}.prepay-cta:focus-visible{outline-offset:2px;outline:3px solid #13a78059}.prepay-explanation{background:#f0faf7;border-left:4px solid #13a780;border-radius:4px 14px 14px 4px;margin-bottom:20px;padding:18px}.prepay-explanation strong{color:#08715d}.prepay-explanation p{color:#4e6374;margin:8px 0 0;font-size:.9rem;line-height:1.5}.alternatives h3{margin:0 0 12px;font-size:.92rem}.standard-link{color:#08715d;cursor:pointer;background:0 0;border:0;width:100%;margin-top:12px;font-weight:750}.availability-warning{color:#6b4600;background:#fff5df;border-left:4px solid #c47b00;border-radius:4px 12px 12px 4px;margin:18px 0 0;padding:14px 16px;line-height:1.45}.state-panel{text-align:center}.state-panel h1{font-size:1.8rem}.state-panel p{color:#607184}.payment-step{animation:.18s ease-out step-in}.secure-payment{background:#fff;border:1px solid #dce3e9;border-radius:18px;max-width:760px;margin:0 auto;padding:30px;animation:.18s ease-out step-in;box-shadow:0 12px 34px #1d303d14}.secure-payment>span{color:#42704d;letter-spacing:.08em;text-align:center;text-transform:uppercase;font-size:.72rem;font-weight:800;display:block}.secure-payment h2{text-align:center;margin:7px 0 10px}.payment-security-note{color:#596b78;text-align:center;max-width:590px;margin:0 auto 22px}.payment-total{background:#f4f8f5;border:1px solid #d8e7db;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:16px 18px;display:flex}.payment-total strong{color:#246233;font-size:1.35rem}.card-form{gap:17px;display:grid}.card-form label{gap:7px;font-weight:700;display:grid}.card-form input{font:inherit;border:1px solid #bfcbd4;border-radius:10px;width:100%;padding:13px 14px}.card-form input:focus{border-color:#2ea84f;outline:none;box-shadow:0 0 0 3px #2ea84f24}.expiration-fields{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;display:grid}.card-form-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.provider-configuration-note{color:#6c7780;text-align:center;margin:-5px 0 0;font-size:.86rem}@media (width<=640px){.secure-payment{padding:22px 18px}.card-form-row{grid-template-columns:1fr 1fr}.card-form-row label:last-child{grid-column:1/-1}}.payment-placeholder{color:#607184;background:#eef3f6;border-radius:18px;padding:22px}.payment-placeholder>span{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.payment-placeholder h2{color:#405467;margin:6px 0 8px;font-size:1.3rem}.payment-placeholder p{margin:0 0 18px}.payment-placeholder button{color:#fff;background:#b5c2ca;border:0;border-radius:14px;width:100%;padding:15px;font-weight:800}.authorization-review{background:#f0faf7;border:1px solid #b9dfd5;border-radius:18px;padding:22px;animation:.18s ease-out step-in}.authorization-review>span{color:#08715d;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.authorization-review h2{margin:6px 0 14px;font-size:1.35rem}.authorization-review dt{color:#607184}.authorization-review .total{border-color:#b9dfd5}.authorization-review .total dt{color:#10233b}.authorization-review>p{color:#607184;font-size:.88rem;line-height:1.5}.top-up-request{background:#fff;border:2px solid #e3ad2f;border-radius:16px;margin-top:22px;padding:20px}.top-up-request>span{color:#8a5a00;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.top-up-request h3{margin:6px 0 10px}.top-up-request>p{color:#596b78;line-height:1.5}.evse-selection>h2,.evse-selection>p,.alternatives>h2{text-align:center}.evse-selection>p{color:#607184;line-height:1.5}.evse-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px;display:grid}.evse-grid button{color:#10233b;cursor:pointer;text-align:center;background:#f8fbfc;border:1px solid #cad7df;border-radius:16px;place-items:center;gap:6px;padding:20px;display:grid}.evse-grid button:hover{background:#eaf8f4;border-color:#0c8e74}.evse-grid button.selected{background:#eaf8f4;border-color:#0c8e74;box-shadow:inset 0 0 0 2px #0c8e74}.evse-grid button:disabled{cursor:not-allowed;opacity:.58}.evse-grid button strong{font-size:1.15rem}.evse-grid .port-label{color:#10233b;font-weight:750}.evse-grid .evse-status{color:#08715d;font-size:.82rem;font-weight:700}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){main{border-radius:0;width:100%;min-height:100vh;margin:0;padding:24px 18px}.brand-logo{width:min(76vw,250px)}}