:root{--blue-1000: #01184c;--blue-700: #2569fd;--blue-600: #2595fd;--blue-500: #61b8fe;--blue-200: #e6effd;--blue-100: #f1f6fe;--ink: #2d2d2d;--ink-soft: #3b3b3b;--navy: #031b3a;--slate-700: #444e5f;--slate-500: #6e7687;--slate-300: #b7bdc9;--line: #efeff3;--purple: #af93fc;--orange: #feb872;--cloud: #f3f7ff;--white: #ffffff;--bg: #ffffff;--bg-tint: #f4f8ff;--mid-blue: #e9eefb;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 40px;--shadow-card: 0 18px 40px -24px rgba(3, 27, 58, .28);--shadow-soft: 0 10px 30px -18px rgba(3, 27, 58, .25);--shadow-float: 0 24px 60px -28px rgba(3, 27, 58, .35);--container: 1180px;--gutter: clamp(20px, 5vw, 64px);font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5;overflow-x:hidden}.hero__grid>*,.feature__grid>*,.cta__grid>*{min-width:0}h1,h2,h3{overflow-wrap:break-word}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.02em;line-height:1.08}p{margin:0}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-700)}.section-title{font-size:clamp(30px,4.6vw,46px);font-weight:700;color:var(--ink)}.lead{font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--slate-700)}.appstore-btn{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff;border:none;border-radius:14px;padding:12px 22px;transition:transform .18s ease,box-shadow .18s ease}.appstore-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px #0000008c}.appstore-btn svg{width:26px;height:26px;flex:none}.appstore-btn .as-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.appstore-btn .as-small{font-size:11px;font-weight:400;opacity:.9}.appstore-btn .as-big{font-size:19px;font-weight:600;letter-spacing:-.01em}.topbar{position:sticky;top:0;z-index:40;background:#ffffffd1;-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid rgba(3,27,58,.06)}.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:inline-flex;align-items:center}.brand img{height:26px;width:auto}.topbar__nav{display:flex;align-items:center;gap:30px}.topbar__nav a{font-size:15px;font-weight:500;color:var(--slate-700);transition:color .15s ease}.topbar__nav a:hover{color:var(--ink)}.topbar__cta{background:var(--blue-700);color:#fff;border:none;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:600;transition:transform .18s ease,box-shadow .18s ease}.topbar__cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px -12px #2569fdb3}@media (max-width: 720px){.topbar__nav{display:none}}.hero{position:relative;overflow:hidden;background:#fff;padding-top:clamp(48px,7vw,90px)}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,56px);position:relative;z-index:2}.hero__title{font-size:clamp(42px,6.6vw,70px);font-weight:800;color:var(--ink);letter-spacing:-.03em}.hero__sub{margin-top:22px;max-width:460px;font-size:clamp(16px,1.5vw,19px);color:var(--slate-700)}.hero__cta{margin-top:32px}.hero__art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:360px}.hero__mascot{width:min(100%,430px);filter:drop-shadow(0 30px 40px rgba(3,27,58,.18));position:relative;z-index:2}.hero__bubble{position:absolute;top:6%;right:4%;width:clamp(56px,8.5vw,90px);height:clamp(56px,8.5vw,90px);filter:drop-shadow(0 16px 26px rgba(0,0,0,.32));z-index:3}.cloud-band{position:absolute;left:0;right:0;height:clamp(40px,5.5vw,84px);background:url(/assets/cloud-edge.svg) repeat-x bottom / auto 100%;pointer-events:none;z-index:2}.cloud-band--top{top:-1px;transform:scaleY(-1)}.cloud-band--bottom{bottom:-1px}@media (max-width: 860px){.hero__grid{grid-template-columns:1fr;text-align:center}.hero__sub{margin-inline:auto}.hero__art{order:-1;min-height:280px}}.feature{position:relative;background:var(--mid-blue);padding-block:clamp(64px,8vw,116px)}.feature__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(32px,5vw,72px);align-items:center}.feature__grid.reverse .feature__visual{order:-1}.feature__title{font-size:clamp(30px,4.4vw,46px);font-weight:700;max-width:9ch}.feature__copy{margin-top:20px;max-width:460px;font-size:clamp(15px,1.4vw,18px);color:var(--slate-700)}@media (max-width: 860px){.feature__grid,.feature__grid.reverse{grid-template-columns:1fr}.feature__grid.reverse .feature__visual{order:0}.feature__title{max-width:none}}.skills-map{position:relative;width:100%;max-width:460px;aspect-ratio:375 / 501;margin-inline:auto}.skills-map__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.games{background:var(--mid-blue)}.workout{background:#fff;border-radius:var(--radius-xl);padding:clamp(22px,3vw,32px);box-shadow:var(--shadow-card)}.workout__head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px}.workout__head h3{font-size:20px;font-weight:700}.workout__head span{font-size:14px;color:var(--slate-500)}.workout__list{display:flex;flex-direction:column}.workout-row{display:grid;grid-template-columns:28px 96px 1fr;align-items:center;gap:16px;padding:14px;border-radius:18px;border:1.5px solid transparent}.workout-row.is-active{border-color:var(--blue-500);background:var(--blue-100);box-shadow:var(--shadow-soft)}.workout-row__dot{display:grid;place-items:center}.workout-row__dot span{width:14px;height:14px;border-radius:50%;border:2px solid var(--slate-300)}.workout-row.is-active .workout-row__dot span{border-color:var(--blue-600);background:var(--blue-600)}.workout-row__thumb{width:96px;height:70px;border-radius:12px;object-fit:cover;background:var(--line)}.workout-row__title{font-size:17px;font-weight:600;color:var(--ink)}.workout-row__type{margin-top:2px;font-size:13px;color:var(--slate-500)}.testimonials{background:var(--bg);padding-block:clamp(56px,8vw,104px)}.testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;max-width:1320px}.quote{display:flex;flex-direction:column;border-radius:20px;padding:clamp(20px,2vw,26px)}.quote:nth-child(odd){background:#fdf6ec}.quote:nth-child(2n){background:#e9eefb}.quote__mark{width:34px;height:22px;margin-bottom:14px}.quote:nth-child(odd) .quote__mark{color:#f4a85e}.quote:nth-child(2n) .quote__mark{color:#4a93ef}.quote__body{font-size:14px;line-height:1.5;color:var(--ink-soft);flex:1}.quote__author{display:flex;align-items:center;gap:11px;margin-top:18px}.quote__avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#031b3a0f;flex:none}.quote__name{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:var(--ink)}.quote__name svg{width:15px;height:15px;color:#9aa1ad}.quote__meta{font-size:13px;color:var(--slate-500)}@media (max-width: 920px){.testimonials__grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}.cta{padding-bottom:clamp(64px,9vw,120px)}.cta__panel{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--blue-100),var(--blue-200));border-radius:clamp(28px,4vw,48px);padding:clamp(52px,8vw,116px) clamp(36px,6vw,88px)}.cta__grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,5vw,64px)}.cta__title{font-size:clamp(32px,4.8vw,52px);font-weight:700;max-width:12ch}.cta__sub{margin-top:20px;max-width:440px;font-size:clamp(15px,1.4vw,18px);color:var(--slate-700)}.cta__cta{margin-top:32px}.cta__phone-wrap{display:flex;justify-content:center}.phone{position:relative;width:min(100%,300px);aspect-ratio:270 / 560;background:#0e1116;border-radius:42px;padding:11px;box-shadow:var(--shadow-float)}.phone__screen{width:100%;height:100%;border-radius:32px;object-fit:cover;background:#fff}@media (max-width: 860px){.cta__grid{grid-template-columns:1fr;text-align:center}.cta__sub{margin-inline:auto}.cta__title{max-width:none}.cta__phone-wrap{order:-1}}.footer{border-top:1px solid var(--line);padding-block:clamp(48px,6vw,72px) 28px}.footer__grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:clamp(28px,5vw,64px)}.footer__brand img{height:28px}.footer__mission{margin-top:18px;max-width:340px;font-size:14px;line-height:1.6;color:var(--slate-500)}.footer__col h4{margin:0 0 16px;font-size:15px;font-weight:700;color:var(--ink)}.footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer__col a{font-size:14px;color:var(--slate-700);transition:color .15s ease}.footer__col a:hover{color:var(--blue-700)}.footer__contact{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--slate-700)}.footer__contact svg{width:18px;height:18px;color:var(--blue-600)}.footer__bottom{margin-top:clamp(36px,5vw,56px);padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--slate-500)}@media (max-width: 760px){.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1 / -1}}.legal{background:var(--white);padding-block:clamp(48px,7vw,96px) clamp(40px,6vw,80px)}.legal__inner{max-width:820px}.legal__title{text-align:center;font-size:clamp(34px,6vw,56px);font-weight:800;letter-spacing:-.03em;margin-bottom:clamp(24px,4vw,40px)}.legal__meta{color:var(--slate-500);font-size:15px;margin-bottom:28px}.legal h2{font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--ink);margin:40px 0 14px}.legal h3{font-size:clamp(17px,1.8vw,19px);font-weight:600;color:var(--ink);margin:26px 0 10px}.legal p{color:var(--slate-700);font-size:16px;line-height:1.75;margin-bottom:16px}.legal ul{margin:0 0 18px;padding-left:24px;color:var(--slate-700);font-size:16px;line-height:1.7}.legal li{margin-bottom:9px;padding-left:4px}.legal li::marker{color:var(--blue-500)}.legal a{color:var(--blue-700);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.legal a:hover{color:var(--blue-600)}
