.macudp-ord-order{
  --ac-primary: #5E5800;
  --ac-accent: #BFA44C;
  --ac-bg: #FFFFFF;
  --ac-card: #FCFCFB;
  --ac-ink: #0E0F0C;
  --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: #0E0F0C;
  --ac-r: 13px;
  --ac-font-head: "Manrope", "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;
width:min(var(--container),calc(100% - var(--gutter)*2));
margin-inline:auto;
padding-block:var(--hero-pad) var(--space-close);
background:var(--paper);
color:var(--ink);
font-family:var(--font-b);
font-size:var(--text-base);
line-height:var(--lh-body);
overflow-x:clip;
}
.macudp-ord-order [hidden]{display:none!important}
.macudp-ord-order *{min-width:0}
.macudp-ord-opening{
display:grid;
grid-template-columns:auto minmax(0,1fr);
column-gap:var(--space-4);
row-gap:var(--space-2);
align-items:center;
padding-block:var(--space-4) var(--space-8);
}
.macudp-ord-relay-mark{
display:block;
width:40px;
height:40px;
color:var(--olive);
}
.macudp-ord-title{
font-family:var(--font-h);
font-size:var(--text-display);
font-weight:500;
line-height:var(--lh-tight);
letter-spacing:-.025em;
color:var(--ink);
overflow-wrap:break-word;
}
.macudp-ord-intro{
grid-column:2;
max-width:var(--container-narrow);
color:var(--muted);
font-size:var(--text-base);
line-height:var(--lh-lead);
overflow-wrap:break-word;
}
.macudp-ord-destination{display:grid;gap:var(--space-4)}
.macudp-ord-region-heading{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-4);
align-items:start;
}
.macudp-ord-step-title{
font-family:var(--font-h);
font-size:var(--text-lg);
font-weight:500;
line-height:var(--lh-card);
letter-spacing:-.015em;
color:var(--ink);
overflow-wrap:break-word;
}
.macudp-ord-hint{
font-size:var(--text-sm);
line-height:var(--lh-body);
color:var(--muted);
overflow-wrap:break-word;
}
.macudp-ord-destinations{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
gap:var(--space-2);
align-items:stretch;
}
.macudp-ord-region{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:var(--space-2);
height:100%;
min-height:48px;
padding:var(--space-4);
border:1px solid transparent;
border-radius:var(--r-l);
background:var(--s-mist);
color:var(--s-mist-ink);
font-family:var(--font-b);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-body);
text-align:left;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),box-shadow var(--duration);
}
.macudp-ord-region:hover{background:var(--mist-hover);color:var(--s-mist-ink)}
.macudp-ord-region.is-on,.macudp-ord-region[aria-checked="true"]{
background:var(--paper);
color:var(--olive);
border-color:var(--olive);
box-shadow:inset 0 0 0 1px var(--olive);
}
.macudp-ord-region small{
display:block;
font-size:var(--text-xs);
line-height:var(--lh-body);
color:var(--s-mist-muted);
font-weight:400;
}
.macudp-ord-equipment{
display:grid;
gap:var(--space-4);
padding:var(--space-6) 0 0;
margin:0;
border:0;
}
.macudp-ord-equipment-heading{
display:flex;
align-items:center;
gap:var(--space-2);
}
.macudp-ord-equipment-icon{
display:block;
width:24px;
height:24px;
color:var(--ink);
}
.macudp-ord-machines{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));
gap:var(--space-4);
align-items:stretch;
}
.macudp-ord-plan{
position:relative;
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-3);
height:100%;
padding:var(--space-5);
border:1px solid transparent;
border-radius:var(--r-l);
background:var(--s-cool);
color:var(--s-cool-ink);
font-family:var(--font-b);
font-size:var(--text-sm);
line-height:var(--lh-body);
text-align:left;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),box-shadow var(--duration);
}
.macudp-ord-plan:hover{background:var(--s-neutral);color:var(--s-neutral-ink)}
.macudp-ord-plan.is-on,.macudp-ord-plan[aria-checked="true"]{
background:var(--s-cool);
color:var(--s-cool-ink);
border-color:var(--olive);
box-shadow:inset 0 0 0 1px var(--olive);
}
.macudp-ord-plan-name{
display:block;
font-family:var(--font-h);
font-size:var(--text-lg);
font-weight:500;
line-height:var(--lh-card);
color:var(--s-cool-ink);
overflow-wrap:break-word;
}
.macudp-ord-plan-chip{
display:inline-flex;
align-items:center;
gap:.4em;
align-self:flex-start;
width:fit-content;
max-width:100%;
padding:.4em .9em;
border-radius:var(--pill);
background:var(--paper);
color:var(--s-cool-ink);
font-size:var(--text-xs);
line-height:1;
overflow-wrap:break-word;
}
.macudp-ord-plan-chip + .macudp-ord-plan-name{margin-top:var(--space-3)}
.macudp-ord-plan-spec{
display:block;
width:100%;
font-family:var(--font-m);
font-size:var(--text-sm);
line-height:var(--lh-body);
font-variant-numeric:tabular-nums;
color:var(--s-cool-muted);
overflow-wrap:break-word;
}
.macudp-ord-plan-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
margin-top:auto;
font-family:var(--font-m);
font-size:var(--text-section);
font-weight:500;
line-height:var(--lh-card);
font-variant-numeric:tabular-nums;
color:var(--s-cool-ink);
}
.macudp-ord-plan-price em{
font-family:var(--font-b);
font-size:var(--text-sm);
font-style:normal;
font-weight:400;
line-height:var(--lh-body);
color:var(--s-cool-muted);
}
.macudp-ord-scope{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-8);
align-items:start;
margin-top:var(--space-8);
}
.macudp-ord-duration,.macudp-ord-capacity{display:grid;gap:var(--space-4);align-content:start}
.macudp-ord-periods{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
align-items:stretch;
}
.macudp-ord-storage-options{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
gap:var(--space-2);
align-items:stretch;
}
.macudp-ord-seg-btn{
display:flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
min-height:48px;
height:100%;
padding:var(--space-3) var(--space-4);
border:1px solid transparent;
border-radius:var(--r-m);
background:var(--s-neutral);
color:var(--s-neutral-ink);
font-family:var(--font-b);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-body);
text-align:center;
white-space:normal;
overflow-wrap:break-word;
transition:background var(--duration),box-shadow var(--duration);
}
.macudp-ord-seg-btn:hover{background:var(--s-mist);color:var(--s-mist-ink)}
.macudp-ord-seg-btn.is-on,.macudp-ord-seg-btn[aria-checked="true"]{
background:var(--olive);
color:var(--paper);
border-color:var(--olive);
}
.macudp-ord-seg-btn.is-on:hover,.macudp-ord-seg-btn[aria-checked="true"]:hover{
background:color-mix(in srgb,var(--olive) 92%,white);
color:var(--paper);
}
.macudp-ord-seg-btn em{
font-size:var(--text-xs);
font-style:normal;
font-variant-numeric:tabular-nums;
}
.macudp-ord-interconnect{
display:grid;
gap:var(--space-2);
margin:var(--space-3) 0 0;
padding:0;
border:0;
}
.macudp-ord-extra-label{
padding:0 0 var(--space-2);
font-size:var(--text-sm);
line-height:var(--lh-body);
color:var(--muted);
}
.macudp-ord-tb5-choice{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:var(--space-3);
align-items:start;
padding:var(--space-4);
border:1px solid transparent;
border-radius:var(--r-l);
background:var(--surface);
color:var(--ink);
cursor:pointer;
}
.macudp-ord-tb5-choice:has(.macudp-ord-checkbox:checked){
border-color:var(--olive);
background:var(--paper);
color:var(--ink);
}
.macudp-ord-checkbox{
appearance:none;
display:grid;
place-items:center;
width:20px;
height:20px;
margin-top:2px;
border:1px solid var(--input-line);
border-radius:var(--r-s);
background:var(--paper);
color:var(--olive);
cursor:pointer;
}
.macudp-ord-checkbox::after{
content:"";
width:10px;
height:6px;
border-left:2px solid currentColor;
border-bottom:2px solid currentColor;
transform:translateY(-1px) rotate(-45deg) scale(0);
}
.macudp-ord-checkbox:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.macudp-ord-tb5-copy{display:grid;gap:var(--space-2)}
.macudp-ord-tb5-title{font-size:var(--text-sm);line-height:var(--lh-body);font-weight:500;color:var(--ink)}
.macudp-ord-tb5-hint{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted)}
.macudp-ord-extra-price{
font-family:var(--font-m);
font-size:var(--text-sm);
font-style:normal;
line-height:var(--lh-body);
font-variant-numeric:tabular-nums;
color:var(--ink);
}
.macudp-ord-review{display:grid;gap:var(--space-4);margin-top:var(--space-8)}
.macudp-ord-record{display:grid;gap:var(--space-4)}
.macudp-ord-record-title{font-size:var(--text-card);line-height:var(--lh-card);font-weight:500;color:var(--ink)}
.macudp-ord-record-fields{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
gap:var(--space-2);
}
.macudp-ord-record-fields > *{
display:grid;
grid-template-columns:minmax(0,1fr);
align-content:start;
gap:var(--space-2);
padding:var(--space-4);
border-radius:var(--r-m);
background:var(--s-neutral);
color:var(--s-neutral-ink);
}
.macudp-ord-record-label{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted);overflow-wrap:break-word}
.macudp-ord-record-value{
margin:0;
font-family:var(--font-m);
font-size:var(--text-sm);
line-height:var(--lh-body);
font-variant-numeric:tabular-nums;
color:var(--ink);
overflow-wrap:break-word;
}
.macudp-ord-settlement{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--space-4);
padding-block:var(--space-3);
}
.macudp-ord-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3)}
.macudp-ord-amount-label{font-size:var(--text-sm);color:var(--muted)}
.macudp-ord-amount-number{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-2);
font-family:var(--font-m);
font-size:var(--text-section);
font-weight:500;
line-height:var(--lh-card);
font-variant-numeric:tabular-nums;
color:var(--ink);
}
.macudp-ord-amount-period{font-size:var(--text-sm);font-style:normal;font-weight:400;color:var(--muted)}
.macudp-ord-settlement-actions,.macudp-ord-gateway-actions,.macudp-ord-dialog-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
}
.macudp-ord-button{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-2);
min-height:44px;
max-width:100%;
padding:10px var(--space-4);
border:1px solid transparent;
border-radius:var(--pill);
font-family:var(--font-b);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-body);
text-align:center;
text-decoration:none;
white-space:normal;
overflow-wrap:break-word;
cursor:pointer;
transition:background var(--duration),border-color var(--duration);
}
.macudp-ord-button-primary{background:var(--ac-primary);color:var(--ac-on-primary);border-color:var(--ac-primary)}
.macudp-ord-button-primary:hover{background:color-mix(in srgb,var(--ac-primary) 94%,white);color:var(--ac-on-primary)}
.macudp-ord-button-secondary{background:var(--paper);color:var(--ink);border-color:var(--input-line)}
.macudp-ord-button-secondary:hover{background:var(--s-neutral);color:var(--ink);border-color:var(--input-line)}
.macudp-ord-button:disabled,.macudp-ord-gw-item:disabled{
opacity:.55;
cursor:not-allowed;
}
.macudp-ord-button:focus-visible,.macudp-ord-region:focus-visible,.macudp-ord-plan:focus-visible,.macudp-ord-seg-btn:focus-visible,.macudp-ord-gw-item:focus-visible,.macudp-ord-checkbox:focus-visible{
outline:var(--focus);
outline-offset:4px;
}
.macudp-ord-message,.macudp-ord-auth-message{
padding:var(--space-4);
border-radius:var(--r-m);
background:var(--error-bg);
color:var(--error);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.macudp-ord-message.is-ok,.macudp-ord-auth-message.is-ok{
background:var(--s-mist);
color:var(--olive);
}
.macudp-ord-gateway{
display:grid;
gap:var(--space-4);
padding:var(--space-5);
border-radius:var(--r-l);
background:var(--s-neutral);
color:var(--s-neutral-ink);
}
.macudp-ord-gateway.is-open{box-shadow:inset 0 0 0 1px var(--input-line)}
.macudp-ord-subheading{font-size:var(--text-card);line-height:var(--lh-card);font-weight:500;color:var(--ink)}
.macudp-ord-gateway-options{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
gap:var(--space-3);
align-items:stretch;
}
.macudp-ord-gw-item{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:var(--space-2);
min-height:64px;
padding:var(--space-4);
border:1px solid var(--input-line);
border-radius:var(--r-m);
background:var(--paper);
color:var(--ink);
font-size:var(--text-sm);
line-height:var(--lh-body);
text-align:left;
overflow-wrap:break-word;
transition:background var(--duration),box-shadow var(--duration);
}
.macudp-ord-gw-item strong{font-size:var(--text-base);line-height:var(--lh-card);font-weight:500;color:var(--ink)}
.macudp-ord-gw-item small{font-family:var(--font-m);font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted)}
.macudp-ord-gw-item:hover{background:var(--s-mist);color:var(--s-mist-ink)}
.macudp-ord-gw-item.is-on,.macudp-ord-gw-item.is-mine,.macudp-ord-gw-item[aria-checked="true"]{
border-color:var(--olive);
box-shadow:inset 0 0 0 1px var(--olive);
background:var(--paper);
color:var(--olive);
}
.macudp-ord-binding{
display:grid;
gap:var(--space-4);
padding:var(--space-5);
border:1px solid var(--input-line);
border-radius:var(--r-l);
background:var(--paper);
color:var(--ink);
}
.macudp-ord-binding-lead{max-width:var(--container-narrow);font-size:var(--text-base);line-height:var(--lh-body);color:var(--ink)}
.macudp-ord-binding-email,.macudp-ord-binding-code{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--space-3);
align-items:end;
}
.macudp-ord-field{display:grid;align-content:start;gap:var(--field-gap)}
.macudp-ord-field-label{font-size:var(--text-sm);line-height:var(--lh-body);font-weight:500;color:var(--ink)}
.macudp-ord-input{
width:100%;
min-height:44px;
padding:10px var(--space-3);
border:1px solid var(--input-line);
border-radius:var(--r-m);
background:var(--paper);
color:var(--ink);
font-family:var(--font-b);
font-size:var(--text-base);
line-height:var(--lh-body);
}
.macudp-ord-input:focus{outline:var(--focus);outline-offset:2px}
.macudp-ord-input[aria-invalid="true"]{border-color:var(--error)}
.macudp-ord-code-input{font-family:var(--font-m);font-variant-numeric:tabular-nums;letter-spacing:.2em}
.macudp-ord-payment-notes{
display:flex;
align-items:flex-start;
gap:var(--space-3);
margin-top:var(--space-4);
}
.macudp-ord-payment-icon{display:block;width:20px;height:20px;color:var(--muted)}
.macudp-ord-payment-copy{display:grid;gap:var(--space-2)}
.macudp-ord-payment-line{font-size:var(--text-sm);line-height:var(--lh-body);color:var(--muted);overflow-wrap:break-word}
.macudp-ord-security-line{font-size:var(--text-xs);line-height:var(--lh-body);color:var(--muted);overflow-wrap:break-word}
.macudp-ord-dialog{
position:fixed;
inset:0;
z-index:100;
display:grid;
place-items:center;
padding:var(--gutter);
isolation:isolate;
}
.macudp-ord-dialog-backdrop{
position:absolute;
inset:0;
z-index:-1;
background:color-mix(in srgb,var(--ink) 58%,transparent);
color:var(--paper);
}
.macudp-ord-dialog-panel{
display:flex;
flex-direction:column;
align-items:center;
gap:var(--space-3);
width:min(100%,32rem);
max-height:calc(100dvh - var(--gutter)*2);
margin:auto;
padding:var(--space-6);
overflow-y:auto;
overscroll-behavior:contain;
border-radius:var(--r-l);
background:var(--paper);
color:var(--ink);
box-shadow:var(--shadow-float);
text-align:center;
}
.macudp-ord-dialog-mark{display:block;width:40px;height:40px;margin-inline:auto;color:var(--olive)}
.macudp-ord-dialog-kicker{
width:fit-content;
margin-inline:auto;
font-size:var(--text-xs);
line-height:var(--lh-body);
color:var(--muted);
}
.macudp-ord-dialog-title{
margin-top:var(--space-2);
font-family:var(--font-h);
font-size:var(--text-lg);
font-weight:500;
line-height:var(--lh-card);
color:var(--ink);
overflow-wrap:break-word;
}
.macudp-ord-dialog-body{font-size:var(--text-sm);line-height:var(--lh-lead);color:var(--muted);overflow-wrap:break-word}
.macudp-ord-dialog-panel .macudp-ord-dialog-actions{justify-content:center;margin-top:var(--space-3)}
.macudp-ord-dialog-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.macudp-ord-dialog-panel .macudp-ord-dialog-primary:hover{background:var(--hover);color:var(--paper);border-color:var(--hover)}
.macudp-ord-visually-hidden{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
@media(max-width:760px){
.macudp-ord-opening{padding-block:var(--space-3) var(--space-6)}
.macudp-ord-region-heading{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
.macudp-ord-destinations{grid-template-columns:repeat(2,minmax(0,1fr))}
.macudp-ord-destinations > .macudp-ord-region:last-child:nth-child(odd){grid-column:1/-1}
.macudp-ord-equipment{padding-top:var(--space-5)}
.macudp-ord-machines{grid-template-columns:minmax(0,1fr)}
.macudp-ord-plan{padding:var(--space-4)}
.macudp-ord-scope{grid-template-columns:minmax(0,1fr);gap:var(--space-6);margin-top:var(--space-6)}
.macudp-ord-duration,.macudp-ord-capacity{gap:var(--space-3)}
.macudp-ord-periods{grid-template-columns:repeat(2,minmax(0,1fr))}
.macudp-ord-storage-options{grid-template-columns:minmax(0,1fr)}
.macudp-ord-storage-options > .macudp-ord-seg-btn{justify-content:flex-start;padding-inline:var(--space-4)}
.macudp-ord-review{margin-top:var(--space-6)}
.macudp-ord-record-fields{grid-template-columns:minmax(0,1fr)}
.macudp-ord-record-fields > *{grid-template-columns:minmax(6rem,.8fr) minmax(0,1fr);gap:var(--space-3)}
.macudp-ord-record-value{text-align:right}
.macudp-ord-settlement{align-items:flex-start;flex-direction:column}
.macudp-ord-settlement-actions{width:100%}
.macudp-ord-settlement-actions > .macudp-ord-button{flex:1 1 12rem}
.macudp-ord-gateway,.macudp-ord-binding{padding:var(--space-4)}
.macudp-ord-gateway-options{grid-template-columns:minmax(0,1fr)}
.macudp-ord-gw-item{width:100%}
.macudp-ord-binding-email,.macudp-ord-binding-code{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
.macudp-ord-binding-email > .macudp-ord-button,.macudp-ord-binding-code > .macudp-ord-button{width:100%}
.macudp-ord-tb5-choice{grid-template-columns:auto minmax(0,1fr)}
.macudp-ord-extra-price{grid-column:2}
.macudp-ord-dialog-panel{padding:var(--space-4)}
.macudp-ord-dialog-panel .macudp-ord-dialog-actions{width:100%}
.macudp-ord-dialog-actions > .macudp-ord-button{flex:1 1 12rem}
}
@media(max-width:390px){
.macudp-ord-opening{column-gap:var(--space-3)}
.macudp-ord-relay-mark{width:32px;height:32px}
.macudp-ord-intro{grid-column:1/-1}
.macudp-ord-region{padding:var(--space-4)}
.macudp-ord-plan-price{font-size:var(--text-lg)}
.macudp-ord-record-fields > *{grid-template-columns:minmax(5rem,.7fr) minmax(0,1fr)}
.macudp-ord-dialog-panel{max-height:calc(100dvh - var(--gutter)*2)}
}
@media(prefers-reduced-motion:reduce){
.macudp-ord-button,.macudp-ord-plan,.macudp-ord-region,.macudp-ord-seg-btn,.macudp-ord-gw-item{transition:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}