.early-access{position:relative;z-index:3;padding:88px 24px 64px;background:#f9fbff;background-image:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}
.access-heading{max-width:760px;margin:0 auto 40px;text-align:center}
.access-heading h2{font:700 clamp(38px,5vw,66px)/1.08 var(--fh);letter-spacing:-.04em}
.access-heading h2 span{color:var(--blue)}
.access-heading>p:last-child{margin:16px auto 0;max-width:480px;color:#68758c;font:500 15px/1.7 var(--fb)}
.access-journey{max-width:1120px;margin:auto}
.access-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.access-card{min-width:0;display:flex;flex-direction:column;background:white;border:1px solid #dbe4fa;border-radius:32px;box-shadow:0 18px 48px -30px #19377030;overflow:hidden}
.access-art{height:320px;padding:18px 26px 0;background:linear-gradient(160deg,#fff,#eef3ff)}
.access-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.access-art picture{display:block;width:100%;height:100%}
.access-copy{padding:26px 32px 30px;display:flex;flex-direction:column;flex:1}
.access-label{font:700 10px var(--fb);letter-spacing:.14em;text-transform:uppercase;color:#2144ff;margin-bottom:10px}
.access-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.access-meta .access-label{margin:0}
.access-perk{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #c5d4ff;border-radius:30px;background:#edf2ff;color:#2144ff;font:700 10px/1.3 var(--fb);white-space:nowrap}
.access-perk svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.access-perk--legend{background:#e6ebfb;color:#1a3284;border-color:#c6d0ef}
.access-copy h3{font:700 clamp(28px,3vw,38px)/1.12 var(--fh);letter-spacing:-.8px;margin:0 0 12px;color:#112142}
.access-copy>p:not(.access-label){font:500 14px/1.7 var(--fb);color:#63718a;max-width:400px;margin-bottom:24px}
.access-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 20px;border:0;border-radius:15px;background:#2144ff;color:white;font:700 14px var(--fb);cursor:pointer;box-shadow:0 8px 18px #2144ff22;transition:background .2s,transform .2s}
.access-copy .access-button{margin-top:auto;width:100%}
.access-card--legend{border-color:#bdcdfb}
.access-card--legend .access-art{background:linear-gradient(150deg,#f8faff,#e6eeff)}
.access-card--legend .access-button{background:#122c9d}
.access-button:hover{background:#1734c3;transform:translateY(-2px)}
.access-button:focus-visible,.access-tabs button:focus-visible,.access-close:focus-visible{outline:3px solid #8fa6ff;outline-offset:4px}
.access-tabs{display:none}
.access-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border:1px solid #d7e2fc;border-radius:26px;background:#fff;color:#112142;box-shadow:0 30px 100px #08163b55}
.access-dialog::backdrop{background:#07183b80;backdrop-filter:blur(7px)}
.access-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:1px solid #e1e7f5;border-radius:50%;background:#f5f7fc;font:400 26px/1 var(--fb);color:#56647c;cursor:pointer}
.access-dialog h2{font:700 32px/1.12 var(--fh);letter-spacing:-.7px;margin:8px 26px 10px 0}
.access-dialog-intro{font:500 13px/1.7 var(--fb);color:#64728b;margin-bottom:22px}
.access-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.access-field{display:flex;flex-direction:column;gap:7px;font:600 12px var(--fb);color:#34445f}
.access-field--full,.access-consent,.access-submit,.access-status,.access-form-note{grid-column:1/-1}
.access-field input,.access-field select{width:100%;min-width:0;min-height:46px;border:1px solid #d6dfef;border-radius:11px;padding:11px 12px;background:#f8faff;color:#122442;font:500 16px var(--fb)}
.access-field input:focus,.access-field select:focus{outline:2px solid #8fa6ff;outline-offset:2px}
.access-consent{display:flex;align-items:flex-start;gap:10px;font:500 12px/1.6 var(--fb);color:#65738b}
.access-consent input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:#2144ff}
.access-form-note,.access-status{font:500 12px/1.65 var(--fb);color:#65738b;margin:0}
.access-status{color:#1739bd}
.access-form [hidden]{display:none}
.access-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media(min-width:701px){
 .access-heading{margin-bottom:52px}
 .access-row{gap:clamp(40px,7vw,110px)}
 .access-card,.access-card--legend{background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
 .access-art,.access-card--legend .access-art{height:370px;padding:0 16px;background:radial-gradient(ellipse at 50% 65%,#e4ecff90,transparent 68%)}
 .access-copy{align-items:center;text-align:center;padding:28px 0 0}
 .access-meta{justify-content:center;gap:14px;margin-bottom:20px}
 .access-copy h3{font-size:clamp(30px,3.1vw,42px);line-height:1.1;letter-spacing:-1.1px}
 .access-copy>p:not(.access-label){max-width:355px;font-size:14px;line-height:1.8;margin:4px auto 26px}
 .access-copy .access-button{width:auto;min-width:260px;border-radius:16px;padding:16px 26px}
}
@media(max-width:700px){
 .early-access{padding:65px 0 40px}
 .access-heading{padding:0 24px;margin-bottom:22px}
 .access-heading>p:last-child{font-size:14px}
 .access-sticky{overflow:hidden}
 .access-row{display:flex;gap:18px;padding:12px 16px 22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .access-card{flex:0 0 calc(100vw - 32px);scroll-snap-align:center;border-radius:30px;border-color:#d5e0f7;background:linear-gradient(160deg,#fff,#f7f9ff);box-shadow:inset 0 1px 0 #fff,0 10px 24px -15px #153a8650}
 .access-art{height:clamp(180px,32svh,290px);padding:14px 18px 0}
 .access-copy{padding:24px}
 .access-meta{gap:8px;margin-bottom:14px}
 .access-meta .access-label{font-size:8px;letter-spacing:.1em;margin:0}
 .access-perk{font-size:9px;padding:6px 9px}
 .access-copy .access-button{border:1px solid #ffffff24;box-shadow:inset 0 1px 0 #ffffff30,0 8px 16px #2144ff20}
 .access-copy h3{font-size:29px}
 .access-copy>p:not(.access-label){font-size:13px;line-height:1.65;margin-bottom:18px}
 .access-label{font-size:9px;margin-bottom:8px}
 .access-horizontal .access-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center}
 .access-horizontal .access-row{overflow:visible;scroll-snap-type:none;will-change:transform}
 .access-horizontal .access-tabs{display:flex;justify-content:center;gap:10px;margin-top:3px}
 .access-tabs button{padding:9px 16px;background:#e7edfd;color:#596b94;border:1px solid transparent;border-radius:30px;font:600 11px var(--fb);cursor:pointer}
 .access-tabs button[aria-pressed=true]{background:#2144ff;color:#fff}
 .access-dialog{padding:26px 22px}
 .access-dialog h2{font-size:28px}
}
@media(max-width:700px) and (max-height:740px){.access-art{height:25svh}.access-copy{padding:20px}.access-copy h3{font-size:27px}}
@media(max-width:380px){.access-form{grid-template-columns:1fr}.access-copy{padding:18px}}
@media(prefers-reduced-motion:reduce){.access-button{transition:none}.access-button:hover{transform:none}}