.xczone-ord-order{
    --ac-primary: #362782;
  --ac-accent: #8373BA;
  --ac-bg: #FCFCFA;
  --ac-card: #FEFEFD;
  --ac-ink: #20232A;
  --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: #20232A;
  --ac-r: 16px;
  --ac-font-head: "Albert Sans", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  width:min(calc(100% - 2*var(--gutter)),1248px);
  margin-inline:auto;
  padding-block:var(--space-4) var(--space-6);
  color:var(--ink);
  font-family:"Outfit",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Kaku Gothic ProN","Apple SD Gothic Neo",sans-serif;
}
.xczone-ord-order [hidden]{display:none!important}
.xczone-ord-order *{min-width:0}
.xczone-ord-order-intro{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--space-4);
  margin-bottom:var(--space-3);
}
.xczone-ord-intro-copy{max-width:42rem}
.xczone-ord-intro-copy h1{margin:0 0 var(--space-1);font-size:var(--text-display)}
.xczone-ord-intro-copy p{margin:0;color:var(--muted)}
.xczone-ord-intro-lead{
  max-width:19rem;
  margin:0;
  padding-left:var(--space-2);
  border-left:1px solid var(--line);
  color:var(--muted);
  font-size:var(--text-sm);
}
.xczone-ord-live-index{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--night);
  color:var(--night-ink);
}
.xczone-ord-index-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}
.xczone-ord-index-heading h2{margin:0;font-size:var(--text-lg);color:var(--night-ink)}
.xczone-ord-index-heading h3{margin:0;font-size:var(--text-sm);font-weight:500;color:var(--night-muted)}
.xczone-ord-index-fields{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--space-2);
  margin:0;
  padding-top:var(--space-2);
  border-top:1px solid var(--line-dark);
}
.xczone-ord-index-field{min-width:0}
.xczone-ord-index-field dt{margin-bottom:.45rem;color:var(--night-muted);font-size:var(--text-xs)}
.xczone-ord-index-field dd{
  margin:0;
  color:var(--night-ink);
  font-size:var(--text-sm);
  font-weight:650;
  overflow-wrap:break-word;
}
.xczone-ord-index-total{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:end;
  gap:var(--space-1);
  min-width:11rem;
  padding:var(--space-2) 0 0 var(--space-3);
  border-top:1px solid var(--line-dark);
  border-left:1px solid var(--line-dark);
  color:var(--night-muted);
  font-size:var(--text-xs);
}
.xczone-ord-total-value{color:var(--night-ink);font-size:var(--text-card);font-variant-numeric:tabular-nums;overflow-wrap:break-word;text-align:right}
.xczone-ord-total-value em{margin-left:.35rem;color:var(--night-muted);font-size:var(--text-sm);font-style:normal;font-weight:400}
.xczone-ord-configuration{margin-top:var(--space-4)}
.xczone-ord-machine-register{
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--blue);
  color:var(--blue-ink);
}
.xczone-ord-register-heading{margin-bottom:var(--space-2)}
.xczone-ord-register-heading h2,
.xczone-ord-selection-block h2{margin:0;font-size:var(--text-lg);color:inherit}
.xczone-ord-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
.xczone-ord-plan{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
  width:100%;
  min-height:10rem;
  padding:var(--space-3);
  border:1px solid transparent;
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  transition:border-color .18s,background .18s,transform .18s;
}
.xczone-ord-plan:hover{transform:translateY(-2px);border-color:var(--accent)}
.xczone-ord-plan.is-on,
.xczone-ord-plan[aria-checked="true"]{border-color:var(--primary);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--primary)}
.xczone-ord-plan-name{display:block;font-size:var(--text-lg);font-weight:750;overflow-wrap:break-word}
.xczone-ord-plan-chip{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border-radius:999px;
  background:var(--sand);
  color:var(--sand-ink);
  font-size:var(--text-xs);
  line-height:1;
  overflow-wrap:break-word;
}
.xczone-ord-plan-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);width:100%;color:var(--muted);font-size:var(--text-sm);overflow-wrap:break-word}
.xczone-ord-plan-price{display:block;margin-top:auto;color:var(--ink);font-weight:750;font-variant-numeric:tabular-nums}
.xczone-ord-plan-price em{font-style:normal;font-weight:400;color:var(--muted)}
.xczone-ord-index-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  margin-top:var(--space-2);
  align-items:start;
}
.xczone-ord-location-column,
.xczone-ord-billing-column{display:grid;gap:var(--space-2);align-content:start}
.xczone-ord-selection-block,
.xczone-ord-extra-block{
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--surface);
  color:var(--ink);
}
.xczone-ord-selection-block h2,
.xczone-ord-extra-block h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}
.xczone-ord-location-column>.xczone-ord-selection-block{background:var(--sage);color:var(--sage-ink)}
.xczone-ord-billing-column>.xczone-ord-selection-block{background:var(--sand);color:var(--sand-ink)}
.xczone-ord-billing-column>.xczone-ord-storage-block{background:var(--rose);color:var(--rose-ink)}
.xczone-ord-extra-block{background:var(--blue);color:var(--blue-ink)}
.xczone-ord-region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:var(--space-1)}
.xczone-ord-region{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-1);
  width:100%;
  min-height:3.25rem;
  padding:.7rem var(--space-2);
  border:1px solid transparent;
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
  font-size:var(--text-sm);
  text-align:left;
  overflow-wrap:break-word;
  cursor:pointer;
}
.xczone-ord-region:hover{border-color:var(--accent)}
.xczone-ord-region.is-on,
.xczone-ord-region[aria-checked="true"]{border-color:var(--primary);background:var(--paper);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:700}
.xczone-ord-period-seg,
.xczone-ord-ssd-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}
.xczone-ord-seg-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-height:3.25rem;
  padding:.65rem var(--space-2);
  border:1px solid transparent;
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
  font-size:var(--text-sm);
  text-align:center;
  overflow-wrap:break-word;
  cursor:pointer;
}
.xczone-ord-seg-btn:hover{border-color:var(--accent)}
.xczone-ord-seg-btn.is-on,
.xczone-ord-seg-btn[aria-checked="true"],
.xczone-ord-seg-btn[aria-selected="true"]{border-color:var(--primary);background:var(--paper);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:750}
.xczone-ord-extra-choice{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-height:5rem;
  padding:var(--space-3);
  border:1px solid transparent;
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
  cursor:pointer;
}
.xczone-ord-extra-choice:has(input:checked){border-color:var(--primary);background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--primary)}
.xczone-ord-extra-choice input{appearance:none;flex:none;width:1.125rem;height:1.125rem;margin:0;border:1.5px solid var(--muted);border-radius:var(--radius-sm);background:var(--paper)}
.xczone-ord-extra-choice input:checked{border:5px solid var(--primary);background:var(--paper)}
.xczone-ord-extra-copy{display:grid;gap:.35rem;flex:1}
.xczone-ord-extra-copy strong{font-size:var(--text-sm);overflow-wrap:break-word}
.xczone-ord-extra-copy small{font-size:var(--text-xs);color:var(--muted);overflow-wrap:break-word}
.xczone-ord-extra-choice em{flex:none;max-width:35%;font-style:normal;font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:break-word;text-align:right}
.xczone-ord-checkout-dock{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-3);
  margin-top:var(--space-4);
  padding:var(--space-3);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  color:var(--ink);
}
.xczone-ord-checkout-copy p{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:650;overflow-wrap:break-word}
.xczone-ord-checkout-copy small{display:block;color:var(--muted);font-size:var(--text-xs);overflow-wrap:break-word}
.xczone-ord-checkout-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}
.xczone-ord-checkout-button,
.xczone-ord-dialog-console{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.75rem;
  padding:.7rem var(--space-3);
  border:1px solid var(--primary);
  border-radius:999px;
  background:var(--primary);
  color:var(--ac-on-primary);
  font-size:var(--text-sm);
  font-weight:700;
  text-align:center;
  cursor:pointer;
}
.xczone-ord-checkout-button:hover,
.xczone-ord-dialog-console:hover{background:var(--night);border-color:var(--night);color:var(--night-ink)}
.xczone-ord-checkout-button:disabled{opacity:.55;cursor:not-allowed}
.xczone-ord-console-link,
.xczone-ord-gw-cancel,
.xczone-ord-dialog-stay{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.75rem;
  padding:.7rem var(--space-3);
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:999px;
  background:var(--paper);
  color:var(--ink);
  font-size:var(--text-sm);
  font-weight:650;
  text-align:center;
  cursor:pointer;
}
.xczone-ord-console-link:hover,
.xczone-ord-gw-cancel:hover,
.xczone-ord-dialog-stay:hover{border-color:var(--primary);color:var(--primary)}
.xczone-ord-order-msg,
.xczone-ord-auth-msg{
  grid-column:1/-1;
  margin:0;
  padding:var(--space-2);
  border-radius:var(--radius-md);
  background:var(--rose);
  color:var(--rose-ink);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.xczone-ord-order-msg.is-ok,
.xczone-ord-auth-msg.is-ok{background:var(--sage);color:var(--sage-ink)}
.xczone-ord-gateway,
.xczone-ord-auth{grid-column:1/-1;min-width:0}
.xczone-ord-gateway{
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:var(--blue);
  color:var(--blue-ink);
}
.xczone-ord-gateway h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}
.xczone-ord-gw-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-2)}
.xczone-ord-gw-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.35rem;
  min-height:4rem;
  width:100%;
  padding:var(--space-2);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}
