.feature-tour-example{color:#19261c;min-width:0;height:300px;font:inherit;--scene-ease:cubic-bezier(.22,1,.36,1);font-size:16px;line-height:1.4}.feature-tour-example *,.feature-tour-example :before,.feature-tour-example :after{box-sizing:border-box}.feature-tour-example p,.feature-tour-example h4{margin:0}.feature-tour-example strong{font-weight:650}.feature-tour-example small{color:#56635a;font-size:14px;line-height:1.35;display:block}.feature-tour-example>div{min-width:0;height:100%;position:relative}.feature-tour-example .tour-object-title{justify-content:space-between;gap:8px;font-size:18px;font-weight:650;display:flex}.feature-tour-example .tour-object-title>span{color:#56635a;align-self:center;font-size:14px;font-weight:450}.feature-tour-example .tour-message{z-index:2;color:#fff;max-width:94%;transition:transform .6s var(--scene-ease);background:#4262b0;border-radius:18px 18px 4px;margin-left:auto;padding:12px 15px;font-size:16px;position:relative}.tour-chat-calendar{grid-template-columns:1fr 1fr;gap:10px;display:grid;position:absolute;inset:104px 0 38px}.tour-day-label{text-align:center;font-size:16px;font-weight:600}.tour-day-label span{color:#56635a;margin-top:2px;font-size:14px;font-weight:450;display:block}.tour-calendar-rule{background:linear-gradient(90deg,#0000 calc(50% - .5px),#ccd6c3 50%,#0000 calc(50% + .5px));border-top:1px solid #ccd6c3;position:absolute;inset:55px 0 0}.tour-chat-block{width:calc(50% - 5px);transition:transform .75s var(--scene-ease), opacity .55s, background .55s, box-shadow .55s;background:#dce9c7;border-left:3px solid #78995b;border-radius:10px;padding:13px 12px;position:absolute;top:70px;left:0}.tour-chat-block strong{font-size:18px;display:block}.tour-chat-block small{margin-top:4px}.tour-dentist{opacity:0;background:#e8e6d7;border-color:#aaa384;transform:translateY(-20px)}.tour-essay{z-index:1}.tour-scene-ask:not([data-beat="0"]) .tour-essay{transform:translate(calc(100% + 10px))}.tour-scene-ask:not([data-beat="0"]) .tour-dentist{opacity:1;transform:none}.tour-scene-ask[data-beat="1"] .tour-chat-block{background:#eaf0e2;box-shadow:0 0 0 2px #fafbf6,0 0 0 3px #a7b597}.tour-approval{text-align:center;color:#56635a;font-size:14px;position:absolute;bottom:0;left:0;right:0}.tour-scene-ask[data-beat="2"] .tour-approval{color:#426d34}.feature-tour-example .tour-task-row{height:78px;transform:translateY(calc(var(--tour-order) * 90px));transition:transform .8s var(--scene-ease), opacity .6s, background .6s, border-color .6s;background:#fbfcf7;border-left:3px solid #bdc7b4;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:absolute;top:8px;left:0;right:0}.tour-task-row strong{font-size:19px;display:block}.tour-task-row small{margin-top:4px}.tour-scene-tasks:not([data-beat="0"]) .tour-task-next{background:#e2edce;border-color:#779b51}.tour-scene-tasks[data-beat="2"] .tour-task-next{transform:translateY(80px)}.tour-scene-tasks[data-beat="2"] .tour-task-row:not(.tour-task-next){opacity:0;transform:translateY(calc(176px + (var(--tour-order) - 1) * 48px)) scale(.95)}.tour-document{transition:transform .8s var(--scene-ease), opacity .6s;background:#fbfcf7;border:1px solid #dce3d4;border-radius:8px;padding:22px 16px;position:absolute;inset:6px 12px 12px;box-shadow:0 8px 22px #25351706}.tour-document>strong{font-size:18px}.tour-document-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:67px 16px 20px}.tour-document-lines i,.tour-source-lines i{background:#dce3d5;border-radius:3px;width:94%;height:5px;display:block}.tour-document-lines i:nth-child(2n){width:65%}.tour-date{transition:top .8s var(--scene-ease), left .8s var(--scene-ease), right .8s var(--scene-ease), padding .8s var(--scene-ease), background .6s, border-width .6s;background:#edf1de;border-left:0 solid #72934e;border-radius:5px;flex-wrap:wrap;align-items:baseline;gap:3px 12px;padding:9px 0;display:flex;position:absolute;left:28px;right:28px}.tour-date span{font-size:16px}.tour-date strong{font-size:18px}.tour-date-first{top:92px}.tour-date-second{top:176px}.tour-scene-syllabus:not([data-beat="0"]) .tour-document{opacity:.2;transform:translate(-12px)rotate(-5deg)scale(.93)}.tour-scene-syllabus:not([data-beat="0"]) .tour-date{background:#fbfcf7;border-left-width:3px;padding:15px 18px;left:8px;right:8px}.tour-scene-syllabus:not([data-beat="0"]) .tour-date-first{top:46px}.tour-scene-syllabus:not([data-beat="0"]) .tour-date-second{top:150px}.tour-scene-syllabus[data-beat="2"] .tour-date{background:#dfebce}.tour-syllabus-review{text-align:center;color:#56635a;opacity:0;font-size:14px;transition:opacity .5s;position:absolute;bottom:4px;left:0;right:0}.tour-scene-syllabus:not([data-beat="0"]) .tour-syllabus-review{opacity:1}.tour-summary-paper{background:#fbfcf7;border:1px solid #dce3d4;border-radius:12px;padding:18px;transition:background .6s,border-color .6s;position:absolute;inset:5px 0}.tour-summary-paper>strong{font-size:20px}.tour-source-lines{opacity:1;flex-direction:column;justify-content:space-between;transition:opacity .5s;display:flex;position:absolute;inset:66px 18px 24px}.tour-source-lines i:nth-child(2n){width:74%}.tour-requirement{min-height:36px;transform:translateY(calc(var(--tour-item) * 60px));transition:transform .8s var(--scene-ease), padding .8s var(--scene-ease), background .6s;padding:5px 0;font-size:16px;position:absolute;top:84px;left:18px;right:18px}.tour-scene-summaries:not([data-beat="0"]) .tour-source-lines{opacity:0}.tour-scene-summaries:not([data-beat="0"]) .tour-requirement{transform:translateY(calc(var(--tour-item) * 54px - 20px));background:#e4ecd8;border-radius:7px;padding:9px 12px}.tour-scene-summaries[data-beat="2"] .tour-requirement{transform:translateY(calc(var(--tour-item) * 48px - 22px))}.tour-summary-estimate{opacity:0;transition:transform .7s var(--scene-ease), opacity .5s;border-top:1px solid #cbd8bd;padding-top:12px;position:absolute;bottom:20px;left:18px;right:18px;transform:translateY(18px)}.tour-summary-estimate strong{font-size:20px}.tour-scene-summaries[data-beat="2"] .tour-summary-estimate{opacity:1;transform:none}.tour-planning-grid{opacity:0;transition:transform .7s var(--scene-ease), opacity .6s;grid-template-columns:repeat(3,1fr);gap:8px;display:grid;position:absolute;inset:70px 0 0;transform:translateY(12px)}.tour-planning-grid>span{text-align:center;background:linear-gradient(#e8eddf80,#e8eddf00);border-top:1px solid #cbd8bd;padding-top:10px;font-size:16px}.tour-study-session{top:86px;left:calc(var(--tour-item) * 33.333%);color:#304f29;text-align:center;width:33.334%;height:100px;transition:transform .85s var(--scene-ease), width .85s var(--scene-ease), border-radius .6s, height .75s var(--scene-ease);background:#dce9c7;border-radius:0;padding:16px 3px;position:absolute}.tour-study-session:nth-of-type(2){border-radius:12px 0 0 12px}.tour-study-session:nth-of-type(4){border-radius:0 12px 12px 0}.tour-study-session strong{font-size:18px;display:block}.tour-study-session small{color:#46643a;margin-top:5px;font-size:16px}.tour-study-session strong,.tour-study-session small{opacity:0;transition:opacity .5s}.tour-assignment-total{text-align:center;transition:opacity .4s, transform .6s var(--scene-ease);font-size:32px;position:absolute;top:113px;left:0;right:0}.tour-scene-planning:not([data-beat="0"]) .tour-study-session{width:calc(33.333% - 5px);height:86px;transform:translateY(calc(22px + var(--tour-item) * 12px));border-radius:10px}.tour-scene-planning:not([data-beat="0"]) .tour-study-session strong,.tour-scene-planning:not([data-beat="0"]) .tour-study-session small{opacity:1}.tour-scene-planning:not([data-beat="0"]) .tour-assignment-total{opacity:0;transform:translateY(-20px)}.tour-scene-planning[data-beat="2"] .tour-planning-grid{opacity:1;transform:none}.tour-scene-planning[data-beat="2"] .tour-study-session{transform:translateY(calc(33px + var(--tour-item) * 39px))}.tour-time-bar{transition:transform .75s var(--scene-ease), opacity .55s;position:absolute;left:0;right:0}.tour-time-bar>div{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.tour-time-bar span{font-size:16px}.tour-time-bar strong{letter-spacing:-.04em;white-space:nowrap;font-size:32px;line-height:1}.tour-time-bar strong small{letter-spacing:0;font-size:16px;display:inline}.tour-time-bar i{transform-origin:0;height:22px;transition:transform .8s var(--scene-ease), background .6s;background:#a9c785;border-radius:5px;display:block}.tour-time-actual{top:86px}.tour-time-estimate{opacity:0;top:176px;transform:translateY(20px)}.tour-time-estimate i{background:#d4d0bb}.tour-scene-estimates:not([data-beat="0"]) .tour-time-actual{transform:translateY(-24px)}.tour-scene-estimates:not([data-beat="0"]) .tour-time-actual i{transform:scaleX(.6667)}.tour-scene-estimates:not([data-beat="0"]) .tour-time-estimate{opacity:1;transform:translateY(-8px)}.tour-scene-estimates[data-beat="2"] .tour-time-estimate i{background:#b8cf9c;transform:scaleX(.9222)}.tour-confidence{color:#56635a;opacity:0;font-size:14px;transition:opacity .55s;position:absolute;bottom:4px;left:0;right:0}.tour-scene-estimates[data-beat="2"] .tour-confidence{opacity:1}.tour-exam-track{opacity:0;border-top:1px solid #cbd8bd;transition:opacity .6s;position:absolute;top:230px;left:0;right:0}.tour-exam-block,.tour-prep-block{text-align:center;width:calc(33.333% - 6px);min-height:128px;transition:left .85s var(--scene-ease), width .85s var(--scene-ease), transform .85s var(--scene-ease), opacity .5s;border-radius:10px;padding:16px 4px;position:absolute;top:83px}.tour-exam-block{background:#e4e9d9;border-top:3px solid #77945f;width:70%;left:15%}.tour-exam-block>span,.tour-prep-block>span{font-size:14px;display:block}.tour-exam-block strong,.tour-prep-block strong{margin-top:12px;font-size:20px;display:block}.tour-exam-block small,.tour-prep-block small{margin-top:5px}.tour-prep-block{left:calc(var(--tour-item) * 33.333%);opacity:0;background:#dce9c7;transform:translateY(65px)}.tour-scene-exams:not([data-beat="0"]) .tour-exam-block{width:calc(33.333% - 6px);left:66.666%}.tour-scene-exams:not([data-beat="0"]) .tour-prep-block{opacity:1;transform:translateY(45px)}.tour-scene-exams[data-beat="2"] .tour-prep-block{transform:none}.tour-scene-exams[data-beat="2"] .tour-exam-track{opacity:1}.tour-day-timeline{transition:transform .8s var(--scene-ease);gap:16px;display:grid;position:absolute;top:25px;left:0;right:0}.tour-day-timeline>div{background:#f5f7f0;border-left:2px solid #bfcbb4;border-radius:0 8px 8px 0;align-items:center;gap:20px;height:57px;padding:10px 12px;transition:background .6s,border-color .6s;display:flex}.tour-day-timeline time{color:#56635a;flex-shrink:0;width:48px;font-size:14px}.tour-day-timeline strong{font-size:18px}.tour-notification{opacity:0;transition:transform .75s var(--scene-ease), opacity .5s;background:#fbfcf7;border:1px solid #e0e4d8;border-radius:18px;align-items:center;gap:12px;padding:14px 12px;display:flex;position:absolute;top:0;left:0;right:0;transform:translateY(-24px)scale(.95);box-shadow:0 10px 22px #1c2a1510}.tour-app-icon{border-radius:8px;flex-shrink:0}.tour-notification>div{min-width:0}.tour-notification strong{font-size:17px;line-height:1.25;display:block}.feature-tour-example .tour-notification p{color:#56635a;margin-top:4px;font-size:14px}.tour-scene-reminders:not([data-beat="0"]) .tour-day-timeline{transform:translateY(68px)}.tour-scene-reminders:not([data-beat="0"]) .tour-notification{opacity:1;transform:none}.tour-scene-reminders[data-beat="2"] .tour-reminder-study{background:#dce9c7;border-color:#789b55}.tour-now{color:#426d34;opacity:0;font-size:14px;transition:opacity .5s;position:absolute;top:184px;right:12px}.tour-scene-reminders[data-beat="2"] .tour-now{opacity:1}.tour-progress-heading{align-items:center;gap:18px;display:flex}.tour-progress-heading strong{letter-spacing:-.02em;font-size:24px}.tour-progress-heading p{color:#56635a;font-size:14px}.tour-progress-ring{flex-shrink:0;place-items:center;width:80px;height:80px;display:grid;position:relative}.tour-progress-ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.tour-progress-ring circle{fill:none;stroke-width:6px}.tour-ring-track{stroke:#dce4d8}.tour-ring-fill{stroke:#537f3b;stroke-dasharray:214;stroke-linecap:round;transition:stroke-dashoffset 1s var(--scene-ease)}.tour-progress-ring span{font-size:18px;font-weight:700}.tour-progress-list{gap:10px;margin-top:22px;display:grid}.tour-session{height:56px;transition:background .6s, border-color .6s, transform .75s var(--scene-ease);background:#e2ecd4;border-left:3px solid #a8bd90;border-radius:7px;align-items:center;gap:14px;padding:12px 16px;display:flex}.tour-session-number{color:#426d34;text-align:center;flex-shrink:0;width:22px;font-size:14px}.tour-session strong{font-size:18px;transition:color .6s}.tour-session.is-done{background:#f0f4e9;border-color:#d2debf;transform:translate(4px)}.tour-session.is-done strong{color:#56635a;text-decoration:line-through;text-decoration-thickness:1px}@media (max-width:370px){.tour-chat-block{padding-inline:8px}.tour-date{left:20px;right:20px}.tour-date strong{font-size:17px}.tour-day-timeline>div{gap:10px;padding-inline:8px}.tour-day-timeline strong{font-size:16px}.tour-now{right:8px}.tour-scene-reminders[data-beat="2"] .tour-reminder-study strong{max-width:95px;line-height:1.15}.tour-task-row strong{font-size:18px}.tour-progress-heading{gap:12px}.tour-progress-heading strong{font-size:22px}.tour-session{padding-inline:10px}.tour-session strong{font-size:17px}}@media (prefers-reduced-motion:reduce){.feature-tour-example *,.feature-tour-example :before,.feature-tour-example :after{transition:none!important;animation:none!important}}
.scroll-story{overflow-anchor:none;scroll-margin-top:96px;position:relative}.scroll-story[data-scroll=true]{height:calc(var(--story-height) + var(--story-travel))}.scroll-story[data-scroll=true]>.scroll-story-sticky{top:var(--story-sticky-top,96px);position:sticky}.scroll-story-progress{background:#dce3d2;border-radius:2px;height:2px;overflow:hidden}.scroll-story-progress>span{height:100%;transform:scaleX(var(--story-progress,0));transform-origin:0;background:#78985c;display:block}.scroll-story[data-scroll=false]:not([data-measuring=true]) .scroll-story-progress{display:none}.scroll-story-skip{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scroll-story-skip:focus-visible{z-index:60;top:var(--story-sticky-top,96px);clip-path:none;background:var(--paper);width:auto;height:auto;color:var(--matcha-dark);border-radius:10px;padding:12px 16px;position:fixed;left:20px}@media (prefers-reduced-motion:reduce){.scroll-story *,.scroll-story :before,.scroll-story :after{transition:none!important;animation:none!important}}
.feature-tour{margin-top:30px}.feature-tour-stage{background:#eef2e5;border:1px solid #d7dfce;border-radius:28px;overflow:clip}.feature-tour-panels{min-width:0;display:grid}.feature-tour-panel{grid-template-rows:auto 1fr auto;min-width:0;padding:24px 32px 18px;display:grid}.feature-tour-meta{color:#4e6248;justify-content:space-between;align-items:baseline;gap:16px;font-size:15px;line-height:1.4;display:flex}.feature-tour-meta b{font-variant-numeric:tabular-nums;color:#63725d;margin-right:12px;font-weight:500}.feature-tour-cue{color:#63725d;flex-shrink:0;font-size:14px}.feature-tour-composition{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:44px;padding:32px 0;display:grid}.feature-tour-captions{min-width:0;display:grid}.feature-tour-caption{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .24s,visibility .24s}.feature-tour-caption[data-active=true]{visibility:visible;opacity:1}.feature-tour-caption h3{max-width:15ch;color:var(--ink);font-family:var(--font-heading);letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(30px,3.1vw,43px);font-weight:650;line-height:1.07}.feature-tour-caption p{color:#56634f;max-width:30ch;margin:0;font-size:18px;line-height:1.45}.feature-tour-caption .feature-tour-static-summary,.feature-tour[data-scroll=false]:not([data-measuring=true]) .feature-tour-caption>p:not(.feature-tour-static-summary){display:none}.feature-tour[data-scroll=false]:not([data-measuring=true]) .feature-tour-caption .feature-tour-static-summary{display:block}.feature-tour-visual{min-width:0}.feature-tour-footer{color:#63725d;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.feature-tour-beats{gap:5px;display:flex}.feature-tour-beats i{background:#c9d3bf;border-radius:3px;width:22px;height:3px;transition:background .24s}.feature-tour-beats i[data-state=current]{background:#476e33}.feature-tour-beats i[data-state=past]{background:#91a77d}.feature-tour-stage>.scroll-story-progress{border-radius:0;margin:0}.feature-tour-after{outline:none;scroll-margin-top:0;display:block;position:absolute;bottom:0}.feature-tour:is([data-scroll=true],[data-measuring=true]) .feature-tour-panel{visibility:hidden;opacity:0;grid-area:1/1;transition:opacity .2s,visibility .2s}.feature-tour:is([data-scroll=true],[data-measuring=true]) .feature-tour-panel[data-active=true]{visibility:visible;opacity:1}.feature-tour:is([data-scroll=true],[data-measuring=true]) .feature-tour-panel:not([data-active=true]) *{visibility:hidden}.feature-tour[data-scroll=false]:not([data-measuring=true]) .feature-tour-panel+.feature-tour-panel{border-top:1px solid #d7dfce}@media (max-width:760px){.feature-tour{margin-top:20px}.feature-tour-stage{border-radius:22px}.feature-tour-panel{padding:16px 18px 14px}.feature-tour-meta{gap:8px;font-size:14px}.feature-tour-meta b{margin-right:6px}.feature-tour-composition{grid-template-columns:minmax(0,1fr);gap:22px;padding:22px 0 18px}.feature-tour-caption h3{max-width:18ch;margin-bottom:10px;font-size:30px}.feature-tour-caption p{max-width:32ch;font-size:16px;line-height:1.4}.feature-tour-footer{gap:8px}.feature-tour-beats i{width:15px}}@media (max-width:370px){.feature-tour-panel{padding-inline:12px}.feature-tour-composition{gap:18px;padding-top:18px}.feature-tour-caption h3{font-size:28px}.feature-tour-footer{font-size:14px}.feature-tour-beats{gap:3px}.feature-tour-beats i{width:10px}}@media (prefers-reduced-motion:no-preference){.feature-tour[data-scroll=true] .feature-tour-panel[data-active=true] .feature-tour-caption[data-active=true] h3{animation:.6s cubic-bezier(.22,1,.36,1) both demo-text-arrive}.feature-tour[data-scroll=true] .feature-tour-panel[data-active=true] .feature-tour-caption[data-active=true] p{animation:.6s cubic-bezier(.22,1,.36,1) 80ms both demo-text-arrive}}