/* Approved footer: illustrated world of play. */
body.hero-reference-page .site-footer{padding:0 20px 20px;background:#fffaf2;color:#293b54;overflow:hidden}
body.hero-reference-page .f3-world{max-width:1560px;margin:auto;position:relative;isolation:isolate;overflow:hidden;border-radius:34px 34px 0 0;background:#e9e4fc}
body.hero-reference-page .f3-copy{position:relative;z-index:1;text-align:center;padding:48px 24px 20px}
body.hero-reference-page .f3-eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#645286}
body.hero-reference-page #f3-title{font-size:clamp(42px,6.3vw,80px);font-weight:840;line-height:1.03;letter-spacing:-3.2px;margin:16px 0 16px}
body.hero-reference-page #f3-title span{display:block;color:#6955ac}
body.hero-reference-page .f3-description{font-size:14px;line-height:1.6;color:#4a536c}
body.hero-reference-page .f3-cta{min-height:52px;display:inline-flex;align-items:center;gap:24px;padding:12px 23px;margin-top:23px;background:#293b54;color:#fffaf2;border-radius:50px;font-size:12px;font-weight:650;transition:transform .2s,background .2s}
body.hero-reference-page .f3-cta svg{width:18px;height:18px}
body.hero-reference-page .f3-landscape{display:block;width:100%;height:auto;stroke:none;max-height:180px;min-height:106px;margin-top:-12px}
body.hero-reference-page .f3-base{max-width:1560px;margin:auto;padding:24px 4.5% 23px;border-radius:0 0 34px 34px;background:#badfcf}
body.hero-reference-page .f3-nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
body.hero-reference-page .f3-logo{min-height:44px;display:flex;align-items:center;gap:10px;font-size:20px;line-height:1;font-weight:800;letter-spacing:-.7px;flex-shrink:0}
body.hero-reference-page .f3-logo small{display:block;font-size:8px;letter-spacing:2px;font-weight:650;margin-top:7px}
body.hero-reference-page .f3-logo-mark{width:35px;height:35px;border-radius:12px 14px 12px 5px;background:#ffda61;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-9deg)}
body.hero-reference-page .f3-logo-mark i{width:6px;height:10px;background:#293b54;border-radius:50%;transform:rotate(9deg)}
body.hero-reference-page .f3-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
body.hero-reference-page .f3-nav :is(a,button){display:flex;align-items:center;min-height:44px;padding:8px 0;background:none;color:inherit;font-size:12px;font-weight:650;transition:color .2s}
body.hero-reference-page .f3-top{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #293b5433;border-radius:50%;transition:background .2s}
body.hero-reference-page .f3-top svg{width:19px;height:19px;transform:rotate(-90deg)}
body.hero-reference-page .f3-note{max-width:850px;margin-top:19px;padding-top:19px;border-top:1px solid #293b5426;font-size:11px;line-height:1.6;color:#425969}
body.hero-reference-page .site-footer :is(a,button):focus-visible{outline:3px solid #6955ac;outline-offset:4px}
@media(hover:hover){body.hero-reference-page .f3-cta:hover{transform:translateY(-3px);background:#3d5070}body.hero-reference-page .f3-nav :is(a,button):hover{color:#664a93}body.hero-reference-page .f3-top:hover{background:#fffaf280}}
@media(max-width:1000px){body.hero-reference-page .f3-nav{gap:15px}body.hero-reference-page .f3-nav :is(a,button){font-size:11px}body.hero-reference-page .f3-nav-row{gap:16px}body.hero-reference-page .f3-landscape{margin-top:0}}
@media(max-width:700px){body.hero-reference-page .site-footer{padding:0 10px 10px}body.hero-reference-page .f3-world{border-radius:26px 26px 0 0}body.hero-reference-page .f3-copy{padding:36px 18px 9px}body.hero-reference-page .f3-eyebrow{font-size:8px;letter-spacing:1px}body.hero-reference-page #f3-title{font-size:clamp(35px,8.9vw,53px);letter-spacing:-1.6px;margin:16px 0 14px}body.hero-reference-page .f3-description{font-size:13px}body.hero-reference-page .f3-cta{min-height:49px;margin-top:20px;padding:12px 20px}body.hero-reference-page .f3-landscape{width:160%;max-width:none;min-height:87px;margin-left:-30%;margin-top:11px}body.hero-reference-page .f3-base{padding:18px 20px 22px;border-radius:0 0 26px 26px}body.hero-reference-page .f3-nav-row{display:grid;grid-template-columns:1fr auto;gap:17px}body.hero-reference-page .f3-nav{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}body.hero-reference-page .f3-nav :is(a,button){font-size:12px}body.hero-reference-page .f3-note{font-size:11px;line-height:1.65;margin-top:16px;padding-top:17px}}
@media(prefers-reduced-motion:reduce){body.hero-reference-page .site-footer :is(a,button){transition:none}body.hero-reference-page .f3-cta:hover{transform:none}}