.xczone-ord-gw-item strong{font-size:var(--text-sm);overflow-wrap:break-word}
.xczone-ord-gw-item small{color:var(--muted);font-size:var(--text-xs)}
.xczone-ord-gw-item:hover{border-color:var(--primary);background:var(--surface);color:var(--ink)}
.xczone-ord-gw-item:disabled{opacity:.5;cursor:not-allowed}
.xczone-ord-gw-cancel{margin-top:var(--space-2)}
.xczone-ord-auth{
  padding:var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  background:var(--surface);
  color:var(--ink);
}
.xczone-ord-auth>p:first-child{margin:0 0 var(--space-2);color:var(--ink);font-size:var(--text-sm)}
.xczone-ord-auth-form{display:grid;gap:var(--space-2)}
.xczone-ord-auth-field{display:grid;gap:.45rem}
.xczone-ord-auth-field label{font-weight:650;color:var(--ink)}
.xczone-ord-auth-controls{display:flex;flex-wrap:wrap;gap:var(--space-1)}
.xczone-ord-auth-controls input{
  flex:1 1 15rem;
  width:100%;
  min-height:2.75rem;
  padding:.65rem var(--space-2);
  border:1px solid #79818C;
  border-radius:var(--radius-md);
  background:var(--paper);
  color:var(--ink);
}
.xczone-ord-auth-controls button{
  flex:0 1 auto;
  min-height:2.75rem;
  padding:.65rem var(--space-3);
  border:1px solid var(--primary);
  border-radius:999px;
  background:var(--primary);
  color:var(--ac-on-primary);
  font-size:var(--text-sm);
  font-weight:700;
  cursor:pointer;
}
.xczone-ord-auth-controls button:disabled{opacity:.5;cursor:not-allowed}
.xczone-ord-auth-msg{margin-top:var(--space-2)}
.xczone-ord-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--gutter)}
.xczone-ord-dialog-backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--night) 78%,transparent);cursor:pointer}
.xczone-ord-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,31rem);
  max-height:calc(100dvh - 2*var(--gutter));
  overflow-y:auto;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--paper);
  color:var(--ink);
  box-shadow:var(--shadow);
  text-align:center;
}
.xczone-ord-dialog-kicker{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin:0 auto var(--space-2);
  padding:.4em .9em;
  border-radius:999px;
  background:var(--sage);
  color:var(--sage-ink);
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1;
}
.xczone-ord-dialog-panel h3{margin:0 0 var(--space-1);font-size:var(--text-card)}
.xczone-ord-dialog-panel>p:not(.xczone-ord-dialog-kicker){margin:0;color:var(--muted);overflow-wrap:break-word}
.xczone-ord-dialog-panel .xczone-ord-dialog-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}
.xczone-ord-dialog.is-open{display:grid}
.xczone-ord-order :is(button,a,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}

