@font-face{font-family:Cambon;src:url(/learning-library-app-showcase/cambon-light.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter/inter-variable-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.section-module__lSXjyG__section,.section-module__lSXjyG__section *{box-sizing:border-box}.section-module__lSXjyG__section{--learning-background:var(--preview-learning-library-background,var(--preview-palette-background,#0c0c0b));--learning-text:var(--preview-learning-library-text,var(--preview-palette-text,#f9f5ef));--learning-muted:var(--preview-learning-library-muted,var(--preview-palette-muted,#958f89));background:var(--learning-background);width:100%;min-height:1088px;color:var(--learning-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;container-type:inline-size}.section-module__lSXjyG__inner{flex-direction:column;width:100%;max-width:1400px;margin:0 auto;padding:80px 64px 72px;display:flex}.section-module__lSXjyG__introduction{text-align:center;flex-direction:column;align-items:center;width:100%;margin:0 0 40px;display:flex}.section-module__lSXjyG__copy{flex-direction:column;align-items:center;gap:18px;max-width:620px;display:flex}.section-module__lSXjyG__title{max-width:600px;color:var(--learning-text);letter-spacing:-2.2px;text-align:center;text-wrap:balance;margin:0;font-family:Cambon,Apple Garamond,Baskerville,Times New Roman,serif;font-size:48px;font-weight:300;line-height:1.08}.section-module__lSXjyG__description{max-width:600px;color:var(--learning-muted);letter-spacing:0;text-align:center;text-wrap:pretty;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.6}.section-module__lSXjyG__tabs{isolation:isolate;flex-flow:wrap;justify-content:center;align-items:center;gap:4px;width:100%;min-height:38px;margin:0 0 24px;display:flex;position:relative}.section-module__lSXjyG__tab{z-index:1;height:38px;color:var(--learning-muted);cursor:pointer;white-space:nowrap;scroll-snap-align:center;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:1.5;transition:background-color .22s,border-color .22s,color .18s,transform .18s;display:inline-flex;position:relative}.section-module__lSXjyG__tabIcon{opacity:.58;width:15px;height:15px;transition:opacity .18s;display:block;overflow:visible}.section-module__lSXjyG__tabIcon path,.section-module__lSXjyG__tabIcon circle,.section-module__lSXjyG__tabIcon rect{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35px}.section-module__lSXjyG__tab:hover,.section-module__lSXjyG__tab:focus-visible{color:var(--learning-text)}.section-module__lSXjyG__tab:hover .section-module__lSXjyG__tabIcon,.section-module__lSXjyG__tab:focus-visible .section-module__lSXjyG__tabIcon,.section-module__lSXjyG__activeTab .section-module__lSXjyG__tabIcon{opacity:1}.section-module__lSXjyG__tab:focus-visible{outline:1px solid var(--learning-text);outline-offset:2px}.section-module__lSXjyG__activeTab{border-color:color-mix(in srgb, var(--learning-text) 12%, transparent);background:var(--learning-text);color:var(--learning-background);box-shadow:0 1px 2px #00000047}.section-module__lSXjyG__tabsIndicatorReady .section-module__lSXjyG__activeTab{box-shadow:none;background:0 0;border-color:#0000}.section-module__lSXjyG__activeTab:hover,.section-module__lSXjyG__activeTab:focus-visible{color:var(--learning-background)}.section-module__lSXjyG__tab:active{transform:scale(.98)}.section-module__lSXjyG__tabIndicator{z-index:0;pointer-events:none;border:1px solid color-mix(in srgb, var(--learning-text) 12%, transparent);background:var(--learning-text);border-radius:999px;transition:none;position:absolute;top:0;left:0;box-shadow:0 1px 2px #00000047}.section-module__lSXjyG__tabIndicator[data-animated=true]{transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1)}.section-module__lSXjyG__showcase{background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;width:100%;height:720px;display:flex;position:relative;overflow:hidden}.section-module__lSXjyG__phoneFrame{z-index:2;background:#151718;border:0;border-radius:38px;flex:none;width:280px;height:603px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 56px #00000061,0 4px 16px #00000052}.section-module__lSXjyG__phoneFrameChanging{animation:.36s cubic-bezier(.2,.8,.2,1) both section-module__lSXjyG__device-arrive}.section-module__lSXjyG__phoneImage{width:280px;height:auto;display:block}.section-module__lSXjyG__annotationLayer{z-index:3;pointer-events:none;width:840px;height:720px;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-module__lSXjyG__annotationLines{width:100%;height:100%;color:color-mix(in srgb, var(--learning-muted) 78%, transparent);display:block;position:absolute;inset:0;overflow:visible}.section-module__lSXjyG__annotationLines marker path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px}.section-module__lSXjyG__annotationPath{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.15px}.section-module__lSXjyG__annotationCopy{width:180px;color:var(--learning-muted);text-wrap:pretty;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1.5;position:absolute}.section-module__lSXjyG__leftAnnotation{text-align:right;left:20px}.section-module__lSXjyG__rightAnnotation{text-align:left;right:20px}@keyframes section-module__lSXjyG__device-arrive{0%{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@container (max-width:1024px){.section-module__lSXjyG__section{min-height:1012px}.section-module__lSXjyG__inner{padding:64px 40px}.section-module__lSXjyG__introduction{margin-bottom:32px}.section-module__lSXjyG__copy{gap:16px}.section-module__lSXjyG__title{letter-spacing:-1.9px;max-width:560px;font-size:42px}.section-module__lSXjyG__description{max-width:560px;font-size:15px;line-height:1.55}.section-module__lSXjyG__tabs{align-self:center;max-width:780px}.section-module__lSXjyG__showcase{height:660px}.section-module__lSXjyG__annotationLayer{top:-30px}}@container (max-width:834px){.section-module__lSXjyG__section{min-height:0}.section-module__lSXjyG__inner{padding:48px 20px}.section-module__lSXjyG__introduction{margin-bottom:28px}.section-module__lSXjyG__title{letter-spacing:-1.7px;max-width:480px;font-size:38px;line-height:1.08}.section-module__lSXjyG__description{max-width:520px;font-size:15px}.section-module__lSXjyG__tabs{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;align-self:center;gap:4px;width:calc(100% + 40px);max-width:none;min-height:42px;margin-bottom:18px;padding:2px 20px 6px;overflow-x:auto}.section-module__lSXjyG__tabs::-webkit-scrollbar{display:none}.section-module__lSXjyG__showcase{height:auto;min-height:0;padding:32px 16px}.section-module__lSXjyG__phoneFrame{aspect-ratio:1179/2537;border-radius:34px;width:min(280px,78cqw);height:auto}.section-module__lSXjyG__phoneImage{width:100%}.section-module__lSXjyG__annotationLayer{display:none}}@container (max-width:520px){.section-module__lSXjyG__inner{padding:40px 16px}.section-module__lSXjyG__title{letter-spacing:-1.45px;max-width:360px;font-size:34px}.section-module__lSXjyG__description{max-width:370px;font-size:14px}.section-module__lSXjyG__tabs{width:calc(100% + 32px);padding-left:16px;padding-right:16px}.section-module__lSXjyG__showcase{border-radius:16px}}@media (prefers-reduced-motion:reduce){.section-module__lSXjyG__tab,.section-module__lSXjyG__tabIcon,.section-module__lSXjyG__tabIndicator[data-animated=true]{transition:none}.section-module__lSXjyG__phoneFrameChanging{animation:none}}