/* BUFF OS v92 — Am I ready to train? */
.v92-hero { display: flex; align-items: center; gap: 16px; padding: 18px 16px; border-radius: 24px; background: linear-gradient(160deg, color-mix(in srgb, var(--vc) 22%, transparent), rgba(255, 255, 255, .03)); border: 2px solid var(--vc); box-shadow: 0 0 30px -10px var(--vc); }
.v92-ring { position: relative; flex: 0 0 84px; height: 84px; display: grid; place-items: center; text-align: center; } .v92-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.v92-ring circle { fill: none; stroke-width: 7; } .v92-ring .bg { stroke: rgba(255, 255, 255, .12); } .v92-ring .fg { stroke: var(--vc); stroke-linecap: round; }
.v92-ring b { font-size: 26px; font-weight: 800; line-height: 1; } .v92-ring small { position: absolute; bottom: 16px; font-size: 9px; font-weight: 700; color: var(--txt3); }
.v92-q { font-size: 10.5px; font-weight: 800; letter-spacing: .09em; color: var(--txt3); } .v92-w { margin-top: 2px; font-size: 40px; font-weight: 900; letter-spacing: -.03em; line-height: 1; color: var(--vc); }
.v92-say { margin: 14px 2px 4px; font-size: 16px; line-height: 1.4; font-weight: 700; } .v92-why { margin: 0 2px 4px; font-size: 13px; font-weight: 600; color: var(--txt3); }
.v92-ctas { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 4px; }
.v92-go { height: 48px; border: 0; border-radius: 15px; cursor: pointer; font: inherit; font-size: 15px; font-weight: 800; color: #2a2118; background: linear-gradient(115deg, #fffaf0, #ffe6c9, #ffd3d6, #d8f3ee); }
.v92-alt { height: 42px; border-radius: 15px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 700; color: var(--txt); background: transparent; border: 1.5px solid rgba(255, 255, 255, .18); }
.v92-h { margin: 16px 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: var(--txt3); }
.v92-f { display: flex; align-items: center; gap: 11px; margin-bottom: 7px; padding: 11px 13px; border-radius: 15px; background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .025)); border: 1px solid rgba(255, 255, 255, .08); }
.v92-f.g { border-left: 4px solid #5fd39a; } .v92-f.a { border-left: 4px solid #ffb866; } .v92-f.r { border-left: 4px solid #ff7a7a; } .v92-f.n { border-left: 4px solid rgba(255, 255, 255, .25); }
.v92-ic { flex: 0 0 26px; font-size: 20px; text-align: center; } .v92-f b { display: block; font-size: 14.5px; font-weight: 800; } .v92-f small { display: block; margin-top: 1px; font-size: 12.5px; font-weight: 600; color: var(--txt3); } .v92-f > div { flex: 1; min-width: 0; }
.v92-dot { flex: 0 0 10px; height: 10px; border-radius: 50%; } .v92-f.g .v92-dot { background: #5fd39a; } .v92-f.a .v92-dot { background: #ffb866; } .v92-f.r .v92-dot { background: #ff7a7a; }
.v92-fix { padding: 8px 13px; border: 0; border-radius: 100px; cursor: pointer; font: inherit; font-size: 12.5px; font-weight: 800; color: #2a2118; background: #ffe6c9; }
.v92-en { display: flex; gap: 8px; margin: -2px 0 9px; } .v92-en button { flex: 1; height: 46px; border-radius: 13px; cursor: pointer; font-size: 24px; background: rgba(255, 255, 255, .07); border: 1.5px solid rgba(255, 255, 255, .13); }
.v92-nl { margin: 6px 2px; font-size: 12.5px; font-weight: 600; color: var(--txt3); } .v92-foot { margin-top: 14px; font-size: 11.5px; line-height: 1.45; font-weight: 600; color: var(--txt3); }
.v92-banner { display: flex; align-items: center; gap: 11px; width: 100%; margin: 0 0 12px; padding: 12px 14px; border-radius: 18px; cursor: pointer; font: inherit; color: var(--txt); text-align: left; background: linear-gradient(160deg, color-mix(in srgb, var(--vc) 20%, transparent), rgba(255, 255, 255, .03)); border: 1.5px solid var(--vc); }
.v92-bs { font-size: 22px; } .v92-bt small { display: block; font-size: 9.5px; font-weight: 800; letter-spacing: .09em; color: var(--txt3); } .v92-bt b { font-size: 19px; font-weight: 900; letter-spacing: -.02em; color: var(--vc); }
.v92-bm { flex: 1; text-align: right; font-size: 13px; font-weight: 700; } .v92-bc { font-size: 20px; color: var(--txt3); }
.v91-ready { display: flex; align-items: center; gap: 10px; width: 100%; margin: 8px 0 4px; padding: 11px 14px; border-radius: 16px; cursor: pointer; font: inherit; color: var(--txt); text-align: left; background: color-mix(in srgb, var(--vc) 18%, transparent); border: 1.5px solid var(--vc); }
.v91-ready b { font-size: 17px; font-weight: 900; color: var(--vc); } .v91-ready span { flex: 1; font-size: 13px; font-weight: 700; } .v91-ready i { font-style: normal; color: var(--txt3); font-size: 18px; }