/* Proxy by Zoog, moving-background page: the checkout block in the page's own language
   (dark glass panels over the 3D hall, 3px corners, Geologica, lime as the only accent). */

.mark{text-decoration:none}
.co-anchor{display:block;position:relative;top:-80px}
.co-legal{display:flex;flex-direction:column;gap:6px}
.co-legal a{max-width:none}

/* ---------- section head ---------- */
.co-buy .wrap{max-width:1320px}
.co-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 64px;align-items:end;margin-bottom:clamp(36px,6vh,64px)}
.co-step{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;font:500 13px/1 JBM,ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--lime)}
.co-step span{display:grid;place-items:center;width:26px;height:26px;border-radius:3px;background:var(--lime);color:var(--on-lime);font-size:13px;letter-spacing:0}
.co-trust{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.co-trust li{display:flex;align-items:center;gap:10px;font-size:16px;white-space:nowrap;color:#d4dcdf}
.co-trust svg{color:var(--lime)}
.co-pays{display:flex;flex-wrap:wrap;gap:10px 28px;margin:28px 0 0;padding:0;list-style:none;color:#c7d0d4;font-size:14.5px}
.co-pays li{display:inline-flex;align-items:center;gap:8px}
.co-pays svg{color:var(--lime)}

/* ---------- checkout block: variables ---------- */
.zc{
  --zc-font:inherit;
  --zc-ink:var(--ink);--zc-text:var(--ink);--zc-muted:#c7d0d4;--zc-faint:var(--dim);
  --zc-surface:var(--panel);--zc-input-bg:rgb(4 7 10 / .7);
  --zc-line:var(--line);--zc-line-strong:rgb(233 238 240 / .32);
  --zc-accent:var(--lime);--zc-accent-hover:var(--lime-hi);--zc-on-accent:var(--on-lime);--zc-accent-text:var(--lime);
  --zc-accent-soft:rgb(168 220 44 / .18);--zc-accent-line:var(--lime);--zc-glow:rgb(168 220 44 / .35);
  --zc-badge-bg:var(--lime);--zc-badge-ink:var(--on-lime);
  --zc-chip-bg:rgb(233 238 240 / .1);--zc-chip-ink:var(--ink);
  --zc-error:#ff7a6b;
  --zc-radius:3px;--zc-radius-input:3px;
  --zc-shadow:none;--zc-shadow-hover:none;--zc-plan-shadow:none;
  font-weight:350;line-height:1.5;
}
.zc-status{padding:40px 0;text-align:left;color:#c7d0d4}

/* ---------- step 1: plans as glass panels, the chosen one turns lime ---------- */
.zc-plans{gap:14px;max-width:520px;margin:0}
@media (min-width:768px){.zc-plans{max-width:none;align-items:stretch}}
.zc-plan{padding:clamp(24px,2.4vw,34px);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .3s var(--ease-out)}
.zc-plan:hover{border-color:rgb(233 238 240 / .34);box-shadow:none}
.zc-plan--selected,.zc-plan--selected:hover{background:var(--lime);border-color:var(--lime);color:var(--on-lime);box-shadow:0 30px 70px -30px rgb(168 220 44 / .5)}
@media (min-width:768px){.zc-plan--selected{transform:translateY(-10px)}}
.zc-plan__head{margin-bottom:22px;min-height:28px}
.zc-plan__name,.zc-plan--selected .zc-plan__name{color:inherit;font-size:clamp(20px,1.7vw,25px);font-weight:300;letter-spacing:-.02em}
.zc-badge{padding:5px 8px;border:0;border-radius:2px;font:500 12px/1 JBM,ui-monospace,monospace;background:rgb(233 238 240 / .1);color:var(--ink)}
.zc-badge--accent{background:var(--lime);color:var(--on-lime)}
.zc-plan--selected .zc-badge{background:var(--on-lime);color:var(--lime)}
.zc-plan__price{min-height:96px;margin-bottom:20px;gap:8px}
.zc-plan__amount{color:inherit;font-size:clamp(42px,4.2vw,64px);font-weight:250;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.zc-plan--selected .zc-plan__amount{color:var(--on-lime)}
.zc-plan__old{font-size:15px;color:var(--dim)}
.zc-plan--selected .zc-plan__old{color:#3a4d14}
.zc .zc-plan__note{margin:-6px 0 20px;font-size:15px;font-weight:500;color:var(--lime)}
.zc-plan--selected .zc-plan__note{color:var(--on-lime)}
.zc .zc-perks{gap:11px;margin-bottom:30px;font-size:15.5px;color:inherit}
.zc-perks__icon{color:var(--lime)}
.zc-plan--selected .zc-perks__icon{color:var(--on-lime)}

/* buttons: the page's stamped-metal pill (3px) */
.zc-btn{min-height:52px;padding:0 24px;border-radius:3px;font-size:16px;font-weight:500;letter-spacing:-.01em;box-shadow:none;
  transition:transform .22s var(--ease-out),background-color .2s ease,color .2s ease}
.zc-btn:hover{box-shadow:none}
.zc-btn:active{transform:scale(.97)}
.zc-btn--lg{min-height:58px;font-size:17px}
.zc-plan .zc-btn{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px rgb(233 238 240 / .4)}
.zc-plan--selected .zc-btn{background:var(--on-lime);color:var(--lime);box-shadow:none}
@media (hover:hover) and (pointer:fine){
  .zc-plan:not(.zc-plan--selected) .zc-btn:hover{background:var(--ink);color:var(--bg)}
  .zc-plan--selected .zc-btn:hover{background:#18240b}
  .zc-method .zc-btn:hover{background:var(--lime-hi)}
}
.zc-btn:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* ---------- step 2: email and payment in one panel ---------- */
.zc-section+.zc-section{margin-top:clamp(40px,6vh,64px)}
.zc-section--pay{padding:clamp(20px,3vw,40px);border:1px solid var(--line);border-radius:3px;background:rgb(6 10 13 / .82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.zc .zc-section--pay .zc-title{margin-bottom:28px;color:var(--ink);font-size:clamp(30px,3.6vw,52px);font-weight:300;letter-spacing:-.045em;line-height:1;text-align:left}
.zc-section--pay .zc-title::before{content:"2";display:inline-grid;place-items:center;width:30px;height:30px;margin-right:14px;vertical-align:.3em;border-radius:3px;
  background:var(--lime);color:var(--on-lime);font:500 14px/1 JBM,ui-monospace,monospace;letter-spacing:0}
.zc-pay{gap:14px;max-width:none;margin:0}
@media (min-width:900px){.zc-pay{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
.zc-card{background:rgb(233 238 240 / .04);border-color:var(--line)}
@media (min-width:640px){.zc-card{padding:28px}}
.zc-order__title{font-size:21px;font-weight:300;letter-spacing:-.02em}
.zc-order__rows{font-size:15px}
.zc-order__row dd{color:var(--ink)}
.zc-order__row--total dd{color:var(--lime);font-size:34px;font-weight:300;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.zc-order__change{font-size:14.5px}
.zc-field__label{font-size:14.5px;color:var(--ink);font-weight:400}
.zc-field__input{min-height:52px;padding:12px 16px;border-color:var(--line)}
.zc-field__input:focus{border-color:var(--lime);box-shadow:0 0 0 3px var(--zc-accent-soft)}
.zc .zc-field__hint{margin-top:6px;font-size:13.5px;color:var(--dim)}
.zc-methods{display:grid;gap:12px}
.zc-method{padding:22px;transition:border-color .2s ease}
@media (min-width:640px){.zc-method{padding:24px 26px}}
@media (hover:hover) and (pointer:fine){.zc-method:hover{border-color:rgb(168 220 44 / .55)}}
.zc-method__title{font-size:18px;font-weight:400;letter-spacing:-.01em}
.zc-method__note{color:var(--dim);font-size:14.5px}
.zc .zc-legal{margin-top:20px;font-size:14px;color:var(--dim);text-align:center}
.zc-legal a{color:var(--ink);text-underline-offset:3px}
.zc-section--pay,.zc-pay{scroll-margin-top:88px}

/* a form error shows under the fields; the copy under the pay buttons (role=alert) stays for screen readers only */
.zc-pay:has(.zc-order .zc-error) .zc-methods > .zc-error{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

@media (max-width:860px){.co-head{grid-template-columns:1fr;align-items:start}.co-trust{display:flex;flex-wrap:wrap;gap:10px 22px}}
@media (max-width:620px){
  .zc-section--pay{padding:20px 12px 16px}
  .zc .zc-section--pay .zc-title{padding-inline:4px}
  .zc-pay .zc-card{padding:20px 16px}
}
@media (prefers-reduced-motion:reduce){
  .zc-plan,.zc-btn,.zc-method{transition:none}
  .zc-plan--selected{transform:none}
}
.mark img.mark__full{height:36px}
@media (max-width:620px){.mark img.mark__full{height:32px}}