/* A generous glass composition on the continuous cream canvas. */
@font-face{font-family:"Klari Numerals";src:url(assets/fonts/klari-numerals-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
.stats-experience{padding-block:38px 18px}
.stats-glass{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);min-height:404px;border:1px solid #FFFFFFE6;border-radius:32px;background:#FFFEF7;box-shadow:0 24px 70px -42px #34445640,0 2px 7px #24394B06,inset 0 1px 0 #FFF;overflow:hidden}
.stats-glass::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 5% 100%,#A5DEF025,transparent 57%);pointer-events:none}
.stats-library{position:relative;display:flex;align-items:center;min-width:0;padding:50px 48px;overflow:hidden}
.stats-main-copy{position:relative;z-index:2;max-width:100%}
.stats-eyebrow{font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.15em;color:#63707B;margin-bottom:17px}
.stats-number{position:relative;display:flex;align-items:flex-start;flex:none;width:max-content;max-width:100%;font-family:"Klari Numerals",Inter,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.08;color:#101828;text-wrap:nowrap;margin:0}
.stats-number-books{font-size:clamp(6.25rem,10vw,8.75rem)}
.stats-static{display:flex;align-items:flex-start}
.stats-static>span,.stats-digit-window{display:block;width:.59em;flex:none;text-align:center;height:1.08em;line-height:1.08em}
.stats-static>.stats-comma,.stats-comma{display:block;width:.25em;flex:none;line-height:1.08}
.stats-plus{display:block;width:.64em;flex:none;color:#299AD8;text-align:center;transform-origin:50% 60%}
.stats-number-books::after{content:"";position:absolute;inset:10% 0 14%;pointer-events:none;opacity:0;background:linear-gradient(108deg,transparent 38%,#FFFFFF70 49%,transparent 61%);transform:translateX(-100%)}
.stats-book-caption{font-size:1.25rem;line-height:1.45;letter-spacing:-.025em;margin-top:12px;color:#344155}
.stats-category{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:24px;font-size:.875rem;color:#687581;line-height:2}
.stats-category-window{--stats-category-height:2rem;width:9rem;height:var(--stats-category-height);overflow:hidden;mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent)}
.stats-category-track{display:flex;flex-direction:column;color:#1676A8;font-weight:600}
.stats-category-track>span{display:block;flex:none;height:var(--stats-category-height);line-height:var(--stats-category-height);white-space:nowrap}
.stats-category-track>span:not(:first-child){display:none}
.stats-books{position:absolute;inset:0;pointer-events:none;z-index:1}
.stats-book{position:absolute;display:block;width:53px;perspective:600px;filter:drop-shadow(5px 12px 9px #10182824)}
.stats-book img{width:100%;height:auto;border-radius:2px;box-shadow:3px 1px 0 #E1DCCD,5px 2px 0 #B7B7AF;transform:perspective(500px) rotateY(-15deg) rotateZ(var(--book-angle));backface-visibility:hidden}
.stats-book-one{right:33px;top:32px;--book-angle:14deg;--float-delay:-1.5s}
.stats-book-two{right:18px;top:43%;width:46px;--book-angle:-10deg;--float-delay:-4s}
.stats-book-three{right:54px;bottom:26px;width:49px;--book-angle:11deg;--float-delay:-2.7s}
.stats-features{display:grid;align-content:center;gap:24px;position:relative;min-width:0;padding:46px 34px 32px;border-left:1px solid #1018280C;background:#FFFFFF30}
.stats-language-heading{display:flex;align-items:baseline;gap:12px;font-size:1rem;font-weight:500;line-height:1.4;color:#344155;text-wrap:wrap}
.stats-number-languages{font-size:3.25rem}
.stats-language-caption{font-size:.875rem;color:#687581;line-height:1.5;margin-top:3px}
.stats-language-ribbons{position:relative;display:grid;gap:7px;min-width:0;max-width:min(100%,20rem);margin-top:14px;border-radius:5px;outline-offset:5px}
.stats-language-ribbons:focus-visible{outline:2px solid #1676A8}
.stats-language-window{overflow:hidden;height:1.875rem;mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.stats-language-track{display:flex;align-items:center;width:max-content;direction:ltr}
.stats-language-set{display:flex;align-items:center;justify-content:space-between;flex:none;min-width:20rem;gap:7px;padding-right:7px;direction:ltr}
.stats-language-set bdi{display:block;flex:none;white-space:nowrap;font-size:.8125rem;line-height:1.45;padding:4px 10px;border:1px solid #299AD817;border-radius:999px;background:#FFFFFF70;color:#506172;unicode-bidi:isolate}
.stats-language-set bdi[dir=rtl]{font-family:Arial,"Noto Naskh Arabic",sans-serif}
.stats-language-set[aria-hidden=true]{display:none}
.stats-modes{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;column-gap:18px;row-gap:9px;border-top:1px solid #10182810;padding-top:23px;min-width:0}
.stats-mode-icon{position:relative;width:58px;height:58px;border:1px solid #FFFFFFE6;border-radius:18px;background:#EDF7FA99;box-shadow:inset 0 1px 0 #FFF,0 5px 13px -10px #299AD860;color:#299AD8}
.stats-icon-state{position:absolute;inset:0;display:grid;place-items:center;opacity:0}
.stats-icon-read{opacity:1}
.stats-icon-state svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.stats-page-left,.stats-page-right{transform-origin:16px 17px}
.stats-wave{display:flex;align-items:center;gap:2px;position:absolute;left:22px;bottom:10px;height:10px}
.stats-wave i{width:2px;height:6px;border-radius:2px;background:currentColor}
.stats-wave i:nth-child(2),.stats-wave i:nth-child(3){height:10px}
.stats-icon-question circle{fill:currentColor;stroke:none}
.stats-mode-words{display:flex;flex-wrap:wrap;gap:0 6px;font-size:1.1875rem;line-height:1.55;font-weight:700;letter-spacing:-.04em;text-wrap:wrap;color:#536070}
.stats-word-read{color:#299AD8}
.stats-modes>p{grid-column:2;font-size:.8125rem;line-height:1.5;color:#687581}
.stats-motion-toggle{position:absolute;right:16px;top:10px;z-index:5;display:flex;align-items:center;gap:7px;min-height:36px;padding:6px 10px;background:transparent;border-radius:999px;font-size:.75rem;color:#63707B;transition:background .2s,color .2s}
.stats-motion-toggle:hover{background:#A5DEF025;color:#176D98}
.stats-motion-toggle:focus-visible{outline:2px solid #1676A8;outline-offset:2px}
.stats-motion-toggle svg{width:11px;height:11px;fill:currentColor}
.stats-motion-toggle .stats-resume-icon{display:none}
.stats-motion-toggle[aria-pressed=true] .stats-pause-icon{display:none}
.stats-motion-toggle[aria-pressed=true] .stats-resume-icon{display:block}
/* Fixed numeral windows: a staggered rise, then a decelerating two-turn roll. */
.stats-reels{display:none;align-items:flex-start}
.stats-digit-window{overflow:hidden;mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 9%,#000 91%,transparent)}
.stats-digit-reel{display:flex;flex-direction:column;transform:translateY(calc(var(--roll-end) * -1.08em))}
.stats-digit-reel>span{display:block;flex:none;height:1.08em;line-height:1.08em}
.stats-ready .stats-static{display:none}.stats-ready .stats-reels{display:flex}
.stats-ready:not(.stats-started) .stats-digit-reel{transform:translateY(0)}
.stats-started .stats-digit-window{animation:stats-digit-enter .7s cubic-bezier(.22,1,.36,1) var(--digit-delay) both}
.stats-started .stats-digit-reel{animation:stats-number-roll 2.45s cubic-bezier(.12,.72,.12,1) var(--digit-delay) both}
.stats-started .stats-plus{animation:stats-plus-arrive .65s cubic-bezier(.22,1.5,.5,1) 2.7s both}
.stats-started .stats-number-books::after{animation:stats-light-sweep .95s ease-in-out 3.15s both}
.stats-started .stats-languages{animation:stats-soft-enter .8s ease .18s both}
.stats-started .stats-modes{animation:stats-soft-enter .8s ease .32s both}
.stats-started .stats-category-track>span,.stats-started .stats-language-set[aria-hidden=true]{display:flex}
.stats-started .stats-category-track{animation:stats-category-cycle 18s cubic-bezier(.65,0,.35,1) infinite}
.stats-started .stats-language-track{animation:stats-language-travel 36s linear infinite}
.stats-started .stats-language-reverse .stats-language-track{animation-direction:reverse;animation-duration:41s}
.stats-started .stats-book{animation:stats-book-float 7s ease-in-out var(--float-delay) infinite}
.stats-started .stats-word-read{animation:stats-word-read 10.5s ease-in-out infinite}
.stats-started .stats-word-listen{animation:stats-word-listen 10.5s ease-in-out infinite}
.stats-started .stats-word-question{animation:stats-word-question 10.5s ease-in-out infinite}
.stats-started .stats-icon-read{animation:stats-icon-read 10.5s ease-in-out infinite}
.stats-started .stats-icon-listen{animation:stats-icon-listen 10.5s ease-in-out infinite}
.stats-started .stats-icon-question{animation:stats-icon-question 10.5s ease-in-out infinite}
.stats-started .stats-page-left{animation:stats-book-open-left 10.5s ease-in-out infinite}
.stats-started .stats-page-right{animation:stats-book-open-right 10.5s ease-in-out infinite}
.stats-started .stats-wave i{animation:stats-wave-pulse 1.2s ease-in-out infinite}
.stats-started .stats-wave i:nth-child(2){animation-delay:.15s}.stats-started .stats-wave i:nth-child(3){animation-delay:.3s}.stats-started .stats-wave i:nth-child(4){animation-delay:.45s}
.stats-started .stats-icon-question circle{animation:stats-typing 1.5s ease-in-out infinite}
.stats-started .stats-icon-question circle:nth-of-type(2){animation-delay:.2s}.stats-started .stats-icon-question circle:nth-of-type(3){animation-delay:.4s}
.stats-paused *,.stats-paused *::before,.stats-paused *::after{animation-play-state:paused!important}
.stats-language-ribbons:is(:hover,:focus-within) .stats-language-track{animation-play-state:paused!important}
.stats-count-complete .stats-digit-reel{animation:none!important;transform:translateY(calc(var(--roll-end) * -1.08em))}
@keyframes stats-number-roll{from{transform:translateY(0)}to{transform:translateY(calc(var(--roll-end) * -1.08em))}}
@keyframes stats-digit-enter{from{opacity:0;translate:0 .18em}to{opacity:1;translate:0 0}}
@keyframes stats-plus-arrive{from{opacity:0;transform:scale(.7) translateY(.12em)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes stats-light-sweep{0%{opacity:0;transform:translateX(-100%)}30%,70%{opacity:.7}100%{opacity:0;transform:translateX(100%)}}
@keyframes stats-soft-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes stats-book-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes stats-category-cycle{
 0%,13%{transform:translateY(0)}16.6667%,29.6667%{transform:translateY(calc(-1 * var(--stats-category-height)))}33.3333%,46.3333%{transform:translateY(calc(-2 * var(--stats-category-height)))}50%,63%{transform:translateY(calc(-3 * var(--stats-category-height)))}66.6667%,79.6667%{transform:translateY(calc(-4 * var(--stats-category-height)))}83.3333%,96.3333%{transform:translateY(calc(-5 * var(--stats-category-height)))}100%{transform:translateY(calc(-6 * var(--stats-category-height)))}}
@keyframes stats-language-travel{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes stats-word-read{0%,28%,100%{color:#299AD8}33%,95%{color:#536070}}
@keyframes stats-word-listen{0%,28%,66%,100%{color:#536070}33%,61%{color:#299AD8}}
@keyframes stats-word-question{0%,61%,100%{color:#536070}66%,95%{color:#299AD8}}
@keyframes stats-icon-read{0%,28%,100%{opacity:1;transform:scale(1)}33%,95%{opacity:0;transform:scale(.9)}}
@keyframes stats-icon-listen{0%,28%,66%,100%{opacity:0;transform:scale(.9)}33%,61%{opacity:1;transform:scale(1)}}
@keyframes stats-icon-question{0%,61%,100%{opacity:0;transform:scale(.9)}66%,95%{opacity:1;transform:scale(1)}}
@keyframes stats-book-open-left{0%,100%{transform:perspective(120px) rotateY(-52deg)}7%,95%{transform:perspective(120px) rotateY(0)}}
@keyframes stats-book-open-right{0%,100%{transform:perspective(120px) rotateY(52deg)}7%,95%{transform:perspective(120px) rotateY(0)}}
@keyframes stats-wave-pulse{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
@keyframes stats-typing{0%,60%,100%{opacity:.3}30%{opacity:1}}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.stats-glass{background:linear-gradient(120deg,#FFFFFF75,#FFFFFF38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(max-width:1150px){.stats-library{padding:44px 32px}.stats-features{padding-inline:26px}.stats-book-one{right:24px;width:42px}.stats-book-two{right:14px;width:36px}.stats-book-three{right:38px;width:40px}.stats-book-caption{font-size:1.125rem}.stats-modes{column-gap:12px}}
@media(max-width:56.25rem){
 .stats-glass{grid-template-columns:minmax(0,1fr)}
 .stats-library{padding:42px;min-height:350px}.stats-number-books{font-size:clamp(5rem,14vw,8rem)}
 .stats-book-one{right:48px;width:58px}.stats-book-two{right:26px;width:49px}.stats-book-three{right:65px;width:51px}
 .stats-features{grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:28px 42px 32px;border-left:0;border-top:1px solid #1018280C}
 .stats-modes{border-top:0;border-left:1px solid #10182810;padding:12px 0 12px 28px}.stats-number-languages{font-size:3rem}
}
@media(max-width:38.75rem){
 .stats-experience{padding-block:28px 12px}.stats-glass{border-radius:25px}
 .stats-library{padding:40px 24px 32px;min-height:0}.stats-number-books{font-size:clamp(3.75rem,12vw,5.5rem)}
 .stats-eyebrow{font-size:.6875rem;margin:4px 0 22px;letter-spacing:.12em}.stats-book-caption{font-size:1.125rem;margin-top:14px}
 .stats-category{margin-top:20px;gap:0 10px}.stats-category-window{width:9rem}
 .stats-book-one{top:50px;right:23px;width:30px}.stats-book-two,.stats-book-three{display:none}
 .stats-features{grid-template-columns:minmax(0,1fr);gap:24px;padding:27px 24px 30px}.stats-language-ribbons{max-width:100%}
 .stats-modes{border-left:0;border-top:1px solid #10182810;padding:24px 0 0;column-gap:17px}
 .stats-language-heading{gap:12px}.stats-number-languages{font-size:3rem}.stats-modes>p{font-size:.875rem}
 .stats-motion-toggle{top:9px;right:11px}.stats-book-one{top:52px}
}
@media(max-width:360px){.stats-number-books{font-size:3.75rem}.stats-library,.stats-features{padding-inline:20px}.stats-book-one{display:none}}
@media(prefers-reduced-transparency:reduce){.stats-glass{background:#FFFEF7;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#E6E3D9}}
@media(prefers-reduced-motion:reduce){
 .stats-experience *,.stats-experience *::before,.stats-experience *::after{animation:none!important;transition:none!important;translate:none!important}
 .stats-experience .stats-static{display:flex}.stats-experience .stats-reels{display:none}.stats-experience .stats-plus{opacity:1;transform:none}
 .stats-experience .stats-number-books::after{display:none}.stats-experience .stats-languages,.stats-experience .stats-modes{opacity:1}
 .stats-experience .stats-category-track{transform:none}.stats-experience .stats-category-track>span:not(:first-child){display:none}
 .stats-experience .stats-language-window{height:auto;overflow:visible;mask-image:none;-webkit-mask-image:none}.stats-experience .stats-language-track{width:100%;transform:none}
 .stats-experience .stats-language-set{min-width:0;justify-content:flex-start;flex-wrap:wrap;padding:0;gap:6px;max-width:100%}.stats-experience .stats-language-set[aria-hidden=true]{display:none}
 .stats-experience .stats-mode-words span{color:#536070}.stats-experience .stats-icon-state{opacity:0;transform:none}.stats-experience .stats-icon-read{opacity:1}
 .stats-motion-toggle{display:none}
}