.xcodevps-ord-order{
    --ac-primary: #AA5A00;
  --ac-accent: #FFD84D;
  --ac-bg: #FFFFFF;
  --ac-card: #FFFFFF;
  --ac-ink: #24211E;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #24211E;
  --ac-r: 13px;
  --ac-font-head: "Albert Sans", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  min-height:100vh;
  padding:var(--space-5) var(--gutter) var(--space-6);
  background:var(--deep);
  color:var(--deep-ink);
  font-family:var(--font-body);
}
.xcodevps-ord-order [hidden]{display:none!important}
.xcodevps-ord-order *{min-width:0}
.xcodevps-ord-order-inner{width:min(100%,75rem);margin-inline:auto}
.xcodevps-ord-order-intro{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--space-4);
  padding-bottom:var(--space-4);
}
.xcodevps-ord-order-intro-copy{max-width:42rem}
.xcodevps-ord-order-marker{
  margin-bottom:var(--space-2);
  color:var(--yellow);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  letter-spacing:.12em;
}
.xcodevps-ord-order-intro h1{
  color:var(--deep-ink);
  font-size:var(--text-section);
  line-height:var(--leading-tight);
}
.xcodevps-ord-order-intro-copy>p:last-child{
  margin-top:var(--space-2);
  color:var(--deep-muted);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-intro-note{
  max-width:19rem;
  padding-left:var(--space-3);
  border-left:1px solid var(--line-dark);
  color:var(--deep-muted);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-folio{
  overflow:hidden;
  border-radius:var(--radius-cover);
  background:var(--paper);
  color:var(--paper-ink);
}
.xcodevps-ord-order-location{
  display:grid;
  grid-template-columns:minmax(10rem,1fr) minmax(0,3fr);
  gap:var(--space-3);
  align-items:center;
  padding:var(--space-3) var(--space-4);
  background:var(--mist);
  color:var(--mist-ink);
}
.xcodevps-ord-order-section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
}
.xcodevps-ord-order-section-heading svg{
  flex:none;
  color:var(--mist-muted);
}
.xcodevps-ord-order-section-heading h2,
.xcodevps-ord-order-extensions h2,
.xcodevps-ord-order-duration h2{
  color:inherit;
  font-size:var(--text-card);
  line-height:1.3;
}
.xcodevps-ord-region-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1);
}
.xcodevps-ord-region{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:3.25rem;
  padding:.65rem var(--space-2);
  border:1px solid transparent;
  border-radius:var(--radius-pill);
  background:var(--white);
  color:var(--ink);
  font:700 var(--text-sm)/1.35 var(--font-heading);
  text-align:center;
  overflow-wrap:break-word;
  transition:background .2s ease,box-shadow .2s ease;
}
.xcodevps-ord-region:hover{background:var(--paper)}
.xcodevps-ord-region.is-on,
.xcodevps-ord-region[aria-checked="true"]{
  background:var(--deep);
  color:var(--deep-ink);
  box-shadow:inset 0 0 0 2px var(--yellow);
}
.xcodevps-ord-order-machine{
  padding:var(--space-4);
  color:var(--paper-ink);
}
.xcodevps-ord-order-machine>.xcodevps-ord-order-section-heading{
  margin-bottom:var(--space-3);
}
.xcodevps-ord-order-section-rule{
  flex:1;
  height:1px;
  background:var(--line-paper);
}
.xcodevps-ord-plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.xcodevps-ord-plan{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
  width:100%;
  min-height:11rem;
  padding:var(--space-3);
  border:2px solid transparent;
  border-radius:var(--radius-card);
  background:var(--white);
  color:var(--ink);
  font:inherit;
  text-align:left;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.xcodevps-ord-plan:hover{transform:translateY(-2px)}
.xcodevps-ord-plan.is-on,
.xcodevps-ord-plan[aria-checked="true"]{
  border-color:var(--amber);
  background:var(--white);
  color:var(--ink);
}
.xcodevps-ord-plan-name{
  display:block;
  font-family:var(--font-heading);
  font-size:var(--text-card);
  font-weight:800;
  line-height:1.3;
  overflow-wrap:break-word;
}
.xcodevps-ord-plan-chip{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:var(--mist);
  color:var(--mist-ink);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1;
  overflow-wrap:break-word;
}
.xcodevps-ord-plan-spec{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-1);
  width:100%;
  color:var(--muted);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-variant-numeric:tabular-nums;
  overflow-wrap:break-word;
}
.xcodevps-ord-plan-price{
  display:block;
  margin-top:auto;
  padding-top:var(--space-2);
  border-top:1px solid var(--line-paper);
  color:var(--ink);
  font-family:var(--font-mono);
  font-size:var(--text-lg);
  font-weight:700;
  font-variant-numeric:tabular-nums;
  overflow-wrap:break-word;
}
.xcodevps-ord-plan-price em{
  color:var(--muted);
  font-size:var(--text-sm);
  font-style:normal;
  font-weight:400;
}
.xcodevps-ord-order-terms{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:var(--space-3);
  align-items:start;
  margin-top:var(--space-4);
}
.xcodevps-ord-order-extensions{
  min-width:0;
  margin:0;
  padding:var(--space-3);
  border:0;
  border-radius:var(--radius-card);
  background:var(--white);
  color:var(--ink);
}
.xcodevps-ord-order-extensions legend{
  float:left;
  width:100%;
  margin-bottom:var(--space-1);
  padding:0;
  color:var(--muted);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}
