/* MYNT service previews, scoped to the services slide. */
.services-heading {margin-top:2cqw;display:flex;align-items:flex-end;justify-content:space-between;gap:3cqw}
.services-heading h2 {font-size:4.25cqw}
.services-heading>p {font-size:1.05cqw;line-height:1.5;color:var(--fog);max-width:20cqw;padding-bottom:.3cqw}
.services-gallery {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3cqw 2cqw;margin-top:2cqw}
.service-preview {min-width:0}
.service-screen {height:calc(11.7cqw + 2px);background:#191f23;border:1px solid #333c42;border-radius:.75cqw;overflow:hidden;position:relative}
.mini-topline {height:2.5cqw;border-bottom:1px solid #333c42;padding:0 1cqw;display:flex;align-items:center;justify-content:space-between;font-size:.66cqw;gap:1cqw}
.mini-topline>b {font-size:.85cqw;font-weight:700;display:flex;align-items:baseline;gap:.16cqw}
.mini-topline b i {width:.26cqw;height:.26cqw;background:var(--mint);border-radius:50%}
.mini-topline>span {color:var(--fog)}
.service-preview figcaption {margin-top:.9cqw}
.service-preview h3 {font-size:1.85cqw}
.service-preview figcaption p {font-size:.96cqw;color:var(--fog);margin-top:.35cqw;line-height:1.4}
.services-preview-note {font-size:.7cqw;color:var(--fog);margin-top:.9cqw}
.academy-preview {display:grid;grid-template-columns:44% 1fr;gap:1.1cqw;padding:1cqw;height:9.2cqw}
.lesson-photo {position:relative;overflow:hidden;border-radius:.35cqw}
.lesson-photo img {width:100%;height:100%;object-fit:cover;object-position:78% center}
.video-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2.6cqw;height:2.6cqw;border:1px solid #ffffff80;border-radius:50%;background:#11141699}
.video-play:after {content:"";position:absolute;left:1cqw;top:.76cqw;border-left:.75cqw solid #fff;border-top:.5cqw solid transparent;border-bottom:.5cqw solid transparent}
.lesson-detail>span,.journal-summary>span,.rank-detail>span {font-size:.57cqw;letter-spacing:.08em;color:var(--fog);display:block}
.lesson-detail>strong {font-size:1.12cqw;line-height:1.22;display:block;margin:.5cqw 0 .75cqw;letter-spacing:-.02em}
.mini-progress {height:.38cqw;background:#364249;border-radius:1cqw;overflow:hidden}
.mini-progress i {display:block;height:100%;width:50%;background:var(--mint)}
.lesson-detail>small,.rank-detail>small {font-size:.6cqw;color:var(--fog);display:block;margin-top:.4cqw}
.room-preview {display:grid;grid-template-columns:24% 1fr;height:9.2cqw}
.room-channels {display:flex;flex-direction:column;border-right:1px solid #333c42;padding:.9cqw .6cqw;gap:.65cqw;color:var(--fog);font-size:.65cqw}
.room-channels>b {color:#fff;background:#25342e;border-radius:.25cqw;font-weight:600;padding:.3cqw;margin:-.3cqw}
.room-main {padding:.65cqw .85cqw}
.room-heading {display:flex;align-items:center;justify-content:space-between;gap:.7cqw;font-size:.6cqw}
.room-heading>strong {font-size:.8cqw}
.room-heading>span {color:var(--fog)}
.room-main svg {display:block;width:100%;height:4.7cqw;margin:.25cqw 0}
.room-message {display:flex;align-items:center;gap:.5cqw;padding-top:.3cqw;border-top:1px solid #333c42}
.room-message>span {border-radius:50%;background:#33443c;color:#b3e8ce;width:1.15cqw;height:1.15cqw;display:grid;place-items:center;font-size:.45cqw}
.room-message>p {font-size:.62cqw;color:var(--fog)}
.live-preview {position:relative;height:9.2cqw;overflow:hidden}
.live-preview>img {width:100%;height:100%;object-fit:cover;object-position:center 43%}
.live-preview:after {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#111416e6,transparent 72%)}
.live-label {position:absolute;top:.65cqw;left:.8cqw;z-index:1;display:flex;align-items:center;gap:.35cqw;background:#111416c9;border:1px solid #ffffff26;border-radius:.3cqw;padding:.25cqw .45cqw;font-size:.58cqw;font-weight:700}
.live-label i {width:.35cqw;height:.35cqw;background:var(--mint);border-radius:50%}
.live-lower {position:absolute;bottom:.75cqw;left:.9cqw;z-index:1}
.live-lower strong {font-size:1.2cqw;letter-spacing:-.025em;display:block}
.live-lower>span {font-size:.62cqw;color:#d7dfe3}
.live-audio {position:absolute;right:1cqw;bottom:1cqw;display:flex;align-items:center;gap:.2cqw;height:1.3cqw;z-index:1}
.live-audio i {width:.2cqw;height:.6cqw;background:var(--mint);border-radius:1cqw}
.live-audio i:nth-child(2),.live-audio i:nth-child(4) {height:1cqw}
.live-audio i:nth-child(3) {height:1.3cqw}
.journal-preview {display:grid;grid-template-columns:45% 1fr;gap:1cqw;padding:1cqw;height:9.2cqw}
.journal-summary>strong {font-size:1.3cqw;line-height:1.15;letter-spacing:-.025em;display:block;margin-top:.5cqw}
.journal-bars {display:flex;align-items:flex-end;gap:.35cqw;height:2.1cqw;margin-top:.7cqw}
.journal-bars i {width:.6cqw;height:40%;background:#476b5d;border-radius:.12cqw .12cqw 0 0}
.journal-bars i:nth-child(2) {height:65%}.journal-bars i:nth-child(3) {height:45%}.journal-bars i:nth-child(4) {height:80%}.journal-bars i:nth-child(5) {height:60%}.journal-bars i:nth-child(6) {height:90%}.journal-bars i:nth-child(7) {height:75%;background:var(--mint)}
.journal-notes>div {display:flex;gap:.45cqw;align-items:center;padding:.45cqw 0;border-bottom:1px solid #333c42}
.journal-notes p {font-size:.65cqw;line-height:1.3}
.journal-notes small {font-size:.55cqw;color:var(--fog);display:block;margin-top:.2cqw}
.mini-check {font-size:.65cqw;color:var(--mint);width:.9cqw;flex-shrink:0}
.note-dot {width:.42cqw;height:.42cqw;border:1px solid var(--fog);border-radius:50%;margin:0 .48cqw 0 0;flex-shrink:0}
.rank-preview {display:grid;grid-template-columns:28% 1fr;gap:1.2cqw;align-items:center;padding:1cqw;height:9.2cqw}
.rank-emblem svg {display:block;width:100%;height:6.2cqw}
.rank-detail>strong {font-size:1.3cqw;letter-spacing:-.025em;display:block;margin-top:.4cqw}
.rank-total {margin:.6cqw 0 .4cqw}
.rank-total>b {font-size:1.3cqw;font-weight:700}
.rank-total>span {font-size:.6cqw;color:var(--fog)}
.rank-detail .mini-progress i {width:62.5%}
.shop-preview {display:grid;grid-template-columns:1fr 1fr;gap:.8cqw;padding:.8cqw 1cqw;height:9.2cqw}
.reward-card {background:#20292d;border:1px solid #37434a;border-radius:.4cqw;text-align:center;padding:.5cqw}
.reward-card>svg {width:4.9cqw;height:3.8cqw;display:block;margin:0 auto .3cqw}
.reward-card>b {font-size:.75cqw;display:block;font-weight:600}
.reward-card>span {display:block;color:var(--fog);font-size:.55cqw;margin-top:.2cqw}
@media (max-width:700px) {
 .services-slide {padding-bottom:100px}
 .services-heading {display:block;margin-top:34px}
 .services-heading h2 {font-size:39px}
 .services-heading>p {font-size:14px;max-width:265px;line-height:1.5;margin-top:18px;padding:0}
 .services-gallery {grid-template-columns:1fr;gap:28px;margin-top:28px}
 .service-preview {container-type:inline-size}
 .service-screen {height:calc(42cqw + 2px);border-radius:10px}
 .mini-topline {height:9cqw;padding:0 3.6cqw;font-size:2.3cqw;gap:3cqw}
 .mini-topline>b {font-size:3cqw;gap:.6cqw}
 .mini-topline b i {width:.9cqw;height:.9cqw}
 .service-preview figcaption {margin-top:12px}
 .service-preview h3 {font-size:23px}
 .service-preview figcaption p {font-size:13px;margin-top:6px}
 .services-preview-note {font-size:10px;line-height:1.6;margin-top:28px}
 .academy-preview {padding:3.5cqw;gap:4cqw;height:33cqw}
 .lesson-photo {border-radius:1.2cqw}
 .video-play {width:9cqw;height:9cqw}.video-play:after {left:3.5cqw;top:2.7cqw;border-left-width:2.6cqw;border-top-width:1.7cqw;border-bottom-width:1.7cqw}
 .lesson-detail>span,.journal-summary>span,.rank-detail>span {font-size:2cqw}
 .lesson-detail>strong {font-size:4cqw;margin:1.8cqw 0 2.7cqw}
 .mini-progress {height:1.35cqw}
 .lesson-detail>small,.rank-detail>small {font-size:2.15cqw;margin-top:1.4cqw}
 .room-preview {height:33cqw}
 .room-channels {padding:3.2cqw 2.2cqw;gap:2.3cqw;font-size:2.3cqw}
 .room-channels>b {padding:1cqw;margin:-1cqw;border-radius:.8cqw}
 .room-main {padding:2.3cqw 3cqw}
 .room-heading {gap:2.5cqw;font-size:2.1cqw}.room-heading>strong {font-size:2.8cqw}
 .room-main svg {height:16.8cqw;margin:.9cqw 0}
 .room-message {gap:1.8cqw;padding-top:1cqw}.room-message>span {width:4.1cqw;height:4.1cqw;font-size:1.6cqw}.room-message>p {font-size:2.2cqw}
 .live-preview {height:33cqw}.live-label {top:2.3cqw;left:2.8cqw;gap:1.2cqw;border-radius:1cqw;padding:.9cqw 1.6cqw;font-size:2.1cqw}.live-label i {width:1.25cqw;height:1.25cqw}
 .live-lower {bottom:2.7cqw;left:3.2cqw}.live-lower strong {font-size:4.3cqw}.live-lower>span {font-size:2.2cqw}
 .live-audio {right:3.6cqw;bottom:3.6cqw;gap:.7cqw;height:4.7cqw}.live-audio i {width:.7cqw;height:2.1cqw}.live-audio i:nth-child(2),.live-audio i:nth-child(4) {height:3.6cqw}.live-audio i:nth-child(3) {height:4.7cqw}
 .journal-preview {gap:3.6cqw;padding:3.6cqw;height:33cqw}.journal-summary>strong {font-size:4.6cqw;margin-top:1.8cqw}
 .journal-bars {gap:1.25cqw;height:7.5cqw;margin-top:2.5cqw}.journal-bars i {width:2.15cqw}
 .journal-notes>div {gap:1.6cqw;padding:1.4cqw 0}.journal-notes p {font-size:2.3cqw}.journal-notes small {font-size:2cqw;margin-top:.7cqw}
 .mini-check {font-size:2.3cqw;width:3.2cqw}.note-dot {width:1.5cqw;height:1.5cqw;margin-right:1.7cqw}
 .rank-preview {gap:4.3cqw;padding:3.6cqw;height:33cqw}.rank-emblem svg {height:22cqw}.rank-detail>strong {font-size:4.6cqw;margin-top:1.4cqw}.rank-total {margin:2.1cqw 0 1.4cqw}.rank-total>b {font-size:4.6cqw}.rank-total>span {font-size:2.1cqw}
 .shop-preview {gap:2.8cqw;padding:2.8cqw 3.6cqw;height:33cqw}.reward-card {border-radius:1.4cqw;padding:1.8cqw}.reward-card>svg {width:17.5cqw;height:13.6cqw;margin-bottom:1cqw}.reward-card>b {font-size:2.7cqw}.reward-card>span {font-size:2cqw;margin-top:.7cqw}
}