.motion-studio{--scroll-progress:0;--hero-shift:0px}.studio-scroll-progress{z-index:100;height:2px;transform:scaleX(var(--scroll-progress));transform-origin:0;pointer-events:none;background:#0071e3;position:fixed;inset:0 0 auto}.studio-motion-toggle{z-index:90;color:#515154;min-height:40px;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #dedee3;border-radius:99px;align-items:center;gap:7px;padding:10px 15px;font-size:11px;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 3px 16px #00000005}.motion-studio button:focus-visible{outline-offset:4px;outline:3px solid #0071e3}.motion-studio [data-reveal]{transition:opacity .85s,translate .85s cubic-bezier(.2,.7,.2,1)}.motion-studio[data-motion=on] [data-reveal][data-visible=false]{opacity:0;translate:0 28px}.motion-studio [data-tilt]{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s}.product-scene{isolation:isolate;width:min(100%,960px);height:460px;margin-inline:auto;position:relative}.scene-devices{transform:translateY(var(--hero-shift));position:absolute;inset:0}.scene-floor{filter:blur(13px);background:radial-gradient(#34374322,#0000 69%);height:40px;position:absolute;bottom:20px;left:10%;right:7%}.scene-laptop{width:72%;position:absolute;top:5%;left:4%;transform:perspective(1600px)rotateY(8deg)rotateX(2deg)}.scene-phone{width:22%;position:absolute;top:1%;right:12%;transform:rotate(6deg)}.device-laptop{width:100%;container-type:inline-size}.laptop-lid{background:linear-gradient(135deg,#35373c,#101114 38%,#27292e);border:1px solid #93969d;border-radius:15px 15px 9px 9px;width:93%;margin-inline:auto;padding:1.8% 1.15% 1.2%;position:relative;box-shadow:inset 0 0 0 2px #b5b7bd,0 20px 45px #1b223017}.laptop-camera{background:#424855;border-radius:50%;width:4px;height:4px;position:absolute;top:1.3%;left:calc(50% - 2px)}.laptop-screen{aspect-ratio:1.65;color:#262c29;text-align:left;background:#fff;border-radius:4px;overflow:hidden}.laptop-base{background:linear-gradient(#e7e9ed,#c5c8cf 35%,#9c9fa6 90%,#767a82);border-top:1px solid #f9fafc;border-radius:2px 2px 50% 50%/2px 2px 70% 70%;width:100%;height:15px;position:relative;box-shadow:0 7px 12px #0a142415}.laptop-base>span{background:#8a8e973d;border-radius:0 0 9px 9px;width:14%;height:5px;position:absolute;top:0;left:43%;box-shadow:inset 0 1px 2px #74798155}.desktop-topbar{background:#f5f6f5;border-bottom:1px solid #e6e9e6;justify-content:space-between;align-items:center;height:6.6cqw;min-height:16px;padding:0 2cqw;font-size:1.5cqw;font-weight:600;display:flex}.desktop-topbar>svg{color:#6e7971;width:1.8cqw;height:1.8cqw}.desktop-window-dots{gap:.65cqw;display:flex}.desktop-window-dots i{background:#cfd2d0;border-radius:50%;width:.75cqw;height:.75cqw}.desktop-body{grid-template-columns:24% minmax(0,1fr);height:calc(100% - 6.6cqw);display:grid}.desktop-sidebar{background:#f7f8f7;border-right:1px solid #e7ebe7;padding:3.4cqw 1.5cqw;position:relative}.desktop-sidebar-label{color:#89928c;letter-spacing:.1em;margin:0 1cqw 1.7cqw;font-size:.85cqw;font-weight:600;display:block}.desktop-sidebar>div{color:#657269;white-space:nowrap;border-radius:.6cqw;align-items:center;gap:.75cqw;padding:1.2cqw 1cqw;font-size:1.1cqw;display:flex}.desktop-sidebar svg{width:1.45cqw;height:1.45cqw}.desktop-sidebar .desktop-file-active{color:#285a40;background:#e8efea;font-weight:600}.desktop-sidebar-bottom{letter-spacing:.12em;color:#929b95;font-size:.85cqw;position:absolute;bottom:2cqw;left:2.5cqw}.desktop-document{background:#fff;min-width:0;padding:2.1cqw 4cqw}.desktop-breadcrumb{color:#869087;align-items:center;gap:.6cqw;font-size:.95cqw;display:flex}.desktop-breadcrumb svg{width:1.1cqw;height:1.1cqw}.desktop-chapter{color:#78887c;letter-spacing:.12em;margin-top:3cqw;font-size:.9cqw}.desktop-title{color:#253a2c;letter-spacing:-.055em;margin-top:.6cqw;font-size:3cqw;font-weight:600}.desktop-subtitle{color:#7b877e;margin-top:.8cqw;font-size:1.05cqw}.desktop-sheet{border:1px solid #dce5df;border-radius:.4cqw;margin-top:2.2cqw;font-size:1.1cqw;overflow:hidden}.desktop-sheet-head,.desktop-sheet-row{grid-template-columns:3cqw repeat(6,minmax(0,1fr));height:3.7cqw;display:grid}.desktop-sheet-head{color:#78877c;background:#f1f5f2;height:2.7cqw;font-size:.9cqw}.desktop-sheet span{border-bottom:1px solid #e3eae5;border-right:1px solid #e3eae5;place-items:center;display:grid}.desktop-sheet-row>span:first-child{color:#8a958d;background:#f8faf8;font-size:.9cqw}.desktop-sheet-row{color:#bdc9c0}.desktop-sheet-row .desktop-selected-cell{color:#286646;background:#e8f2eb;box-shadow:inset 0 0 0 1.5px #458a62}.desktop-sheet-tab{color:#42614a;border-bottom:1px solid #e8ede9;align-items:center;gap:.7cqw;height:3.1cqw;font-size:.9cqw;display:flex}.desktop-sheet-tab svg{width:1.2cqw;height:1.2cqw}.desktop-sheet-tab>span{color:#8f9e94;margin-left:1cqw}.device-phone{aspect-ratio:.49;background:linear-gradient(125deg,#dfe1e7,#70737b 36%,#eaedf2 68%,#8f929a);border:1px solid #9d9fa5;border-radius:15%/7.5%;width:100%;padding:6px;box-shadow:0 22px 40px #1a223520,inset 0 0 0 1px #fcfdff;container-type:inline-size}.phone-screen{text-align:left;background:#fff;border:3px solid #18191e;border-radius:13.5%/6.5%;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone-status{color:#343438;flex:0 0 8%;justify-content:space-between;align-items:center;padding:0 7.5%;font-size:4.2cqw;font-weight:600;display:flex}.phone-status>span:last-child{gap:2cqw;display:flex}.phone-status svg{width:5cqw;height:5cqw}.phone-appbar{color:#292a2e;letter-spacing:-.04em;flex-shrink:0;justify-content:space-between;align-items:center;height:8%;padding:0 7.5%;font-size:6.5cqw;font-weight:600;display:flex}.phone-appbar svg{width:6cqw;height:6cqw}.phone-art{background:#f4f4f6;flex-shrink:0;height:42%;overflow:hidden}.phone-art img{object-fit:cover;object-position:center;width:100%;height:100%}.phone-journal{flex:1;min-height:0;padding:7% 7.5% 4%}.phone-eyebrow{color:#75757e;margin-bottom:4%;font-size:4.4cqw}.reflection-prompt{color:#303039;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere;min-height:4.5em;font-size:7.3cqw;font-weight:500;line-height:1.5}.reflection-prompt>span{display:block}.phone-journal-bottom{color:#575763;font-variant-numeric:tabular-nums;align-items:center;gap:12%;margin-top:6%;font-size:4cqw;display:flex}.phone-journal-bottom i{color:#888895;font-style:normal}.phone-journal-line{background:#e6e6ed;flex:1;height:1px}.phone-home-indicator{background:#2f3035;border-radius:99px;width:30%;height:3px;position:absolute;bottom:2.2%;left:35%}.reflection-playground,.spreadsheet-playground{flex-direction:column;align-items:center;width:100%;min-width:0;padding-bottom:32px;display:flex}.reflection-device{width:232px;padding-top:8px;transform:perspective(1500px)rotateY(-8deg)rotate(-3deg)}.reflection-controls{flex-direction:column;align-items:center;gap:4px;margin-top:24px;display:flex}.reflection-controls>p{color:#6e6e73;font-size:12px}.reflection-next{color:#333339;min-height:44px;font:inherit;cursor:pointer;background:#e9e9ee;border:0;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;transition:background .2s;display:inline-flex}.reflection-next:hover{background:#dedee5}.reflection-next svg{transition:transform .2s}.reflection-next:hover svg{transform:translate(3px)}.playground-note{color:#6e6e73;text-align:center;max-width:95%;margin:10px 0 0;font-size:10px;line-height:1.6}.spreadsheet-playground{padding-top:55px}.puzzle-device{background:linear-gradient(135deg,#46484f,#131417 40%,#363840);border:1px solid #a6a9b0;border-radius:16px;width:min(100%,510px);padding:14px 8px 8px;position:relative;box-shadow:inset 0 0 0 2px #c6c9d0,0 24px 34px #29372e16}.puzzle-device-camera{background:#71757e;border-radius:50%;width:4px;height:4px;position:absolute;top:5px;left:calc(50% - 2px)}.puzzle-screen{color:#34483a;text-align:left;background:#fff;border-radius:5px;overflow:hidden}.sheet-windowbar{background:#f5f7f5;border-bottom:1px solid #e5ebe6;justify-content:space-between;align-items:center;height:35px;padding:0 12px;font-size:10px;font-weight:600;display:flex}.sheet-window-dots{gap:4px;display:flex}.sheet-window-dots i{background:#bcc9c0;border-radius:50%;width:5px;height:5px}.sheet-formula{color:#728076;border-bottom:1px solid #e8eee9;align-items:center;height:29px;font-size:9px;display:flex}.sheet-formula>span{text-align:center;flex-shrink:0;width:28px}.sheet-formula>span:first-child{border-right:1px solid #e8eee9}.sheet-formula code{font-size:9px}.sheet-puzzle-heading{padding:20px 20px 14px}.sheet-puzzle-heading>span{color:#6c8172;letter-spacing:.1em;font-size:8px}.sheet-puzzle-heading>p{color:#314939;letter-spacing:-.045em;margin-top:7px;font-size:19px;font-weight:600;line-height:1.5}.sheet-puzzle{border:1px solid #dce6df;border-radius:3px;margin:0 20px;overflow:hidden}.sheet-letters{text-align:center;color:#6c8274;background:#f2f6f3;grid-template-columns:23px repeat(4,minmax(0,1fr));height:23px;font-size:9px;line-height:23px;display:grid}.sheet-letters>span+span{border-left:1px solid #e1eae4}.sheet-puzzle-body{grid-template-columns:23px minmax(0,1fr);display:grid}.sheet-row-numbers{color:#6c8274;background:#f7faf8;border-right:1px solid #e1eae4;grid-template-rows:repeat(4,1fr);font-size:9px;display:grid}.sheet-row-numbers>span{border-bottom:1px solid #e1eae4;place-items:center;display:grid}.sheet-cells{border:0;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;margin:0;padding:0;display:grid}.sheet-cells button{color:#72917d;min-width:0;height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e1eae4;border-top:0;border-left:0;place-items:center;padding:0;font-size:18px;transition:background .18s,color .18s;display:grid}.sheet-cells button:nth-child(4n){border-right:0}.sheet-cells button:nth-last-child(-n+4){border-bottom:0}.sheet-cells button:hover:not(:disabled){color:#205638;background:#e9f3ec}.sheet-cells button:focus-visible{outline-offset:-3px;z-index:1;position:relative}.sheet-cells button:disabled{cursor:default}.sheet-cells .sheet-cell-found{color:#fff;background:#276a48;box-shadow:inset 0 0 0 2px #1a5135}.sheet-puzzle-result{justify-content:space-between;align-items:center;gap:10px;min-height:62px;margin:6px 20px 10px;display:flex}.sheet-puzzle-result p{color:#566f60;font-size:10px;line-height:1.6}.sheet-puzzle-result button{color:#566f60;cursor:pointer;background:#fff;border:1px solid #dce6df;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.spreadsheet-playground .playground-note{margin-top:22px}.motion-studio[data-motion=on] .scene-phone{animation:9s ease-in-out infinite alternate device-phone-float}.motion-studio[data-motion=on] .scene-laptop{animation:11s ease-in-out infinite alternate device-laptop-float}.motion-studio[data-motion=on] .reflection-prompt>span{animation:.4s both studio-question-in}.motion-studio[data-motion=on] .sheet-cell-found svg{animation:.3s both studio-question-in}@keyframes device-phone-float{0%{transform:translateY(0)rotate(6deg)}to{transform:translateY(-8px)rotate(5deg)}}@keyframes device-laptop-float{0%{transform:perspective(1600px)rotateY(8deg)rotateX(2deg)translateY(0)}to{transform:perspective(1600px)rotateY(8deg)rotateX(2deg)translateY(5px)}}@keyframes studio-question-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.motion-studio[data-motion=off] *,.motion-studio[data-motion=off] :before,.motion-studio[data-motion=off] :after{animation-play-state:paused!important}.motion-studio[data-motion=off] [data-reveal],.motion-studio[data-motion=off] [data-tilt]{transition:none}@media (max-width:800px){.product-scene{max-width:740px;height:440px}.scene-laptop{width:82%;top:21%;left:-2%}.scene-phone{width:28%;top:3%;right:5%}.laptop-base{height:11px}}@media (max-width:560px){.product-scene{width:calc(100% + 20px);height:310px;margin-left:-10px}.scene-laptop{width:90%;top:20%;left:-1%}.scene-phone{width:34%;top:1%;right:3%}.device-phone{padding:4px}.phone-screen{border-width:2px}.phone-home-indicator{height:2px}.laptop-lid{border-radius:10px 10px 5px 5px;padding-top:2.2%}.laptop-base{height:8px}.laptop-base>span{height:3px}.reflection-device{width:220px}.reflection-controls{margin-top:20px}.spreadsheet-playground{padding-top:25px}.puzzle-device{border-radius:12px;width:100%;padding:12px 5px 5px}.sheet-puzzle-heading{padding:17px 13px 12px}.sheet-puzzle-heading>p{font-size:17px}.sheet-puzzle,.sheet-puzzle-result{margin-inline:13px}.sheet-puzzle-result p{font-size:10px}.studio-motion-toggle{font-size:10px;bottom:12px;right:12px}}@media (max-width:360px){.product-scene{height:285px}.scene-phone{width:36%;right:3%}.reflection-device{width:205px}.sheet-formula code{font-size:8px}}@media (prefers-reduced-motion:reduce){html:has(.motion-studio){scroll-behavior:auto}.studio-motion-toggle{display:none}.motion-studio *,.motion-studio :before,.motion-studio :after{transition:none!important;animation:none!important}.motion-studio [data-reveal][data-visible=false]{opacity:1;translate:none}.motion-studio [data-tilt],.scene-devices{transform:none}}@media print{.studio-motion-toggle,.studio-scroll-progress{display:none}.motion-studio [data-reveal]{opacity:1!important;translate:none!important}.motion-studio *{animation:none!important}}