@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');:root{--bg:#131313;--card:#181818;--line:#292929;--gold:#e1b72f;--dim:#a1a3ad}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 20%,#382d13 0,transparent 28%),radial-gradient(circle at 10% 65%,#202020 0,transparent 34%),var(--bg);color:#f7f7f7;font-family:DM Sans,Arial,sans-serif}.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font-family:'Playfair Display';font-size:19px}.logo:first-letter{color:var(--gold)}.nav-cta,.gold-btn{background:var(--gold);border-radius:999px;color:#111;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.3px;padding:14px 21px}.hero{max-width:1450px;margin:72px auto 145px;padding:0 45px;display:grid;grid-template-columns:1.12fr .88fr;gap:80px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #3b3b3b;border-radius:999px;color:#cacbd0;font-size:11px;font-weight:800;letter-spacing:1.8px;background:#242424}.pill i{width:10px;height:10px;background:#ffae00;border-radius:50%;box-shadow:0 0 12px #ffae00}.hero h1{font-size:clamp(64px,8vw,118px);line-height:.86;letter-spacing:-6px;margin:46px 0 45px;font-weight:800}.hero h1 em,.ecosystem h2 em,.latest h2 em{font-family:'Playfair Display';font-weight:600;color:var(--gold);letter-spacing:-4px}.hero-copy>p{max-width:560px;color:#a9abb4;font-size:19px;line-height:1.55}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:52px}.gold-btn{display:inline-flex;align-items:center;gap:28px;padding:20px 25px}.gold-btn b{font-size:20px}.play{border:1px solid #555;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;color:#fff;text-decoration:none;padding-left:3px}.hero-visual{height:560px;border-radius:0 65px 65px 65px;overflow:hidden;position:relative;box-shadow:20px 30px 80px #000}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#000b)}.hero-visual img{width:100%;height:100%;object-fit:cover}.rank{position:absolute;bottom:29px;left:8%;right:8%;z-index:1;border:1px solid #625b54;border-radius:32px;background:#27231fef;backdrop-filter:blur(10px);padding:20px 25px;display:flex;gap:18px;align-items:center}.rank>b{background:#f4bd26;color:#121212;border-radius:50%;display:grid;place-items:center;width:53px;height:53px;font-size:25px}.rank strong,.rank small{display:block}.rank strong{font-size:18px}.rank small{color:#bdbbb6;font-size:13px}.ecosystem{max-width:1450px;margin:auto;padding:0 45px 150px}.ecosystem>h2,.latest h2{font-size:clamp(40px,5vw,69px);letter-spacing:-3px;text-align:center;margin:0}.ecosystem>p{text-align:center;color:#989aa2;margin:10px 0 56px}.grid{display:grid;grid-template-columns:1.15fr 1.15fr 1fr;grid-template-rows:240px 240px;gap:22px}.tile{background:#181818;border:1px solid var(--line);border-radius:42px;padding:38px 42px;text-decoration:none;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;transition:.25s}.tile:hover{transform:translateY(-5px);border-color:#5a5133}.tile h3{font-size:26px;margin:11px 0 7px}.tile p{color:#a5a7b0;font-size:15px;max-width:450px;margin:0;line-height:1.5}.tile-icon{position:absolute;top:34px;right:37px;font-size:35px;color:#292929}.tile-icon.blue,.tile-icon.purple,.tile-icon.green{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;font-size:28px}.blue{background:#139ade;color:#fff}.purple{background:#3d2655;color:#c686ff}.green{background:#063e31;color:#49e3b7}.tag{position:absolute;top:34px;left:42px;border:1px solid #675016;color:#e9bb32;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:1px}.coaches{grid-column:span 2}.online{grid-column:3;grid-row:span 2;background:#f7f7f5;color:#101010}.online p{color:#59606d}.videos{grid-column:1}.books{grid-column:2}.latest{max-width:1450px;margin:auto;border-top:1px solid #292929;padding:95px 45px;display:flex;align-items:center;justify-content:space-between;gap:30px}.latest h2{text-align:left}.latest p{color:#9c9da5;max-width:330px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:0 22px;margin:45px auto 85px;gap:40px}.hero h1{letter-spacing:-4px;margin:30px 0}.hero-copy>p{font-size:16px}.hero-visual{height:380px;border-radius:0 42px 42px 42px}.ecosystem{padding:0 22px 85px}.grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.tile,.coaches,.online,.videos,.books{grid-column:auto;grid-row:auto;min-height:225px;border-radius:28px}.online{color:#111}.latest{padding:65px 22px;align-items:start;flex-direction:column}.latest h2{text-align:left}}

