html:has(main.landing),html:has(main.landing) body{overflow-x:clip;overflow-y:visible}html:has(main.landing){scroll-behavior:smooth}.landing{--landing-header-height: 65px;--feature-nav-height: 64px;--landing-bg: #fff;--landing-panel: #fff;--landing-soft: #f5f7fc;--landing-ink: #101218;--landing-muted: #5b6475;--landing-line: #dce2ed;--landing-accent: #2563eb;--landing-tint: #eaf0ff;background:var(--landing-bg);color:var(--landing-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.dark .landing{--landing-bg: #0b0d12;--landing-panel: #141821;--landing-soft: #191f2c;--landing-ink: #f5f7fc;--landing-muted: #a9b4c9;--landing-line: #2c3548;--landing-accent: #80aaff;--landing-tint: #1c3157}.landing-container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.landing a{text-decoration:none}.landing :is(a,button):focus-visible{outline:3px solid var(--landing-accent);outline-offset:5px}.landing [hidden]{display:none}.landing section{scroll-margin-top:calc(var(--landing-header-height) + var(--feature-nav-height) - 1px)}.landing-hero{display:grid;grid-template-columns:1.07fr 1fr;gap:64px;align-items:center;padding-block:64px 72px}.landing h1{margin:24px 0;font-size:clamp(46px,4.8vw,68px);font-weight:650;letter-spacing:-.055em;line-height:1.035}.landing h1>span{display:block;color:var(--landing-accent)}.hero-description{max-width:430px;color:var(--landing-muted);font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;border:1px solid transparent;border-radius:5px;background:#2563eb;color:#fff;padding:12px 18px;font-size:13px;font-weight:600;transition:background .18s ease}.landing-button:hover{background:#1d4ed8}.landing-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--landing-ink);font-size:13px}.landing-text-link:hover{color:var(--landing-accent)}.hero-product{min-width:0}.hero-art{display:block;width:100%;height:auto}.feature-nav{position:sticky;top:var(--landing-header-height);z-index:40;background:var(--landing-bg);border-block:1px solid var(--landing-line);scroll-margin-top:var(--landing-header-height);transition:opacity .18s,visibility .18s}.feature-nav.is-complete{opacity:0;visibility:hidden}.feature-nav-inner{position:relative}.feature-nav-links{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.feature-nav a{display:flex;align-items:center;gap:8px;min-height:62px;padding:12px 8px;border-bottom:2px solid transparent;color:var(--landing-muted);font-size:12px;transition:color .18s,background .18s}.feature-nav a:hover{color:var(--landing-accent);background:var(--landing-soft)}.feature-nav a[aria-current=location]{color:var(--landing-accent);border-bottom-color:var(--landing-accent)}.feature-nav a>span,.feature-nav-current>span{color:var(--landing-accent);font:10px ui-monospace,monospace}.feature-nav-toggle{display:none}.feature-nav-current{display:flex;align-items:center;gap:12px}.feature-sections{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.product-section{grid-column:1 / -1;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:64px;padding-block:64px}.section-eyebrow{display:flex;align-items:center;gap:12px;color:var(--landing-ink);font-size:13px;font-weight:600}.section-eyebrow>span{color:var(--landing-accent);font:11px ui-monospace,monospace}.landing h2{font-size:clamp(30px,3.2vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.045em;white-space:pre-line}.feature-copy h2{margin:20px 0}.feature-description{color:var(--landing-muted);font-size:15px;line-height:1.7;max-width:460px}.feature-detail{margin-top:9px;max-width:440px;color:var(--landing-muted);font-size:12px;line-height:1.65}.feature-preview{min-width:0;border:1px solid var(--landing-line);border-radius:6px;background:var(--landing-soft);color:var(--landing-ink);overflow:hidden;position:relative;font-size:13px}.section-recognition,.section-practice,.section-flashcards,.section-tutor,.section-suggestions{border-top:1px solid var(--landing-line)}.section-lookup h2,.section-recognition h2,.section-practice h2,.section-flashcards h2,.section-tutor h2,.section-suggestions h2{text-wrap:balance}.preview-lookup,.preview-recognition,.preview-practice,.preview-flashcards,.preview-tutor,.preview-suggestions,.preview-platforms{border:0;background:transparent}.lookup-art,.recognition-art,.training-art,.flashcards-art,.tutor-art,.suggestions-art,.platforms-art{display:block;width:100%;height:auto}.section-platforms{border-top:1px solid var(--landing-line)}.platform-art-label{fill:var(--landing-muted);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.02em}.landing-waitlist{color:#fff;background:#2563eb;padding-block:clamp(56px,6vw,88px)}.landing-waitlist-content{display:flex;flex-direction:column;align-items:center;text-align:center}.landing-waitlist .section-eyebrow{justify-content:center;margin:0;color:#e1eaff;font:11px/1.2 ui-monospace,monospace;letter-spacing:.1em}.landing-waitlist h2{max-width:20ch;font-size:clamp(36px,4.5vw,60px);margin:20px 0 32px;white-space:normal;text-wrap:balance}.landing-waitlist .landing-button{background:#fff;color:#1548c0}.landing-waitlist .landing-button:hover{background:#eaf0ff}.landing-waitlist :is(a,button):focus-visible{outline-color:#fff}@media(prefers-reduced-motion:no-preference){.landing .reveal-ready{opacity:0;transform:translate3d(0,32px,0);pointer-events:none}.landing .reveal-ready.is-visible[data-reveal=delayed]{transition-delay:.1s}.landing .reveal-ready.is-visible{opacity:1;transform:translateZ(0);pointer-events:auto;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.landing .reveal-ready:not(.is-visible):focus-within{opacity:1;transform:none;transition:none;pointer-events:auto}}@media(prefers-reduced-motion:reduce){html:has(main.landing){scroll-behavior:auto}.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important}}@media(min-width:801px){.product-section:nth-child(2n){grid-template-columns:1.15fr .85fr}.product-section:nth-child(2n)>.feature-preview{order:-1}}@media(max-width:1100px){.feature-nav:not(.is-enhanced){position:static}.feature-nav.is-enhanced .feature-nav-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:62px;color:var(--landing-ink);background:none;border:0;padding:12px 0;font-size:14px;cursor:pointer}.feature-nav-toggle svg{transition:transform .18s}.feature-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.feature-nav.is-enhanced .feature-nav-links{display:none;justify-content:stretch;align-items:stretch;position:absolute;top:100%;left:0;right:0;padding:8px;max-height:calc(100dvh - var(--landing-header-height) - var(--feature-nav-height) - 16px);overflow-y:auto;background:var(--landing-bg);border:1px solid var(--landing-line);border-radius:0 0 8px 8px;box-shadow:0 14px 28px #10121812}.feature-nav-toggle[aria-expanded=true]+.feature-nav-links{display:grid;gap:2px}.feature-nav a{min-height:44px;font-size:13px;padding:10px 12px}.feature-nav a[aria-current=location]{background:var(--landing-tint);border-bottom-color:transparent}.landing-container{width:calc(100% - 64px)}.landing-hero{gap:35px}.hero-actions{gap:14px}.product-section{gap:36px}.feature-sections{column-gap:32px}}@media(max-width:800px){body:has(main.landing)>[data-site-header]{position:static}.landing{--landing-header-height: 0px;--feature-nav-height: 46px}.feature-nav.is-enhanced .feature-nav-toggle{min-height:44px;padding-block:8px;font-size:13px}.landing-container{width:calc(100% - 40px)}.landing-hero{grid-template-columns:1fr;gap:32px;padding-block:40px 48px}.hero-copy{max-width:600px}.landing h1{max-width:600px;font-size:clamp(42px,8vw,58px);margin-block:20px}.hero-description{max-width:550px;font-size:16px;line-height:1.6}.hero-product{width:100%;max-width:580px;margin-inline:auto}.feature-sections{grid-template-columns:1fr}.product-section{grid-column:1;grid-template-columns:1fr;padding-block:42px;gap:24px}.feature-copy h2{font-size:34px;margin-block:16px}.feature-description{max-width:600px;font-size:14px}.feature-detail{max-width:600px;font-size:11px}.section-eyebrow{font-size:12px}}@media(max-width:480px){.hero-actions{gap:12px;margin-top:22px}.hero-actions .landing-button{gap:12px;padding-inline:14px;font-size:12px}.hero-actions .landing-text-link{font-size:12px;gap:7px}}
