:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ece4d8;--surface:#e3dacb;--surface-2:#d5cab6;--ink:#23283a;--muted:#736a57;--accent:#aa4a3d;--accent-hover:#933f34;--accent-ink:#fff;--rule:#d6caba;--link:#8a3c31;--qr-card:#f7f1e6;--inset-hi:#ffffff8c;--play-bg:#1b1f2e;--play-ink:#fff;--play-border:transparent;--shadow:0 18px 40px -20px #2822183d;--phone-1:#2b3141;--phone-2:#1b2030;--phone-border:#363c4d;--radius:16px;--maxw:1080px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--surface:#1e1f1f;--surface-2:#2a2c2b;--ink:#e8e8e6;--muted:#a0a3a1;--accent:#cc6355;--accent-hover:#d97668;--accent-ink:#fff;--rule:#3a3c3b;--link:#d97668;--inset-hi:#ffffff0d;--play-bg:#5f5e61;--play-ink:#f2ede4;--play-border:#ffffff1a;--shadow:0 18px 44px -18px #0009;--phone-1:#262827;--phone-2:#141514;--phone-border:#3a3c3b}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--surface:#1e1f1f;--surface-2:#2a2c2b;--ink:#e8e8e6;--muted:#a0a3a1;--accent:#cc6355;--accent-hover:#d97668;--accent-ink:#fff;--rule:#3a3c3b;--link:#d97668;--inset-hi:#ffffff0d;--play-bg:#1b1b1b;--play-ink:#f2ede4;--play-border:#ffffff1a;--shadow:0 18px 44px -18px #0009;--phone-1:#262827;--phone-2:#141514;--phone-border:#3a3c3b}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans JP,sans-serif;font-size:17px;line-height:1.6}a{color:var(--link);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.15}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);z-index:10;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:18px;font-weight:800;display:inline-flex}.wordmark:hover{text-decoration:none}.nav__links{align-items:center;gap:22px;font-size:15px;font-weight:600;display:flex}.nav__links a{color:var(--muted)}.nav__links a:hover{color:var(--ink);text-decoration:none}.theme-toggle{border:1px solid var(--rule);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--ink);background:var(--surface)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:13px 22px;font-size:16px;font-weight:700;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover);text-decoration:none}.btn--ghost{color:var(--ink);border-color:var(--rule);background:0 0}.btn--ghost:hover{background:var(--surface);text-decoration:none}.btn--disabled{background:var(--surface-2);color:var(--muted);border-color:var(--rule);cursor:default;font-weight:600}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 14px;font-size:13px;font-weight:800}.h2Title{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 14px;font-weight:800}.hero{padding:72px 0 40px}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero__badge{align-items:center;gap:12px;margin-bottom:22px;display:inline-flex}.hero__badge img{width:60px;height:60px;box-shadow:var(--shadow);border-radius:14px}.hero__badge span{letter-spacing:-.02em;font-size:22px;font-weight:800}.hero h1{margin-bottom:18px;font-size:clamp(34px,5vw,52px);font-weight:800}.hero .lede{color:var(--muted);max-width:46ch;margin:0 0 30px;font-size:19px}.hero__cta{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.phone{background:linear-gradient(160deg, var(--phone-1), var(--phone-2));border:1px solid var(--phone-border);width:268px;max-width:78vw;box-shadow:var(--shadow);border-radius:34px;justify-self:center;padding:10px}.phone img{border-radius:26px;width:100%;height:auto;display:block}.phone__video{border-radius:26px;width:100%;display:block}.phone .phone__shot--dark,:root[data-theme=dark] .phone .phone__shot--light{display:none}:root[data-theme=dark] .phone .phone__shot--dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .phone .phone__shot--light{display:none}:root:not([data-theme=light]) .phone .phone__shot--dark{display:block}}.section{padding:56px 0}.section__head{text-align:center;max-width:640px;margin:0 auto 44px}.section__head h2{margin-bottom:12px;font-size:clamp(26px,3.6vw,36px);font-weight:800}.section__head p{color:var(--muted);margin:0;font-size:18px}.features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:26px 24px}.card__icon{background:color-mix(in srgb, var(--accent) 16%, transparent);width:42px;height:42px;color:var(--accent);border-radius:11px;place-items:center;margin-bottom:16px;display:grid}.card__icon svg{width:22px;height:22px}.card h3{margin-bottom:8px;font-size:18px;font-weight:800}.card p{color:var(--muted);margin:0;font-size:15.5px}.showcase{padding:56px 0}.showcase__grid{grid-template-columns:1fr .85fr;align-items:center;gap:48px;display:grid}.showcase__copy h2{margin-bottom:14px;font-size:clamp(26px,3.6vw,36px);font-weight:800}.showcase__copy p{color:var(--muted);max-width:42ch;margin:0;font-size:18px}.showcase--reverse .showcase__grid{grid-template-columns:.85fr 1fr}.band{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);text-align:center;padding:64px 0}.band h2{margin-bottom:14px;font-size:clamp(26px,3.6vw,34px);font-weight:800}.band p{color:var(--muted);max-width:52ch;margin:0 auto 26px;font-size:18px}.band__actions{justify-content:center;align-items:center;gap:28px;display:flex}.install{background:var(--surface);border:1px solid var(--rule);max-width:100%;box-shadow:0 24px 50px -30px #0000008c, 0 1px 0 var(--inset-hi) inset;text-align:left;border-radius:26px;flex-wrap:wrap;gap:24px;padding:22px;display:inline-flex}.install--compact{justify-content:center;width:100%;padding:22px;display:flex}.install--compact .install__col{text-align:center;align-items:center;gap:12px;max-width:none}.install--compact .play-btn{align-self:center}.install__scan{flex-direction:column;align-items:center;gap:11px;display:flex}.install__qr{background:var(--qr-card);border-radius:18px;padding:13px;box-shadow:inset 0 1px 2px #0000000f,0 8px 18px -12px #00000073}.install__qr img{width:128px;height:128px;display:block}.install__divider{background:linear-gradient(180deg, transparent, var(--rule) 20%, var(--rule) 80%, transparent);align-self:stretch;width:1px}.install__col{flex-direction:column;justify-content:center;gap:16px;max-width:210px;display:flex}.install__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.install__hint{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.install__note{color:var(--muted);font-size:13px}.play-btn{border:1px solid var(--play-border);background:var(--play-bg);color:var(--play-ink);cursor:pointer;border-radius:15px;align-self:flex-start;align-items:center;gap:13px;padding:14px 22px;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 24px -14px #0009,inset 0 1px #ffffff14}.play-btn:hover{color:var(--play-ink);text-decoration:none;transform:translateY(-2px);box-shadow:0 18px 32px -14px #0009,inset 0 1px #ffffff1a}.play-btn:active{transform:translateY(0)}.play-btn__icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.play-btn__label{line-height:1}.play-btn__sub{letter-spacing:.14em;text-transform:uppercase;opacity:.82;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.play-btn__main{letter-spacing:.005em;white-space:nowrap;font-size:18px;font-weight:700;display:block}@media (prefers-reduced-motion:reduce){.play-btn{transition:none}.play-btn:hover{transform:none}}.footer{color:var(--muted);padding:44px 0;font-size:14.5px}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer__links{flex-wrap:wrap;gap:20px;display:flex}.footer__links a{color:var(--muted)}.footer__links a:hover{color:var(--ink)}.studio{text-align:center;place-items:center;min-height:72vh;padding:80px 0;display:grid}.studio h1{margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:800}.studio p.mission{color:var(--muted);max-width:52ch;margin:0 auto 40px;font-size:19px}.product-card{text-align:left;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);max-width:440px;box-shadow:var(--shadow);align-items:center;gap:20px;margin:0 auto;padding:22px 24px;display:flex}.product-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--rule));text-decoration:none}.product-card img{border-radius:15px;width:64px;height:64px}.product-card h3{color:var(--ink);margin-bottom:4px;font-size:20px;font-weight:800}.product-card p{color:var(--muted);margin:0;font-size:15px}.product-card .arrow{color:var(--accent);margin-left:auto;font-size:22px}.prose{max-width:720px;margin:0 auto;padding:56px 24px 90px}.prose header{border-bottom:3px solid var(--accent);margin-bottom:30px;padding-bottom:18px}.prose h1{margin-bottom:8px;font-size:32px;font-weight:800}.prose .updated{color:var(--muted);font-size:15px}.prose h2{margin:38px 0 12px;font-size:21px;font-weight:800}.prose p,.prose li{color:var(--ink)}.prose ul{padding-left:22px}.prose li{margin-bottom:8px}.callout{background:var(--surface);border:1px solid var(--rule);border-radius:12px;margin-bottom:8px;padding:18px 20px}.callout p{margin:0}.prose .lede{color:var(--muted);margin:0 0 30px;font-size:20px;line-height:1.55}.prose .lede em{font-style:normal}.prose .lede strong{color:var(--ink);font-weight:700}.pullquote{border-left:3px solid var(--accent);margin:34px 0;padding:4px 0 4px 22px}.pullquote p{letter-spacing:-.01em;color:var(--ink);margin:0;font-size:23px;font-weight:700;line-height:1.35}.prose ul.takeaways{gap:12px;margin:22px 0;padding-left:0;list-style:none;display:grid}.prose ul.takeaways li{background:var(--surface);border:1px solid var(--rule);border-radius:12px;margin:0;padding:14px 18px}.prose ul.takeaways strong{color:var(--accent)}.prose ul.booklist{flex-wrap:wrap;gap:10px;margin:20px 0;padding-left:0;list-style:none;display:flex}.prose ul.booklist li{background:var(--surface);border:1px solid var(--rule);line-break:strict;border-radius:999px;margin:0;padding:8px 15px;font-size:17px}.prose ol{padding-left:22px}.prose ol li{margin-bottom:8px}.prose code{background:var(--surface);border:1px solid var(--rule);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.article__cta{border-top:1px solid var(--rule);margin-top:46px;padding-top:30px}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;font-size:14px;list-style:none;display:flex}.crumbs li:not(:last-child):after{content:"/";color:var(--rule);margin-left:8px}.crumbs [aria-current=page]{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:40ch;display:inline-block;overflow:hidden}.cardlist{gap:16px;margin:0;padding:0;list-style:none;display:grid}.cardlist__item{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:inherit;padding:22px 24px;transition:border-color .18s,transform .18s;display:block}.cardlist__item:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--rule));text-decoration:none;transform:translateY(-2px)}.cardlist__tag{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:800;display:inline-block}.cardlist__item h2{margin:0 0 8px;font-size:19px;font-weight:800}.cardlist__item p{color:var(--muted);margin:0 0 10px;font-size:15px}.cardlist__meta{color:var(--muted);font-size:13px}.jp{line-break:strict;word-break:normal;overflow-wrap:normal}ruby{ruby-position:over}rt{letter-spacing:.03em;color:var(--muted);font-size:.5em;font-weight:400}.vocab{counter-reset:vocab;margin:24px 0 0;padding:0;list-style:none;padding-left:0!important}.vocab__row{border-top:1px solid var(--rule);counter-increment:vocab;padding:18px 0}.vocab__row:last-child{border-bottom:1px solid var(--rule)}.vocab__head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.vocab__word{font-size:26px;font-weight:700;line-height:1.5}.vocab__reading{color:var(--muted);font-size:16px}.vocab__flag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.vocab__meaning{color:var(--ink);margin:6px 0 0}.vocab__examples{border-left:2px solid var(--rule);margin:14px 0 0;padding:0 0 0 16px;list-style:none}.vocab__examples li{margin-bottom:12px}.vocab__examples li:last-child{margin-bottom:0}.vocab__examples .jp{font-size:18px;line-height:2;display:block}.vocab__translation{color:var(--muted);font-size:15px;display:block}.vx__bar{z-index:9;border:1px solid var(--rule);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(8px);backdrop-filter:saturate(1.4)blur(8px);border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:24px 0 8px;padding:10px 14px;display:flex;position:sticky;top:65px;box-shadow:0 10px 24px -18px #0000008c}.vx__group{gap:6px;display:flex}.vx__nav{align-items:center;gap:8px;margin-left:auto;display:flex}.vx__seg,.vx__toggle,.vx__arrow{font:inherit;cursor:pointer;border:1px solid var(--rule);color:var(--muted);background:0 0;border-radius:999px;padding:5px 13px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.vx__seg:hover,.vx__arrow:hover{border-color:var(--accent);color:var(--ink)}.vx__toggle:hover{border-color:color-mix(in srgb, var(--ink) 32%, var(--rule))}.vx__toggle[aria-pressed=true]:hover{border-color:var(--accent)}.vx__seg[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.vx__toggle{justify-content:center;align-items:center;min-width:46px;height:32px;padding:0 10px;display:inline-flex}.vx__glyph{font-size:15px;line-height:1}.vx__icon{width:19px;height:19px;display:block}.vx__toggle[aria-pressed=true]{border-color:color-mix(in srgb, var(--accent) 55%, var(--rule));background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.vx__toggle[aria-pressed=false]{color:var(--muted);opacity:.75}.vx__toggle[aria-pressed=false]:hover{opacity:1}.vx__arrow{padding:5px 12px;line-height:1.2}.vx__count{color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;min-width:7ch;font-size:14px;font-weight:700}.vx__of{color:var(--muted);font-weight:400}.vx__hint{color:var(--muted);flex-basis:100%;padding-left:4px;font-size:13px}@media (max-width:720px){.vx__hint{display:none}.vx__bar{border-radius:var(--radius);gap:8px 10px;padding:10px 12px}.vx__seg,.vx__toggle,.vx__arrow{padding:4px 11px;font-size:13px}.vx__nav{margin-left:0}}.vx__bar:focus-within{border-color:var(--accent)}.vx__seg:focus-visible,.vx__toggle:focus-visible,.vx__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vx__deck{scroll-margin-top:170px}@media (max-width:720px){.vx__deck{scroll-margin-top:220px}}.vx__deck .vocab{margin-top:12px}.vx__deck .vocab__row{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-height:320px;padding:26px 24px}.vx__deck .vocab__row:last-child{border-bottom:1px solid var(--rule)}.vx.hide-furigana rt,.vx.hide-reading .vocab__reading,.vx.hide-english .vocab__meaning,.vx.hide-english .vocab__translation{display:none}.stats{background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;margin:28px 0;display:grid;overflow:hidden}.stats>div{background:var(--surface);padding:16px 18px}.stats dt{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:12px;font-weight:800}.stats dd{margin:4px 0 0;font-size:22px;font-weight:800}.blocks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.blocks a{border:1px solid var(--rule);background:var(--surface);color:inherit;border-radius:12px;padding:12px 14px;display:block}.blocks a:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--rule));text-decoration:none}.blocks__range{font-size:15px;font-weight:800;display:block}.blocks__words{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.levelnav{flex-wrap:wrap;gap:10px;display:flex}.levelnav a{border:1px solid var(--rule);border-radius:999px;padding:6px 14px;font-weight:700}.levelnav a:hover{border-color:var(--accent);text-decoration:none}.levelnav a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.blocknav{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:20px;font-size:15px;display:flex}.attrib{border-top:1px solid var(--rule);color:var(--muted);margin-top:34px;padding-top:18px;font-size:14px}@media (max-width:960px){.hero{padding:48px 0 24px}.hero__grid{text-align:center;grid-template-columns:1fr;gap:36px}.hero .lede{margin-left:auto;margin-right:auto}.hero__badge,.hero__cta{justify-content:center}.hero__grid .hero__copy{order:1}.hero__grid .phone{order:2}.features{grid-template-columns:1fr}.showcase__grid,.showcase--reverse .showcase__grid{text-align:center;grid-template-columns:1fr;gap:36px}.showcase__copy p{margin-left:auto;margin-right:auto}.showcase__grid .showcase__copy{order:1}.showcase__grid .phone{order:2}.nav__links a.hide-sm,.install__scan,.install__divider{display:none}.install{text-align:center}.install__col{align-items:center;max-width:none}.play-btn{align-self:center}}