.ophtha-arcade-page{min-height:100vh;background:var(--paper);color:var(--ink)}
.ophtha-arcade-hero{padding:80px 0 64px;background:linear-gradient(145deg,var(--navy-900),var(--navy-950));color:#fff}.ophtha-arcade-hero h1{margin:0 0 18px;font-family:var(--serif);font-size:clamp(58px,9vw,100px);font-weight:400;line-height:.95}.ophtha-arcade-lead{max-width:760px;margin:0;color:var(--muted);font-size:19px}
.ophtha-arcade-library{padding:54px 0 96px}.ophtha-arcade-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center;padding:38px;border:1px solid var(--line-dark);border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(4,18,37,.08)}.ophtha-arcade-feature h2{margin:7px 0 14px;font-size:48px}.ophtha-arcade-feature p{max-width:680px;color:var(--muted-dark);font-size:17px}.ophtha-arcade-actions{display:flex;gap:10px;margin-top:24px}
.ophtha-arcade-demo{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;border-radius:24px;background:linear-gradient(145deg,#cfb16e,#997033)}
.ophtha-arcade-demo-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;aspect-ratio:1;padding:8px;border-radius:17px;background:#f8f3ea;color:#17243a;box-shadow:0 6px 18px rgba(4,18,37,.09)}
.ophtha-arcade-demo-number{font-family:var(--serif);font-size:clamp(32px,7vw,46px);font-weight:700;line-height:1}
.ophtha-arcade-demo-icon{width:clamp(34px,8vw,48px);height:clamp(34px,8vw,48px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ophtha-arcade-demo-tile small{display:block;max-width:100%;font-family:var(--sans);font-size:11px;font-weight:800;text-align:center;line-height:1.1}
.ophtha-arcade-demo-tile.t2{background:#f8f3ea;color:#17243a!important}.ophtha-arcade-demo-tile.t4{background:#eef5f8;color:#17243a!important}.ophtha-arcade-demo-tile.t8{background:#e7f1e8;color:#173a2e!important}.ophtha-arcade-demo-tile.t16{background:#eee9f6;color:#3e3970!important}
.ophtha-arcade-coming-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.ophtha-arcade-coming-grid article{padding:26px;border:1px solid var(--line-dark);border-radius:22px;background:#fff}.ophtha-arcade-coming-grid span{color:#8b6a28;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ophtha-arcade-coming-grid h3{margin:8px 0;font-size:28px}.ophtha-arcade-coming-grid p{margin:0;color:var(--muted-dark)}
html[data-site-theme="dark"] .ophtha-arcade-feature,html[data-site-theme="dark"] .ophtha-arcade-coming-grid article{background:#0a2344;border-color:#365574}html[data-site-theme="dark"] .ophtha-arcade-feature h2,html[data-site-theme="dark"] .ophtha-arcade-coming-grid h3{color:#edf4fb}html[data-site-theme="dark"] .ophtha-arcade-feature p,html[data-site-theme="dark"] .ophtha-arcade-coming-grid p{color:#c4d1df}
@media(max-width:760px){.ophtha-arcade-hero{padding:54px 0 44px}.ophtha-arcade-lead{font-size:16px}.ophtha-arcade-library{padding:28px 0 72px}.ophtha-arcade-feature{grid-template-columns:1fr;padding:22px}.ophtha-arcade-feature h2{font-size:40px}.ophtha-arcade-demo{order:-1}.ophtha-arcade-actions{display:grid}.ophtha-arcade-coming-grid{grid-template-columns:1fr}}