@font-face{font-family:'DM Sans';src:url('assets/DMSans-variable.ttf') format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url('assets/Manrope-variable.ttf') format('truetype');font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--bg:#080808;--text:#f3f3f3;--muted:#bcbcbc;--line:#363636;--field:#101010}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid white}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.skip{position:absolute;top:-80px;left:12px;background:white;color:black;padding:12px;z-index:10}.skip:focus{top:8px}.site-header{padding:0 max(5vw,24px);height:78px;border-bottom:1px solid #292929;background:#090909;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:11px;align-items:center;font:700 13px Manrope,sans-serif;white-space:nowrap}.brand img{object-fit:contain;filter:grayscale(1)}.site-header nav{display:flex;gap:28px;font-size:12px}.site-header nav a{padding:10px 0;color:#d4d4d4}.site-header nav a[aria-current]{border-bottom:1px solid white;color:white}.menu-toggle{display:none;width:44px;height:44px;border:0;background:none;padding:12px}.menu-toggle span{display:block;width:20px;border-top:1px solid #eee;margin:6px 0}.preview-bar{min-height:31px;border-bottom:1px solid #292929;padding:5px max(5vw,24px);display:flex;justify-content:space-between;gap:15px;align-items:center;background:#0d0d0d;font-size:9px;letter-spacing:1px;color:#bababa}.preview-copy{letter-spacing:0}.preview-bar button{border:0;background:none;padding:0;font-size:10px;min-height:24px;text-decoration:underline;text-underline-offset:3px}.preview-controls{padding:20px 5%;display:flex;align-items:end;flex-wrap:wrap;gap:20px;border-bottom:1px solid #444;background:#171717}.preview-controls label{font-size:11px}.preview-controls select{display:block;padding:8px;background:#111;border:1px solid #666;max-width:100%;margin-top:5px;font-size:12px}.preview-controls p{font-size:11px;max-width:420px;color:#ccc;margin:0}.text-button{border:1px solid #777;background:transparent;padding:9px 14px;font-size:12px}.scene{position:relative;isolation:isolate;min-height:calc(100svh - 175px);overflow:hidden}.scene-image{position:absolute;inset:0;z-index:-2;background:url('assets/hero.webp') center 54%/cover no-repeat;filter:grayscale(1) brightness(.48)}.scene:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.06) 60%,rgba(0,0,0,.28)),linear-gradient(0deg,#080808 0,transparent 25%)}.composition{max-width:1180px;width:88%;margin:0 auto;padding:42px 0 48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;align-items:start}.introduction{padding-top:27px;max-width:450px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.6px;color:#dedede;margin:0 0 23px}.introduction h1{font:400 clamp(40px,3.7vw,55px)/1.05 Georgia,serif;letter-spacing:-1.8px;margin:0 0 27px;text-shadow:0 2px 20px #0006}.introduction h1 em{display:block;font-weight:400;color:#e5e5e5;line-height:1.08;margin-top:7px}.lead{font-size:14px;line-height:1.7;max-width:380px;margin:0;color:#f0f0f0}.benefits{list-style:none;padding:0;margin:30px 0 0;max-width:355px}.benefits li{display:flex;gap:22px;padding:18px 0;border-top:1px solid #ffffff20}.benefits svg{width:28px;height:28px;margin-top:3px}.benefits strong{font-size:13px;font-weight:600}.benefits p{font-size:12px;line-height:1.6;color:#bdbdbd;margin:5px 0 0}.payment-card{min-width:0;background:rgba(10,10,10,.94);border:1px solid #454545;border-radius:7px;padding:26px 28px;box-shadow:0 16px 55px #0003;scroll-margin-top:15px}.steps{display:flex;list-style:none;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #303030;gap:12px;justify-content:space-between}.steps li{display:flex;align-items:center;gap:7px;color:#aaa;font-size:10px;line-height:1.4;flex:1}.step-number{border:1px solid #656565;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;font-size:11px}.steps li[aria-current]{color:white}.steps li[aria-current] .step-number{background:#f3f3f3;color:#111;border-color:#f3f3f3}.steps li[data-complete=true] .step-number{border-color:#ddd;color:white}.payment-card h2{font:600 20px/1.3 Manrope,sans-serif;letter-spacing:-.4px;margin:0 0 9px}.supporting{font-size:12px;color:#bcbcbc;line-height:1.7;margin:0 0 20px}.field-label,.methods legend{display:block;font-size:12px;font-weight:500;margin:15px 0 7px}.methods legend span{color:#a7a7a7;font-weight:400;font-size:10px}input:not([type=checkbox],[type=radio]){width:100%;min-width:0;background:var(--field);border:1px solid #444;color:#f3f3f3;border-radius:4px;padding:11px 13px;min-height:46px;font-size:16px;line-height:1.4}input[readonly]{border-style:dashed;color:#d2d2d2}.amount-input{position:relative}.amount-input span{position:absolute;left:14px;top:12px;color:#c9c9c9}.amount-input input{padding-left:32px}.field-help{font-size:10px;color:#aaa;line-height:1.5;margin:6px 0 0}.field-error{font-size:11px;margin:6px 0 0;color:#fff}.field-error:empty{display:none}[aria-invalid=true]{border-color:white!important;outline:1px solid white}.form-error:empty{display:none}.form-error{border:1px solid #888;padding:10px;font-size:12px;color:white}.gratuity{margin:13px 0 4px;font-size:11px;color:#ccc}.gratuity summary{cursor:pointer;min-height:28px;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.tips{display:flex;gap:6px;padding:8px 0}.tips button{flex:1;border:1px solid #4c4c4c;background:#111;border-radius:3px;padding:9px 0;font-size:11px;min-height:40px}.tips button[aria-pressed=true]{color:#111;background:#f1f1f1;border-color:#f1f1f1}.methods{border:0;padding:0;margin:0}.method-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.method-options label{position:relative;min-width:0}.method-options input{position:absolute;opacity:0;width:1px;height:1px}.method-options label span{border:1px solid #444;border-radius:4px;min-height:44px;padding:9px 3px;display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.method-options svg{width:16px;height:16px}.method-options input:checked+span{background:#222;border-color:#f1f1f1}.method-options input:focus-visible+span{outline:2px solid white;outline-offset:3px}.sample-field{border:1px solid #383838;min-height:42px;border-radius:4px;color:#aaa;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;font-size:13px;background:#101010;user-select:none}.sample-field svg{width:14px;height:14px}.card-brand{font-size:10px;font-weight:700;font-style:italic;color:#ddd;border:1px solid #555;border-radius:2px;padding:0 4px}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sample-grid .field-label{font-size:11px;margin-top:11px}.wallet-preview{display:flex;align-items:start;gap:14px;padding:21px 14px;border:1px solid #3d3d3d;border-radius:4px;margin-top:17px}.wallet-preview strong{font-size:14px}.wallet-preview p{font-size:12px;color:#ccc;margin:6px 0}.wallet-preview small{font-size:10px;color:#aaa}.consent{font-size:11px;color:#ccc;line-height:1.55;display:flex;gap:10px;margin:20px 0 18px}.consent input{width:17px;height:17px;flex-shrink:0;accent-color:#fff;margin:1px 0 0}.primary{border:1px solid #f2f2f2;background:#f2f2f2;color:#101010;min-height:46px;padding:12px 16px;width:100%;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600;text-align:center}.primary svg{width:16px;height:16px}.primary:hover{background:#ddd;border-color:#ddd}.card-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#a8a8a8;font-size:9px;margin-top:20px;line-height:1.5;text-align:center}.card-footer svg{width:14px;height:14px}.review-summary,.receipt-summary{border:1px solid #3d3d3d;border-radius:4px;padding:10px 18px;margin:25px 0}.review-summary div,.receipt-summary div{display:flex;gap:22px;justify-content:space-between;padding:13px 0;font-size:12px}.review-summary dt,.receipt-summary dt{color:#b9b9b9;flex-shrink:0}.review-summary dd,.receipt-summary dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.summary-total{border-top:1px solid #444;margin-top:8px;padding-top:22px!important;padding-bottom:15px!important;align-items:center}.summary-total dt{color:white}.summary-total small{display:block;font-size:9px;color:#aaa;letter-spacing:1px}.summary-total dd{font:32px Georgia,serif}.reservation-policy{font-size:11px;line-height:1.7;color:#c2c2c2;margin:22px 0}.review-disclaimer{font-size:10px;line-height:1.6;color:#b0b0b0;margin:16px 0}.back{display:block;margin:17px auto 0;border:0;background:none;min-height:38px;padding:8px 12px;font-size:11px}.back:hover{text-decoration:underline}.confirmation{text-align:center;padding-top:10px}.confirmation-icon{width:49px;height:49px;stroke-width:1;margin:15px 0 23px}.confirmation .eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:2px}.confirmation h2{font:40px Georgia,serif;letter-spacing:-1px;margin:0 0 14px}.confirmation-copy{font-size:13px;line-height:1.8;color:#d1d1d1;max-width:335px;margin:0 auto 18px}.simulation-badge{border:1px solid #555;padding:8px 10px;font-size:9px;letter-spacing:.5px;color:#d7d7d7}.receipt-summary{text-align:left}.receipt-summary div{padding:10px 0;font-size:11px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(5vw,24px);font-size:9px;color:#aaa;border-top:1px solid #292929}.site-footer>span{letter-spacing:1px}.site-footer p{margin:0}.site-footer a{text-decoration:underline;text-underline-offset:3px}dialog{width:calc(100% - 32px);max-width:420px;border:1px solid #777;border-radius:7px;background:#101010;color:#eee;padding:25px}dialog::backdrop{background:#000b}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.dialog-head h2{font:500 20px Manrope;margin:0}.close{font-size:24px;line-height:1;width:32px;height:32px;background:none;border:0}.dialog-total{font:40px Georgia;display:block;margin:20px 0}.dialog-head+p{margin-top:22px}dialog p{font-size:12px;overflow-wrap:anywhere}.hidden,[hidden]{display:none!important}
@media(min-width:1900px){.composition{padding-top:70px;max-width:1320px;gap:150px}.introduction{padding-top:35px}.scene-image{background-position:center 58%}.payment-card{padding:32px 38px}.introduction h1{font-size:62px}.lead{font-size:15px}.benefits{margin-top:45px;max-width:380px}.site-header{padding:0 max(5vw,calc((100vw - 1420px)/2))}}
@media(max-width:1000px){.composition{width:92%;gap:5%;padding-top:35px}.site-header nav{gap:18px}.brand{font-size:11px}.introduction h1{font-size:43px}.payment-card{padding:23px}.steps{gap:6px}.steps li{font-size:9px;gap:5px}.step-number{width:22px;height:22px}.lead{font-size:13px}.benefits li{gap:14px}}
@media(max-width:800px){.composition{max-width:560px;width:auto;margin:0 auto;padding:24px 22px 34px;grid-template-columns:1fr;gap:24px}.site-header{height:70px;padding:0 22px;position:relative}.brand{font-size:13px;letter-spacing:.4px}.desktop-brand{display:none}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:70px;background:#0c0c0c;padding:15px 22px;z-index:5;border-bottom:1px solid #555;flex-wrap:wrap}.site-header nav.open{display:flex}.preview-bar{padding:3px 22px;font-size:8px;letter-spacing:.6px}.preview-copy{display:none}.preview-bar button{min-height:28px;font-size:9px}.introduction{padding:0;max-width:none}.eyebrow{font-size:9px;margin-bottom:14px;letter-spacing:2px}.introduction h1{font-size:36px;letter-spacing:-1px;line-height:1.06;margin-bottom:17px}.introduction h1 em{font-size:35px;margin-top:4px}.desktop-break{display:none}.lead{font-size:12px;line-height:1.65;max-width:390px}.benefits{display:none}.scene-image{background-size:auto 810px;background-position:60% top;background-repeat:no-repeat;filter:grayscale(1) brightness(.42)}.scene:after{background:linear-gradient(0deg,#080808 25%,transparent 75%)}.payment-card{padding:22px 20px;background:rgba(10,10,10,.96);border-color:#444}.steps{padding-bottom:20px;margin-bottom:22px;gap:7px}.steps li{font-size:9px;display:flex;align-items:center;gap:5px}.step-number{width:22px;height:22px;font-size:10px}.payment-card h2{font-size:18px}.supporting{font-size:12px;margin-bottom:18px}.field-label{font-size:11px}.sample-grid{gap:12px}.method-options{gap:5px}.method-options label span{font-size:10px}.consent{font-size:11px}.primary{min-height:48px}.site-footer{padding:22px;display:flex;flex-direction:column;gap:9px;text-align:center}.confirmation h2{font-size:36px}.preview-controls{padding:20px 22px}.preview-controls label{width:100%}.preview-controls select{width:100%}}
@media(max-width:350px){.composition{padding-left:14px;padding-right:14px;gap:20px}.introduction h1,.introduction h1 em{font-size:32px}.payment-card{padding:20px 15px}.site-header{padding:0 14px}.preview-bar{padding:3px 14px}.steps li{flex-direction:column;gap:6px;text-align:center;white-space:nowrap}.method-options label span{font-size:9px}.method-options svg{width:13px}.receipt-summary,.review-summary{padding:8px 12px}.summary-total dd{font-size:29px}.review-summary div{font-size:11px;gap:12px}}
@media(prefers-reduced-motion:no-preference){.primary{transition:background-color .15s,border-color .15s} .payment-card section:not([hidden]){animation:reveal .16s ease-out}@keyframes reveal{from{opacity:.65}to{opacity:1}}}
.checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #363636;margin-top:6px}.checkout-summary strong{font:30px Georgia,serif}.checkout-summary span{font-size:13px}.checkout-summary+.field-help{margin-top:10px}#checkout-form{min-height:180px;margin:20px 0}#checkout-loading{font-size:12px;color:#bcbcbc}.receipt-summary dd{max-width:230px;font-size:10px}.preview-bar{color:#ededed;background:#191919}

/* Shared typography and touch-friendly layout for the live sandbox form. */
:root{--ui-font:'Helvetica Neue',Helvetica,Arial,sans-serif}
body{font-family:var(--ui-font);font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
.brand,.payment-card h2,.dialog-head h2{font-family:var(--ui-font)}
.brand{font-size:14px;letter-spacing:.25px}.site-header nav{font-size:14px;gap:24px}
.composition{max-width:1240px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7%}
.introduction h1{font-size:clamp(44px,4vw,60px);line-height:1.08;letter-spacing:-1.5px}
.introduction h1 em{line-height:1.12;color:#dedbd5}
.eyebrow{font-size:12px}.lead{font-size:17px;line-height:1.65;max-width:420px}
.benefits{max-width:410px}.benefits strong{font-size:16px}.benefits p{font-size:14px;line-height:1.65}
.payment-card{padding:30px}.payment-card h2{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.5px}
.supporting{font-size:15px;line-height:1.65}.field-label,.methods legend{font-size:14px;margin-top:20px}
input:not([type=checkbox],[type=radio]){font-size:18px;min-height:54px;padding:13px 14px}
.amount-input input{padding-left:34px}.amount-input span{top:13px;font-size:18px}
.field-help{font-size:13px;line-height:1.65;color:#bdbdbd}.field-error,.form-error{font-size:14px}
.gratuity{font-size:14px;margin-top:18px}.gratuity summary{min-height:44px;padding:10px 0}
.tips button{font-size:14px;min-height:46px}.wallet-preview{padding:18px;gap:12px}
.wallet-preview strong{font-size:16px}.wallet-preview p{font-size:14px;line-height:1.6}
.consent{font-size:14px;line-height:1.6;margin:24px 0}.consent input{width:21px;height:21px;margin-top:1px}
.primary{min-height:54px;font-size:16px}.back{font-size:14px;min-height:46px}
.steps li{font-size:12px;gap:8px;line-height:1.45}.step-number{width:28px;height:28px;font-size:12px}
.card-footer{font-size:12px;line-height:1.6}.card-footer svg{width:16px;height:16px}
.reservation-policy{font-size:14px;line-height:1.65}.checkout-summary span{font-size:16px}
.checkout-summary strong{font:600 32px/1.2 var(--ui-font);letter-spacing:-1px;font-variant-numeric:tabular-nums}
#checkout-loading{font-size:14px}.receipt-summary div,.receipt-summary dd{font-size:13px}
.confirmation-copy{font-size:16px}.site-footer{font-size:12px;line-height:1.6}
.preview-bar{font-size:10px;min-height:36px;letter-spacing:.7px}
@media(min-width:801px) and (max-width:1100px){.site-header nav{gap:14px;font-size:12px}.brand{font-size:12px}.composition{gap:4%;width:94%}.payment-card{padding:24px}.steps li{font-size:11px;gap:6px}}
@media(max-width:800px){
 .site-header{height:68px;padding:0 20px}.brand{font-size:14px}.site-header nav{top:68px;font-size:15px;gap:14px 24px}
 .site-header nav a{min-height:44px}.preview-bar{padding:7px 20px;font-size:9px;min-height:34px}
 .composition{width:100%;max-width:600px;grid-template-columns:minmax(0,1fr);padding:28px 16px 36px;gap:28px}
 .introduction{padding:0 6px}.eyebrow{font-size:11px;margin-bottom:16px}
 .introduction h1{font-size:clamp(36px,9.5vw,48px);line-height:1.08;letter-spacing:-1.2px;margin-bottom:20px}
 .introduction h1 em{font-size:inherit;line-height:1.13;margin-top:8px}
 .lead{font-size:16px;line-height:1.65;max-width:none}
 .payment-card{padding:24px 20px;border-radius:10px;background:rgba(10,10,10,.97)}
 .payment-card h2{font-size:24px}.supporting{font-size:15px}
 .steps{gap:8px;padding-bottom:22px;margin-bottom:24px}.steps li{flex-direction:column;align-items:center;text-align:center;font-size:12px;gap:9px;white-space:normal}
 .step-number{width:29px;height:29px;font-size:13px}
 .field-label{font-size:14px}.field-help{font-size:13px}.wallet-preview{padding:16px 12px}
 .wallet-preview strong{font-size:15px}.wallet-preview p{font-size:14px}
 .consent{font-size:14px}.card-footer{font-size:12px}.site-footer{font-size:11px;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}
 .checkout-summary{gap:12px}.checkout-summary strong{font-size:30px}.checkout-summary span{overflow-wrap:anywhere;min-width:0}
 .scene-image{background-size:auto 900px;background-position:60% top}
}
@media(max-width:360px){.composition{padding-left:12px;padding-right:12px}.payment-card{padding:22px 16px}.steps li{font-size:11px}.wallet-preview{gap:8px}.wallet-preview>svg{width:20px}.wallet-preview strong{font-size:14px}.preview-bar{padding-left:16px;padding-right:16px;font-size:8px}.tips{gap:4px}.tips button{font-size:12px}}

.gratuity{padding:4px 0 8px}.gratuity .field-label{margin:12px 0 4px;color:var(--text)}.optional-label{font-weight:400;color:var(--muted)}

/* Centered payment layout: shared desktop and mobile journey. */
.composition{display:block;width:100%;max-width:620px;padding:44px 24px 56px;margin:0 auto}
.payment-card{padding:34px 36px;border-color:#3a3a3a;background:rgba(12,12,12,.97);border-radius:12px}
.scene-image{background-position:center;background-size:cover;filter:grayscale(1) brightness(.23)}
.scene:after{background:linear-gradient(90deg,#08080899,transparent 50%,#08080899),linear-gradient(0deg,#080808,transparent 65%)}
.payment-card .eyebrow{font-size:10px;letter-spacing:2px;color:#aaa;margin:0 0 12px}
#details-title{font:400 35px/1.12 Georgia,serif;letter-spacing:-.8px;margin-bottom:14px}
.steps{padding-bottom:22px;margin-bottom:28px}.supporting{font-size:15px;margin-bottom:24px}
.gratuity{margin-top:22px;padding-bottom:4px}.consent{margin-top:24px}.site-footer{justify-content:center;flex-wrap:wrap;gap:12px 28px}
@media(max-width:800px){.composition{max-width:540px;padding:22px 14px 32px}.payment-card{padding:26px 22px;border-radius:10px}#details-title{font-size:32px}.steps{margin-bottom:26px}.scene-image{background-size:cover}.site-header{height:64px}.site-header nav{top:64px}.site-footer{gap:8px}.supporting{font-size:15px}}
@media(max-width:360px){.composition{padding:18px 10px 28px}.payment-card{padding:22px 16px}#details-title{font-size:29px}}

/* Website typography: the existing DM Sans / Manrope files and official mark. */
body{font:400 16px/1.6 'DM Sans',sans-serif}
.site-header{background:#111}.brand{font:600 15px/1 'Manrope',sans-serif;letter-spacing:1px}.brand img{filter:none;width:32px;height:32px}
.payment-card h2,#details-title,.confirmation h2{font:500 30px/1.2 'Manrope',sans-serif;letter-spacing:-1px}
.field-label{font-weight:500;font-size:13px}.primary{font-weight:600;font-size:14px}.tips button{font-weight:400;font-size:14px}.checkout-summary strong{font-family:'Manrope',sans-serif;font-weight:500}
.site-footer{justify-content:center;text-align:center;background:#111;color:#fff;font:600 13px/1.6 'Manrope',sans-serif;letter-spacing:1.5px}
#back-details{margin:0 0 18px;padding:0;text-align:left;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.brand{font-size:12px}.desktop-brand{display:inline}.brand>span{max-width:240px}.payment-card h2,#details-title,.confirmation h2{font-size:27px}.supporting{font-size:14px}.site-footer{font-size:11px}}
@media(max-width:360px){.brand{font-size:10px}.brand img{width:26px;height:26px}.site-header{gap:8px;padding-inline:16px}.brand{gap:8px}}

/* Short directional step entrance; fields remain stationary during entry. */
#back-details{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0 0 16px;border:1px solid #555;border-radius:50%;text-decoration:none;color:#f3f3f3;background:transparent}
#back-details[hidden]{display:none}
#back-details svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#back-details:hover{background:#222;border-color:#aaa}
#back-details:focus-visible{outline:2px solid #fff;outline-offset:4px}
#review.step-enter-forward{animation:payment-forward 520ms ease-out both}
#details.step-enter-back{animation:payment-back 520ms ease-out both}
@keyframes payment-forward{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
@keyframes payment-back{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#review.step-enter-forward,#details.step-enter-back{animation:none}}