@media(max-width:760px){
  .xczone-ord-order{padding-block:var(--space-3) var(--space-4)}
  .xczone-ord-order-intro{display:block}
  .xczone-ord-intro-lead{max-width:none;margin-top:var(--space-2)}
  .xczone-ord-live-index{grid-template-columns:minmax(0,1fr)}
  .xczone-ord-index-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xczone-ord-index-total{align-items:flex-start;min-width:0;padding:var(--space-2) 0 0;border-left:0}
  .xczone-ord-total-value{text-align:left}
  .xczone-ord-plan-grid,.xczone-ord-index-columns{grid-template-columns:minmax(0,1fr)}
  .xczone-ord-plan{min-height:0}
  .xczone-ord-checkout-dock{grid-template-columns:minmax(0,1fr)}
  .xczone-ord-checkout-controls{align-items:stretch;flex-direction:column}
  .xczone-ord-checkout-button,.xczone-ord-console-link{width:100%}
}
@media(max-width:390px){
  .xczone-ord-live-index,.xczone-ord-machine-register,.xczone-ord-selection-block,.xczone-ord-extra-block,.xczone-ord-checkout-dock,.xczone-ord-gateway,.xczone-ord-auth{padding:var(--space-2)}
  .xczone-ord-region-grid,.xczone-ord-gw-list{grid-template-columns:minmax(0,1fr)}
  .xczone-ord-extra-choice{flex-wrap:wrap}
  .xczone-ord-extra-choice em{max-width:none;margin-left:auto}
  .xczone-ord-auth-controls input,.xczone-ord-auth-controls button{flex-basis:100%}
  .xczone-ord-dialog-panel{padding:var(--space-3)}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}