/* Visual review: a shorter purchase path and clearer functional details. */
.official-seal>span{font-size:9px;letter-spacing:1.1px}
.ceo-quote{isolation:isolate;padding-right:20px;background:linear-gradient(120deg,#12283d70,#0c172500)}
.ceo-quote figcaption small{font-size:9px;letter-spacing:1.1px;line-height:1.7;color:#a5bfd5}

.package-check{position:absolute;right:4px;top:4px;display:flex;align-items:center;justify-content:center;width:12px;height:11px;font:800 8px/1 var(--sans);color:#d7f1ff;background:#1d5d89;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:0;pointer-events:none;transition:opacity .16s}
.packages input:checked+span>.package-check{opacity:1}
.order-summary>div>span{white-space:nowrap}
.order-summary.is-quote>strong{font-family:var(--sans);font-size:20px;font-weight:700}

/* Payment selector: the native field remains the no-JavaScript fallback. */
.payment-picker{position:relative;margin-top:9px}
.payment-picker>select{margin-top:0}
.payment-picker>select[hidden],.payment-menu[hidden]{display:none}
.payment-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px 15px;border:1px solid #6489a35c;border-radius:3px;background:linear-gradient(115deg,#0b1c2e,#091522);color:#e4f0fc;box-shadow:inset 0 1px #d8edff06;text-align:left;line-height:1.4;transition:border-color .18s,box-shadow .18s,background .18s}
.payment-trigger:hover{border-color:#6bb7ec;background:linear-gradient(115deg,#10273d,#0b1b2c)}
.payment-trigger:focus-visible{outline:2px solid #9cdbff;outline-offset:3px}
.payment-picker.is-open .payment-trigger{border-color:#6cbef7;box-shadow:0 0 0 3px #279ef411}
.payment-current{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.payment-emblem{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #6c9db748;border-radius:4px;background:#17344b6b;color:#b9d9ed;font:750 10px/1 var(--sans);letter-spacing:.6px}
.payment-emblem.is-binance{color:#edc454;border-color:#b5953b42;background:#e0b1390c}
.payment-emblem svg{width:21px;height:21px}
.payment-copy{display:block;min-width:0;flex:1}
.payment-title{display:block;font:700 14px/1.4 var(--sans);color:#e2edf8}
.payment-description{display:block;margin-top:3px;font:450 11px/1.4 var(--sans);color:#9db4c9}
.payment-chevron{flex:0 0 20px;width:20px;height:20px;color:#99bad2;transition:transform .18s}
.payment-picker.is-open .payment-chevron{transform:rotate(180deg);color:#92d4ff}
.payment-menu{position:absolute;z-index:35;top:calc(100% + 8px);left:0;right:0;list-style:none;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#426784 #0b1929;border:1px solid #5a9bc4a6;border-radius:4px;background:#0b1929;box-shadow:0 16px 40px #0009,0 0 0 3px #07101c80,inset 0 1px #a3d9ff0c;animation:payment-open .14s ease-out;transform-origin:top}
.payment-picker.opens-up .payment-menu{top:auto;bottom:calc(100% + 8px);transform-origin:bottom}
.payment-option{position:relative;display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 11px;margin:0;border:1px solid transparent;border-radius:2px;color:#dbeaf5;cursor:pointer;touch-action:pan-y;user-select:none}
.payment-option+.payment-option{margin-top:2px}
.payment-option .payment-emblem{flex-basis:32px;width:32px;height:32px}
.payment-option[aria-selected=true]{background:linear-gradient(90deg,#173d5b,#112b42);border-color:#4d9dcc50}
.payment-option[aria-selected=true] .payment-title{color:#bfe8ff}
.payment-option.is-active{background-color:#17314a;border-color:#82cafa8c;box-shadow:inset 2px 0 #83ceff}
.payment-check{flex:0 0 20px;width:20px;height:20px;color:#8ed5ff;opacity:0}
.payment-option[aria-selected=true] .payment-check{opacity:1}
@keyframes payment-open{from{opacity:0;transform:scaleY(.98) translateY(-3px)}to{opacity:1;transform:none}}
@media(max-width:760px){.payment-title{font-size:16px}.payment-description{font-size:12px}.payment-trigger{min-height:68px;padding-inline:12px}.payment-option{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.payment-menu{animation:none}.payment-trigger,.payment-chevron{transition:none}}
@media(forced-colors:active){.payment-trigger,.payment-menu,.payment-emblem{border-color:ButtonText}.payment-option[aria-selected=true]{border-color:Highlight}.payment-option.is-active{outline:1px solid Highlight}.payment-check{color:Highlight}}

@media(max-width:760px){
  .shop-grid>.order-panel{order:-1}
  .hero-bottom{flex-wrap:wrap}
  .official-seal>span{font-size:9px;letter-spacing:.5px;max-width:100px;line-height:1.5}
  #cinematic-toggle{font-size:10px;min-height:44px}
  .base-price>span,.base-price b{font-size:10px}
  .ceo-quote{padding-right:16px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}
}
@media(max-width:450px){
  .offer-copy>.eyebrow{display:none}
  .base-price>span{line-height:1.7}
}