.chapter.landing{height:220vh;height:220svh}.chapter.landing .copy{top:54svh;width:min(720px,88vw);max-width:720px;margin-inline:auto;text-align:center;padding:24px 28px 26px;background:linear-gradient(135deg,#1029369c,#0823347d);border-color:#fae4b755;border-radius:30px;box-shadow:0 20px 80px #00162355,inset 0 1px 0 #fff1d533}.chapter.landing .copy h2{font-size:clamp(27px,2.55vw,36px);line-height:1.2;margin:0 0 15px}.chapter.landing .copy .description{max-width:none;margin:0 0 18px;font-size:19px}.chapter.landing .eyebrow{margin-bottom:12px}.beta-link{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:62px;padding:19px 32px;border-radius:40px;border:1px solid #f9e2aecc;color:#fff8e4;background:linear-gradient(115deg,#204b5fe8,#0e344de8);font:500 13px var(--title-font);letter-spacing:.05em;box-shadow:0 0 22px #71ddff33,inset 0 1px 0 #fff3c94d;animation:beta-breathe 3.6s ease-in-out infinite;transition:background .3s,transform .3s;overflow:visible}.beta-link::before{content:'';position:absolute;inset:-5px;border:1px solid #91e9ff66;border-radius:inherit;pointer-events:none;animation:beta-ring 3.6s ease-out infinite}.beta-link::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 25%,#eaffff33 47%,transparent 65%);background-size:300% 100%;animation:beta-shine 5.5s ease-in-out infinite;pointer-events:none}.beta-link span{font:20px Manrope,sans-serif;color:#bcefff}.beta-link:hover{background:linear-gradient(115deg,#39728ae8,#1a526ee8);transform:translateY(-2px)}.beta-footnote{display:block;margin-top:17px;color:#eee3c8b3;font:10px Manrope,sans-serif;letter-spacing:.5px}.beta-nav{color:#f5dca9}.site-header nav .beta-nav{display:inline-flex}.chapter.landing .copy::after{display:none}
@keyframes beta-breathe{0%,100%{box-shadow:0 0 18px #71ddff2b,inset 0 1px 0 #fff3c94d}50%{box-shadow:0 0 36px #71ddff66,0 0 65px #4bafff25,inset 0 1px 0 #fff3c966}}@keyframes beta-ring{0%{opacity:0;scale:.97}20%{opacity:.65}90%,100%{opacity:0;scale:1.10}}@keyframes beta-shine{0%,25%{background-position:160% 0}65%,100%{background-position:-60% 0}}
html[data-motion-paused=true] .beta-link,html[data-motion-paused=true] .beta-link::before,html[data-motion-paused=true] .beta-link::after{animation-play-state:paused}
@media(max-width:850px){.chapter.landing .copy{top:49svh;padding:23px 22px 25px;border-radius:25px;width:88vw}.chapter.landing .copy h2{font-size:27px}.chapter.landing .copy .description{font-size:18px;margin-bottom:21px}.beta-link{font-size:11px;min-height:57px;padding:17px 22px;gap:15px}.beta-footnote{font-size:8px;line-height:1.5}.site-header nav .beta-nav{font-size:9px}.chapter.landing .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.beta-link,.beta-link::before,.beta-link::after{animation:none}.beta-link{transition:none}}

.in-landing .shade{background:linear-gradient(0deg,#04182180,transparent 45%,#071a2322)}
/* Two distinct beta platforms; the chapter length and transition stay intact. */
.chapter.landing .copy{top:clamp(100px,25svh,240px);width:min(800px,88vw);max-width:800px;padding:24px 28px;}
.chapter.landing .copy h2{margin-bottom:10px;}
.chapter.landing .copy .description{margin-bottom:12px;font-size:18px;}
.beta-choice-title{font:11px var(--title-font);color:var(--gold);letter-spacing:.08em;margin:12px 0 16px;}
.beta-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;text-align:center;}
.beta-platform{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 16px 15px;background:linear-gradient(145deg,#13344499,#071f2a88);border:1px solid #d5eaff29;border-radius:22px;}
.beta-platform-android{background:linear-gradient(145deg,#24463388,#0b273188);border-color:#c9df9d44;}
.beta-browser-art,.beta-android-art{width:92px;height:92px;object-fit:contain;display:block;filter:drop-shadow(0 0 13px #81e4ff20);}
.beta-platform h3{font:17px var(--title-font);margin:5px 0 6px;color:#fcf1d4;}
.beta-platform>p{font:16px/1.3 var(--story-font);margin:0 0 13px;color:#f1e7d0c7;}
.beta-platform .beta-link{margin-top:auto;min-height:48px;width:100%;padding:12px 14px;font-size:11px;gap:12px;}
.beta-platform .beta-apk{background:linear-gradient(115deg,#34513de8,#173d35e8);border-color:#d4e8a5aa;box-shadow:0 0 20px #a7df8430;}
.beta-apk[aria-disabled=true]{opacity:.57;cursor:default;animation:none;}
.beta-apk[aria-disabled=true]::before,.beta-apk[aria-disabled=true]::after{display:none;}
.beta-apk[aria-disabled=true]:hover{transform:none;}
.beta-apk-status{font:9px/1.4 Manrope,sans-serif;color:#d8e7bbbf;min-height:13px;margin-top:8px;}
.beta-platform-web::after{content:'';height:21px;}
.chapter.landing .beta-footnote{margin-top:14px;line-height:1.5;}
@media(max-width:850px){
 .chapter.landing .copy{top:16svh;padding:17px 16px;width:90vw;border-radius:24px;}
 .chapter.landing .copy h2{font-size:24px;line-height:1.2;margin-bottom:8px;}
 .chapter.landing .copy .description{font-size:16px;margin-bottom:9px;}
 .chapter.landing .eyebrow{margin-bottom:8px;font-size:6px;}
 .beta-choice-title{font-size:9px;margin:9px 0 12px;}
 .beta-platforms{gap:10px;}
 .beta-platform{padding:10px 9px 12px;border-radius:18px;}
 .beta-browser-art,.beta-android-art{width:76px;height:76px;}
 .beta-platform h3{font-size:13px;margin:5px 0;}
 .beta-platform>p{font-size:14px;line-height:1.2;margin-bottom:12px;}
 .beta-platform .beta-link{min-height:48px;padding:10px 7px;font-size:9px;gap:6px;border-radius:20px;}
 .beta-platform .beta-link span{font-size:16px;}
 .beta-apk-status{font-size:7px;}
 .chapter.landing .beta-footnote{font-size:8px;margin-top:12px;}
}
@media(max-height:600px){
 .chapter.landing .copy{top:80px;padding:12px 16px;}
 .chapter.landing .copy h2{font-size:21px;}
 .chapter.landing .copy .description{font-size:14px;}
 .beta-browser-art,.beta-android-art{width:54px;height:54px;}
 .beta-platform>p{font-size:13px;margin-bottom:9px;}
 .beta-platform{padding:8px 9px;}
 .chapter.landing .beta-footnote{margin-top:9px;}
}
@media(orientation:landscape) and (max-height:500px){
 .chapter.landing .copy{top:84px;padding:10px 18px;width:min(700px,88vw);}
 .chapter.landing .copy>.eyebrow,.chapter.landing .copy>.description,.chapter.landing .beta-choice-title{display:none;}
 .chapter.landing .copy h2{font-size:20px;margin-bottom:8px;}
 .beta-browser-art,.beta-android-art{width:40px;height:40px;}
 .beta-platform h3{font-size:12px;}
 .beta-platform>p{display:none;}
 .beta-platform .beta-link{min-height:40px;padding:8px;font-size:10px;}
 .chapter.landing .beta-footnote{font-size:7px;margin-top:6px;}
}
