.rift-page { opacity: 1; }
.rift-hero { padding: 72px 24px 48px; max-width: 1040px; }
.rift-eyebrow { color: #78cbd3; font-size: .8rem; letter-spacing: .14em; font-weight: 700; }
.rift-hero h1 { font-size: clamp(2.3rem, 5vw, 4.6rem); line-height: 1.12; margin: 22px 0; }
.rift-hero h1 span { color: #78cbd3; }
.rift-hero p { max-width: 820px; color: #c6cedb; }
.rift-page .rift-note { font-size: .92rem; color: #9faabd; margin-top: 20px; }
.rift-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 28px 0; }
.rift-page .rift-button { display: inline-block; font: inherit; font-weight: 600; font-size: .95rem; border: 1px solid #78cbd3; border-radius: 6px; padding: 12px 20px; background: #78cbd3; color: #101b22; text-decoration: none; cursor: pointer; margin-top: 12px; }
.rift-page .rift-button:hover { background: #a1e0e5; }
.rift-page .rift-button.secondary { background: #202a35; color: #cfe9ed; border-color: #405b68; }
.rift-page .rift-button:disabled { background: #25303d; border-color: #425062; color: #a4afbe; cursor: not-allowed; }
.rift-page a:focus-visible, .rift-page button:focus-visible { outline: 3px solid #78cbd3; outline-offset: 4px; }
.rift-stats { display: flex; gap: 48px; flex-wrap: wrap; margin-top: 42px; }
.rift-stats strong { display: block; color: #78cbd3; font-size: 2.1rem; }
.rift-stats span { color: #b8c2d0; font-size: .9rem; }
.rift-section { padding: 42px 24px; scroll-margin-top: 100px; }
.rift-section h2 { margin: 12px 0 28px; }
.rift-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.rift-card { background: #171e28ed; border: 1px solid #344151; border-radius: 10px; padding: 26px; }
.rift-card-number { color: #78cbd3; font-size: .82rem; letter-spacing: .08em; }
.rift-card h3 { margin: 12px 0; font-size: 1.2rem; }
.rift-card p, .rift-steps p { font-size: 1rem; color: #bfc9d6; margin-top: 12px; }
.rift-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding-left: 24px; }
.rift-steps li { padding: 8px 18px; color: #78cbd3; }
.rift-steps h3 { color: #eef1f5; margin: 0; font-size: 1.15rem; }
.rift-release { background: #192733e8; border: 1px solid #385865; border-radius: 10px; padding: 36px; margin: 28px 24px; }
.rift-release h2 { margin-top: 0; }
.rift-release p { color: #bfc9d6; font-size: 1.05rem; }
.rift-footer { display: flex; flex-wrap: wrap; gap: 20px; padding: 32px 24px; border-top: 1px solid #344151; color: #a7b2c1; font-size: .85rem; }
.rift-footer a { color: #bddee2; }
@media (max-width: 1000px) { .rift-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
    .rift-hero { padding: 36px 8px; }
    .rift-grid, .rift-steps { grid-template-columns: 1fr; }
    .rift-stats { gap: 24px; }
    .rift-section { padding: 28px 8px; }
    .rift-release { margin: 20px 8px; padding: 24px; }
    .rift-page .header-container { flex-wrap: wrap; padding: 12px; gap: 8px; }
    .rift-page .header-nav { flex-wrap: wrap; padding: 8px 0; gap: 16px; }
    .rift-page .header-nav-wrap { flex-basis: 100%; }
}