html:has(.site){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.site{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0b0d12;--ink-soft:#454e5e;--ink-muted:#5c6678;--paper:#fff;--paper-tint:#f6f8fb;--line:#e9edf3;--line-strong:#d8dfe9;--blue:#1f8ff0;--blue-link:#0a6ef0;--violet:#7a4fe8;--coral:#f2704f;font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:var(--paper);color:var(--ink-soft);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01"}.site ::selection{background:#1f8ff02e}.display{letter-spacing:-.035em;color:var(--ink);text-wrap:balance;font-weight:700;line-height:.98}.display-h1{text-wrap:pretty}.h2{letter-spacing:-.028em;color:var(--ink);text-wrap:balance;font-weight:700;line-height:1.05}.lede{color:var(--ink-soft);font-size:1.12rem;line-height:1.7}.stage-light{pointer-events:none;background:radial-gradient(60% 70% at 72% 42%, #1f8ff01a, transparent 70%), radial-gradient(50% 60% at 88% 70%, #7a4fe817, transparent 72%), linear-gradient(180deg, #fff 0%, var(--paper-tint) 100%);position:absolute;inset:0}.stage-light-violet{background:radial-gradient(55% 65% at 30% 45%, #7a4fe81f, transparent 70%), linear-gradient(180deg, var(--paper-tint) 0%, #fff 100%)}.stage-light-coral{background:radial-gradient(55% 65% at 70% 45%, #f2704f1f, transparent 70%), linear-gradient(180deg, #fff 0%, var(--paper-tint) 100%)}.stage-light-blue{background:radial-gradient(55% 65% at 30% 45%, #1f8ff01f, transparent 70%), linear-gradient(180deg, #fff 0%, var(--paper-tint) 100%)}.hero-texture{pointer-events:none;-webkit-mask-composite:source-in;background-image:url(/assets/tubes.webp);background-position:50% 72%;background-repeat:no-repeat;background-size:132%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(78% 62% at 50% 74%,#000 26%,#0000008c 62%,#0000 96%),linear-gradient(#0000 12%,#00000047 28%,#000000b8 42%,#000 56%);mask-image:radial-gradient(78% 62% at 50% 74%,#000 26%,#0000008c 62%,#0000 96%),linear-gradient(#0000 12%,#00000047 28%,#000000b8 42%,#000 56%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:640px){.hero-texture{background-image:url(/assets/tubes-sm.webp);background-size:210%}}.footer-texture{pointer-events:none;filter:blur(14px);background-image:url(/assets/tubes.webp);background-position:50% 42%;background-repeat:no-repeat;background-size:130%;position:absolute;inset:0;transform:scale(1.06)}.footer-texture:after{content:"";background:#ffffffde;position:absolute;inset:0}@media (max-width:640px){.footer-texture{background-image:url(/assets/tubes-sm.webp);background-size:220%}}.shot{max-width:100%;height:auto}.hero-shot{animation:2.4s cubic-bezier(.22,.85,.2,1) .28s both shot-scale;position:relative;container-type:inline-size}@keyframes shot-scale{0%{transform:scale(.93)}to{transform:scale(1)}}.hero-shot>*{animation:2.4s cubic-bezier(.22,.85,.2,1) .28s both shot-fade}@keyframes shot-fade{0%{opacity:0}to{opacity:1}}.hero-shot-glass{-webkit-backdrop-filter:blur(16px)saturate(1.25);background:#fff3;border-radius:4.83cqw;width:87.241%;height:76.898%;position:absolute;top:10.588%;left:6.379%}.tw-scope{aspect-ratio:600/274;animation:2.4s cubic-bezier(.22,.85,.2,1) .28s both shot-scale;container-type:inline-size}.tw{--u:.166667cqw;--tw-ink:#000;--tw-gray:#0000008f;border-radius:calc(28 * var(--u));-webkit-backdrop-filter:blur(calc(16 * var(--u))) saturate(1.25);box-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #0b0d1212, 0 calc(14 * var(--u)) calc(34 * var(--u)) calc(-10 * var(--u)) #0b0d124d;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", var(--font-sans), sans-serif;font-feature-settings:normal;color:var(--tw-ink);text-align:left;animation:2.4s cubic-bezier(.22,.85,.2,1) .28s both shot-fade;position:relative;overflow:hidden}@supports (corner-shape:squircle){.tw{corner-shape:squircle;border-radius:calc(32 * var(--u))}}.tw-input{height:calc(128 * var(--u));background:#ffffff96;position:relative}.tw-gauge{visibility:hidden;pointer-events:none;height:0;position:absolute;left:0;right:0;overflow:hidden}.tw-result{background:#ffffffcd;height:0;transition:height .46s cubic-bezier(.32,.72,.24,1);overflow:hidden}.tw-target{opacity:0;transition:opacity .55s cubic-bezier(.22,.61,.36,1)}.tw--reveal .tw-target{opacity:1;transition-delay:.14s}.tw-src,.tw-caret{transition:opacity .28s}.tw--reset .tw-src,.tw--reset .tw-caret{opacity:0}.tw--reset .tw-caret{animation:none}@media (scripting:none){.tw--init .tw-result{height:auto}.tw--init .tw-target{opacity:1}}.tw-bar{height:calc(61 * var(--u));padding:calc(5.5 * var(--u)) calc(19 * var(--u)) 0 calc(30.5 * var(--u));background:#fff;align-items:center;display:flex;position:relative}.tw-text{font-size:calc(26 * var(--u));line-height:calc(30 * var(--u));letter-spacing:calc(-.27 * var(--u));font-weight:400}.tw-input .tw-text{padding:calc(23.5 * var(--u)) calc(38 * var(--u)) 0 calc(30 * var(--u));white-space:pre-wrap}.tw-text-init{clip-path:inset(0 100% 0 0)}@media (scripting:none){.tw-text-init{clip-path:none}}.tw-result .tw-text,.tw-gauge .tw-text{padding:calc(11.5 * var(--u)) calc(38 * var(--u)) calc(13.5 * var(--u)) calc(30 * var(--u))}.tw-caret{width:calc(3 * var(--u));height:calc(29 * var(--u));margin-left:calc(6 * var(--u));vertical-align:calc(-6 * var(--u));border-radius:calc(.5 * var(--u));background:#f5592a;display:inline-block}.tw-caret-blink{animation:1.06s step-end infinite tw-blink}@keyframes tw-blink{0%{opacity:1}50%{opacity:0}}.tw-pin{top:calc(15 * var(--u));right:calc(20 * var(--u));width:calc(15 * var(--u));height:calc(15 * var(--u));box-sizing:border-box;border:1.5px solid var(--tw-gray);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.tw-pin:after{content:"";width:calc(7 * var(--u));height:calc(7 * var(--u));background:var(--tw-gray);border-radius:50%}.tw-loader{top:0;left:calc(1 * var(--u));right:calc(1 * var(--u));height:calc(1 * var(--u));opacity:0;transition:opacity .34s;position:absolute;overflow:hidden}.tw-loader:before{content:"";background:linear-gradient(90deg,#fa5c8c,#995cf5,#4d8cfa,#4dd4db,#fa5c8c,#995cf5,#4d8cfa,#4dd4db,#fa5c8c);position:absolute;inset:0 -100% 0 0}.tw--loading .tw-loader{opacity:1;transition:opacity .22s}.tw--loading .tw-loader:before{animation:.9s linear infinite tw-loader-run}@keyframes tw-loader-run{0%{transform:translate(-50%)}to{transform:translate(0)}}.tw-lang{font-size:calc(17.8 * var(--u));letter-spacing:calc(-.05 * var(--u));white-space:nowrap;font-weight:500}.tw-lang-target{display:inline-block;position:relative}.tw-lang-out{animation:.38s both tw-lang-out;position:absolute;top:0;left:0}.tw-lang-in{animation:.38s both tw-lang-in}@keyframes tw-lang-out{to{opacity:0}}@keyframes tw-lang-in{0%{opacity:0}}.tw-swap{width:calc(15.8 * var(--u));height:calc(19.4 * var(--u));margin:0 calc(14.4 * var(--u)) 0 calc(15.4 * var(--u));fill:var(--tw-gray)}.tw-btns{gap:calc(9 * var(--u));margin-left:auto;display:flex}.tw-btn{width:calc(48 * var(--u));height:calc(35 * var(--u));border-radius:calc(8 * var(--u));background:#0000000b;place-items:center;display:grid}.tw-ic{fill:var(--tw-ink)}.tw-ic-copy{width:calc(19 * var(--u));height:calc(18.8 * var(--u))}.tw-ic-hist{width:calc(19.4 * var(--u));height:calc(17.8 * var(--u));margin-right:calc(2.5 * var(--u))}.btn{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:1.05rem 1.75rem;font-size:1rem;font-weight:600;line-height:1;transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.995)}.btn-ink{color:#fff;background:var(--ink);box-shadow:0 1px 2px #0b0d122e,0 12px 28px -12px #0b0d1280}.btn-ink:hover{background:#1a1f2b;transform:translateY(-1px);box-shadow:0 2px 4px #0b0d1233,0 18px 36px -14px #0b0d128c}.btn-brand{color:#fff;background:#3099f9;box-shadow:0 1px 2px #1478c847,0 12px 26px -12px #1e8ce6bf}.btn-brand:hover{background:#2790f2;transform:translateY(-1px);box-shadow:0 2px 4px #1478c84d,0 18px 34px -14px #1e8ce6cc}.btn-quiet{color:var(--ink);border:1px solid var(--line-strong);background:#fff}.btn-quiet:hover{border-color:#c3ccdb;transform:translateY(-1px)}.btn-sm{padding:.62rem 1.15rem;font-size:.88rem}.nav-frost{-webkit-backdrop-filter:saturate(1.5)blur(14px);border-bottom:1px solid var(--line);background:#fffc}.nav-link{color:var(--ink-soft);border-radius:999px;padding:.45rem .8rem;font-size:.92rem;font-weight:500;transition:color .14s,background-color .14s}.anchor-strip .nav-link{padding-inline:.6rem;font-size:.88rem}.nav-link:hover{color:var(--ink);background:var(--paper-tint)}.lang-menu{position:relative}.lang-menu>summary{cursor:pointer;color:var(--ink-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.82rem;font-weight:500;list-style:none;transition:color .14s,background-color .14s;display:inline-flex}.lang-menu>summary::-webkit-details-marker{display:none}.lang-menu>summary:hover,.lang-menu[open]>summary{color:var(--ink);background:var(--paper-tint)}.lang-list{z-index:20;border:1px solid var(--line);background:#fff;border-radius:.9rem;grid-template-columns:repeat(2,minmax(10rem,1fr));gap:.1rem;padding:.5rem;display:grid;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 2px 6px #0b0d120f,0 20px 40px -20px #0b0d1259}.lang-list a{color:var(--ink-soft);white-space:nowrap;border-radius:.5rem;padding:.45rem .7rem;font-size:.88rem;display:block}.lang-list a:hover{background:var(--paper-tint);color:var(--ink)}.lang-list a[aria-current=true]{color:var(--ink);font-weight:600}@media (max-width:767px){.lang-list{left:0;right:auto}}.eyebrow-fact{color:var(--ink-muted);font-size:.88rem}.step-kicker{color:var(--blue-link);font-size:.88rem;font-weight:600}.kbd{border:1px solid var(--line-strong);min-width:1.9rem;height:1.9rem;color:var(--ink);background:#fff;border-bottom-width:2px;border-radius:.5rem;justify-content:center;align-items:center;padding:0 .5rem;font-size:.85rem;font-weight:600;display:inline-flex}.kbd-inline{vertical-align:-.02em;align-items:center;gap:.18rem;display:inline-flex}.kbd-inline .kbd{border-bottom-width:1.5px;border-radius:.38rem;min-width:1.45rem;height:1.45rem;padding:0 .3rem;font-size:.72rem}.kbd-lg{border-bottom-width:3px;border-radius:.7rem;min-width:2.6rem;height:2.6rem;font-size:1.05rem}.rule{border-top:1px solid var(--line)}.plan{border:1px solid var(--line);background:#fff;border-radius:1.25rem}.plan-featured{border-color:var(--ink);box-shadow:0 2px 6px #0b0d120f,0 24px 48px -24px #0b0d1266}.legal{max-width:36rem}.legal h2{color:var(--ink);letter-spacing:-.02em;margin-top:2.75rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.legal p,.legal li{color:var(--ink-soft);margin-bottom:.9rem;line-height:1.75}.legal ul{margin-bottom:1rem;padding-left:1.4rem;list-style:outside}.legal li{margin-bottom:.4rem}.legal strong{color:var(--ink);font-weight:600}.legal a{color:var(--blue-link);text-underline-offset:3px;text-decoration:underline}.site :is(a,button,summary):focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){.btn,.nav-link{transition:none}.hero-shot,.hero-shot>*,.tw-scope,.tw,.tw-caret-blink,.tw-loader:before{animation:none}.tw-loader,.tw-result,.tw-target,.tw-src,.tw-caret{transition:none}.tw--reveal .tw-target{opacity:1}.tw-lang-in,.tw-lang-out{animation:none}.tw-loader{display:none}}.hero-section{background:var(--paper)}.hero-inner{max-width:80rem;margin-inline:auto;padding:5rem 3.5rem 0;position:relative}.hero-intro{grid-template-columns:1.5fr 1fr;align-items:start;gap:4rem;display:grid}.hero-title{letter-spacing:-.04em;text-wrap:initial;font-size:clamp(3.5rem,5.6vw,5.25rem);line-height:1.02}.hero-copy{padding-bottom:.2rem}.hero-copy .lede{max-width:38ch;font-size:1.05rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.hero-actions .btn{padding-inline:1.3rem}.text-link{color:var(--ink);text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);font-size:.9rem;font-weight:500;transition:text-decoration-color .15s}.text-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.hero-demo{align-items:flex-start;min-height:20rem;margin:5.25rem auto 4rem;display:flex;position:relative}.hero-section .hero-texture{-webkit-mask-composite:source-over;background-image:url(/assets/tubes.webp);background-position:50% 62%;background-size:115%;inset:17rem 0 0;-webkit-mask-image:linear-gradient(#0000,#000 30% 84%,#0000);mask-image:linear-gradient(#0000,#000 30% 84%,#0000);-webkit-mask-composite:source-over;mask-composite:add}.how-section>div{padding-block:6rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3.5rem;display:flex}.section-heading .h2{font-size:clamp(2.25rem,4vw,3.5rem)}.section-heading .lede{max-width:32ch;padding-bottom:.15rem}.steps-grid{gap:2.5rem}.steps-grid>li{border-top:1px solid var(--line-strong);padding-top:1.5rem}.steps-grid .step-kicker{color:var(--ink-muted);margin-bottom:1.5rem}.steps-grid p:not(.step-kicker){font-size:.98rem;line-height:1.75}.replace-row{border-top:1px solid var(--line);grid-template-columns:13rem 1fr;gap:.75rem 3rem;margin-top:3rem;padding-top:2.5rem;display:grid}.replace-keys{grid-row:span 2;align-self:center}.replace-copy{grid-column:2;max-width:68ch}.feature-section>.relative{padding-block:6.5rem}.feature-section .h2{text-wrap:balance;max-width:22ch;font-size:clamp(2.5rem,4.5vw,3.75rem);line-height:1.04}.feature-section .lede{font-size:1.04rem;line-height:1.8}.dictionary-section{background:var(--paper-tint)}.dictionary-section .stage-light-violet{background:radial-gradient(at 24% 55%,#7a4fe81f,#0000 53%)}.memorize-section .stage-light-coral{background:radial-gradient(at 76%,#f2704f21,#0000 53%)}.translator-section .stage-light-blue{background:radial-gradient(at 24% 55%,#1f8ff01f,#0000 53%)}.translator-section .tw-scope{max-width:100%}.mac-layout{grid-template-columns:1.05fr 1.6fr;gap:3rem 4rem;display:grid}.mac-layout>.h2{text-wrap:balance;max-width:18ch;font-size:clamp(2.25rem,3.8vw,3.25rem)}.mac-features>div{border-bottom:1px solid var(--line-strong);padding:0 0 1.5rem 2.2rem;position:relative}.mac-features>div>svg{width:20px;position:absolute;top:.12rem;left:0}.mac-features h3{margin-top:0}.privacy-note{border:0;grid-column:2;padding-top:0;font-size:.96rem}.pricing-section>div{padding-block:6.5rem}.pricing-section .h2{font-size:clamp(2.5rem,4.5vw,3.75rem)}.pricing-section .plan{border-radius:1rem;padding:1.75rem 1.5rem}.pricing-section .plan:not(.plan-featured){background:var(--paper-tint);border-color:#0000}.pricing-section .plan-featured{border-color:var(--ink);box-shadow:none}.pricing-section .plan .display{font-variant-numeric:tabular-nums;margin-block:1.5rem .5rem;font-size:2.75rem}.closing-section{background:var(--ink);border-radius:1.25rem;margin:0 2rem 2rem}.closing-section .stage-light{background:0 0}.closing-section .display{text-wrap:balance;color:#fff;max-width:22ch;margin-inline:auto}.closing-section .lede{color:#ffffffb8}.closing-section .btn-ink{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000040,0 12px 28px -12px #0009}.closing-section .btn-ink:hover{background:#f2f4f8;box-shadow:0 2px 4px #0000004d,0 18px 36px -14px #000000a6}.site .btn-brand{background:var(--blue-link);box-shadow:none}.site .btn-brand:hover{background:#095dc9}.site .btn-ink{box-shadow:0 2px 4px #0b0d121a}.site .btn-ink:hover{box-shadow:0 4px 10px #0b0d1229}.site .btn-sm{min-height:2.75rem}.site .nav-link{align-items:center;min-height:2.75rem;display:inline-flex}.site .skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:.5rem;padding:1rem;position:fixed;top:-5rem;left:1rem}.site .skip-link:focus{top:1rem}@media (min-width:1280px){.hero-title{max-width:12ch}}@media (max-width:1023px){.hero-inner{padding:3.5rem 2rem 0}.hero-intro{grid-template-columns:1.3fr 1fr;align-items:start;gap:2rem}.hero-title{font-size:3.6rem}.hero-actions{gap:1rem}.hero-demo{margin-top:4rem}.hero-section .hero-texture{background-size:150%;inset-block-start:18rem}.mac-layout{grid-template-columns:1fr 1.5fr;gap:3rem}.feature-section>.relative{gap:2.5rem}.feature-section .h2{max-width:24ch}.dictionary-section>.relative>div:first-child,.translator-section>.relative>div:first-child{order:2}}@media (min-width:768px) and (max-width:1023px){.site .nav-frost>nav{grid-template-columns:auto 1fr auto;gap:.5rem}.site .nav-frost>nav>div{justify-self:center}.site .nav-link{padding-inline:.6rem}}@media (max-width:767px){.hero-inner{padding:2.75rem 1.25rem 0}.hero-intro{text-align:center;display:block}.hero-title{max-width:15ch;margin-inline:auto;font-size:clamp(2.8rem,8.8vw,4rem)}.hero-copy{max-width:35rem;margin:1.5rem auto 0}.hero-copy .lede{max-width:42ch;margin-inline:auto;font-size:1rem}.hero-actions{justify-content:center;margin-top:1.5rem}.hero-demo{min-height:0;margin-block:3.5rem 3rem}.hero-section .hero-texture{background-image:url(/assets/tubes-sm.webp);background-size:200%;inset-block-start:19rem}.section-heading{margin-bottom:2.5rem;display:block}.section-heading .lede{max-width:none;margin-top:1rem}.how-section>div,.feature-section>.relative,.pricing-section>div{padding-block:4rem}.replace-row{grid-template-columns:1fr;gap:1rem}.replace-keys{grid-row:auto;margin-bottom:.5rem}.replace-copy{grid-column:1}.mac-layout{padding-block:4rem;display:block}.mac-layout>.h2{max-width:none}.mac-features{margin-top:2.5rem}.privacy-note{margin-top:2rem}.closing-section{margin:0 1rem 1rem}.closing-section>.relative{padding-block:4rem}.site .nav-frost>nav{grid-template-columns:1fr auto;padding-inline:1rem}.site .nav-frost>nav>a:first-child{gap:.5rem}.site .nav-frost>nav>a:first-child span{font-size:1rem}.site .nav-frost>nav>a:first-child img{width:32px;height:32px}}@media (max-width:374px){.site .nav-frost .btn-sm{padding-inline:.75rem;font-size:.78rem}.site .nav-frost>nav>a:first-child span{font-size:.9rem}}