.xcodevps-ord-order-extensions h2{clear:both;margin-bottom:var(--space-2)}
.xcodevps-ord-ssd-seg,
.xcodevps-ord-period-seg{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
}
.xcodevps-ord-seg-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.875rem;
  padding:.55rem var(--space-2);
  border:1px solid var(--control-line);
  border-radius:var(--radius-pill);
  background:var(--white);
  color:var(--ink);
  font:700 var(--text-sm)/1.35 var(--font-heading);
  text-align:center;
  overflow-wrap:break-word;
}
.xcodevps-ord-seg-btn:hover{border-color:var(--amber)}
.xcodevps-ord-seg-btn.is-on,
.xcodevps-ord-seg-btn[aria-checked="true"]{
  border-color:var(--deep);
  background:var(--deep);
  color:var(--deep-ink);
}
.xcodevps-ord-order-tb5{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--space-2);
  align-items:start;
  margin-top:var(--space-3);
  padding-top:var(--space-2);
  border-top:1px solid var(--line-paper);
  color:var(--ink);
  cursor:pointer;
}
.xcodevps-ord-order-tb5 input{
  width:1.25rem;
  height:1.25rem;
  margin:.15rem 0 0;
  accent-color:var(--amber);
}
.xcodevps-ord-order-tb5-copy{display:grid;gap:var(--space-1)}
.xcodevps-ord-order-tb5-copy strong{
  font-family:var(--font-heading);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-tb5-copy small{
  color:var(--muted);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-tb5 em{
  color:var(--ink);
  font-family:var(--font-mono);
  font-size:var(--text-sm);
  font-style:normal;
  font-variant-numeric:tabular-nums;
  text-align:right;
  overflow-wrap:break-word;
}
.xcodevps-ord-order-duration{
  padding:var(--space-3);
  border-radius:var(--radius-card);
  background:var(--char);
  color:var(--char-ink);
}
.xcodevps-ord-order-duration h2{margin-bottom:var(--space-2)}
.xcodevps-ord-order-duration .xcodevps-ord-seg-btn{
  border-color:var(--line-dark);
  background:var(--violet);
  color:var(--violet-ink);
}
.xcodevps-ord-order-duration .xcodevps-ord-seg-btn:hover{border-color:var(--yellow)}
.xcodevps-ord-order-duration .xcodevps-ord-seg-btn.is-on,
.xcodevps-ord-order-duration .xcodevps-ord-seg-btn[aria-checked="true"]{
  border-color:var(--yellow);
  background:var(--yellow);
  color:var(--ink);
}
.xcodevps-ord-order-settlement{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(16rem,1.6fr);
  gap:var(--space-3) var(--space-4);
  align-items:start;
  margin-top:var(--space-5);
}
.xcodevps-ord-order-settlement-head{
  padding-top:var(--space-2);
  color:var(--deep-ink);
}
.xcodevps-ord-order-settlement-head h2{
  color:var(--deep-ink);
  font-size:var(--text-section);
}
.xcodevps-ord-order-settlement-head p{
  max-width:20rem;
  margin-top:var(--space-2);
  color:var(--deep-muted);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-receipt{
  overflow:hidden;
  border-radius:var(--radius-cover);
  background:var(--white);
  color:var(--ink);
}
.xcodevps-ord-order-receipt>h3{
  padding:var(--space-3) var(--space-4) 0;
  color:var(--ink);
  font-size:var(--text-card);
}
.xcodevps-ord-order-summary{
  display:grid;
  gap:0;
  margin:var(--space-2) var(--space-4) var(--space-3);
}
.xcodevps-ord-order-summary>div{
  display:grid;
  grid-template-columns:minmax(7rem,34%) minmax(12rem,1fr);
  gap:var(--space-2);
  align-items:baseline;
  padding:.7rem 0;
  border-bottom:1px solid var(--line-paper);
}
.xcodevps-ord-order-summary dt{
  color:var(--muted);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-summary dd{
  margin:0;
  color:var(--ink);
  font-weight:700;
  text-align:right;
  overflow-wrap:break-word;
}
.xcodevps-ord-order-receipt-foot{
  display:grid;
  grid-template-columns:minmax(12rem,1fr) minmax(12rem,1fr);
  gap:var(--space-3);
  align-items:center;
  padding:var(--space-3) var(--space-4);
  background:var(--mist);
  color:var(--mist-ink);
}
.xcodevps-ord-order-total{
  display:grid;
  gap:var(--space-1);
  color:var(--mist-ink);
}
.xcodevps-ord-order-total>span{font-size:var(--text-sm)}
.xcodevps-ord-order-total strong{
  color:var(--mist-ink);
  font-family:var(--font-mono);
  font-size:clamp(1.5rem,3vw,2rem);
  font-variant-numeric:tabular-nums;
  line-height:1.2;
  overflow-wrap:break-word;
}
.xcodevps-ord-order-total em{
  margin-left:.4rem;
  font-size:var(--text-sm);
  font-style:normal;
  font-weight:400;
}
.xcodevps-ord-order-checkout-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:var(--space-1);
}
.xcodevps-ord-order-checkout,
.xcodevps-ord-order-console,
.xcodevps-ord-order-bind-button,
.xcodevps-ord-order-cancel,
.xcodevps-ord-dialog-console,
.xcodevps-ord-dialog-stay{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3rem;
  padding:.65rem var(--space-3);
  border-radius:var(--radius-pill);
  font-family:var(--font-heading);
  font-size:var(--text-sm);
  font-weight:700;
  line-height:1.3;
  text-align:center;
  overflow-wrap:break-word;
}
.xcodevps-ord-order-checkout,
.xcodevps-ord-dialog-console{
  border:1px solid var(--amber);
  background:var(--amber);
  color:var(--ac-on-primary);
}
.xcodevps-ord-order-checkout:hover,
.xcodevps-ord-dialog-console:hover{background:var(--amber-hover)}
.xcodevps-ord-order-console{
  border:1px solid var(--control-line);
  background:transparent;
  color:var(--mist-ink);
}
.xcodevps-ord-order-console:hover{background:var(--white)}
.xcodevps-ord-order-message,
.xcodevps-ord-order-auth-message{
  padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-card);
  background:#F3F1EC;
  color:#7B271E;
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-message{
  grid-column:2;
  margin-top:var(--space-2);
}
.xcodevps-ord-order-message.is-ok,
.xcodevps-ord-order-auth-message.is-ok{
  background:var(--mist);
  color:var(--mist-ink);
}
.xcodevps-ord-order-gateway,
.xcodevps-ord-order-binding{
  grid-column:2;
  padding:var(--space-3);
  border-radius:var(--radius-card);
  background:var(--char);
  color:var(--char-ink);
}
.xcodevps-ord-order-gateway.is-open,
.xcodevps-ord-order-binding.is-open{box-shadow:inset 0 0 0 2px var(--yellow)}
.xcodevps-ord-order-gateway h3{color:var(--char-ink)}
.xcodevps-ord-order-gateway-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  gap:var(--space-1);
  margin-top:var(--space-2);
}
.xcodevps-ord-gw-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:var(--space-1);
  min-height:4.5rem;
  padding:var(--space-2);
  border:1px solid var(--control-line);
  border-radius:var(--radius-card);
  background:var(--white);
  color:var(--ink);
  font:inherit;
  text-align:left;
}
.xcodevps-ord-gw-item:hover,
.xcodevps-ord-gw-item.is-on,
.xcodevps-ord-gw-item[aria-checked="true"]{
  border-color:var(--yellow);
  box-shadow:inset 0 0 0 1px var(--yellow);
}
.xcodevps-ord-gw-item:disabled{opacity:.5;cursor:not-allowed}
.xcodevps-ord-gw-item strong{
  color:var(--ink);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.xcodevps-ord-gw-item small{
  color:var(--muted);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
}
.xcodevps-ord-order-cancel{
  margin-top:var(--space-2);
  border:1px solid color-mix(in srgb,currentColor 45%,transparent);
  background:transparent;
  color:var(--char-ink);
}
.xcodevps-ord-order-cancel:hover{background:var(--violet)}
.xcodevps-ord-order-binding>p:not(.xcodevps-ord-order-auth-message){
  color:var(--char-ink);
  overflow-wrap:break-word;
}
.xcodevps-ord-order-binding-form{
  display:grid;
  gap:var(--space-3);
  margin-top:var(--space-3);
}
.xcodevps-ord-order-binding-field{display:grid;gap:var(--space-1)}
.xcodevps-ord-order-binding-field label{
  color:var(--char-ink);
  font-weight:700;
}
.xcodevps-ord-order-binding-line{
  display:flex;
  flex-wrap:wrap;
  gap:var(--space-1);
}
.xcodevps-ord-order-binding-line input{
  flex:1 1 12rem;
  width:100%;
  min-height:2.875rem;
  padding:.65rem var(--space-2);
  border:1px solid var(--control-line);
  border-radius:var(--radius-sm);
  background:var(--white);
  color:var(--ink);
}
.xcodevps-ord-order-bind-button{
  flex:0 1 auto;
  border:1px solid var(--yellow);
  background:var(--yellow);
  color:var(--ink);
}
.xcodevps-ord-order-bind-button:hover{background:var(--paper)}
.xcodevps-ord-order-auth-message{margin-top:var(--space-3)}
.xcodevps-ord-order-dialog{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:var(--gutter);
}
.xcodevps-ord-dialog-backdrop{
  position:absolute;
  inset:0;
  background:rgba(20,18,17,.76);
}
.xcodevps-ord-dialog-panel{
  position:relative;
  width:min(100%,32rem);
  max-height:calc(100vh - var(--gutter)*2);
  overflow-y:auto;
  margin:auto;
  padding:var(--space-4);
  border-radius:var(--radius-cover);
  background:var(--paper);
  color:var(--paper-ink);
  box-shadow:var(--shadow-stage);
}
.xcodevps-ord-dialog-kicker{
  display:inline-flex;
  align-items:center;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:var(--mist);
  color:var(--mist-ink);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1;
}
.xcodevps-ord-dialog-panel h3{
  margin-top:var(--space-2);
  color:var(--paper-ink);
  font-size:var(--text-lg);
}
.xcodevps-ord-dialog-panel>p:not(.xcodevps-ord-dialog-kicker){
  margin-top:var(--space-2);
  color:var(--paper-muted);
  overflow-wrap:break-word;
}
.xcodevps-ord-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.xcodevps-ord-dialog-stay{
  border:1px solid color-mix(in srgb,currentColor 45%,transparent);
  background:transparent;
  color:var(--paper-ink);
}
.xcodevps-ord-dialog-stay:hover{background:var(--mist)}
.xcodevps-ord-order-dialog.is-center .xcodevps-ord-dialog-panel{text-align:center}
.xcodevps-ord-order-dialog.is-center .xcodevps-ord-dialog-actions{justify-content:center}
.xcodevps-ord-order .xcodevps-ord-chip-ok,
.xcodevps-ord-order .xcodevps-ord-chip-warn,
.xcodevps-ord-order .xcodevps-ord-chip-bad,
.xcodevps-ord-order .xcodevps-ord-chip-idle{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  font-size:var(--text-xs);
  line-height:1;
}
.xcodevps-ord-order .xcodevps-ord-chip-ok{background:var(--mist);color:var(--mist-ink)}
.xcodevps-ord-order .xcodevps-ord-chip-warn{background:var(--yellow);color:var(--ink)}
.xcodevps-ord-order .xcodevps-ord-chip-bad{background:var(--paper);color:#7B271E}
.xcodevps-ord-order .xcodevps-ord-chip-idle{background:var(--violet);color:var(--violet-ink)}
.xcodevps-ord-order .xcodevps-ord-cred,
.xcodevps-ord-order .xcodevps-ord-note{
  padding:var(--space-2);
  border-radius:var(--radius-card);
  background:var(--paper);
  color:var(--paper-ink);
  overflow-wrap:break-word;
}
.xcodevps-ord-order .xcodevps-ord-btn-danger{
  min-height:2.875rem;
  padding:.6rem var(--space-3);
  border:1px solid #7B271E;
  border-radius:var(--radius-pill);
  background:#7B271E;
  color:var(--white);
  font:700 var(--text-sm)/1.3 var(--font-heading);
}
.xcodevps-ord-order button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){
  .xcodevps-ord-order{padding-block:var(--space-4)}
  .xcodevps-ord-order-intro{display:block}
  .xcodevps-ord-order-intro-note{
    max-width:none;
    margin-top:var(--space-3);
  }
  .xcodevps-ord-order-location{
    grid-template-columns:minmax(0,1fr);
    padding:var(--space-3);
  }
  .xcodevps-ord-order-machine{padding:var(--space-3)}
  .xcodevps-ord-order-terms{grid-template-columns:minmax(0,1fr)}
  .xcodevps-ord-order-settlement{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-3);
    margin-top:var(--space-4);
  }
  .xcodevps-ord-order-message,
  .xcodevps-ord-order-gateway,
  .xcodevps-ord-order-binding{grid-column:1}
}
@media(max-width:42rem){
  .xcodevps-ord-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xcodevps-ord-plan-grid{grid-template-columns:minmax(0,1fr)}
  .xcodevps-ord-plan{min-height:0}
  .xcodevps-ord-order-receipt>h3{padding-inline:var(--space-3)}
  .xcodevps-ord-order-summary{margin-inline:var(--space-3)}
  .xcodevps-ord-order-summary>div{
    grid-template-columns:minmax(5rem,32%) minmax(0,1fr);
  }
  .xcodevps-ord-order-receipt-foot{
    grid-template-columns:minmax(0,1fr);
    padding:var(--space-3);
  }
  .xcodevps-ord-order-checkout-actions{justify-content:stretch}
  .xcodevps-ord-order-checkout,
  .xcodevps-ord-order-console{flex:1 1 100%}
  .xcodevps-ord-order-binding-line input,
  .xcodevps-ord-order-bind-button{flex:1 1 100%}
  .xcodevps-ord-order-gateway-list{grid-template-columns:minmax(0,1fr)}
  .xcodevps-ord-dialog-panel{padding:var(--space-3)}
  .xcodevps-ord-dialog-actions>*{flex:1 1 100%}
}
@media(max-width:390px){
  .xcodevps-ord-order-tb5{
    grid-template-columns:auto minmax(0,1fr);
  }
  .xcodevps-ord-order-tb5 em{grid-column:2;text-align:left}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}