/* Native-scroll chapters. Without JS or with reduced motion, content flows normally. */
/* overflow-x:hidden makes body a non-scrolling sticky ancestor in Chromium. */
body[data-route="home"]{overflow-x:clip;overflow-y:visible!important}
.scroll-narrative{position:relative;margin-bottom:25px;min-width:0}
.scroll-story-stage{position:relative}
.scroll-camera,.scroll-app-preview,.scroll-chapter-nav,.scroll-invitation{display:none}
.scroll-story-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 35px}
.scroll-story-frame{padding:25px;border:1px solid var(--border);border-radius:18px;background:#edf1e6}
.scroll-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#41674b;line-height:1.7}
.scroll-story-frame h2{font-size:30px;line-height:1.08;letter-spacing:-1px;font-weight:600;margin:22px 0;color:#203e2c}
.scroll-story-frame h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#17634d}
.scroll-story-frame>p{font-size:13px;line-height:1.85;color:#47614c;max-width:365px}
.scroll-feature-note{display:block;font-size:10px;line-height:1.8;margin-top:25px;color:#46644b}
.is-scroll-active.scroll-narrative{height:calc(var(--story-height) * 4.6);margin-top:14px;margin-bottom:28px}
.is-scroll-active .scroll-story-stage{position:sticky;top:var(--story-top);height:var(--story-height);overflow:clip;border-radius:22px;background:#edf1e6;isolation:isolate;perspective:1400px;box-shadow:inset 0 0 0 1px #d8e3d2}
.is-scroll-active .scroll-camera{display:block;position:absolute;inset:-2%;pointer-events:none;z-index:-2;transform:translate(var(--camera-x,2%),var(--camera-y,0%)) scale(var(--camera-scale,1.04)) rotate(var(--camera-rotate,-1deg));transform-origin:64% 55%;will-change:transform;opacity:var(--camera-opacity,1);transition:opacity .5s}
.scroll-camera picture,.scroll-camera img{display:block;width:100%;height:100%}
.scroll-camera img{object-fit:contain;mix-blend-mode:multiply}
.is-scroll-active .scroll-story-stage:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#edf1e6 0%,#edf1e6f5 27%,#edf1e650 58%,#edf1e600 82%)}
.is-scroll-active .scroll-intro{position:absolute;inset:0 0 85px;transition:opacity .45s,transform .6s,visibility .45s}
.is-scroll-active .scroll-intro:not(.is-current){opacity:0;transform:translateY(-40px) scale(.97);visibility:hidden;pointer-events:none}
.is-scroll-active .home-brand-hero{height:100%;padding:0 32px;gap:20px;grid-template-columns:1.08fr 1fr;align-items:center}
.is-scroll-active .home-brand-hero .home-hero-copy{padding:20px 0;background:none}
.is-scroll-active .home-brand-hero .h1{font-size:clamp(38px,3.7vw,60px);max-width:560px}
.is-scroll-active .home-brand-hero .lead{max-width:390px;font-size:13px}
.is-scroll-active .home-brand-hero .hero-claim{display:none}
.is-scroll-active .home-brand-hero .hero-chip-row{display:none}
.is-scroll-active .home-scene{height:75%;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible;animation:none}
.is-scroll-active .scene-heading,.is-scroll-active .scene-art,.is-scroll-active .scene-hint{display:none}
.is-scroll-active .scene-stage{position:absolute;inset:0;margin:0;aspect-ratio:auto}
.is-scroll-active .scene-feature{position:absolute;bottom:0;left:0;right:0;min-height:80px;background:#ffffffe3;font-size:10px;max-width:345px;margin-left:auto;box-shadow:0 7px 25px #203e2c0a}
.is-scroll-active .pin-practice{left:0;top:72%}.is-scroll-active .pin-simulate{left:30%;top:15%}.is-scroll-active .pin-review{right:0;top:2%}
.is-scroll-active .scroll-story-frames{position:absolute;inset:0 0 85px;margin:0;display:block;pointer-events:none}
.is-scroll-active .scroll-story-frame{position:absolute;left:4%;top:50%;width:43%;padding:0;border:0;border-radius:0;background:none;transform:translateY(calc(-50% + 55px)) scale(.96);opacity:0;visibility:hidden;transition:opacity .45s,transform .65s cubic-bezier(.22,.68,.15,1),visibility .45s}
.is-scroll-active .scroll-story-frame.is-current{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
.is-scroll-active .scroll-story-frame h2{font-size:clamp(38px,4.5vw,68px);line-height:1.02;letter-spacing:-2px;margin:23px 0}
.is-scroll-active .scroll-story-frame>p{font-size:14px;line-height:1.85}
.is-scroll-active .scroll-feature-note{font-size:10px;border-top:1px solid #c7d6bf;display:inline-block;padding-top:17px;margin-top:22px}
.is-scroll-active .scroll-app-preview{display:block;position:absolute;width:42%;max-width:460px;right:4%;top:50%;border-radius:18px;background:#fffffff2;box-shadow:0 32px 65px #263f2c30,0 3px 8px #263f2c0a;border:1px solid #fff;overflow:hidden;transform:translateY(calc(-50% + 80px)) rotateY(-13deg) rotateX(6deg) scale(.8);transform-origin:center;opacity:0;visibility:hidden;transition:opacity .45s,transform .75s cubic-bezier(.2,.8,.2,1),visibility .45s;pointer-events:none}
.is-scroll-active .scroll-app-preview.is-visible{opacity:1;visibility:visible;transform:translateY(calc(-50% - 30px)) rotateY(-5deg) rotateX(3deg) scale(1)}
.scroll-app-top{display:flex;align-items:center;gap:9px;padding:15px 19px;background:#fff;border-bottom:1px solid #e0e6dc;color:#2b4e37}
.scroll-app-top strong{font-size:11px;font-weight:650}.scroll-app-top>span:last-child{font-size:9px;color:#536b4e;margin-left:auto;border:1px solid #cad8c2;border-radius:4px;padding:2px 5px}
.scroll-app-mark{width:27px;height:27px;background:#17634d;color:#fff;display:grid;place-items:center;border-radius:7px;font-family:Georgia,serif;font-size:22px}
.scroll-app-tabs{display:flex;position:relative;padding:0 17px;border-bottom:1px solid #d9e3d4;background:#f5f7f1}
.scroll-app-tabs>span{flex:1;font-size:10px;padding:14px 4px;text-align:center;color:#5c6d55;transition:color .3s}
.scroll-app-tabs>span.is-current{color:#17634d;font-weight:700}
.scroll-app-tabs>i{position:absolute;height:2px;width:calc((100% - 34px)/3);bottom:0;left:17px;background:#17634d;transform:translateX(calc(var(--app-tab,0)*100%));transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.scroll-app-pages{position:relative;height:350px;overflow:hidden}
.scroll-app-page{position:absolute;inset:0;padding:25px 22px;opacity:0;visibility:hidden;transform:translateX(45px);transition:opacity .4s,transform .6s,visibility .4s}
.scroll-app-page.is-current{opacity:1;visibility:visible;transform:translateX(0)}
.scroll-app-label{font-size:8px;letter-spacing:1px;color:#536a4d;font-weight:650}
.scroll-app-page h3{font-size:21px;line-height:1.23;letter-spacing:-.4px;color:#244930;margin:13px 0 18px}
.scroll-series{display:flex;align-items:center;justify-content:space-between;font-size:23px;font-weight:600;color:#2e513a;gap:4px;margin-bottom:20px}
.scroll-series>span{font-size:12px;color:#7a8c71}.scroll-series>b{display:grid;place-items:center;width:30px;height:30px;background:#e9efdf;border-radius:7px;font-size:20px}
.scroll-answer{display:flex;align-items:center;gap:10px;border:1px solid #d8e1d1;border-radius:7px;padding:9px 11px;margin:7px 0;font-size:12px;color:#405538;background:#fff}
.scroll-answer>span{font-size:9px;width:20px;height:20px;background:#f1f4eb;display:grid;place-items:center;border-radius:5px}
.scroll-answer.is-right{background:#e6f0df;color:#1d5c37;border-color:#b4d1a7}.scroll-answer>b{margin-left:auto;font-size:13px}
.scroll-explanation{font-size:10px;line-height:1.7;color:#526849;margin-top:18px}.scroll-explanation>strong{display:block;font-weight:500;color:#31533b}
.scroll-clock{width:145px;height:145px;margin:20px auto;border-radius:50%;border:5px solid #dce8d3;border-top-color:#17634d;border-right-color:#17634d;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg)}
.scroll-clock>span{font-size:37px;color:#235338;font-weight:600;letter-spacing:-2px}.scroll-clock>small{font-size:9px;color:#55714e;margin-top:5px}
.scroll-simulation-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:center}.scroll-simulation-stats>span{font-size:9px;color:#556b4d}.scroll-simulation-stats strong{display:block;font-size:16px;font-weight:600;color:#2a5234;margin-bottom:5px}
.scroll-review-row{display:flex;align-items:center;gap:12px;margin:19px 0}.scroll-review-row>span{flex-shrink:0;width:33px;height:33px;background:#eaf0e3;display:grid;place-items:center;color:#22603c;font-size:19px;border-radius:9px}.scroll-review-row strong{display:block;font-size:11px;font-weight:650;color:#2c4b34;line-height:1.4}.scroll-review-row small{display:block;font-size:9px;color:#5a6d52;margin-top:4px;line-height:1.5}
.is-scroll-active .scroll-chapter-nav{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px 27px 22px;background:#edf1e6eb;border-top:1px solid #d5dfce;z-index:5}
.scroll-chapter-links{display:flex;gap:24px}.scroll-chapter-links>button{display:flex;align-items:center;gap:6px;position:relative;background:none;border:0;padding:8px 0;font:inherit;font-size:11px;font-weight:600;color:#5c7254;cursor:pointer;transition:color .2s}
.scroll-chapter-links>button>span{font-size:8px;font-weight:400}
.scroll-chapter-links>button[aria-current=step]{color:#174b2e}
.scroll-chapter-links>button[aria-current=step]:before{content:'';position:absolute;top:-21px;left:0;right:0;height:3px;background:#17634d;border-radius:0 0 3px 3px}
.scroll-story-skip{border:0;background:none;color:#234c32;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap;padding:8px 0;display:flex;gap:7px}
.scroll-story-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#d9e3d0}.scroll-story-progress>span{display:block;height:100%;background:#17634d;transform:scaleX(var(--story-progress,0));transform-origin:left;will-change:transform}
.is-scroll-active .scroll-invitation{display:flex;position:absolute;bottom:94px;left:32px;align-items:center;gap:10px;border:0;padding:7px 0;background:none;font:inherit;font-size:10px;color:#3d603f;cursor:pointer;transition:opacity .3s;z-index:4}
.is-scroll-active:not([data-story-chapter="0"]) .scroll-invitation{opacity:0;visibility:hidden}
.scroll-mouse{width:15px;height:23px;border:1px solid #8aa17c;border-radius:10px;position:relative}.scroll-mouse i{position:absolute;width:2px;height:5px;background:#4b784d;top:4px;left:5px;animation:scroll-nudge 1.8s ease-in-out infinite}
@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}
@media(max-width:1150px){.is-scroll-active .home-brand-hero{padding:0 24px;gap:10px}.is-scroll-active .home-brand-hero .h1{font-size:43px}.is-scroll-active .home-brand-hero .btn{padding:10px;font-size:10px}.is-scroll-active .home-brand-hero .lead{font-size:12px}.is-scroll-active .scroll-story-frame h2{font-size:44px}.is-scroll-active .scroll-story-frame>p{font-size:12px}.is-scroll-active .scroll-app-preview{width:45%;right:3%}.scroll-app-page{padding:20px 17px}.scroll-app-page h3{font-size:19px}.scroll-chapter-links{gap:16px}.scroll-chapter-links>button{font-size:10px}.is-scroll-active .scene-feature{padding:12px;gap:8px}.is-scroll-active .scene-feature p{font-size:10px}}
@media(max-width:900px){.is-scroll-active .scroll-story-stage{border-radius:17px}.is-scroll-active .scroll-story-frame h2{font-size:43px}.scroll-chapter-links{gap:14px}.is-scroll-active .scroll-chapter-nav{padding:17px 20px 19px}.scroll-app-page h3{font-size:18px}.is-scroll-active .scroll-invitation{bottom:86px;left:24px}}
@media(max-width:680px){
  .scroll-story-frames{grid-template-columns:1fr;gap:14px}.scroll-story-frame h2{font-size:32px}.scroll-story-frame{padding:25px}
  .is-scroll-active.scroll-narrative{height:calc(var(--story-height)*4.2);margin-top:12px}
  .is-scroll-active .scroll-story-stage{border-radius:15px}
  .is-scroll-active .scroll-story-stage:after{background:linear-gradient(180deg,#edf1e6 0%,#edf1e6ed 32%,#edf1e600 60%)}
  .is-scroll-active .scroll-camera{inset:27% -30% 3%;transform:translate(calc(var(--camera-x,2%) * .45 - 7%),calc(var(--camera-y,0%) * .55)) scale(calc(var(--camera-scale,1.04) * .96)) rotate(var(--camera-rotate,-1deg));transform-origin:55% 70%}
  .is-scroll-active .scroll-intro{inset:0 0 70px}
  .is-scroll-active .home-brand-hero{display:block;padding:22px 20px;height:100%;position:relative}
  .is-scroll-active .home-brand-hero .home-hero-copy{padding:0;position:relative;z-index:2}
  .is-scroll-active .home-brand-hero .kicker{font-size:7px;letter-spacing:.7px;line-height:1.6;max-width:290px}
  .is-scroll-active .home-brand-hero .h1{font-size:clamp(31px,8.5vw,40px);letter-spacing:-1.4px;line-height:1.04;margin:15px 0;max-width:350px}
  .is-scroll-active .home-brand-hero .h1 em{letter-spacing:-1.2px}
  .is-scroll-active .home-brand-hero .lead{font-size:11px;line-height:1.75;max-width:350px}
  .is-scroll-active .home-brand-hero .cta-row{margin-top:16px;grid-template-columns:1fr 1fr;gap:6px}
  .is-scroll-active .home-brand-hero .btn{font-size:9px;min-height:38px;padding:8px 6px}
  .is-scroll-active .home-scene{position:absolute;left:20px;right:20px;bottom:30px;height:33%;min-height:150px}
  .is-scroll-active .scene-feature{display:none}
  .is-scroll-active .pin-practice{left:15%;top:55%}.is-scroll-active .pin-simulate{left:48%;top:0}.is-scroll-active .pin-review{right:0;top:-18%}
  .is-scroll-active .scene-pin{font-size:8px;min-height:30px;padding:3px 7px 3px 3px;gap:4px}.is-scroll-active .scene-pin>span:first-child{width:22px;height:22px;font-size:17px}
  .is-scroll-active .scroll-story-frames{inset:0 0 65px}
  .is-scroll-active .scroll-story-frame{left:22px;right:22px;top:25px;width:auto;transform:translateY(28px);max-height:42%}
  .is-scroll-active .scroll-story-frame.is-current{transform:translateY(0)}
  .scroll-eyebrow{font-size:7px;letter-spacing:1.2px}
  .is-scroll-active .scroll-story-frame h2{font-size:36px;letter-spacing:-1.2px;margin:15px 0 12px;line-height:1.02}
  .is-scroll-active .scroll-story-frame>p{font-size:11px;line-height:1.7;max-width:340px}
  .is-scroll-active .scroll-feature-note{display:none}
  .is-scroll-active .scroll-app-preview{width:auto;max-width:350px;left:22px;right:22px;top:auto;bottom:91px;margin:auto;transform:translateY(40px) rotateY(-8deg) scale(.85);border-radius:12px}
  .is-scroll-active .scroll-app-preview.is-visible{transform:translateY(0) rotateY(-3deg) scale(1)}
  .scroll-app-top{padding:9px 12px;gap:7px}.scroll-app-top strong{font-size:9px}.scroll-app-top>span:last-child{font-size:7px}.scroll-app-mark{width:21px;height:21px;font-size:18px}
  .scroll-app-tabs{padding:0 12px}.scroll-app-tabs>span{font-size:9px;padding:10px 3px}.scroll-app-tabs>i{left:12px;width:calc((100% - 24px)/3)}
  .scroll-app-pages{height:245px}.scroll-app-page{padding:14px}.scroll-app-label{font-size:7px;letter-spacing:.6px}.scroll-app-page h3{font-size:16px;margin:9px 0 11px}.scroll-series{font-size:18px;margin-bottom:10px}.scroll-series>b{width:22px;height:22px;font-size:15px}.scroll-answer{font-size:10px;padding:5px 8px;margin:5px 0;gap:8px}.scroll-answer>span{width:16px;height:16px;font-size:8px}.scroll-explanation{font-size:8px;margin-top:10px}.scroll-clock{width:100px;height:100px;margin:10px auto;border-width:4px}.scroll-clock>span{font-size:29px}.scroll-clock>small{font-size:8px}.scroll-simulation-stats>span{font-size:8px}.scroll-simulation-stats strong{font-size:13px}.scroll-review-row{gap:8px;margin:13px 0}.scroll-review-row>span{width:26px;height:26px;font-size:16px}.scroll-review-row strong{font-size:9px}.scroll-review-row small{font-size:8px;margin-top:3px}
  .is-scroll-active .scroll-chapter-nav{padding:14px 16px 16px;gap:5px;flex-wrap:wrap}.scroll-chapter-links{width:100%;justify-content:space-between;gap:6px}.scroll-chapter-links>button{font-size:9px;gap:4px;padding:6px 0}.scroll-chapter-links>button>span{font-size:7px}.scroll-chapter-links>button[aria-current=step]:before{top:-14px}.scroll-story-skip{display:none}
  .is-scroll-active .scroll-invitation{bottom:61px;left:20px;font-size:8px;gap:7px;padding:4px 0}.scroll-mouse{width:12px;height:18px}.scroll-mouse i{left:4px;width:2px;height:4px}
}
@media(max-width:680px) and (max-height:750px){.is-scroll-active .home-brand-hero{padding:17px}.is-scroll-active .home-brand-hero .h1{font-size:30px;margin:11px 0}.is-scroll-active .home-brand-hero .lead{font-size:10px;line-height:1.6}.is-scroll-active .home-brand-hero .cta-row{margin-top:11px}.is-scroll-active .home-scene{bottom:22px;height:27%;min-height:100px}.is-scroll-active .scroll-story-frame{top:17px;left:18px;right:18px}.is-scroll-active .scroll-story-frame h2{font-size:29px;margin:10px 0}.is-scroll-active .scroll-story-frame>p{font-size:10px;line-height:1.6}.is-scroll-active .scroll-app-preview{bottom:73px;left:18px;right:18px;max-width:300px}.scroll-app-pages{height:216px}.scroll-app-page{padding:11px}.scroll-app-label{font-size:6px}.scroll-app-page h3{font-size:14px;margin:7px 0 9px}.scroll-series{font-size:15px;margin-bottom:7px}.scroll-answer{padding:3px 7px}.scroll-explanation{margin-top:7px;font-size:7px}.scroll-clock{width:82px;height:82px}.scroll-clock>span{font-size:25px}.scroll-review-row{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.scroll-story-frame,.scroll-app-preview,.scroll-app-page,.scroll-app-tabs>i{transition:none!important;transform:none!important}.scroll-mouse i{animation:none}.scroll-narrative{height:auto!important}}
@media(max-width:680px) and (max-height:750px){.is-scroll-active .scroll-app-preview{bottom:66px}.scroll-app-top{display:none}.scroll-app-pages{height:186px}.scroll-explanation{display:none}.scroll-clock{width:68px;height:68px;margin:8px auto}.scroll-clock>span{font-size:23px}.scroll-clock>small{font-size:7px}.scroll-review-row{margin:8px 0}.scroll-review-row strong{font-size:8px}.scroll-review-row small{font-size:7px}}
/* Keep navigation in its own row and away from the primary actions. */
.is-scroll-active .home-brand-hero .btn{min-height:48px;font-size:13px;line-height:1.35}
.is-scroll-active .home-brand-hero .lead{font-size:14px}
.is-scroll-active .scroll-chapter-nav{padding:12px 24px;min-height:72px;gap:16px}
.scroll-chapter-links{gap:12px;align-items:center}
.scroll-chapter-links>button{min-height:44px;padding:8px 10px;font-size:12px;border-radius:8px}
.scroll-chapter-links>button>span{font-size:10px}
.scroll-chapter-links>button[aria-current=step]{background:#dde9d7}
.scroll-chapter-links>button[aria-current=step]:before{display:none}
.scroll-chapter-links>button:hover{background:#e1ebdc}
.is-scroll-active .scroll-invitation{position:static;min-height:44px;padding:8px 0;flex-shrink:0;font-size:12px}
.is-scroll-active:not([data-story-chapter="0"]) .scroll-invitation{display:none}
.is-scroll-active[data-story-chapter="0"] .scroll-story-skip{display:none}
.scroll-story-skip{min-height:44px;font-size:12px}
@media(min-width:681px) and (max-width:1150px){
  .is-scroll-active .scroll-chapter-nav{padding-inline:16px;gap:8px}
  .scroll-chapter-links{gap:4px}.scroll-chapter-links>button{padding-inline:6px;font-size:11px}
  .is-scroll-active .scroll-invitation{font-size:11px;gap:6px}
  .is-scroll-active .home-brand-hero .h1{font-size:clamp(34px,4vw,43px)}
}
@media(max-width:680px){
  .is-scroll-active .scroll-intro{inset:0 0 72px}
  .is-scroll-active .home-brand-hero{padding:20px 18px}
  .is-scroll-active .home-brand-hero .kicker{font-size:9px;letter-spacing:.7px}
  .is-scroll-active .home-brand-hero .lead{font-size:13px;line-height:1.65}
  .is-scroll-active .home-brand-hero .btn{font-size:12px;padding:9px 7px}
  .is-scroll-active .home-brand-hero .btn-secondary{background:#f7f9f2ed;border-color:#c8d7be}
  .is-scroll-active .home-scene{left:16px;right:16px;bottom:58px;height:44px;min-height:44px}
  .is-scroll-active .scene-stage{display:flex;align-items:stretch;gap:6px}
  .is-scroll-active .scene-pin{position:static;min-width:0;flex:1;justify-content:center;min-height:44px;padding:5px;font-size:11px;gap:4px;border-radius:12px;box-shadow:0 3px 12px #20362f12}
  .is-scroll-active .scene-pin>span:first-child{width:24px;height:24px;flex-basis:24px}
  .is-scroll-active .scene-pin .ui-icon{width:16px;height:16px}
  .is-scroll-active .scroll-chapter-nav{padding:12px 10px;gap:0;flex-wrap:nowrap}
  .scroll-chapter-links{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:2px;width:100%}
  .scroll-chapter-links>button{justify-content:center;flex-direction:column;gap:0;padding:4px 2px;font-size:11px;line-height:16px;min-height:44px}
  .scroll-chapter-links>button>span{font-size:9px;line-height:12px}
  .is-scroll-active .scroll-invitation{position:absolute;bottom:100%;left:18px;min-height:44px;padding:8px 10px;font-size:11px;gap:7px;background:#f7f9f2ed;border:1px solid #d4dfcc;border-radius:10px}
  .is-scroll-active .scroll-story-frame{top:22px;left:20px;right:20px;max-height:none}
  .scroll-eyebrow{font-size:9px;letter-spacing:1px}
  .is-scroll-active .scroll-story-frame>p{font-size:13px;line-height:1.65}
  .is-scroll-active .scroll-app-preview{bottom:86px;left:20px;right:20px}
  .scroll-app-tabs>span{font-size:10px;padding-block:12px}
  .scroll-app-pages{height:228px}.scroll-app-page{padding:12px}
  .scroll-app-page h3{margin:7px 0 9px}.scroll-answer{padding:4px 8px}.scroll-explanation{margin-top:8px}
  .scroll-clock{margin:8px auto}
}
@media(max-width:680px) and (max-height:750px){
  .is-scroll-active .home-brand-hero{padding:16px}
  .is-scroll-active .home-brand-hero .h1{font-size:30px;margin:10px 0}
  .is-scroll-active .home-lead-full{display:none}.is-scroll-active .home-lead-compact{display:block}
  .is-scroll-active .home-brand-hero .cta-row{margin-top:12px}
  .is-scroll-active .scroll-story-frame{top:16px;left:18px;right:18px}
  .is-scroll-active .scroll-story-frame h2{font-size:26px;line-height:1.05;margin:7px 0}
  .is-scroll-active .scroll-story-frame>p{font-size:12px;line-height:1.55;margin:0}
  .is-scroll-active .scroll-app-preview{bottom:84px;left:18px;right:18px}
  .scroll-app-top,.scroll-app-label{display:none}.scroll-app-tabs>span{padding-block:10px}
  .scroll-app-pages{height:142px}.scroll-app-page{padding:8px 11px}
  .scroll-app-page h3{font-size:13px;line-height:1.2;margin:3px 0 6px}
  .scroll-series{font-size:16px;margin-bottom:5px}.scroll-series>b{width:19px;height:19px;font-size:14px}
  .scroll-answer{padding:2px 7px;margin:4px 0;font-size:10px;line-height:15px}
  .scroll-clock{width:58px;height:58px;margin:6px auto}.scroll-clock>span{font-size:22px}
  .scroll-review-row{margin:6px 0}.scroll-review-row>span{width:23px;height:23px;font-size:14px}
}
@media print{.scroll-narrative{height:auto!important}.scroll-story-stage{position:static!important;height:auto!important;overflow:visible!important}.scroll-camera,.scroll-chapter-nav,.scroll-app-preview,.scroll-invitation{display:none!important}.scroll-intro,.scroll-story-frames,.scroll-story-frame{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important}.scroll-story-frame{width:auto!important}}