:root{
  --store-bg:var(--bg);
  --store-paper:var(--paper);
  --store-offwhite:var(--paper-soft);
  --store-ink:var(--ink);
  --store-ink-soft:var(--muted);
  --store-grey:var(--faint);
  --store-hairline:var(--line);
  --store-accent:var(--blue);
  --store-accent-soft:var(--blue-soft);
  --store-serif:var(--brand);
  --store-sans:var(--body);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--store-bg);-webkit-text-size-adjust:100%}
body{min-width:320px;background:var(--store-bg);color:var(--store-ink);font-family:var(--store-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input{font:inherit;color:inherit}
button{border:0}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
fieldset{border:0}
:focus-visible{outline:3px solid rgba(15,127,255,.35);outline-offset:3px}
.skip-link{min-height:44px;position:fixed;left:18px;top:-70px;z-index:100;background:var(--store-paper);color:var(--store-ink);padding:10px 14px;display:flex;align-items:center;font-size:13px;font-weight:500;transition:top .2s}
.skip-link:focus{top:12px}

/* Preorder composition */
.preorder{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:var(--store-bg)}
.preorder__wash{position:absolute;inset:0;z-index:-2;background-image:var(--hero-dots);background-size:var(--hero-dot-size);opacity:.5;mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 92%)}
.preorder__inner{max-width:var(--maxw);min-height:100vh;margin:0 auto;padding:92px 40px 64px;display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto 1fr;column-gap:8%;align-items:center}
.preorder h1{grid-column:2;align-self:end;max-width:13ch;margin:0 0 28px;font-family:var(--store-serif);font-size:clamp(48px,4.5vw,65px);font-weight:400;line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.preorder h1 span{white-space:nowrap}
.station-visual{grid-column:1;grid-row:1 / span 2;align-self:center;display:grid;place-items:center;min-width:0;pointer-events:none}
.station-visual picture{display:block;width:min(100%,570px)}
.station-visual img{width:100%;height:auto;mix-blend-mode:multiply;filter:contrast(1.02) saturate(.78);transform:translateY(8px)}
.preorder-form{grid-column:2;align-self:start;width:100%;max-width:660px}
.preorder-copy{max-width:600px}
.preorder-copy p{font-size:13px;line-height:1.6;color:var(--store-ink-soft)}
.preorder-copy p+p{margin-top:12px}
.preorder-copy .deposit-message{margin:0 0 28px;font-family:var(--store-serif);font-size:21px;font-weight:500;line-height:1.35;color:var(--store-ink)}
.deposit-message strong{font-weight:600;text-decoration:underline;text-decoration-color:var(--store-accent);text-decoration-thickness:2px;text-underline-offset:4px}

.payment-options{margin-top:20px}
.payment-options legend,.preorder-fields label>span{font-size:10px;font-weight:600;line-height:1.4;letter-spacing:.13em;text-transform:lowercase;color:var(--store-ink-soft)}
.payment-options__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.payment-option{display:block;cursor:pointer;border:1px solid var(--store-hairline);border-radius:10px;background:rgba(255,255,255,.72);padding:16px;transition:border-color .15s,background-color .15s,box-shadow .15s}
.payment-option:hover,.payment-option.is-selected{border-color:var(--store-accent);background:rgba(162,199,255,.16);box-shadow:0 8px 22px rgba(44,77,145,.08)}
.payment-option:focus-within{border-color:var(--store-accent)}
.payment-option input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.payment-option__copy{display:block;position:relative;padding-left:27px}
.payment-option__copy::before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border:1px solid var(--line-strong);border-radius:50%;background:#fff}
.payment-option.is-selected .payment-option__copy::after{content:"";position:absolute;left:4px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--store-accent)}
.payment-option__copy strong{display:block;font-size:22px;font-weight:600;line-height:1;color:var(--store-ink)}
.payment-option__copy strong small{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--store-ink-soft)}
.payment-option__copy>span{display:block;margin-top:8px;font-size:13px;line-height:1.5;color:var(--store-ink-soft)}

.preorder-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin-top:20px}
.preorder-fields label{display:block}
/* Honeypot: off-screen, non-interactive. Bots that fill every field trip it; humans never see or tab to it. */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.preorder-fields input{display:block;width:100%;padding:6px 0;background:transparent;border:0;border-bottom:1px solid var(--line-strong);border-radius:0;font-size:15px;line-height:1.5;color:var(--store-ink);caret-color:var(--store-ink);transition:border-color .15s}
.preorder-fields input:focus{outline:none;border-bottom-color:var(--store-accent);box-shadow:0 0 0 3px rgba(15,127,255,.14)}
.preorder-fields input[aria-invalid="true"]{border-bottom-color:#c5322a}
.form-status{min-height:21px;margin-top:10px;font-size:12.6px;color:#c5322a}
.preorder-submit{min-height:44px;display:inline-flex;align-items:center;justify-content:center;margin-top:4px;padding:0 30px;border:1px solid #221997;border-radius:999px;color:var(--store-ink);background:linear-gradient(#edf4ff 0%,#d6e7ff 18%,#a2c7ff 52%,#99cbf8 82%,#a7d2f8 100%);box-shadow:0 10px 24px rgba(44,77,145,.18),inset 0 1px 0 rgba(255,255,255,.9);cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s ease,filter .18s ease,opacity .15s}
.preorder-submit:hover{transform:translateY(-2px);filter:saturate(1.06)}
.preorder-submit:disabled{cursor:wait;opacity:.6}
.preorder-submit span{font-size:10.8px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.form-fine-print{margin-top:16px;max-width:620px;font-size:12.6px;line-height:1.6;color:var(--store-ink-soft)}
.form-fine-print a{color:var(--store-accent);text-decoration:underline;text-decoration-color:var(--store-accent);text-decoration-thickness:2px;text-underline-offset:2px;transition:color .15s}
.form-fine-print a:hover{color:var(--blue-deep)}

@media(max-width:1100px){
  .preorder__inner{grid-template-columns:44% 1fr;column-gap:6%}
  .preorder h1{font-size:50px}
}

@media(max-width:900px){
  .preorder__inner{min-height:auto;padding:88px 24px 50px;display:flex;flex-direction:column;align-items:stretch}
  .preorder h1{order:1;align-self:stretch;max-width:15ch;margin:0 0 22px;font-size:clamp(32px,7vw,50px);line-height:1.08}
  .station-visual{order:2;width:72%;margin:0 auto 20px}
  .station-visual img{transform:none}
  .preorder-form{order:3;max-width:none}
  .preorder-copy .deposit-message{font-size:19.8px;margin-bottom:22px}
  .preorder-copy p{font-size:16px}
  .payment-options__grid{grid-template-columns:1fr}
  .preorder-fields{grid-template-columns:1fr;gap:10px}
  .preorder-fields input{min-height:44px;font-size:16px;padding:4px 0}
  .payment-option__copy>span{font-size:14px}
  .preorder-submit{padding:10px 22px}
  .form-fine-print{font-size:13.5px}
}

@media(max-width:420px){
  .preorder h1{font-size:6.75vw}
  .station-visual{width:78%}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}
}