/* Homepage introduction and responsive video embeds. */
.home-introduction, .home-videos { max-width: 1280px; margin: 0 auto 100px; padding: 0 45px; scroll-margin-top: 125px; }
.intro-heading { margin-bottom: 38px; }
.intro-heading h2 { margin: 23px 0 0; font-size: clamp(34px, 4vw, 54px); line-height: 1.12; letter-spacing: -1.8px; }
.intro-heading h2 em { color: var(--gold); font-family: 'Playfair Display', Georgia, serif; font-weight: 600; }
.intro-content { padding: 44px clamp(24px, 5vw, 72px) 52px; border: 1px solid var(--line); border-radius: 36px; background: #181818; }
.intro-content h3 { max-width: 850px; margin: 40px auto 16px; color: #f7f7f7; font: 700 clamp(23px, 2.5vw, 30px)/1.25 'Playfair Display', Georgia, serif; }
.intro-content h3:first-child { margin-top: 0; }
.intro-content p, .intro-content ul { max-width: 850px; margin: 0 auto 20px; color: #b8bac3; font-size: 17px; line-height: 1.85; }
.intro-content ul { padding-left: 24px; }
.intro-content p:last-child { margin-bottom: 0; }
.intro-content a { color: #e6bf47; text-underline-offset: 4px; overflow-wrap: anywhere; }
.intro-content a:hover, .home-video-card a:hover { color: #fff; }
.home-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.home-video-card { overflow: hidden; border: 1px solid #353535; border-radius: 24px; background: #181818; }
.home-video-frame { aspect-ratio: 16 / 9; background: #080808; }
.home-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.home-video-card a { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 20px 24px; color: #c6c7cd; font-size: 14px; text-decoration: none; }
.home-video-card a span { color: var(--gold); font-size: 20px; }
.intro-content a:focus-visible, .home-video-card a:focus-visible, .hero-actions a:focus-visible { outline: 2px solid #fbbf24; outline-offset: 4px; }
#ecosystem { scroll-margin-top: 125px; }
@media (max-width: 850px) {
  .home-introduction, .home-videos { padding: 0 22px; margin-bottom: 65px; }
  .intro-content { padding: 28px 24px; border-radius: 26px; }
  .intro-content p, .intro-content ul { font-size: 16px; line-height: 1.75; }
  .home-video-grid { grid-template-columns: 1fr; }
  .hero h1 { font-size: clamp(51px, 10vw, 82px); }
}
@media (max-width: 600px) {
  .hero-actions { gap: 18px; }
  .hero-actions .gold-btn { padding: 18px 20px; gap: 18px; font-size: 11px; white-space: nowrap; }
  .hero-actions .play { width: 50px; height: 50px; flex-shrink: 0; }
}
@media (max-width: 370px) {
  .hero-actions { gap: 14px; }
  .hero-actions .gold-btn { padding: 17px 18px; gap: 14px; font-size: 11px; }
  .hero-actions .play { width: 48px; height: 48px; flex-shrink: 0; }
  .rank { left: 5%; right: 5%; padding: 16px; gap: 12px; }
  .rank > b { flex-shrink: 0; width: 42px; height: 42px; }
  .rank small { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .tile { transition: none; } }