/* About: a product story with real interface and release evidence. */
.about-page{--ab-ink:#f5f4fb;--ab-muted:#b8bdd0;--ab-panel:#171d35;--ab-gold:#f5c957;--ab-line:#e0dcff29;color:var(--ab-ink)}
.about-page *, .about-page *::before,.about-page *::after{box-sizing:border-box}
.about-page .ab-wrap{width:calc(100% - 64px);max-width:1280px;margin-inline:auto}
.about-page .ab-section{padding-block:clamp(44px,6vw,84px)}
.about-page :is(h1,h2,h3,p,figure){margin:0}
.about-page h1{font:750 clamp(40px,4.5vw,66px)/1.06 Onest,system-ui,sans-serif;letter-spacing:-.045em;max-width:13ch;text-wrap:balance}
.about-page h2{font:650 clamp(28px,3.1vw,43px)/1.14 Onest,system-ui,sans-serif;letter-spacing:-.035em;text-wrap:balance;max-width:23ch}
.about-page h3{font:600 21px/1.3 Onest,system-ui,sans-serif;letter-spacing:-.02em}
.about-page p{font:400 16px/1.75 Onest,system-ui,sans-serif;color:var(--ab-muted);max-width:65ch}
.about-page p+p{margin-top:16px}
.about-page a{color:var(--ab-gold);text-underline-offset:5px}
.about-page a:focus-visible{outline:2px solid var(--ab-gold);outline-offset:5px}
.about-page .ab-kicker{font-size:13px;font-weight:550;color:var(--ab-gold);margin-bottom:20px}
.about-page .ab-hero{padding-top:36px}
.about-page .ab-crumbs{font-size:13px;color:var(--ab-muted);margin-bottom:44px}
.about-page .ab-crumbs a{color:inherit;text-decoration:none}
.about-page .ab-hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:48px}
.about-page .ab-intro{font-size:17px;line-height:1.75;margin-top:26px}
.about-page .ab-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px}
.about-page .ab-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:12px 23px;border-radius:999px;border:1px solid var(--ab-gold);background:var(--ab-gold);color:#211a0b;font:650 14px/1.5 Onest,system-ui,sans-serif;text-decoration:none;text-align:center}
.about-page .ab-button:hover{background:#ffda78;border-color:#ffda78;color:#211a0b}
.about-page .ab-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:550;text-decoration:none}
.about-page .ab-link:hover{text-decoration:underline}
.about-page .ab-small{font-size:12px;line-height:1.65;margin-top:18px}
.about-page .ab-screen{min-width:0;border:1px solid var(--ab-line);background:var(--ab-panel);box-shadow:0 24px 65px #0004}
.about-page .ab-screen img{display:block;width:100%;height:auto;border-radius:0;background:var(--ab-panel)}
.about-page figcaption{padding:16px 20px;font:400 12px/1.6 Onest,system-ui,sans-serif;color:var(--ab-muted)}
.about-page .ab-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;padding-top:48px;border-top:1px solid var(--ab-line)}
.about-page .ab-benefits{margin-top:36px}
.about-page .ab-benefit{padding-block:26px;border-top:1px solid var(--ab-line)}
.about-page .ab-benefit:first-child{padding-top:0;border-top:0}
.about-page .ab-benefit h3{margin-bottom:10px}
.about-page .ab-update-panel{padding:clamp(28px,4vw,54px);background:var(--ab-panel);border:1px solid var(--ab-line);border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:64px}
.about-page .ab-update-panel h2+p,.about-page .ab-compare h2+p,.about-page .ab-support h2+p,.about-page .ab-final h2+p{margin-top:22px}
.about-page .ab-releases{list-style:none;margin:0;padding:0}
.about-page .ab-releases li{padding:20px 0;border-top:1px solid var(--ab-line)}
.about-page .ab-releases li:first-child{padding-top:0;border:0}
.about-page .ab-release-top{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:8px}
.about-page .ab-release-top strong{font-size:21px;color:var(--ab-ink)}
.about-page .ab-release-top span{font-size:12px;color:var(--ab-muted)}
.about-page .ab-releases p{font-size:14px}
.about-page .ab-section-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:32px}
.about-page .ab-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.about-page .ab-game{display:flex;flex-direction:column;color:var(--ab-ink);border:1px solid var(--ab-line);border-radius:16px;overflow:hidden;background:#11172c;text-decoration:none}
.about-page .ab-game:hover{border-color:var(--ab-gold)}
.about-page .ab-game img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--ab-panel)}
.about-page .ab-game-copy{padding:20px;display:flex;flex:1;flex-direction:column;gap:16px}
.about-page .ab-game strong{font-size:18px;line-height:1.35;color:var(--ab-ink)}
.about-page .ab-game span span{font-size:13px;color:var(--ab-gold);margin-top:auto}
.about-page .ab-caveat{font-size:13px;margin-top:20px;max-width:92ch}
.about-page .ab-compare{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;border-block:1px solid var(--ab-line);padding-block:48px}
.about-page .ab-compare-links{display:grid;gap:0}
.about-page .ab-compare-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--ab-line);font-size:16px;text-decoration:none;color:var(--ab-ink)}
.about-page .ab-compare-links a:hover{color:var(--ab-gold)}
.about-page .ab-compare-links a:last-child{border:0}
.about-page .ab-support{display:grid;grid-template-columns:1.1fr .9fr;gap:64px}
.about-page .ab-community{display:grid;align-content:center;gap:16px}
.about-page .ab-community a{padding:22px 24px;border:1px solid var(--ab-line);border-radius:14px;text-decoration:none;background:#11172c}
.about-page .ab-community a:hover{border-color:var(--ab-gold)}
.about-page .ab-community strong{display:block;font-size:19px;color:var(--ab-ink)}
.about-page .ab-community span{display:block;font-size:14px;color:var(--ab-muted);margin-top:6px}
.about-page .ab-final{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:clamp(28px,4vw,54px);border:1px solid #f5c95766;border-radius:22px;background:linear-gradient(115deg,#282736,#171d35)}
.about-page .ab-purchase{border-inline-start:1px solid var(--ab-line);padding-inline-start:48px}
.about-page .ab-price{display:block;font-size:54px;line-height:1.1;letter-spacing:-.04em;font-weight:700;color:var(--ab-gold)}
.about-page .ab-purchase .ab-actions{gap:10px 24px;margin-top:22px}
.about-page .ab-refund{font-size:12px}
.about-page .ab-purchase .ab-small{margin-top:8px}
body.site-glass main.about-page{padding-bottom:0}
@media(max-width:1000px){.about-page .ab-hero-grid{grid-template-columns:1fr;gap:36px}.about-page h1{max-width:19ch}.about-page .ab-intro{max-width:62ch}.about-page .ab-screen{max-width:850px}.about-page :is(.ab-story,.ab-section-head,.ab-update-panel,.ab-compare,.ab-support){gap:32px}.about-page .ab-final{gap:28px}.about-page .ab-purchase{padding-inline-start:28px}}
@media(max-width:700px){.about-page .ab-wrap{width:calc(100% - 40px)}.about-page .ab-crumbs{margin-bottom:30px}.about-page :is(.ab-story,.ab-section-head,.ab-update-panel,.ab-compare,.ab-support,.ab-final){grid-template-columns:1fr;gap:28px}.about-page .ab-games{grid-template-columns:1fr}.about-page .ab-game{display:grid;grid-template-columns:40% 60%;border-radius:12px}.about-page .ab-game img{height:100%;min-height:145px;aspect-ratio:auto}.about-page .ab-game-copy{padding:18px}.about-page .ab-game strong{font-size:16px}.about-page .ab-purchase{border-inline-start:0;border-top:1px solid var(--ab-line);padding:28px 0 0}.about-page .ab-story{padding-top:32px}.about-page .ab-hero{padding-top:28px}}
@media(max-width:380px){.about-page .ab-actions{gap:10px 18px}.about-page .ab-button{padding-inline:18px}.about-page .ab-game{grid-template-columns:1fr}.about-page .ab-game img{aspect-ratio:16/9;min-height:0}}