.vmcommit-ord-order{
    --ac-primary: #087C5F;
  --ac-accent: #8FD9F0;
  --ac-bg: #020708;
  --ac-card: #0B1A1D;
  --ac-ink: #061113;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #4ade80;
  --ac-warn: #fbbf24;
  --ac-danger: #f87171;
  --ac-shadow: #000000;
  --ac-r: 11px;
  --ac-font-head: "Sora", "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-6) var(--gutter) var(--space-7);
  background:var(--bg);
  color:#fff;
  font-family:var(--font-body);
}
.vmcommit-ord-order [hidden]{display:none!important}
.vmcommit-ord-order-inner{width:min(100%,var(--container-wide));margin-inline:auto}
.vmcommit-ord-order :is(button,input){font:inherit}
.vmcommit-ord-order :is(button,a,input){max-width:100%}
.vmcommit-ord-order :is(h1,h2,h3,p,dl){margin:0}
.vmcommit-ord-order :is(h1,h2,h3,dt,dd,p,button,a,small){overflow-wrap:break-word}
.vmcommit-ord-order-intro{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:var(--space-4);
  min-width:0;
  padding-bottom:var(--space-5);
}
.vmcommit-ord-order-intro-copy{min-width:0;max-width:48rem}
.vmcommit-ord-order-intro h1{
  font-family:var(--font-heading);
  font-size:clamp(2.25rem,4vw,3.2rem);
  line-height:1.2;
  letter-spacing:-.043em;
}
.vmcommit-ord-order-intro p{
  max-width:43rem;
  margin-top:var(--space-2);
  color:var(--muted);
  line-height:1.7;
}
.vmcommit-ord-order-mark{
  display:grid;
  grid-template-columns:repeat(4,1.25rem);
  align-items:end;
  gap:.45rem;
  flex:none;
  padding-bottom:.3rem;
}
.vmcommit-ord-order-mark span{display:block;height:1.25rem;border-radius:.3rem;background:var(--surface-high)}
.vmcommit-ord-order-mark span:nth-child(2){height:2rem;background:var(--primary)}
.vmcommit-ord-order-mark span:nth-child(3){height:1.65rem;background:var(--surface-high)}
.vmcommit-ord-order-mark span:nth-child(4){height:2.5rem;background:var(--surface)}
.vmcommit-ord-section-heading,.vmcommit-ord-receipt-heading{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
  margin-bottom:var(--space-3);
}
.vmcommit-ord-section-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:2.5rem;
  height:2.5rem;
  border-radius:var(--radius-sm);
  background:var(--surface-high);
  color:var(--primary-light);
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-variant-numeric:tabular-nums;
  line-height:1;
}
.vmcommit-ord-order :is(.vmcommit-ord-section-heading h2,.vmcommit-ord-receipt-heading h2){
  min-width:0;
  font-family:var(--font-heading);
  font-size:clamp(1.15rem,2vw,1.45rem);
  line-height:1.4;
  letter-spacing:-.025em;
}
.vmcommit-ord-duration{
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--surface-low);
  color:#fff;
  --order-secondary:#A3B4B6;
  --order-rule:rgba(255,255,255,.08);
}
.vmcommit-ord-duration-content{display:grid;grid-template-columns:minmax(0,1fr) 8rem;gap:var(--space-4);align-items:center}
.vmcommit-ord-period-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);min-width:0}
.vmcommit-ord-duration-rule{display:flex;align-items:end;justify-content:space-between;gap:.3rem;height:2.5rem}
.vmcommit-ord-duration-rule span{flex:1;height:35%;border-radius:var(--radius-sm);background:var(--surface-high)}
.vmcommit-ord-duration-rule span:nth-child(2){height:65%;background:var(--primary)}
.vmcommit-ord-duration-rule span:nth-child(3){height:85%}
.vmcommit-ord-duration-rule span:nth-child(4){height:100%}
.vmcommit-ord-allocation{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(22rem,1.15fr);
  gap:var(--space-3);
  align-items:start;
  margin-top:var(--space-3);
}
.vmcommit-ord-location,.vmcommit-ord-hardware{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--surface-low);
  color:#fff;
  --order-secondary:#A3B4B6;
  --order-rule:rgba(255,255,255,.08);
}
.vmcommit-ord-region-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.vmcommit-ord-hardware-options{display:grid;gap:var(--space-2)}
.vmcommit-ord-seg-btn,.vmcommit-ord-region,.vmcommit-ord-plan{
  min-width:0;
  border:1px solid transparent;
  background:var(--surface);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:background var(--motion),border-color var(--motion),transform var(--motion);
}
.vmcommit-ord-seg-btn:hover,.vmcommit-ord-region:hover,.vmcommit-ord-plan:hover{background:var(--surface-high);transform:translateY(-1px)}
.vmcommit-ord-seg-btn:disabled,.vmcommit-ord-region:disabled,.vmcommit-ord-plan:disabled{opacity:.5;cursor:not-allowed;transform:none}
.vmcommit-ord-seg-btn.is-on,.vmcommit-ord-seg-btn[aria-checked="true"],
.vmcommit-ord-region.is-on,.vmcommit-ord-region[aria-checked="true"],
.vmcommit-ord-plan.is-on,.vmcommit-ord-plan[aria-checked="true"]{
  background:var(--surface-high);
  border-color:var(--primary-light);
  color:#fff;
}
.vmcommit-ord-seg-btn{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.25rem;
  min-height:4.25rem;
  padding:.8rem 1rem;
  border-radius:var(--radius-md);
  font-size:var(--text-sm);
  line-height:1.4;
}
.vmcommit-ord-seg-btn em{font-family:var(--font-mono);font-style:normal;font-variant-numeric:tabular-nums;color:var(--muted)}
.vmcommit-ord-seg-btn.is-on em,.vmcommit-ord-seg-btn[aria-checked="true"] em{color:var(--primary-light)}
.vmcommit-ord-region{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.25rem;
  min-height:4.75rem;
  padding:var(--space-2);
  border-radius:var(--radius-md);
  font-size:var(--text-sm);
  line-height:1.5;
}
.vmcommit-ord-region :is(small,em,span){min-width:0}
.vmcommit-ord-region small{color:var(--muted)}
.vmcommit-ord-plan{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:var(--space-2);
  row-gap:.5rem;
  width:100%;
  min-height:8rem;
  padding:var(--space-3);
  border-radius:var(--radius-md);
}
.vmcommit-ord-plan-name{display:block;min-width:0;font-family:var(--font-heading);font-size:var(--text-card);font-weight:600;line-height:1.4}
.vmcommit-ord-plan-chip{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:.35rem .7rem;
  border-radius:var(--radius-pill);
  background:var(--surface-high);
  color:#D6E3E4;
  font-size:var(--text-xs);
  line-height:1.25;
}
.vmcommit-ord-plan.is-on .vmcommit-ord-plan-chip,.vmcommit-ord-plan[aria-checked="true"] .vmcommit-ord-plan-chip{background:var(--primary);color:#fff}
.vmcommit-ord-plan-spec{grid-column:1/-1;display:block;min-width:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}
.vmcommit-ord-plan-price{display:block;min-width:0;color:#fff;font-family:var(--font-mono);font-size:var(--text-lg);font-variant-numeric:tabular-nums;line-height:1.4}
.vmcommit-ord-plan-price em{font-size:var(--text-sm);font-style:normal;color:var(--muted)}
.vmcommit-ord-commitment{margin-top:var(--space-3)}
.vmcommit-ord-commitment-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(20rem,.85fr);
  gap:var(--space-3);
  align-items:start;
}
.vmcommit-ord-extensions{
  min-width:0;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--surface-low);
  color:#fff;
  --order-secondary:#A3B4B6;
  --order-rule:rgba(255,255,255,.08);
}
.vmcommit-ord-storage-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.vmcommit-ord-storage-options .vmcommit-ord-seg-btn{min-height:4.5rem}
.vmcommit-ord-extra-block{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}
.vmcommit-ord-extra-block h3{margin-bottom:var(--space-2);font-size:var(--text-base)}
.vmcommit-ord-extra-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--surface);
  color:#fff;
  cursor:pointer;
}
.vmcommit-ord-extra-option:has(input:checked){box-shadow:inset 0 0 0 1px var(--primary-light);background:var(--surface-high);color:#fff}
.vmcommit-ord-extra-option input{
  appearance:none;
  display:grid;
  place-items:center;
  flex:none;
  width:1.25rem;
  height:1.25rem;
  margin:0;
  border:1px solid var(--muted);
  border-radius:.35rem;
  background:var(--bg2);
  color:#fff;
  cursor:pointer;
}
.vmcommit-ord-extra-option input:checked{border-color:var(--primary-light);background:var(--primary);color:#fff}
.vmcommit-ord-extra-option input:checked::after{content:"";width:.55rem;height:.3rem;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg)}
.vmcommit-ord-extra-copy{display:grid;gap:.35rem;min-width:0}
.vmcommit-ord-extra-copy strong{font-size:var(--text-sm);line-height:1.45}
.vmcommit-ord-extra-copy small{color:var(--muted);font-size:var(--text-xs);line-height:1.5}
.vmcommit-ord-extra-option em{min-width:0;color:var(--primary-light);font-family:var(--font-mono);font-size:var(--text-sm);font-style:normal;font-variant-numeric:tabular-nums;text-align:right}
.vmcommit-ord-receipt{
  min-width:0;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--surface-high);
  color:#fff;
  --order-secondary:#A3B4B6;
  --order-rule:rgba(255,255,255,.08);
}
.vmcommit-ord-receipt-heading{margin:0;padding:var(--space-3) var(--space-4);background:var(--surface);color:#fff}
.vmcommit-ord-receipt-heading .vmcommit-ord-section-index{background:var(--primary);color:#fff}
.vmcommit-ord-receipt-content{padding:var(--space-4)}
.vmcommit-ord-receipt-content h3{margin-bottom:var(--space-2);font-size:var(--text-base);color:#fff}
.vmcommit-ord-summary{display:grid;min-width:0}
.vmcommit-ord-summary>div{
  display:grid;
  grid-template-columns:minmax(7rem,.7fr) minmax(12rem,1fr);
  gap:var(--space-2);
  align-items:start;
  min-width:0;
  padding:.7rem 0;
  border-bottom:1px solid var(--line);
}
.vmcommit-ord-summary dt,.vmcommit-ord-summary dd{min-width:0;font-size:var(--text-sm);line-height:1.5}
.vmcommit-ord-summary dt{color:var(--muted)}
.vmcommit-ord-summary dd{margin:0;color:#fff;text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.vmcommit-ord-total{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.5rem var(--space-2);
  min-width:0;
  padding:var(--space-3) 0;
}
.vmcommit-ord-total>span{font-size:var(--text-sm);color:var(--muted)}
.vmcommit-ord-total strong{min-width:0;font-family:var(--font-mono);font-size:clamp(1.3rem,2.5vw,1.9rem);font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:break-word}
.vmcommit-ord-total em{margin-left:.4rem;color:var(--muted);font-size:var(--text-sm);font-style:normal;font-weight:400}
.vmcommit-ord-checkout-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}
.vmcommit-ord-checkout,.vmcommit-ord-console-link,.vmcommit-ord-auth-button,.vmcommit-ord-gateway-cancel,.vmcommit-ord-dialog-primary,.vmcommit-ord-dialog-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3rem;
  padding:.65rem 1.5rem;
  border-radius:var(--radius-pill);
  font-size:var(--text-sm);
  font-weight:600;
  line-height:1.4;
  text-align:center;
  cursor:pointer;
  transition:background var(--motion),border-color var(--motion),opacity var(--motion);
}
.vmcommit-ord-checkout{
  flex:1 1 13rem;
  border:1px solid #fff;
  background:#fff;
  color:#031012;
}
.vmcommit-ord-checkout:hover,.vmcommit-ord-dialog-primary:hover{background:var(--paper);border-color:var(--paper)}
.vmcommit-ord-console-link{
  flex:1 1 11rem;
  border:1px solid color-mix(in srgb,currentColor 40%,transparent);
  background:transparent;
  color:#fff;
}
.vmcommit-ord-console-link:hover{border-color:#fff}
.vmcommit-ord-checkout:disabled,.vmcommit-ord-auth-button:disabled{opacity:.55;cursor:wait}
.vmcommit-ord-payment-note,.vmcommit-ord-security-note{color:var(--muted);font-size:var(--text-xs);line-height:1.6}
.vmcommit-ord-order .vmcommit-ord-payment-note{margin-top:var(--space-4)}
.vmcommit-ord-security-note{margin-top:.5rem}
.vmcommit-ord-order-message,.vmcommit-ord-auth-message{
  padding:.75rem 1rem;
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--ac-danger) 17%,var(--surface));
  color:#fff;
  font-size:var(--text-sm);
  line-height:1.5;
}
.vmcommit-ord-order-message{margin-top:var(--space-3)}
.vmcommit-ord-order-message.is-ok,.vmcommit-ord-auth-message.is-ok{
  background:color-mix(in srgb,var(--primary) 30%,var(--surface));
  color:#DDF3EE;
}
.vmcommit-ord-auth,.vmcommit-ord-gateway{
  width:100%;
  min-width:0;
  margin-top:var(--space-3);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--surface-high);
  color:#fff;
  --order-secondary:#A3B4B6;
  --order-rule:rgba(255,255,255,.08);
}
.vmcommit-ord-auth-lead{max-width:55rem;color:#fff;line-height:1.65}
.vmcommit-ord-auth-field{display:grid;gap:.5rem;min-width:0;margin-top:var(--space-3)}
.vmcommit-ord-auth-field label{color:#fff;font-size:var(--text-sm)}
.vmcommit-ord-auth-controls{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--space-2);min-width:0}
.vmcommit-ord-auth-controls input{
  flex:1 1 16rem;
  min-width:0;
  min-height:3rem;
  padding:.65rem 1rem;
  border:1px solid #51676A;
  border-radius:var(--radius-sm);
  background:var(--bg2);
  color:#fff;
}
.vmcommit-ord-auth-button{
  flex:0 1 auto;
  border:1px solid #fff;
  background:#fff;
  color:#031012;
}
.vmcommit-ord-auth-button:hover{background:var(--paper)}
.vmcommit-ord-auth-message{margin-top:var(--space-3)}
.vmcommit-ord-gateway-heading{margin-bottom:var(--space-3)}
.vmcommit-ord-gateway-heading h3{font-size:var(--text-card);color:#fff}
.vmcommit-ord-gateway-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-2);min-width:0}
.vmcommit-ord-gw-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:.35rem;
  min-width:0;
  min-height:4.5rem;
  padding:var(--space-2);
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius-md);
  background:var(--surface-low);
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:background var(--motion),border-color var(--motion),opacity var(--motion);
}
.vmcommit-ord-gw-item strong{min-width:0;font-size:var(--text-sm);line-height:1.4}
.vmcommit-ord-gw-item small{min-width:0;color:var(--muted);font-family:var(--font-mono);line-height:1.4}
.vmcommit-ord-gw-item:hover,.vmcommit-ord-gw-item.is-on,.vmcommit-ord-gw-item[aria-checked="true"]{background:var(--surface);border-color:var(--primary-light);color:#fff}
.vmcommit-ord-gw-item:disabled{opacity:.5;cursor:not-allowed}
.vmcommit-ord-gateway-cancel{
  margin-top:var(--space-2);
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  background:transparent;
  color:#fff;
}
.vmcommit-ord-gateway-cancel:hover{border-color:#fff}
.vmcommit-ord-dialog{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:var(--gutter)}
.vmcommit-ord-dialog-backdrop{position:absolute;inset:0;background:rgba(2,7,8,.84)}
.vmcommit-ord-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,33rem);
  max-height:calc(100dvh - var(--gutter)*2);
  overflow-y:auto;
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background:var(--paper);
  color:#102224;
  text-align:center;
  box-shadow:0 32px 100px rgba(0,0,0,.55);
}
.vmcommit-ord-dialog-kicker{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:#DDF3EE;
  color:#123329;
  font-size:var(--text-xs);
  line-height:1;
}
.vmcommit-ord-dialog-panel h3{margin-top:var(--space-2);font-family:var(--font-heading);font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.35;color:#102224}
.vmcommit-ord-dialog-panel>p:not(.vmcommit-ord-dialog-kicker){margin-top:var(--space-2);color:#43595B;line-height:1.65}
.vmcommit-ord-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.vmcommit-ord-dialog-panel .vmcommit-ord-dialog-actions{justify-content:center}
.vmcommit-ord-dialog-primary{border:1px solid #102224;background:#102224;color:#fff}
.vmcommit-ord-dialog-secondary{border:1px solid color-mix(in srgb,currentColor 35%,transparent);background:transparent;color:#102224}
.vmcommit-ord-dialog-secondary:hover{border-color:#102224}
@media(max-width:760px){
  .vmcommit-ord-order{padding-top:var(--space-4);padding-bottom:var(--space-6)}
  .vmcommit-ord-order-intro{align-items:start}
  .vmcommit-ord-order-mark{grid-template-columns:repeat(4,.75rem);gap:.25rem}
  .vmcommit-ord-duration-content{grid-template-columns:minmax(0,1fr)}
  .vmcommit-ord-duration-rule{display:none}
  .vmcommit-ord-allocation,.vmcommit-ord-commitment-layout{grid-template-columns:minmax(0,1fr)}
  .vmcommit-ord-period-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vmcommit-ord-receipt-content{padding:var(--space-3)}
}
@media(max-width:42rem){
  .vmcommit-ord-order-intro{padding-bottom:var(--space-3)}
  .vmcommit-ord-order-mark{display:none}
  .vmcommit-ord-duration,.vmcommit-ord-location,.vmcommit-ord-hardware,.vmcommit-ord-extensions,.vmcommit-ord-auth,.vmcommit-ord-gateway{padding:var(--space-3)}
  .vmcommit-ord-receipt-heading{padding:var(--space-3)}
  .vmcommit-ord-region-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vmcommit-ord-storage-options{grid-template-columns:minmax(0,1fr)}
  .vmcommit-ord-plan{grid-template-columns:minmax(0,1fr) auto}
  .vmcommit-ord-extra-option{grid-template-columns:auto minmax(0,1fr)}
  .vmcommit-ord-extra-option em{grid-column:2;text-align:left}
  .vmcommit-ord-summary>div{grid-template-columns:minmax(5rem,.65fr) minmax(12rem,1fr)}
  .vmcommit-ord-auth-controls input,.vmcommit-ord-auth-button{flex:1 1 100%}
  .vmcommit-ord-gw-item{width:100%}
  .vmcommit-ord-dialog-panel{padding:var(--space-3)}
  .vmcommit-ord-dialog-actions>*{flex:1 1 100%}
}
@media(max-width:390px){
  .vmcommit-ord-region-options{grid-template-columns:minmax(0,1fr)}
  .vmcommit-ord-summary>div{grid-template-columns:minmax(4.5rem,.6fr) minmax(0,1fr)}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}