.cf-online-academy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:36px}.cf-online-academy-stats div{border-top:1px solid var(--line-dark);padding-top:12px}.cf-online-academy-stats b{font-family:var(--display);font-size:30px;font-weight:800;display:block;line-height:1;color:var(--gold)}.cf-online-academy-stats span{font-size:13.5px;color:var(--on-dark-3)}.cf-online-academy-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.cf-online-academy-banner{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;background:#fff;border:2px solid var(--gold);border-radius:18px;padding:26px 30px;box-shadow:0 18px 40px rgba(217,178,76,.18)}.cf-online-academy-banner .glyph{font-family:var(--zh);font-size:40px;color:var(--gold);width:72px;height:72px;border-radius:16px;background:var(--forest);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cf-online-academy-banner h2{font-size:clamp(24px,2.6vw,32px)}.cf-online-academy-banner p{margin-top:6px;color:var(--ink-2);font-size:16px;max-width:62ch}.cf-online-academy-banner .acts{display:flex;flex-direction:column;gap:10px;align-items:flex-end;text-align:right}.cf-online-academy-banner .acts .alt{font-size:14px;color:var(--ink-2)}.cf-online-academy-banner .acts .alt a{color:var(--forest);font-weight:600}.cf-online-academy-course{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;transition:box-shadow .2s ease,transform .2s ease}.cf-online-academy-course:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.cf-online-academy-course .glyph{font-family:var(--zh);font-size:28px;color:var(--gold);background:var(--forest);width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center}.cf-online-academy-course h3{font-size:21px}.cf-online-academy-course p{font-size:15px;color:var(--ink-2)}.cf-online-academy-course .meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-3)}.cf-online-academy-course .meta b{color:var(--ink);font-family:var(--display);font-size:16px}.cf-online-academy-course .meta .go{color:var(--moss-2);font-weight:600}.cf-online-academy-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.cf-online-academy-how>div{background:var(--forest-2);border:1px solid var(--line-dark);border-radius:16px;padding:22px}.cf-online-academy-how .glyph{font-family:var(--zh);font-size:28px;color:var(--gold);line-height:1}.cf-online-academy-how h3{font-size:20px;margin-top:12px}.cf-online-academy-how p{margin-top:8px;font-size:15px;color:var(--on-dark-2)}.cf-online-academy-teach{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:center}.cf-online-academy-teach .port{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--forest-2)}.cf-online-academy-teach .port img{object-fit:cover}.cf-online-academy-teach .port .cap{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(180deg,rgba(11,31,22,0),rgba(11,31,22,.9));color:var(--on-dark);font-size:14px}.cf-online-academy-teach .port .cap b{font-family:var(--display);font-size:20px;display:block}.cf-online-academy-teach p{margin-top:14px;color:var(--ink-2);max-width:60ch}.cf-online-academy-price{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.cf-online-academy-price .cf-lede{margin-top:14px}.cf-online-academy-preview{background:rgba(217,178,76,.08);border:1px solid rgba(217,178,76,.4);border-radius:14px;padding:18px 20px;margin-top:22px;font-size:15px;color:var(--on-dark-2)}.cf-online-academy-preview b{color:var(--gold)}.cf-online-academy-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.cf-online-academy-cta .acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:860px){.cf-online-academy-cta{grid-template-columns:1fr;gap:24px}.cf-online-academy-cta .acts{justify-content:flex-start}.cf-online-academy-stats{grid-template-columns:repeat(2,1fr)}.cf-online-academy-banner{grid-template-columns:1fr}.cf-online-academy-banner .acts{align-items:flex-start;text-align:left}.cf-online-academy-how,.cf-online-academy-price,.cf-online-academy-teach{grid-template-columns:1fr}.cf-online-academy-teach .port{max-width:420px}}