/* BASS.digital — Kundenzugang: Auswahl der Umgebung (ergänzt styles.css, ohne JavaScript) */
.access-page{padding-block:80px 96px}
.access-page .eyebrow{color:#b7c8da}
.access-title{font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.05;font-weight:650;letter-spacing:-.05em}
.access-intro{font-size:1.02rem;color:#bac9d7;max-width:640px;margin-top:24px;line-height:1.75}
.access-grid{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.access-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:28px 26px;border:1px solid #2b3b4d;border-radius:6px;background:#0c1f33;color:#e1e7ed;text-decoration:none}
a.access-card:hover{border-color:var(--blue);background:#10263e}
.access-card strong{font-size:1.25rem;font-weight:650;color:#fff;letter-spacing:-.02em}
.access-card>span:not(.access-badge):not(.access-go){font-size:.9rem;color:#a9b9c9;line-height:1.6}
.access-go{margin-top:auto;padding-top:14px;font-size:.85rem;font-weight:650;color:#fff}
.access-go span{padding-left:6px}
.access-badge{align-self:flex-start;font-size:.68rem;font-weight:750;letter-spacing:.12em;padding:4px 9px;border-radius:3px;background:#22364b;color:#cfdae5}
.access-badge-test{background:#7a5a00;color:#fff3c4}
.access-badge-demo{background:#0b5b3f;color:#d6f5e6}
.access-card-soon{opacity:.6}
.access-card-soon .access-go{font-weight:500;color:#a9b9c9}
.access-note{margin-top:36px;font-size:.85rem;color:#93a6b8}
.site-footer .footer-note{padding-block:28px}
@media (max-width:900px){.access-grid{grid-template-columns:1fr}.access-page{padding-block:56px 72px}}