.home-nav{justify-content:space-between;align-items:center;gap:36px;width:100%;min-height:40px;margin-inline:auto;display:flex;position:relative}.home-nav__brand-group{align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.home-nav__mark{color:#1d1d1f;flex:none;width:22px;height:22px;display:block}.brand-mark__arc{transform-box:fill-box;transform-origin:0 100%}.brand-mark__dot{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.home-nav__mark .brand-mark__arc{animation:.7s cubic-bezier(.16,1,.3,1) both brand-arc-in}.home-nav__mark .brand-mark__dot{animation:.6s cubic-bezier(.34,1.56,.64,1) .22s both brand-dot-in}.brand-mark__dot{transition:transform .4s cubic-bezier(.2,0,0,1)}.home-nav__brand-group:hover .brand-mark__dot{transform:translate(1.5px,-1.5px)}}@keyframes brand-arc-in{0%{transform:scale(0)}}@keyframes brand-dot-in{0%{transform:scale(0)}}.home-nav,.home-nav *{font-size:14px;font-weight:400}.home-nav__brand{font-family:var(--font-matter);letter-spacing:0;white-space:nowrap;font-size:14px;line-height:1.2}.home-nav__links{align-items:center;gap:32px;margin-inline-start:auto;display:flex}.home-nav__links a{color:#38383a;letter-spacing:-.02em;font-size:14px;line-height:1.4;text-decoration:none;transition:color .15s}.home-nav__brand-group:hover,.home-nav__links a:hover{color:#000}.home-nav__links a[aria-current=page]{color:#000;text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.home-nav a:focus-visible,.home-nav__language-trigger:focus-visible,.home-nav__drawer-toggle:focus-visible{outline-offset:3px;outline:2px solid #111112}.home-nav__cta-wrap{flex:none}.home-nav__drawer{display:none}.home-nav__drawer-toggle{color:#38383a;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-width:40px;min-height:40px;padding:0 10px;font-size:14px;list-style:none;display:inline-flex}.home-nav__drawer-toggle::-webkit-details-marker{display:none}.home-nav__drawer-panel{display:none}.home-nav__drawer-links{flex-direction:column;gap:4px;display:flex}.home-nav__drawer-links a{color:#262628;border-radius:8px;align-items:center;min-height:40px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.home-nav__drawer-links a[aria-current=page]{color:#000;background:#f3f3f3}@media (hover:hover){.home-nav__drawer-links a:hover{background:#f3f3f3}}.home-nav__drawer-cta{color:#fff;background:#070707;justify-content:center;align-items:center;min-height:40px;margin-block-start:8px;padding:0 16px;font-size:14px;text-decoration:none;display:flex}.home-nav__drawer-cta:hover{background:#282828}.home-nav__drawer-cta:active,.home-nav__cta:active{transform:scale(.96)}.home-nav__cta{color:#111112;letter-spacing:-.025em;white-space:nowrap;background:#eeeef2;border-radius:17px;justify-content:center;align-items:center;height:36px;min-height:36px;padding:0 16px;font-size:14px;text-decoration:none;transition:background-color .15s;display:inline-flex}.home-nav__cta:hover{color:#111112;background:#e9e9ee}.home-nav__language{flex:none;position:relative}.home-nav__language-trigger{color:#38383a;cursor:pointer;letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:7px;min-height:40px;padding:0 2px;font-size:14px;list-style:none;display:inline-flex}.home-nav__language-trigger::-webkit-details-marker{display:none}.home-nav__language-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.home-nav__language-trigger .home-nav__language-chevron{stroke-width:1.8px;width:11px;height:7px;transition:transform .15s}.home-nav__language-trigger:hover{color:#000}.home-nav__language-trigger[aria-expanded=true] .home-nav__language-chevron{transform:rotate(180deg)}.home-nav__language-positioner{z-index:60}.home-nav__language-menu{background:#fff;border:1px solid #e4e4e4;border-radius:14px;outline:none;flex-direction:column;gap:6px;width:240px;max-width:calc(100vw - 24px);padding:6px;font-family:inherit;display:flex}.home-nav__language-search{color:#262628;width:100%;min-height:36px;font:inherit;background:#f4f4f4;border:0;border-radius:10px;outline:none;padding:0 10px;font-size:14px}.home-nav__language-search:focus,.home-nav__language-search:focus-visible{outline:none}.home-nav__language-list{font-family:"Matter Menu", var(--font-matter);flex-direction:column;gap:2px;max-height:min(320px,50vh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.home-nav__language-item{color:#262628;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:0 10px;font-size:14px;text-decoration:none;display:flex}.home-nav__language-item small{color:#8a8a8e;font-size:14px}.home-nav__language-item:hover,.home-nav__language-item:focus-visible{background:#e5e5e5;outline:none}.home-nav__language-item[aria-current=true]{background:#f3f3f3}.home-nav__language-empty{color:#8a8a8e;padding:10px;font-size:14px}@media (width<=780px){.home-nav{gap:10px}.home-nav__links,.home-nav__language,.home-nav__cta-wrap{display:none}.home-nav__drawer{flex:none;margin-inline-start:auto;display:block;position:relative}.home-nav__drawer[open] .home-nav__drawer-panel{top:calc(100% + 8px);z-index:40;background:#fff;border:1px solid #e4e4e4;border-radius:14px;flex-direction:column;width:220px;max-width:calc(100vw - 40px);padding:6px;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 12px 30px #0000001f}}@media (prefers-reduced-motion:reduce){.home-nav *,.home-nav__language-chevron{transition:none!important}}.guest-banner{color:#6e6e73;text-align:center;background:#f5f5f7;width:100%;padding:10px 24px}.guest-banner p{letter-spacing:-.01em;max-width:960px;margin-inline:auto;font-size:13px;font-weight:400;line-height:1.45}.guest-banner a{color:#1d1d1f;text-underline-offset:3px;-webkit-text-decoration:underline #1d1d1f4d;text-decoration:underline #1d1d1f4d;text-decoration-thickness:1px;transition:text-decoration-color .15s}.guest-banner a:hover{color:#000;text-decoration-color:currentColor}.guest-banner a:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #111112}@media (width<=480px){.guest-banner{padding-inline:16px}.guest-banner p{font-size:12px}}@media (prefers-reduced-motion:reduce){.guest-banner a{transition:none}}@layer base{*,:before,:after,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::placeholder{opacity:1}textarea{resize:vertical}summary{display:list-item}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-search-decoration{-webkit-appearance:none}[hidden]:where(:not([hidden=until-found])){display:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@font-face{font-family:Matter;src:url(/fonts/matter/Matter-Medium-latin.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Matter;src:url(/fonts/matter/Matter-Medium-latin-ext.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+300-303,U+305-307,U+309-328,U+32A-36F,U+1D00-1DBF,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2100-2190,U+2192,U+2194-2211,U+2213-2214,U+2216-25FF,U+2700-27BF,U+3010-3011,U+A720-A7FF,U+E000-F8FF,U+FB00-FB02}@font-face{font-family:Matter;src:url(/fonts/matter/Matter-Medium-cyrillic.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+400-52F,U+2116}@font-face{font-family:Matter;src:url(/fonts/matter/Matter-Medium-greek.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+370-3FF}@font-face{font-family:Matter Latin Ext;src:url(/fonts/matter/Matter-Medium-latin-ext-full.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+300-303,U+305-307,U+309-328,U+32A-36F,U+1D00-1DBF,U+1E??,U+2020,U+20A0-20AB,U+20AD-20C0,U+2100-2190,U+2192,U+2194-2211,U+2213-2214,U+2216-25FF,U+2700-27BF,U+3010-3011,U+A720-A7FF,U+E000-F8FF,U+FB00-FB02}@font-face{font-family:Matter Cyrillic;src:url(/fonts/matter/Matter-Medium-cyrillic-full.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+400-52F,U+2116}@font-face{font-family:Matter Greek;src:url(/fonts/matter/Matter-Medium-greek-full.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD,U+370-3FF}@font-face{font-family:Matter Menu;src:url(/fonts/matter/Matter-Medium-menu.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:U+20,U+41-4B,U+4D-4E,U+50,U+52-56,U+61-65,U+67-69,U+6B-70,U+72-77,U+79-7A,U+E2,U+E7,U+EA,U+F1,U+FC,U+103,U+10C,U+161,U+395,U+3AC,U+3B7,U+3B9-3BB,U+3BD,U+423,U+430,U+43A,U+43D,U+440-441,U+44C,U+457,U+1EBF,U+1EC7}:root{--font-matter:"Matter", Arial, sans-serif;--font-sans:var(--font-matter);font-family:var(--font-sans);color:#21201c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fdfdfc;font-weight:400}:root:is(:lang(cs),:lang(hu),:lang(pl),:lang(ro),:lang(tr),:lang(vi)){--font-matter:"Matter Latin Ext", "Matter", Arial, sans-serif}:root:lang(uk){--font-matter:"Matter Cyrillic", "Matter", Arial, sans-serif}:root:lang(el){--font-matter:"Matter Greek", "Matter", Arial, sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:#63635e}button,input{font:inherit}strong,b{font-weight:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #63635e}.skip-link{z-index:100;position:fixed;top:-100px;left:16px}.skip-link:focus{background:#fff;padding:12px;top:16px}.nav-shell{max-width:960px;margin-inline:auto;padding:16px 24px 0}.page-shell{max-width:720px;margin-inline:auto;padding:0 24px 40px}.intro{justify-content:space-between;align-items:center;gap:24px;margin-top:108px;display:flex}.intro h1{margin:0}.hero-mark{flex:none;width:132px;height:132px;display:block;overflow:visible}.hero-mark circle{fill:none;stroke:#21201c;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.6}.hero-mark .hero-mark__core{fill:#21201c;stroke:none;opacity:1;transform-origin:32px 32px;animation:6s ease-in-out infinite hero-core}.hero-mark__orbit{transform-origin:32px 32px;animation:18s linear infinite hero-orbit}.hero-mark__orbit--b{animation-duration:24s;animation-direction:reverse}.hero-mark__orbit--c{animation-duration:30s}@keyframes hero-orbit{to{transform:rotate(360deg)}}@keyframes hero-core{0%,to{transform:scale(1)}50%{transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.hero-mark *{animation:none!important}}.eyebrow{color:#63635e;margin:0 0 20px;font-size:13px}h1{letter-spacing:-.025em;margin:0 0 26px;font-size:clamp(27px,5vw,36px);font-weight:400;line-height:1.4}.intro>p:not(.eyebrow),.how-to p,.how-to li{font-size:16px;line-height:1.85}.intro>p:not(.eyebrow){margin:0 0 14px}.lesson-section{margin-top:64px;scroll-margin-top:32px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:28px;display:flex}h2{margin:0;font-size:18px;font-weight:400;line-height:1.5}.section-heading>span{color:#63635e;font-size:12px}.lesson-caption{text-align:center;color:#63635e;margin:20px 0 0;font-size:12px;line-height:1.7}.how-to{margin-top:64px}.how-to p{margin:20px 0}.how-to ol{margin:24px 0;padding-left:22px;list-style:decimal}.how-to li{margin:12px 0;padding-left:4px}.how-to strong{font-weight:400}.how-to .closing-note{color:#63635e;margin-top:28px;font-size:14px}.site-footer{color:#63635e;border-top:1px solid #e6e6e3;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:72px;padding-top:24px;font-size:12px;display:flex}@media (width<=480px){.nav-shell{padding-inline:20px}.page-shell{padding:0 20px 28px}.intro{gap:16px;margin-top:64px}.hero-mark{width:76px;height:76px}.lesson-section,.how-to{margin-top:48px}.practice-card .absolute.bottom-0>div{padding-inline:16px}.practice-card .absolute.bottom-0 button{width:110px;font-size:15px}.practice-card .absolute.bottom-0 .text-\[18px\]{font-size:15px}}@media (width<=360px){.sentence-controls>div:first-child>button{gap:4px!important;width:68px!important}.sentence-controls>div:first-child>button>div{width:auto!important;font-size:14px!important}.sentence-controls>div:nth-child(2)>button{width:62px!important}.sentence-controls>div:last-child>div{padding-inline:4px!important}}.app-frame{flex-direction:column;min-height:100dvh;display:flex}.app-frame>.nav-shell{width:100%}.stage{padding:24px 16px 32px;padding-bottom:max(32px, env(safe-area-inset-bottom));flex:1;place-items:end center;display:grid}.levels-stage{padding:0 16px;padding-bottom:env(safe-area-inset-bottom);flex:1}.home-stage{flex:1;padding:0 16px}.auth-stage,.progress-stage{padding:0 16px;padding-bottom:env(safe-area-inset-bottom);flex:1}.not-found-stage{padding:0 16px;padding-bottom:env(safe-area-inset-bottom);flex:1;display:grid}