/* Continuous, reversible motion. The page itself always scrolls natively. */
:root{--ink:#17392e;--lime:#dcf89d}
.header{position:sticky;top:14px;height:66px;margin-top:14px;max-width:1220px;width:calc(100% - 48px);padding:0 25px;border:1px solid #d9e0d3b3;border-radius:18px;background:#fafbf5ed;backdrop-filter:blur(16px);z-index:12;box-shadow:0 7px 26px #1c382809}.header .brand{font-size:21px}.nav-cta{background:#193c2f;border:0;color:#f5f7ed;border-radius:11px;padding:11px 18px}.nav-cta:hover{color:var(--ink)}.hero{padding-top:80px;padding-bottom:130px}.hero-visual{transform:none!important;background:radial-gradient(ellipse at center,#deedc8 0%,#f1f4e8 45%,transparent 70%)}.hero-phone,.floating-note,.hero-copy{will-change:transform}.hero-copy{position:relative;z-index:3}.hero-phone{border-width:5px;border-color:#243d32}.hero .visual-label{display:none}.orbit{border-color:#cddcbc}.orbit-two{border-style:solid;opacity:.5}.motion-on .hero-phone,.motion-on .floating-note,.motion-on .orbit-two,.motion-on .scroll-cue>span{animation:none}.hero-visual{perspective:1200px}.hero h1{font-size:72px;letter-spacing:-3.5px}.button{border-radius:12px}.reading-progress{height:2px;background:#87aa48}.scroll-cue{bottom:31px}.motion-control{background:#fafbf5e8}.organize-scene{height:260svh;background:#e9eee2;position:relative;margin:0 18px;border-radius:30px;isolation:isolate}.organize-pin{height:100svh;min-height:660px;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 24px 24px;overflow:hidden;border-radius:30px}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#647b5010 1px,transparent 1px),linear-gradient(90deg,#647b5010 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black,transparent 75%);z-index:-1}.scene-heading{text-align:center;will-change:transform}.scene-heading .eyebrow{justify-content:center;font-size:10px;letter-spacing:2px}.scene-heading h2{font-size:60px;line-height:1.05;letter-spacing:-2px;margin:17px 0}.scene-heading h2 em{font-family:var(--serif);font-size:1.15em}.scene-heading p{font-size:14px;color:#71806a}.paper-stage{position:relative;width:100%;max-width:1160px;height:330px;flex-shrink:0;margin-top:35px}.source-card{position:absolute;top:0;left:50%;width:260px;min-height:239px;background:#fafafa;border:1px solid #dce1d5;border-radius:17px;padding:23px;box-shadow:0 20px 40px #32432512;will-change:transform,opacity}.art-source{background:#f2ecfc;transform:translateX(calc(-50% - 345px)) rotate(-13deg)}.bill-source{background:#fff8df;transform:translateX(-50%) rotate(5deg)}.school-source{background:#e5f0fa;transform:translateX(calc(-50% + 345px)) rotate(12deg)}.source-kicker{display:block;font-size:8px;letter-spacing:1.2px;color:#758069}.source-icon{display:block;font-size:24px;margin-top:15px;line-height:1}.source-card h3{font-size:20px;letter-spacing:-.6px;margin:13px 0 9px}.source-card p{font-size:13px;line-height:1.8;color:#6d7964}.source-footer{display:block;margin-top:17px;border-top:1px solid #42553618;padding-top:10px;font-size:10px;color:#7b856d}.organized-board{position:absolute;top:0;left:50%;width:520px;max-width:100%;background:#fff;border:1px solid #ced9c0;border-radius:19px;box-shadow:0 24px 75px #3149241a;overflow:hidden;opacity:0;transform:translate(-50%,65px) scale(.87);will-change:transform,opacity}.board-heading{display:flex;align-items:center;gap:9px;padding:17px 20px;border-bottom:1px solid #ecf0e6}.board-heading strong{font-size:14px;font-weight:600}.board-count{margin-left:auto;font-size:10px;padding:4px 8px;border-radius:5px;background:#edf4e3;color:#779052}.board-row{display:flex;align-items:center;gap:15px;margin:0 20px;padding:14px 0;border-bottom:1px solid #edf0e8}.board-day{font-size:8px;color:#839176;width:26px;flex-shrink:0;text-align:center;line-height:1.25}.board-day b{display:block;font-size:20px;color:#385530;font-weight:500}.board-row strong{font-size:12px;font-weight:600}.board-row p{font-size:10px;color:#859178;margin-top:3px}.board-time{margin-left:auto;white-space:nowrap;font-size:10px;color:#7d8b6b}.board-footer{display:flex;align-items:center;gap:9px;background:#f5f8ee;padding:12px 20px;font-size:11px;color:#718161}.board-footer>span:last-child{margin-left:auto;color:#668c32}.board-footer .calendar-logo{width:21px;height:22px;font-size:10px}.scene-bottom{text-align:center;width:100%;margin-top:17px}.scene-bottom p{font-size:18px;letter-spacing:-.4px}.scene-bottom em{font-family:var(--serif);font-size:1.2em}.scene-track{height:3px;width:140px;background:#ced8c0;border-radius:3px;margin:15px auto 8px;overflow:hidden}.scene-track span{display:block;width:100%;height:100%;background:#718e47;transform-origin:left;transform:scaleX(0)}.scene-scroll-hint{font-size:9px;color:#7d8b70;letter-spacing:.4px}.demo-section{background:var(--paper);padding-top:105px}.demo-section .section-heading{max-width:900px}.demo-section .section-heading h2{font-size:66px}.story-layout{gap:120px}.demo-sticky{top:90px}.demo-caption{background:#edf3e5;border:1px solid #dde7d0;border-radius:50px;padding:5px 15px;margin-bottom:20px}.demo-phone{will-change:transform;border:5px solid #243e30;border-radius:36px;background:#fcfef9;box-shadow:0 24px 65px #263b271c,0 0 0 1px #b4c3a7}.demo-screen{min-height:495px}.phone-top{height:34px}.sample-paper{min-height:184px;padding:15px 16px}.sample-paper p{line-height:1.75}.sample-paper h5{margin-bottom:7px}.paper-brand{padding-bottom:8px;margin-bottom:8px}.paper-foot{padding-top:8px;margin-top:10px}.sample-picker{margin:13px 0 8px}.school-picker{display:flex;gap:4px;margin:0 0 14px;border-bottom:1px solid #e3e9d9;padding-bottom:8px}.school-picker button{border:0;border-radius:5px;background:transparent;font-size:10px;padding:5px 7px;flex:1;color:#788767}.school-picker button[aria-pressed=true]{background:#e8f0d7;color:#415d30;font-weight:600}.packing-list{margin-top:11px;padding-top:10px;border-top:1px solid #e6ecdc}.packing-list ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:0;margin:7px 0 0;list-style:none}.packing-list li{display:flex;gap:6px;font-size:10px;line-height:1.4;color:#697b55}.packing-list li span{color:#84976b;font-size:12px}.packing-list .detail-label{font-size:9px;letter-spacing:.7px;color:#8a957c}.calendar-preview .packing-list{margin-top:8px;padding-top:8px}.screen-button{margin-top:15px;border-radius:10px}.insight{font-size:10px;line-height:1.5}.detail-card{padding:12px;margin-top:12px}.detail-row{padding:9px 0}.detail-row:first-of-type{margin-top:10px}.detail-row>span:last-child{text-align:right}.story-step.active .step-number:before{box-shadow:0 0 0 5px #e0eacb}.step-number:before{border-color:var(--paper)}.everyday{border-top:1px solid #dce3d2;padding-top:95px}.category-grid{gap:18px}.category-card{border-radius:22px;padding:30px;box-shadow:0 8px 30px #23441b06;transition:box-shadow .3s,border-color .3s;will-change:transform,opacity}.category-card:hover{box-shadow:0 16px 40px #233b2215}.category-symbol{background:#ffffffa0;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;font-size:23px}.category-card h3{font-size:33px}.closing{margin:0 18px;border-radius:30px;background:#133a2b}.closing-inner{will-change:transform}.closing:before,.closing:after{border-color:#bcf07b26}.closing .large-brand{border-radius:15px;box-shadow:0 0 60px #c9ed8133}.motion-paused .organize-scene{height:auto}.motion-paused .organize-pin{position:relative;height:auto;min-height:0;padding:80px 24px}.motion-paused .source-card{display:none}.motion-paused .organized-board{opacity:1;transform:translateX(-50%)}.motion-paused .scene-scroll-hint{visibility:hidden}.motion-paused .scene-track span{transform:scaleX(1)}.motion-paused .hero-phone{transform:rotate(4deg)}.motion-paused .note-school{transform:rotate(-6deg)}.motion-paused .note-calendar{transform:rotate(-3deg)}.motion-paused .note-teacher{transform:rotate(7deg)}
@media(max-width:1100px){.hero h1{font-size:59px}.story-layout{gap:60px}.scene-heading h2{font-size:54px}.source-card{width:225px;padding:20px}.category-card{padding:24px}.category-card h3{font-size:29px}.scene-heading p{font-size:13px}}
@media(max-width:800px){.header{height:60px;padding:0 18px;top:10px;width:calc(100% - 28px);margin-top:10px}.hero h1{font-size:63px}.hero{padding-top:60px}.organize-scene{margin:0 10px;border-radius:23px}.organize-pin{padding-top:85px}.scene-heading h2{font-size:48px}.paper-stage{height:330px}.source-card{width:210px}.demo-section .section-heading h2{font-size:49px}.story-layout{gap:30px}.demo-sticky{top:70px}.closing{margin:0 10px}.category-card{padding:22px 17px}.header .brand{font-size:18px}}
@media(max-width:600px){.header{padding:0 13px;border-radius:15px;height:58px}.header .brand{font-size:16px}.nav-cta{padding:9px 12px;font-size:10px}.header .brand-icon{width:28px;height:28px;font-size:20px}.hero h1{font-size:clamp(43px,12.8vw,55px);letter-spacing:-2px}.hero{padding-top:40px;padding-bottom:100px;gap:67px}.hero-copy{will-change:auto}.hero-visual{height:670px}.organize-scene{height:245svh;margin:0 8px;border-radius:23px}.organize-pin{padding:82px 14px 22px;min-height:0}.scene-heading .eyebrow{font-size:8px;letter-spacing:1px}.scene-heading h2{font-size:35px;letter-spacing:-1px;margin:15px 0}.scene-heading p{font-size:12px;max-width:280px;margin:auto}.paper-stage{height:320px;margin-top:27px}.source-card{width:205px;min-height:198px;padding:17px;border-radius:13px}.source-icon{font-size:18px;margin-top:10px}.source-card h3{font-size:17px;margin:10px 0 7px}.source-card p{font-size:11px}.source-kicker{font-size:7px}.source-footer{font-size:9px;margin-top:10px;padding-top:8px}.organized-board{width:100%;border-radius:15px}.board-heading{padding:15px 12px;gap:7px}.board-heading strong{font-size:12px}.board-count{font-size:8px;padding:3px 5px}.board-row{gap:9px;margin:0 12px;padding:16px 0}.board-row strong{font-size:11px}.board-row p{font-size:9px;max-width:175px;line-height:1.5}.board-time{font-size:8px}.board-day b{font-size:18px}.board-footer{padding:12px;font-size:9px;gap:7px}.scene-bottom{margin-top:14px}.scene-bottom p{font-size:15px}.scene-scroll-hint{font-size:9px}.scene-track{margin-top:12px}.demo-section{padding-top:72px}.demo-section .section-heading h2{font-size:37px}.demo-sticky{top:0}.story-layout{gap:10px}.demo-phone{max-width:344px;width:100%;border-radius:36px}.demo-screen{min-height:502px;padding:17px}.everyday{padding-top:72px}.category-card{padding:27px}.category-card h3{font-size:35px}.closing{border-radius:23px;margin:0 8px}.closing h2{font-size:36px}.footer{padding-top:30px}.motion-paused .organize-pin{padding:60px 14px}.motion-paused .paper-stage{height:330px}}
@media(max-height:650px){.organize-scene{height:auto}.organize-pin{position:relative;height:auto;min-height:0;padding:70px 20px 35px}.scene-heading h2{font-size:38px}.paper-stage{height:330px}.demo-sticky{position:relative;top:0}}
@media(prefers-reduced-motion:reduce){.organize-scene{height:auto}.organize-pin{position:relative;height:auto;min-height:0}.source-card{display:none}.organized-board{opacity:1;transform:translateX(-50%)}.scene-scroll-hint{display:none}.hero-phone,.floating-note,.hero-copy,.demo-phone,.category-card,.closing-inner{will-change:auto}}
@media(max-width:600px){.paper-stage,.motion-paused .paper-stage{height:365px}.scene-bottom{margin-top:20px}}