learning-demo{--file-one:1;--file-two:1;--prompt:1;--create:0;--document:0;--confirm:0;--lesson:0;--mobile-chat:0;--check:0;--reply:0;--chat-scroll:0px}learning-demo:not(:defined){height:100svh}.demo-caption:not(:first-child){opacity:0}.demo-screen{isolation:isolate}.demo-new-label{opacity:calc(1 - var(--document))}.demo-topic-label{opacity:var(--document);position:absolute;left:7.6rem}.demo-home{opacity:calc(1 - var(--document));transform:scale(calc(1 - var(--document) * .04));zoom:var(--home-scale,1)}.demo-welcome{opacity:calc(1 - var(--create));transform:translateY(calc(var(--create) * -12px))}.demo-file{transform-origin:0}[data-demo-file="0"]{opacity:var(--file-one);transform:translate(calc((1 - var(--file-one)) * -32px), calc((1 - var(--file-one)) * -65px)) scale(calc(2.9 - var(--file-one) * 1.9))}[data-demo-file="1"]{opacity:var(--file-two);transform:translate(calc((1 - var(--file-two)) * 36px), calc((1 - var(--file-two)) * -85px)) scale(calc(2.9 - var(--file-two) * 1.9))}.demo-prompt{opacity:var(--prompt);transform:translateY(calc((1 - var(--prompt)) * -20px)) scale(calc(3.5 - var(--prompt) * 2.5));clip-path:inset(0 calc((1 - var(--prompt)) * 100%) 0 0)}.demo-topic-placeholder{opacity:calc(1 - max(var(--file-one), var(--prompt)) * 4)}.demo-send{transform:scale(calc(1 - var(--create) * .15));opacity:calc(1 - var(--create) * .5)}.demo-send-arrow{opacity:calc(1 - var(--create) * 4)}.demo-send-loader{opacity:calc(var(--create) * 4)}.demo-document{opacity:var(--document);transform:translateY(calc((1 - var(--document)) * 20px))}.demo-document-body{transform:translateY(calc(var(--lesson) * var(--document-scroll-offset,0px)))}.demo-confirm{opacity:calc(1 - var(--confirm));transform:scale(calc(1 - var(--confirm) * .08))}.demo-notes{opacity:var(--lesson);transform:translateY(calc((1 - var(--lesson)) * 20px - var(--lesson) * 55px))}.demo-chat{opacity:var(--create)}.demo-conversation{transform:translateY(var(--chat-scroll))}.demo-chat-intro{opacity:var(--document)}.demo-chat-request{opacity:calc(1 - var(--document))}.demo-chat-confirm{opacity:var(--confirm);transform:translateY(calc((1 - var(--confirm)) * 12px))}.demo-explanation{opacity:var(--lesson);clip-path:inset(0 0 calc((1 - var(--lesson)) * 100%) 0)}.demo-check{opacity:var(--check);transform:translateY(calc((1 - var(--check)) * 15px))}.demo-reply-placeholder{opacity:calc(1 - var(--reply) * 4)}.demo-reply{opacity:min(1, calc(var(--reply) * 4));clip-path:inset(0 calc((1 - var(--reply)) * 100%) 0 0)}@media (orientation:landscape){.demo-chat{width:calc(var(--create) * 38%);margin-left:calc((1 - var(--create)) * -12px);transform:translateX(calc((1 - var(--create)) * 35px))}}@media not all and (orientation:landscape){.demo-chat{opacity:var(--mobile-chat);transform:translateX(calc((1 - var(--mobile-chat)) * 105%));box-shadow:-12px 0 24px -16px #0004}.demo-suggestions{transform:scale(calc(1 - var(--create) * .025));gap:8px;margin-bottom:16px}.demo-welcome{margin-bottom:16px}.demo-welcome p:first-child{font-size:24px}.demo-welcome p+p{margin-top:8px;font-size:12px;line-height:20px}.demo-suggestions>div{gap:12px;padding:12px}.demo-suggestion-icon{width:32px;height:32px}.demo-suggestions p:first-child{font-size:12px}.demo-suggestions p+p{font-size:10px;line-height:16px}.demo-prompt{font-size:.8rem}}@media (orientation:landscape) and (height<=600px){.demo-stage{gap:10px;padding-block:12px}.demo-title{font-size:1.5rem}.demo-toolbar{height:32px}.demo-welcome,.demo-suggestions p+p{display:none}.demo-suggestions{margin-bottom:10px}.demo-suggestions>div{border-radius:14px;flex-direction:row;align-items:center;gap:8px;min-height:56px;padding:8px}.demo-suggestions>div>span{width:24px;height:24px}.demo-suggestions p{font-size:10px}.demo-topic-composer{min-height:100px;padding:10px}.demo-topic-composer>div:last-child{margin-top:10px;padding-top:0}.demo-composer-toolbar .demo-submit,.demo-composer-toolbar .demo-attach{width:24px;height:24px}.demo-composer-options{font-size:10px}.demo-topic-composer .demo-prompt{margin-top:6px;font-size:12px}.demo-document{padding-block:14px}.demo-materials,.demo-plan li>span+span{display:none}.demo-document-body>h4{margin-top:0;font-size:22px;line-height:1.2}.demo-plan{margin-top:10px;padding:10px}.demo-plan>p{margin-bottom:8px;font-size:12px}.demo-plan ol{font-size:11px}.demo-plan li+li{margin-top:6px}.demo-confirm{margin-top:10px;padding:6px 12px;font-size:11px}.demo-notes{font-size:11px;line-height:1.6}.demo-notes h5{font-size:15px}.demo-notes>p:last-child{display:none}.demo-chat>div:first-child{height:32px}.demo-chat>div:last-child>div:first-child{min-height:30px}.demo-chat>div:last-child{margin:0 8px 8px;padding:8px}.demo-chat>div:last-child>div:last-child{margin-top:4px}.demo-reply,.demo-reply-placeholder{font-size:11px;line-height:14px}.demo-check{padding:10px}.demo-check>p:first-child{margin-bottom:4px;font-size:9px}.demo-conversation{gap:12px;font-size:11px;line-height:1.6}.demo-chat-request{gap:8px;top:12px}}@media (orientation:portrait) and (height<=700px){.demo-welcome,.demo-materials,.demo-plan li>span+span{display:none}.demo-document-body>h4{margin-top:0}.demo-suggestions>div{padding-block:6px}.demo-suggestion-icon{width:28px;height:28px}.demo-suggestions{margin-bottom:12px}.demo-suggestions p+p{display:none}.demo-topic-composer{min-height:144px;padding:12px}.demo-topic-composer .demo-file-pill{gap:6px;padding:4px 8px;font-size:10px;line-height:16px}.demo-topic-composer .demo-file-pill svg{width:12px;height:12px}.demo-topic-composer>div:last-child{padding-top:12px}.demo-composer-toolbar .demo-submit{width:28px;height:28px}.demo-plan{margin-top:12px;padding:12px}.demo-plan>p{margin-bottom:8px;font-size:12px}.demo-plan ol{font-size:12px}.demo-notes{font-size:13px}.demo-notes h5{font-size:16px}.demo-notes>p:last-child{display:none}}@media (orientation:landscape) and (height<=380px){.demo-surface{zoom:.75}}@media (prefers-reduced-motion:reduce){.demo-home,.demo-welcome,.demo-file,.demo-prompt,.demo-send,.demo-document,.demo-confirm,.demo-check,.demo-chat-confirm{transform:none}}download-section{--download-progress:1;--download-scale:calc(4 - 3 * var(--download-progress));--download-reveal:1;width:100vw;height:320svh;margin-left:calc(50% - 50vw);display:block;position:relative}.download-stage{isolation:isolate;height:100svh;position:sticky;top:0;overflow:hidden}.download-halo{z-index:-1;opacity:var(--download-progress);background:radial-gradient(#e9c76c0d,#0000 55%);position:absolute;inset:0}.download-orbits{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.download-trail,.download-trail-glow{stroke-width:2px;stroke-linecap:round;opacity:min(1, calc(var(--trail-progress,1) * 8))}.download-trail-glow{stroke-width:10px;filter:blur(7px);opacity:calc(var(--trail-progress,1) * .5)}.download-copy{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.download-copy h2{letter-spacing:-.055em;transform:scale(var(--download-scale));font-size:clamp(2rem,4.56vw,7rem);font-weight:550;line-height:1.1}.download-reveal{margin-top:18px;margin-bottom:calc(-140px * (1 - var(--download-reveal)));opacity:var(--download-reveal);transform:translateY(calc((1 - var(--download-reveal)) * 22px));visibility:hidden;flex-direction:column;align-items:center;gap:28px;display:flex}download-section[ready] .download-reveal,download-section:not(:defined) .download-reveal{visibility:visible}.download-free{letter-spacing:-.04em;color:var(--muted-foreground);font-size:clamp(1.5rem,2.5vw,2.25rem)}.download-button{pointer-events:auto;min-height:3.25rem;padding-inline:1.75rem}.download-integration{aspect-ratio:1;width:clamp(76px,9vw,124px);transform:translate(-50%, -50%) scale(var(--download-scale));position:absolute;top:24%;left:54%}.download-icon-face{aspect-ratio:1;border:1px solid var(--border);background:linear-gradient(145deg, var(--card), var(--background));border-radius:26%;place-items:center;width:100%;display:grid;box-shadow:0 12px 32px -16px #b9954126,inset 0 1px #ffffff30}.download-icon-face img{object-fit:contain;width:52%;height:52%}.dark .download-codex{filter:brightness(0)invert()}.download-integration>span{color:var(--muted-foreground);white-space:nowrap;font-size:12px;font-weight:500;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}download-section:not(:defined){height:100svh}download-section:not(:defined) .download-integration[data-integration="0"]{top:52%;left:25.5%}download-section:not(:defined) .download-integration:last-child{top:69%;left:73.5%}@media (width<=600px){.download-copy h2{font-size:clamp(1.6rem,6.84vw,3.4rem)}.download-integration{width:64px}.download-integration>span{font-size:10px}.download-reveal{gap:24px}.download-trail{stroke-width:1.5px}}@media (orientation:landscape) and (height<=650px){.download-copy{padding:16px}.download-copy h2{font-size:clamp(1.5rem,min(4vw,9svh),2.125rem)}.download-reveal{gap:14px;margin-top:10px}.download-free{font-size:clamp(1.1rem,5.5svh,1.5rem)}.download-reveal .download-button{min-height:44px;padding:10px 24px}.download-integration{width:clamp(44px,12svh,60px)}.download-integration>span{font-size:10px;top:calc(100% + 8px)}.download-trail{stroke-width:1.5px}}@media (orientation:portrait) and (height<=700px){.download-reveal{gap:18px;margin-bottom:0;transform:none}.download-reveal .download-button{min-height:44px;padding:10px 24px}.download-integration{width:56px}}@media (prefers-reduced-motion:reduce){download-section{height:100svh}}