/* Study Pal motion showcase. Transforms, opacity and bounded timelines do the work. */
.site-header{position:sticky;top:0;z-index:30;background:rgba(250,249,246,.93);backdrop-filter:blur(16px);transition:box-shadow .35s,padding .35s}.has-scrolled .site-header{box-shadow:0 1px 0 #dedfeb}.site-header nav{gap:23px}.motion-toggle{display:flex;align-items:center;gap:7px;background:none;color:#7b86a0;padding:8px 4px;font-size:10px;min-height:40px}.motion-toggle>span:first-child{font-size:20px;line-height:1;color:#879bd7}.motion-toggle[aria-pressed=true]>span:first-child{animation:control-orbit 8s linear infinite}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--lavender);z-index:50;transform:scaleX(0);transform-origin:left;pointer-events:none}.hero{padding-top:63px;padding-bottom:95px;overflow:clip}.hero h1>span{display:block;color:var(--ink)}.hero h1>span:last-child{color:#788ace}.headline-line{overflow:hidden;padding-bottom:7px;margin-bottom:-7px}.headline-line>span{display:block;animation:headline-arrive 1.35s cubic-bezier(.16,1,.3,1) both}.headline-line:nth-child(2)>span{animation-delay:.15s}.hero .eyebrow{animation:copy-arrive .9s .05s both}.hero-description{animation:copy-arrive 1s .3s both}.hero-actions{animation:copy-arrive 1s .5s both}.hero-small{animation:copy-arrive 1s .65s both}.hero-art{height:365px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:-70px;background:radial-gradient(ellipse,#dfdef77a,transparent 64%);z-index:-1;animation:halo-breathe 9s ease-in-out infinite}.art-orbit{width:430px;height:295px;animation:orbit-lean 13s ease-in-out infinite;border-color:#d8dbea;background:none}.art-orbit:before{width:10px;height:10px;box-shadow:0 0 0 7px #a7b7f515}.hero-ink{position:absolute;inset:-7px 0 0 -5px;width:100%;height:100%;overflow:visible;z-index:-1}.hero-ink path{fill:none;stroke:#9faee1;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:hero-trace 8s 1s ease-in-out infinite;opacity:.65}.hero-ink circle{fill:#96a9df;animation:hero-tip 8s 1s ease-in-out infinite}.hero-buddy{position:absolute;width:180px;height:190px;left:calc(50% - 90px);top:calc(50% - 90px);display:grid;place-items:center;animation:buddy-float 6s ease-in-out infinite;z-index:2;filter:drop-shadow(0 21px 14px #4c639728)}.hero-buddy>.buddy{transform:scale(2.6) rotate(-6deg)}.hero-buddy:hover>.buddy{transform:scale(2.6) rotate(5deg)}.floating-note{right:-6px;top:-11px;animation:note-float-a 7s ease-in-out infinite;font-size:11px;padding:15px 18px;z-index:3}.hero-note{position:absolute;background:#fff;border:1px solid #e0e2ed;box-shadow:0 12px 30px #2334520c;border-radius:10px;display:flex;align-items:center;gap:10px;padding:13px 17px;font-size:9px;z-index:3;color:#959daf;white-space:nowrap}.hero-note-a{left:-22px;bottom:54px;transform:rotate(-8deg);animation:note-float-b 8s ease-in-out infinite}.hero-note-b{right:-22px;bottom:42px;transform:rotate(7deg);animation:note-float-c 7.5s ease-in-out infinite}.hero-note>span{font-size:23px;color:#a2b2e5}.hero-note strong{display:block;font-weight:500;font-size:11px;color:#526381;margin-top:5px}.hero-note i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#edf4eb;color:#7a9b74;display:grid;place-items:center}.spark-one{left:8px;top:48px;animation:spark-turn 8s ease-in-out infinite}.spark-two{right:19px;bottom:133px;animation:spark-turn 7s ease-in-out 1s infinite}.art-caption{bottom:-28px}.motion-ribbon{max-width:100%;overflow:hidden;margin:0 0 40px;padding:18px 0;border-top:1px solid #e5e5ed;border-bottom:1px solid #e5e5ed;background:#f3f2f7;color:#9ca8cb;user-select:none}.motion-ribbon>div{display:flex;align-items:center;gap:50px;width:max-content;animation:ribbon-drift 34s linear infinite}.motion-ribbon span{font-size:20px;font-weight:500;letter-spacing:-.6px;color:#697b9f}.motion-ribbon i{font-size:18px;font-style:normal}.tour-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 13px;font-size:11px;color:#75829b}.tour-controls>div{display:flex;align-items:center;gap:8px}.tour-controls small{color:#a1a8b5;font-size:9px;margin-left:7px}.tour-indicator{width:5px;height:5px;background:#8599d1;border-radius:50%;box-shadow:0 0 0 3px #e7ebf7}.tour-controls>button{border:1px solid #dfe3ed;background:#fdfdfb;color:#69768d;display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:6px;font-size:10px}.tour-controls>button:hover{border-color:#aab9e2}.tour-controls>button:disabled{opacity:.6;cursor:default}.tour-progress{height:2px;background:#e4e8f3;margin-bottom:11px;overflow:hidden;border-radius:2px}.tour-progress i{display:block;height:100%;background:#91a6e0;transform-origin:left;transform:scaleX(0);width:100%}.app-window{box-shadow:0 30px 75px #23354c20,0 3px 10px #23354c15;transition:background .65s,border-color .65s,box-shadow .65s}.app-content{height:470px}.demo-sidebar{padding-top:29px}.demo-brand{font-size:14px}.demo-nav{font-size:11px;padding:10px}.demo-folder{font-size:11px}.demo-account{font-size:11px}.demo-note strong{font-size:11px}.demo-note p{font-size:10px}.demo-note small{font-size:9px}.demo-editor{padding:27px 36px}.note-meta{font-size:10px;margin-bottom:27px}.demo-editor>h3{font-size:34px;margin-bottom:12px;letter-spacing:-1.25px}.note-intro{font-size:13px;margin-bottom:23px}.demo-editor>h4{font-size:14px;margin-bottom:11px}.note-body,.marked-passage p{font-size:13px;line-height:1.85}.note-body{margin-bottom:16px}.note-footnote{font-size:11px;margin-top:18px}.marked-passage{position:relative;padding:6px 0;transition:max-width .8s var(--ease),background .65s,color .65s;max-width:490px;margin-top:8px}.marked-passage p{margin:0;position:relative;z-index:1}.app-window[data-demo=draw] .marked-passage,.app-window[data-demo=edit] .marked-passage{max-width:calc(100% - 300px);min-height:73px}.app-window[data-demo=draw] .note-body,.app-window[data-demo=edit] .note-body{opacity:.45;max-width:400px}.scope-tag{position:absolute;left:10px;top:-27px;background:var(--app-accent);color:var(--app-side);padding:4px 7px;font-size:8px;border-radius:4px;white-space:nowrap}.draw-outline{position:absolute;inset:-9px -17px;width:calc(100% + 34px);height:calc(100% + 18px);overflow:visible;pointer-events:none}.draw-outline path{stroke:var(--app-accent);stroke-width:2.4;fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.draw-outline .scan-light{fill:#a7b7f54a;opacity:0}.tour-pen{position:absolute;z-index:5;left:0;top:0;pointer-events:none;width:40px;height:40px}.tour-pen img{display:block;width:40px;height:40px}.marked-passage.example-updated{background:color-mix(in srgb,var(--app-accent) 15%,transparent);border-radius:6px;padding:10px}.demo-pal{width:282px;right:26px;bottom:64px;padding:17px;border-color:#899bc1;box-shadow:0 16px 36px #0a142c30;animation:none;max-height:calc(100% - 55px);overflow:auto;scrollbar-width:thin;transition:height .6s var(--ease)}.pal-heading{font-size:13px;margin-bottom:14px}.pal-heading small{font-size:8px}.pal-question{font-size:11px;margin-left:27px;padding:10px 12px;line-height:1.6}.pal-answer{font-size:11px;line-height:1.85;margin:12px 7px 14px 0;padding:11px 12px}.pal-reply{font-size:10px;padding:9px 10px}.tour-thinking{display:flex;align-items:center;gap:4px;padding:17px 10px;margin-top:6px}.tour-thinking>span{width:4px;height:4px;background:#acbcec;border-radius:50%;animation:thinking-hop 1.1s ease-in-out infinite}.tour-thinking>span:nth-child(2){animation-delay:.14s}.tour-thinking>span:nth-child(3){animation-delay:.28s}.tour-thinking small{font-size:9px;color:#c2cde5;margin-left:8px}.followup-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #768aad;background:#34435e;color:#dce5ff;font-size:10px;min-height:34px;padding:7px 10px;border-radius:5px;margin-bottom:12px}.followup-button:hover{background:#4a5c7c}.tour-followup .pal-answer{font-size:10px}.tour-edit-review{border:1px solid #7184a8;border-radius:7px;padding:11px;margin:12px 0}.review-label{font-size:8px;color:#c9d5ee;margin:0 0 11px;line-height:1.6}.edit-before,.edit-after{border-radius:5px;padding:8px 10px;margin-bottom:8px}.edit-before{background:#554856}.edit-after{background:#354f54}.edit-before small{color:#e3bfc9}.edit-after small{color:#b6d8c5}.edit-before small,.edit-after small{font-size:7px;letter-spacing:.7px}.edit-before p,.edit-after p{font-size:10px;line-height:1.7;margin:4px 0 0}.edit-before p{text-decoration:line-through;text-decoration-color:#dbaeae80}.edit-actions button{width:100%;display:flex;align-items:center;justify-content:space-between;background:#a7b7f5;color:#24354e;padding:9px 8px;min-height:35px;border-radius:4px;font-size:10px;font-weight:600}.edit-actions button:disabled{opacity:.7;cursor:default}.edit-assurance{font-size:8px;margin:9px 0 0;color:#c7d1e4;line-height:1.7}.demo-character{bottom:10px;right:25px;animation:demo-buddy-idle 8s ease-in-out infinite}.preview-tabs{gap:25px}.preview-tabs button{transition:color .4s,border-color .4s,transform .4s}.preview-tabs button:hover{transform:translateY(-2px)}.preview-tabs button span{font-size:11px}.features{padding-top:100px;padding-bottom:88px}.feature-grid article{position:relative}.feature-symbol{transition:transform .6s var(--ease),box-shadow .5s}.feature-grid article:hover .feature-symbol{transform:translateY(-6px) rotate(-8deg);box-shadow:0 9px 18px #53688f10}.feature-grid article:nth-child(2):hover .feature-symbol{transform:translateY(-6px) rotate(45deg)}
/* A moving organisation example with actual demo cards travelling into their folders. */
.workflow-section{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:60px;padding-top:40px;padding-bottom:105px}.workflow-copy h2{font-size:38px;line-height:1.15;margin:0 0 21px}.workflow-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#69758b;max-width:345px}.workflow-facts{display:grid;gap:10px;font-size:11px;color:#7a86a0;margin:24px 0 27px}.workflow-facts span{display:block}.workflow-copy .button{font-size:12px}.illustration-note{font-size:9px!important;color:#9aa1b0!important;margin-top:14px!important;line-height:1.8!important}.sorting-scene{position:relative;background:#1c2738;color:#e5ecfb;border:1px solid #415271;border-radius:15px;overflow:hidden;padding:21px 25px 0;box-shadow:0 25px 55px #26345120}.scene-ambient{position:absolute;width:300px;height:300px;top:-105px;right:-30px;background:radial-gradient(circle,#7991d830,transparent 68%);pointer-events:none;animation:ambient-drift 11s ease-in-out infinite}.scene-caption{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a5b3cd;padding-bottom:20px;border-bottom:1px solid #36445b}.scene-caption>span:first-child{display:flex;align-items:center;gap:7px}.scene-caption i{width:4px;height:4px;background:#a7b7f5;border-radius:50%;box-shadow:0 0 0 4px #a7b7f510}.scene-caption>span:last-child{font-size:7px;letter-spacing:1px;color:#71829f}.sort-board{display:grid;grid-template-columns:1fr 1fr;gap:58px;position:relative;min-height:309px;padding:27px 0 26px}.sorting-routes{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#617499;stroke-dasharray:.025 .02;stroke-width:1.5;opacity:.8;pointer-events:none}.sorting-routes path{vector-effect:non-scaling-stroke}.sorting-scene[data-phase=sorting] .sorting-routes{animation:route-flow 1.4s linear infinite}.sort-queue,.sort-destinations{position:relative;z-index:1;min-width:0}.sort-queue h3{font-size:12px;display:flex;align-items:center;justify-content:space-between;letter-spacing:0;margin:0 0 19px;color:#d4def1;font-weight:500}.sort-queue h3>span{font-size:9px;background:#34435b;border-radius:4px;padding:3px 6px;color:#c7d5f2}.sort-source-notes{display:grid;gap:14px;min-height:188px;align-content:start}.sort-note{position:relative;display:flex;align-items:center;gap:10px;background:#304059;border:1px solid #4a5e80;padding:14px 11px;border-radius:8px;overflow:hidden;min-height:78px;isolation:isolate;min-width:0}.sort-note>i{font-size:18px;font-style:normal;color:#a7b7f5;flex-shrink:0}.sort-note strong{font-size:10px;line-height:1.5;display:block;font-weight:500;white-space:nowrap}.sort-note>div{min-width:0}.sort-note>div>span{display:block;font-size:8px;line-height:1.7;color:#93a7c5;margin-top:4px;max-width:130px}.sort-scan{position:absolute;inset:0;opacity:0;background:linear-gradient(100deg,transparent,#a7b7f52e,transparent);transform:translateX(-100%);pointer-events:none;z-index:-1}.sort-note.is-reading .sort-scan{animation:note-scanning 1.8s ease-in-out infinite;opacity:1}.sort-destinations{display:grid;gap:20px;align-content:start;padding-top:20px}.example-folder{border:1px solid #4a5a75;background:#243248;border-radius:9px;min-height:102px;padding:13px;transition:border-color .55s,background .55s}.example-folder>div:first-child{display:grid;grid-template-columns:23px 1fr;gap:3px 3px;align-items:center}.example-folder>div:first-child>span{font-size:24px;grid-row:1/3;color:#aac0f4;line-height:1}.example-folder h4{font-size:10px;font-weight:550;margin:0}.example-folder small{font-size:8px;color:#8ea4c7;margin-top:3px}.example-folder .folder-notes:empty{display:none}.example-folder.has-note{background:#2a3c53;border-color:#718aa9}.example-folder .sort-note{background:#34475f;border-color:#506781;margin-top:12px;padding:8px 7px;min-height:52px;gap:6px}.example-folder .sort-note>i{font-size:12px}.example-folder .sort-note strong{font-size:8px}.example-folder .sort-note>div>span{font-size:7px;margin-top:2px}.sort-ghost{position:absolute;z-index:5;pointer-events:none;box-shadow:0 12px 25px #101a3030;margin:0!important}.sort-clear{height:160px;border:1px dashed #435674;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a7c8ba;font-size:23px;gap:15px;padding:10px}.sort-clear span{font-size:9px;color:#879cbf;text-align:center;line-height:1.7}.sort-scene-footer{border-top:1px solid #3c4c65;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 -25px;padding:13px 25px;background:#1b2535;font-size:9px;color:#8da1c3;min-height:49px}.sort-scene-footer button{color:#c1ceeb;background:none;font-size:9px;padding:7px 0;display:flex;gap:6px;align-items:center;min-height:28px}.sort-scene-footer button:hover{color:white}.sort-scene-footer>span{line-height:1.7}
/* All three companions use the product's character designs, not generic icon tiles. */
.buddy{position:relative;flex-shrink:0;width:60px;height:62px;--buddy-face:#253557;transition:transform .6s var(--ease)}.buddy-pebble{border-radius:47% 52% 41% 44%;background:linear-gradient(150deg,#a3baff,#6c8fef);box-shadow:inset -5px -5px 0 #385baf16}.buddy-eye{position:absolute;width:5px;height:8px;top:23px;background:var(--buddy-face);border-radius:4px;animation:buddy-blink 7s ease-in-out infinite;transform-origin:center}.buddy-eye-left{left:20px}.buddy-eye-right{right:19px}.buddy-smile{position:absolute;left:27px;top:33px;width:9px;height:6px;border-bottom:2px solid var(--buddy-face);border-radius:0 0 10px 10px}.buddy-cheek{position:absolute;top:35px;width:8px;height:4px;background:#eaa0a699;border-radius:50%}.buddy-cheek-left{left:12px}.buddy-cheek-right{right:11px}.buddy-arm{position:absolute;top:33px;width:13px;height:18px;background:#819fef;border-radius:50%;transform-origin:top center}.buddy-left{left:-7px;transform:rotate(22deg)}.buddy-right{right:-7px;transform:rotate(-22deg);animation:buddy-wave 7s 1s ease-in-out infinite}.buddy-paper{width:48px;height:59px;background:#fff;border:2px solid #b3c7ef;border-radius:6px 17px 6px 6px;box-shadow:2px 4px 0 #dce6fb;margin-top:-3px}.buddy-fold{position:absolute;right:-2px;top:-2px;width:16px;height:16px;background:#d9e6ff;clip-path:polygon(0 0,100% 100%,0 100%);border-radius:0 0 0 4px}.buddy-paper .buddy-eye{top:21px;width:4px;height:6px}.buddy-paper .buddy-eye-left{left:13px}.buddy-paper .buddy-eye-right{right:12px}.buddy-paper .buddy-smile{top:28px;left:19px;width:7px;height:5px}.buddy-line{position:absolute;left:11px;width:25px;height:2px;background:#bbceef;border-radius:2px}.buddy-line-one{top:39px}.buddy-line-two{top:45px;width:17px}.buddy-foot{position:absolute;bottom:-9px;width:11px;height:6px;border-radius:5px;background:#7f9acf}.buddy-foot-left{left:7px}.buddy-foot-right{right:7px}.buddy-bot{width:63px;height:48px;background:linear-gradient(135deg,#b9d7ff,#87afea);border-radius:14px;margin-top:8px;border:1px solid #7398cf55}.buddy-visor{position:absolute;inset:9px 8px 10px;background:#253b66;border-radius:9px;overflow:hidden}.buddy-bot .buddy-eye{top:7px;width:6px;height:8px;background:#a1e4f6;box-shadow:0 0 5px #a1e4f655}.buddy-bot .buddy-eye-left{left:12px}.buddy-bot .buddy-eye-right{right:12px}.buddy-bot .buddy-smile{top:15px;left:20px;width:7px;height:4px;border-color:#a1e4f6}.buddy-antenna{position:absolute;width:2px;height:10px;background:#88a8d9;left:31px;top:-10px}.buddy-antenna:before{content:'';position:absolute;top:-5px;left:-3px;width:8px;height:8px;background:#75c4d8;border-radius:50%;box-shadow:0 0 6px #75c4d844}.buddy-ear{position:absolute;top:16px;width:6px;height:16px;border-radius:3px;background:#7e9fcf}.buddy-ear-left{left:-5px}.buddy-ear-right{right:-5px}.buddy-base{position:absolute;bottom:-8px;left:19px;width:26px;height:8px;background:#97b5df;border-radius:0 0 7px 7px}.personalities{padding-top:10px;padding-bottom:105px}.persona-heading{text-align:center}.persona-heading .eyebrow{justify-content:center}.persona-heading h2{font-size:38px;line-height:1.15;margin:0 0 20px}.persona-heading>p:not(.eyebrow){font-size:14px;color:#798398;line-height:1.9}.persona-layout{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:950px;margin:35px auto 0;gap:45px;align-items:center}.persona-picker{display:grid;gap:13px}.persona-picker button{display:flex;align-items:center;gap:18px;padding:15px 18px;border:1px solid #e0e4ec;border-radius:11px;background:#fdfdfb;color:#6c788f;text-align:left;transition:background .5s,border-color .5s,transform .5s var(--ease);min-height:89px;position:relative}.persona-picker button:hover{transform:translateX(5px)}.persona-picker button[aria-pressed=true]{border-color:#acbce9;background:#edf0fb;color:#3d5178}.persona-avatar{width:53px;height:60px;display:grid;place-items:center;flex-shrink:0}.persona-avatar>.buddy{transform:scale(.8)}.persona-picker strong{font-size:13px;display:block;font-weight:600}.persona-picker small{display:block;font-size:10px;color:#9aa3b3;margin-top:6px}.persona-picker button>i{font-size:11px;color:#8197cb;font-style:normal;margin-left:auto;opacity:0}.persona-picker button[aria-pressed=true]>i{opacity:1}.persona-chat{background:#eff1f8;border:1px solid #d5ddec;border-radius:13px;box-shadow:0 16px 40px #23354c0a;padding:25px;min-width:0}.persona-chat-top{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;font-weight:600;color:#566a91;margin-bottom:27px}.persona-chat-top small{font-weight:400;font-size:8px;letter-spacing:.7px;color:#95a2bb}.persona-user{background:#d9e0f6;color:#4c6089;border-radius:9px 9px 3px 9px;padding:14px 18px;margin-left:100px;font-size:12px;line-height:1.7;max-width:fit-content;justify-self:end}.persona-answer-row{display:flex;gap:15px;margin-top:25px;align-items:flex-end}.persona-answer-avatar{width:45px;height:49px;display:grid;place-items:center;flex-shrink:0;margin-bottom:7px}.persona-answer-avatar>.buddy{transform:scale(.63)}.persona-answer-row>p{padding:17px 20px;background:#fff;border:1px solid #e2e6f1;border-radius:10px 10px 10px 3px;font-size:13px;line-height:1.95;color:#657390;margin:0}.persona-footnote{font-size:9px;color:#929fb6;margin:22px 0 0 60px;line-height:1.9}.import-section{position:relative;overflow:clip}.import-art{min-width:0}.import-file{animation:import-sway 9s ease-in-out infinite}.import-file.file-b{animation-delay:-3s}.import-file.file-c{animation-delay:-5s}.import-art>img{animation:import-logo-breathe 7s ease-in-out infinite}.import-track{position:absolute;width:150px;left:110px;top:calc(50% - 1px);height:2px;background:linear-gradient(90deg,transparent,#c0cbed,transparent);transform:rotate(-4deg)}.import-track i{position:absolute;left:0;top:-7px;width:12px;height:15px;background:#e8ecfa;border:1px solid #b8c7ed;border-radius:3px;animation:import-fly 5s ease-in-out infinite}.import-track i:nth-child(2){animation-delay:-1.65s}.import-track i:nth-child(3){animation-delay:-3.3s}.import-arrow{opacity:.4}.pricing-cards .price-card{transition:transform .5s var(--ease),box-shadow .5s,border-color .5s}.pricing-cards .price-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #263f6310;border-color:#adbee7}.download-section{overflow:hidden}.download-art:before{content:'';position:absolute;inset:-35px;border:1px dashed #ccd5ed;border-radius:50%;animation:control-orbit 32s linear infinite}.download-orbit{animation:orbit-lean 12s ease-in-out infinite}.download-section h2{letter-spacing:-1.5px}.motion-ready [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.motion-ready [data-reveal].is-revealed{opacity:1;transform:translateY(0)}.motion-paused *{animation-play-state:paused!important}.motion-off *{animation:none!important;transition:none!important}.motion-off [data-reveal]{opacity:1!important;transform:none!important}.motion-off .hero-ink path{stroke-dashoffset:0}.motion-off .headline-line>span{transform:none;opacity:1}.motion-off .sort-scan{opacity:0}
@keyframes headline-arrive{from{transform:translateY(115%) rotate(3deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes control-orbit{to{transform:rotate(360deg)}}@keyframes halo-breathe{0%,100%{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1.06)}}@keyframes orbit-lean{0%,100%{transform:rotate(-25deg) scale(.96)}50%{transform:rotate(-5deg) scale(1.04)}}@keyframes buddy-float{0%,100%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-16px) rotate(4deg)}65%{transform:translateY(-11px) rotate(2deg)}}@keyframes note-float-a{0%,100%{transform:translateY(0) rotate(6deg)}50%{transform:translateY(-12px) rotate(2deg)}}@keyframes note-float-b{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(10px) rotate(-3deg)}}@keyframes note-float-c{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-8px) rotate(12deg)}}@keyframes spark-turn{0%,100%{transform:scale(.8) rotate(0);opacity:.65}50%{transform:scale(1.15) rotate(80deg);opacity:1}}@keyframes hero-trace{0%{stroke-dashoffset:1;opacity:0}14%{opacity:.7}50%,82%{stroke-dashoffset:0;opacity:.7}100%{stroke-dashoffset:-1;opacity:0}}@keyframes hero-tip{0%,50%{opacity:0}60%,80%{opacity:1}100%{opacity:0}}@keyframes ribbon-drift{to{transform:translateX(-50%)}}@keyframes thinking-hop{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}@keyframes demo-buddy-idle{0%,45%,100%{transform:translateY(0)}50%{transform:translateY(-5px) rotate(-5deg)}57%{transform:translateY(0) rotate(3deg)}65%{transform:translateY(0) rotate(0)}}@keyframes ambient-drift{0%,100%{transform:translate(-15px,0)}50%{transform:translate(70px,90px)}}@keyframes route-flow{to{stroke-dashoffset:-.09}}@keyframes note-scanning{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes buddy-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes buddy-wave{0%,18%,42%,100%{transform:rotate(-22deg)}24%,35%{transform:rotate(-100deg)}29%,39%{transform:rotate(-60deg)}}@keyframes import-sway{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes import-fly{0%{opacity:0;transform:translateX(0) scale(.7) rotate(-15deg)}15%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translateX(150px) scale(.3) rotate(10deg)}}@keyframes import-logo-breathe{0%,100%{transform:scale(.95)}50%{transform:scale(1.06)}}
@media(max-width:1000px){.hero{gap:40px}.hero-art{transform:scale(.82)}.hero-note-a{left:-40px}.hero-note-b{right:-45px}.site-header nav{gap:20px}.motion-toggle-label{display:none}.app-content{grid-template-columns:140px 175px minmax(0,1fr);height:500px}.demo-editor{padding:25px}.demo-editor>h3{font-size:29px}.note-body,.marked-passage p{font-size:12px}.demo-pal{width:248px;right:18px;bottom:60px;padding:14px}.app-window[data-demo=draw] .marked-passage,.app-window[data-demo=edit] .marked-passage{max-width:calc(100% - 220px);min-width:110px}.app-window[data-demo=draw] .demo-list,.app-window[data-demo=edit] .demo-list{display:none}.app-window[data-demo=draw] .app-content,.app-window[data-demo=edit] .app-content{grid-template-columns:140px minmax(0,1fr)}.workflow-section{gap:30px;grid-template-columns:.9fr 1.3fr}.workflow-copy h2{font-size:32px}.sorting-scene{padding-left:18px;padding-right:18px}.sort-board{gap:35px}.sort-scene-footer{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.sort-note{padding:12px 8px;gap:7px}.sort-note strong{font-size:9px}.sort-note>div>span{font-size:7px}.persona-layout{gap:26px;grid-template-columns:255px minmax(0,1fr)}.persona-chat{padding:23px}.persona-user{margin-left:40px}.persona-answer-row{gap:10px}.persona-answer-row>p{font-size:12px;padding:15px}.persona-heading h2{font-size:34px}}
@media(max-width:760px){.site-header{padding:14px 24px}.site-header nav{gap:15px}.hero{position:relative;padding-top:50px;padding-bottom:70px;grid-template-columns:1fr 1fr;gap:10px}.hero-copy{grid-column:1/-1;z-index:2;max-width:460px}.hero h1{font-size:53px}.hero-description{max-width:370px;font-size:14px}.hero-art{position:absolute;right:10px;top:100px;width:330px;transform:scale(.62);transform-origin:right center;opacity:.32;z-index:0;pointer-events:none}.hero-art .floating-note,.hero-note{display:none}.hero-art .art-orbit{width:330px}.hero .art-caption{display:none}.motion-ribbon{margin-bottom:22px;padding:14px 0}.motion-ribbon span{font-size:16px}.motion-ribbon>div{gap:30px}.tour-controls small{display:none}.tour-controls{font-size:10px}.tour-controls>button{font-size:9px}.app-content{grid-template-columns:155px minmax(0,1fr);height:510px}.demo-sidebar{display:none}.app-window[data-demo=draw] .app-content,.app-window[data-demo=edit] .app-content{grid-template-columns:minmax(0,1fr)}.demo-editor>h3{font-size:29px}.note-body,.marked-passage p{font-size:12px}.app-window[data-demo=draw] .marked-passage,.app-window[data-demo=edit] .marked-passage{max-width:calc(100% - 280px);min-width:180px}.app-window[data-demo=draw] .note-body,.app-window[data-demo=edit] .note-body{max-width:300px}.demo-pal{width:255px;right:19px;bottom:60px}.preview-tabs{gap:18px;justify-content:space-between;width:100%}.preview-tabs button{gap:5px;flex-direction:column;align-items:start;font-size:8px}.preview-tabs button span{font-size:10px}.features{padding-top:75px;padding-bottom:65px}.workflow-section{grid-template-columns:1fr;gap:30px;padding-top:12px;padding-bottom:80px}.workflow-copy>p:not(.eyebrow){max-width:460px;font-size:13px}.workflow-copy h2{font-size:34px}.workflow-facts{display:flex;flex-wrap:wrap;gap:14px;font-size:10px}.sorting-scene{max-width:610px;width:100%;justify-self:center;padding-left:28px;padding-right:28px}.sort-board{gap:75px;min-height:350px;padding-top:35px;padding-bottom:35px}.sort-queue h3{font-size:14px;margin-bottom:23px}.sort-note{min-height:88px;padding:18px 14px}.sort-note strong{font-size:11px}.sort-note>div>span{font-size:9px;max-width:none}.sort-destinations{gap:23px;padding-top:30px}.example-folder{min-height:113px;padding:16px}.example-folder h4{font-size:12px}.example-folder small{font-size:9px}.example-folder .sort-note strong{font-size:10px}.example-folder .sort-note>div>span{font-size:8px}.sort-scene-footer{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.personalities{padding-bottom:75px}.persona-heading h2{font-size:32px}.persona-heading>p:not(.eyebrow){font-size:13px}.persona-layout{grid-template-columns:1fr;gap:25px;max-width:610px}.persona-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.persona-picker button{flex-direction:column;padding:17px 10px;gap:9px;text-align:center;min-height:155px}.persona-picker button:hover{transform:translateY(-4px)}.persona-picker strong{font-size:11px}.persona-picker small{font-size:9px}.persona-picker button>i{position:absolute;right:10px;top:9px}.persona-chat{padding:23px}.persona-chat-top{margin-bottom:22px}.persona-user{font-size:12px;margin-left:80px}.persona-answer-row>p{font-size:13px}.persona-footnote{font-size:9px}.import-art{max-width:370px}.motion-ready [data-reveal]{transform:translateY(20px)}}
@media(max-width:500px){.site-header{padding:13px 18px}.site-header nav{gap:12px}.motion-toggle{min-width:26px}.nav-download{font-size:10px!important;padding:10px;gap:9px}.wordmark{font-size:16px;gap:6px}.wordmark>img{width:31px;height:31px}.hero{padding-top:33px;padding-bottom:52px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-art{right:-10px;top:66px;width:300px;transform:scale(.44);opacity:.22}.hero .hero-small{font-size:9px}.hero .hero-description{max-width:320px;font-size:14px}.hero-actions{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.hero-actions .button{font-size:11px;min-width:0;padding:15px 17px;gap:17px}.hero-actions .text-link{font-size:10px;gap:7px}.motion-ribbon span{font-size:14px}.motion-ribbon>div{gap:27px}.tour-controls{gap:12px;align-items:center;margin-top:14px}.tour-controls>div{gap:6px}.tour-controls>button{white-space:nowrap;padding:7px 9px;min-height:34px}.tour-controls{font-size:9px}.app-content{grid-template-columns:minmax(0,1fr);height:520px}.app-window[data-demo=draw] .app-content,.app-window[data-demo=edit] .app-content{height:620px}.demo-list{display:none}.demo-editor{padding:21px}.demo-editor>h3{font-size:27px;line-height:1.25}.note-meta{font-size:8px;margin-bottom:24px}.note-intro{font-size:11px;margin-bottom:24px}.note-body,.marked-passage p{font-size:12px}.demo-editor>h4{font-size:12px}.marked-passage{margin-top:9px}.app-window[data-demo=draw] .marked-passage,.app-window[data-demo=edit] .marked-passage{max-width:none;min-width:0;min-height:65px;margin-top:25px}.app-window[data-demo=draw] .note-body,.app-window[data-demo=edit] .note-body{display:none}.app-window[data-demo=draw] .demo-editor>h4,.app-window[data-demo=edit] .demo-editor>h4{opacity:.4}.app-window[data-demo=draw] .note-intro,.app-window[data-demo=edit] .note-intro{margin-bottom:15px}.app-window[data-demo=draw] .demo-pal,.app-window[data-demo=edit] .demo-pal{bottom:46px;max-height:calc(100% - 305px)}.demo-pal{width:calc(100% - 30px);max-width:300px;right:15px;bottom:55px;padding:14px;max-height:340px}.pal-heading{font-size:12px}.pal-question{font-size:10px}.pal-answer{font-size:10px;line-height:1.8}.demo-character{right:16px;bottom:7px;transform:scale(.88);transform-origin:bottom right}.preview-tabs{gap:8px}.preview-tabs button span{font-size:9px;line-height:1.5;max-width:70px}.preview-tabs button{font-size:8px;min-height:48px}.preview-bottom>p{font-size:10px}.features{padding-top:62px}.workflow-copy h2{font-size:31px}.workflow-facts{display:grid;gap:9px}.sorting-scene{padding:17px 17px 0;border-radius:11px}.scene-caption>span:last-child{font-size:6px;letter-spacing:.6px}.scene-caption{font-size:9px;gap:10px}.sort-board{grid-template-columns:1fr 1fr;gap:30px;min-height:325px;padding-top:28px;padding-bottom:27px}.sort-queue h3{font-size:11px}.sort-note{min-height:83px;gap:7px;padding:12px 8px}.sort-note>i{font-size:14px}.sort-note strong{font-size:8px;white-space:normal}.sort-note>div>span{font-size:7px}.sort-destinations{padding-top:25px;gap:25px}.example-folder{min-height:105px;padding:12px 9px}.example-folder>div:first-child{grid-template-columns:21px 1fr}.example-folder>div:first-child>span{font-size:21px}.example-folder h4{font-size:9px}.example-folder small{font-size:8px}.example-folder .sort-note{padding:7px 5px;gap:4px}.example-folder .sort-note strong{font-size:7px}.example-folder .sort-note>div>span{font-size:6px}.example-folder .sort-note>i{display:none}.sort-scene-footer{margin-left:-17px;margin-right:-17px;padding:12px 17px;font-size:8px}.sort-scene-footer button{font-size:8px}.persona-heading h2{font-size:29px}.persona-heading p>br{display:none}.persona-picker{gap:8px}.persona-picker button{padding:14px 7px 15px;min-height:141px;gap:8px}.persona-avatar{width:46px;height:55px}.persona-avatar>.buddy{transform:scale(.7)}.persona-picker strong{font-size:10px}.persona-picker small{font-size:8px;line-height:1.5;max-width:80px;margin:6px auto 0}.persona-picker button>i{font-size:8px}.persona-chat{padding:18px 16px}.persona-chat-top{font-size:11px}.persona-chat-top small{font-size:7px;letter-spacing:.4px}.persona-user{margin-left:45px;font-size:11px;padding:10px 13px}.persona-answer-avatar{width:33px;height:37px}.persona-answer-avatar>.buddy{transform:scale(.5)}.persona-answer-row{gap:10px;margin-top:20px}.persona-answer-row>p{font-size:11px;padding:13px 14px;line-height:1.9}.persona-footnote{font-size:8px;margin-left:43px}.import-track{left:90px;width:140px}.edit-assurance{font-size:7px}.review-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1;transform:none}.hero-ink path{stroke-dashoffset:0}.headline-line>span{transform:none;opacity:1}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The focused demonstrations give the selected passage its own breathing room. */
#app-preview,#features,#pricing,#download{scroll-margin-top:110px}.demo-pal{max-height:calc(100% - 100px)}
@media(min-width:1001px){.app-window[data-demo=draw] .demo-list,.app-window[data-demo=edit] .demo-list{display:none}.app-window[data-demo=draw] .app-content,.app-window[data-demo=edit] .app-content{grid-template-columns:170px minmax(0,1fr)}.app-window[data-demo=draw] .demo-editor>h3,.app-window[data-demo=edit] .demo-editor>h3{max-width:calc(100% - 290px)}}
@media(max-width:500px){.app-window[data-demo=edit] .app-content{height:730px}.app-window[data-demo=draw] .demo-pal,.app-window[data-demo=edit] .demo-pal{max-height:calc(100% - 330px)}.app-window[data-demo=edit] .pal-reply{display:none}}
.motion-paused *:before,.motion-paused *:after,body.page-hidden *:before,body.page-hidden *:after{animation-play-state:paused!important}.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}