.product-showcase{scroll-margin-top:calc(var(--marketing-header-height) + 1rem);position:relative}.visual-learning{background:color-mix(in srgb,var(--surface)32%,var(--background))}.visual-learning-layout{align-items:center;gap:3rem;display:grid}.visual-learning-heading{max-width:70rem;margin-bottom:3rem}.visual-learning-heading>p{max-width:56rem}.recall-comparison-label{max-width:26rem;color:var(--foreground);gap:.5rem;font-size:.875rem;line-height:1.5;display:grid}.recall-comparison-label>span{color:var(--muted-foreground);font-size:.875rem;line-height:1.25rem}.recall-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.recall-result{min-width:0}.recall-result dt{color:var(--muted-foreground);font-size:.875rem}.recall-result strong{color:var(--foreground);letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin-top:.25rem;font-size:2.5rem;font-weight:600;line-height:1.1;display:block}.recall-result strong>span{letter-spacing:-.03em;margin-left:.125rem;font-size:.5em}.recall-result-bar{background:var(--muted-foreground);height:.125rem;margin-top:.75rem;display:block}.recall-result[data-format=graphics] strong{color:var(--wj-action-text)}.recall-result[data-format=graphics] .recall-result-bar{background:var(--ignition)}.recall-difference{color:var(--foreground);align-items:baseline;gap:.75rem;margin-top:1rem;font-size:.875rem;line-height:1.25rem;display:flex}.recall-difference strong{color:var(--wj-action-text);flex:none;font-size:1.125rem;font-weight:600}.recall-study-context{color:var(--muted-foreground);margin-top:1rem;font-size:.875rem;line-height:1.25rem}.visual-learning-product{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.visual-learning-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.visual-learning-counts>div{flex-direction:column-reverse;gap:.25rem;min-width:0;display:flex}.visual-learning-counts dt{color:var(--muted-foreground);font-size:.875rem}.visual-learning-counts dd{color:var(--foreground);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600;line-height:1.2}@media (min-width:1024px){.visual-learning-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4rem}}.library-feature{isolation:isolate;border:1px solid var(--border);background:var(--surface);border-radius:1rem;min-height:20rem;padding:2rem;position:relative;overflow:hidden}.library-feature-questions,.library-feature-prediction{background:var(--surface)}.library-feature-art{z-index:-1;opacity:.85;width:clamp(5rem,10vw,8rem);height:auto;position:absolute;top:2rem;right:1.5rem}.library-feature>p:first-of-type{max-width:calc(100% - 7rem);line-height:1.5}.library-metric{border:1px solid var(--border);background:var(--surface);border-radius:1rem;padding:1.5rem;transition:border-color .24s,background-color .24s}.library-metric:hover{border-color:var(--border-strong);background:var(--surface-hover)}.library-diagram{background:color-mix(in srgb,var(--surface)65%,var(--background))}@media (max-width:639px){.library-feature{min-height:19rem;padding:1.5rem}.library-feature-art{width:5.5rem;top:2rem;right:1rem}.library-feature>p:first-of-type{max-width:calc(100% - 6rem)}.library-metric{padding:1.25rem}}@media (prefers-reduced-motion:reduce){.library-metric{transition:none}}
.collection-comparison{background:var(--background)}.collection-handwritten{color:var(--wj-action-text);text-align:center;text-wrap:balance;margin-bottom:3rem;font-size:clamp(2.1875rem,1.5625rem + 2.5vw,3.75rem);font-weight:600;line-height:1.25}.collection-board{border:1px solid var(--border-strong);background:var(--surface);border-radius:1rem;padding:1rem;container-type:inline-size}.collection-feature{background:var(--ignition);color:var(--ignition-foreground);border-radius:.5rem;padding:1.5rem}.collection-feature__identity{flex-wrap:wrap;align-items:baseline;gap:.25rem 1rem;display:flex}.collection-feature__identity h3{letter-spacing:-.035em;font-size:1.75rem;font-weight:700}.collection-feature__identity>span{font-size:.875rem;line-height:1.25rem}.collection-feature__total{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1rem;display:flex}.collection-feature__total dt{flex:10rem;max-width:18ch;font-size:1.125rem;font-weight:600;line-height:1.35}.collection-feature__total dd{font:600 clamp(3.5rem,6vw,5.5rem)/1 var(--font-geist-mono);font-variant-numeric:tabular-nums;letter-spacing:-.065em;order:-1}.collection-feature__depth{margin-top:1.25rem;font-size:1rem;line-height:1.5rem}.collection-feature__link{text-underline-offset:.25rem;border-radius:.25rem;align-items:center;gap:.75rem;width:fit-content;min-height:2.75rem;margin-top:.5rem;font-size:.875rem;font-weight:600;text-decoration:underline;display:flex}.collection-feature__link:hover{text-decoration-thickness:2px}.collection-feature__link:focus-visible{outline-offset:4px;outline:2px solid}.collection-feature__link svg{flex-shrink:0}.collection-table{table-layout:fixed}.collection-table caption{padding:1.5rem .5rem .5rem}.collection-table th{width:64%;font-weight:500}.collection-table th,.collection-table td{vertical-align:middle;overflow-wrap:anywhere;padding:1rem .5rem}.collection-table tbody tr+tr>*{border-top:1px solid var(--border)}.collection-table td{text-align:right}.collection-table td strong{font:500 1.75rem/1.1 var(--font-geist-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;display:block}.collection-table small{color:var(--muted-foreground);margin-top:.375rem;font-size:.875rem;font-weight:400;line-height:1.25rem;display:block}.collection-source{border-radius:.25rem;flex-direction:column;justify-content:center;min-height:2.75rem;display:flex}.collection-source>span{align-items:center;gap:.5rem;display:inline-flex}.collection-source svg{color:var(--muted-foreground);flex-shrink:0;transition:transform .24s}.collection-source:hover>span{text-underline-offset:.25rem;text-decoration:underline}.collection-source:focus-visible,.collection-method summary:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.collection-table__unknown{font-size:.875rem;font-weight:500;display:block}.collection-method summary{list-style:none}.collection-method summary::-webkit-details-marker{display:none}.collection-method summary svg{flex-shrink:0;transition:transform .24s}.collection-method[open] summary svg{transform:rotate(180deg)}@media (prefers-reduced-motion:no-preference){.collection-source:hover svg{transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.collection-source svg,.collection-method summary svg{transition:none}}@media (max-width:639px){.collection-feature{padding:1.25rem}.collection-source>span{font-size:.875rem}}@container (max-width:20rem){.collection-table th{width:60%}.collection-source>span{flex-wrap:wrap}.collection-table td strong{font-size:1.5rem}.collection-feature{padding:1rem}.collection-feature__total dd{font-size:3.5rem}}