/* A scroll-led product story. Every screen is an illustration of Lotara's UI. */
.cinema-intro{position:relative;padding:140px max(6%,calc((100vw - 1260px)/2)) 110px;background:#f8f7f4;overflow:hidden;scroll-margin-top:76px}.cinema-intro h2{font-size:clamp(52px,7.6vw,106px);line-height:1.03;letter-spacing:-.065em;font-weight:500;margin:35px 0 48px}.cinema-intro h2 span{color:#8a709b}.cinema-intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.cinema-intro-bottom p{font-size:16px;line-height:1.8;color:#716779}.cinema-intro-bottom a{font-size:12px;color:#554060;display:flex;gap:35px;align-items:center}.cinema-intro-bottom a span{font-size:24px}.intro-thread{position:absolute;right:14%;top:120px;width:160px;height:290px;border:1px solid #c4b4cc;border-radius:100px;transform:rotate(28deg);opacity:.65}.intro-thread i{position:absolute;inset:30px;border:1px solid #c4b4cc;border-radius:100px}.intro-thread span{position:absolute;width:20px;height:20px;border:5px solid #f8f7f4;border-radius:50%;background:#9775ad;top:50px;left:3px;box-shadow:0 0 0 1px #c4b4cc}
.habit-cinema{--story-progress:0;--chapter-progress:0;--accent:#b8a3e8;position:relative;height:430svh;background:#111017;color:#f4edf5;scroll-margin-top:76px}.cinema-pin{position:sticky;top:76px;height:calc(100svh - 76px);min-height:580px;padding:25px max(5%,calc((100vw - 1320px)/2)) 22px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;background:#111017}.cinema-stage-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:600;letter-spacing:1.8px;color:#a59aa9;z-index:2}.cinema-stage-meta a{color:inherit}.cinema-stage-meta b{color:#eee4f3;font-weight:500}.cinema-grid{display:grid;grid-template-columns:40% 60%;flex:1;min-height:0;align-items:center;max-width:1320px;width:100%;margin:auto}.cinema-narrative{z-index:2;padding-right:30px}.cinema-overline{color:var(--accent);font-size:9px;font-weight:600;letter-spacing:1.5px}.cinema-copy h3{font-size:clamp(40px,4.1vw,61px);line-height:1.06;letter-spacing:-.055em;font-weight:500;margin:24px 0}.cinema-copy p{max-width:345px;font-size:14px;line-height:1.9;color:#aea5b5}.cinema-evidence{display:block;font-size:9px;color:#86798e;margin-top:32px;letter-spacing:.2px}.cinema-copy.is-current{animation:cinema-copy-in .55s cubic-bezier(.2,.7,.2,1) both}.cinema-visual{height:100%;min-height:0;position:relative;display:flex;align-items:center;padding-left:6%;perspective:1600px}.cinema-aura{position:absolute;width:610px;height:610px;max-width:100%;left:-5%;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(ellipse,#77618424,transparent 66%);pointer-events:none}.cinema-orbit{position:absolute;left:-3%;top:50%;width:480px;height:480px;max-width:86%;border:1px solid #b397c811;border-radius:50%;transform:translateY(-50%) rotateX(28deg);pointer-events:none}.cinema-device{container-type:inline-size;position:relative;flex-shrink:0;width:min(290px,calc((100svh - 213px)*.484));aspect-ratio: .484;border:5px solid #29252e;border-radius:44px;background:#08080f;box-shadow:0 0 0 1px #63566e,0 0 0 3px #19171e,18px 34px 55px #0007,inset 0 0 0 1px #ffffff12;overflow:hidden;transform:translateY(calc((.5 - var(--chapter-progress))*8px)) rotateY(calc((.5 - var(--chapter-progress))*5deg));will-change:transform}.cinema-device-status{position:absolute;z-index:2;top:3.5%;left:8%;right:8%;display:flex;justify-content:space-between;font-size:3cqw;font-weight:700;color:#f6effa}.cinema-device-status i{position:absolute;width:31%;height:5cqw;background:#000;border-radius:50px;left:34%;top:-1.7cqw}.cinema-home{position:absolute;bottom:1.8%;left:33%;width:34%;height:1.2cqw;background:#ffffff96;border-radius:10px}.app-preview{position:absolute;inset:10% 7% 5%;color:#f0ebf4;font-family:Manrope,sans-serif}.app-preview.is-current{animation:cinema-screen-in .6s cubic-bezier(.2,.7,.2,1) both}.app-bar{display:flex;justify-content:space-between;font-size:3cqw;color:#b5a0d8;margin-bottom:6cqw}.app-caption{font-size:2.05cqw;letter-spacing:1.1px;color:#9990a9;display:block;font-weight:600}.app-preview h4{font-size:8cqw;line-height:1.1;letter-spacing:-.4px;font-weight:500;margin:3cqw 0 1.8cqw}.app-muted{font-size:2.8cqw;color:#92909d}.app-count{margin-top:5cqw;background:linear-gradient(135deg,#302b3a,#1b1823);border:1px solid #ffffff12;border-radius:4cqw;padding:4cqw;display:flex;flex-direction:column}.app-count>strong{font-size:17cqw;font-weight:500;line-height:1;color:#d9c5ff}.app-count>span{font-size:2cqw;letter-spacing:1.1px;color:#bba6d7}.app-count>div{margin-top:4cqw;border-top:1px solid #ffffff10;padding-top:3cqw;display:flex;justify-content:space-between;align-items:center;font-size:2.4cqw;color:#b7abca}.app-count>div>span{font-size:1.8cqw;letter-spacing:.7px}.app-count b{font-weight:400}.app-pattern-card{padding:4cqw;margin-top:3cqw;border-radius:4cqw;background:#191720;border:1px solid #ffffff09}.app-hour-chart{width:100%;height:auto;margin-top:3cqw;overflow:visible}.hour-grid{stroke:#ffffff0b;fill:none}.hour-area{fill:#ad8ac217}.hour-curve{fill:none;stroke:#c8a6e2;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:calc(110 - var(--chapter-progress)*110)}.hour-guide{stroke:#c9a4df60;stroke-dasharray:3 5;stroke-width:1}.hour-point{fill:#e0c7f0;stroke:#372a41;stroke-width:4}.app-hour-labels{display:flex;justify-content:space-between;font-size:2cqw;color:#777083}.app-hour-labels b{color:#d0b1e8}.app-option{display:flex;align-items:center;gap:2cqw;margin-top:3cqw;background:#17151f;border-radius:3cqw;padding:3cqw}.option-icon{color:#ad98d3;font-size:5cqw}.app-option>div{display:flex;flex-direction:column;gap:1cqw;flex:1}.app-option strong{font-size:2.7cqw;font-weight:500}.app-option div>span{font-size:2cqw;color:#80798d}.app-switch{width:8cqw;height:4.4cqw;border-radius:4cqw;background:#aa94c7;position:relative}.app-switch:after{content:'';position:absolute;height:3.5cqw;width:3.5cqw;border-radius:50%;background:white;right:.5cqw;top:.45cqw}.app-soft-button{display:flex;justify-content:space-between;margin-top:4cqw;padding:3.5cqw 0;color:#c4ade1;border-top:1px solid #bba0dc20;font-size:2.6cqw}
.app-intercept,.app-breathe,.app-outcome{text-align:center;display:flex;align-items:center;flex-direction:column;padding-top:4cqw}.app-orb{display:block;width:25cqw;height:25cqw;border-radius:50%;background:radial-gradient(circle at 35% 26%,#efe1f4,#b7a0d9 35%,#766094 70%,#42354c);box-shadow:0 0 12cqw #ae86d129,inset -3cqw -3cqw 5cqw #40374855}.small-orb{width:15cqw;height:15cqw;margin:4cqw 0 10cqw}.rose{color:#d7a8d4}.app-intercept h4,.app-breathe h4,.app-outcome h4{font-family:Georgia,serif;font-size:8.2cqw;line-height:1.22;font-weight:400;margin:6cqw 0 4cqw;letter-spacing:-.5px}.app-intercept h4 em,.app-breathe h4 em{color:#d7a8d4;font-weight:400}.app-serif-muted{font-family:Georgia,serif;font-size:3.6cqw;line-height:1.7;color:#96909f}.app-why{margin:8cqw 0 6cqw;padding:4.5cqw 3cqw;width:100%;border-radius:3cqw;border:1px solid #d7a8d425;background:#d7a8d40a}.app-why>span{font-size:1.8cqw;letter-spacing:1.2px;color:#b390b4}.app-why p{font-family:Georgia,serif;font-style:italic;font-size:4.1cqw;line-height:1.6;color:#dfc6df;margin-top:3cqw}.app-rose-button{padding:4.3cqw 0;width:100%;border-radius:4cqw;background:#d7a8d4;color:#271c29;font-size:3.1cqw;font-weight:600}.app-swap{font-size:2.8cqw;color:#b7a0d8;margin-top:5cqw}.app-honest{font-family:Georgia,serif;font-style:italic;font-size:3cqw;color:#8d818f;margin-top:6cqw}.app-breathe{padding-top:14cqw}.cinema-breath{width:72cqw;height:72cqw;display:grid;place-items:center;position:relative;margin:7cqw 0 3cqw}.cinema-breath i{position:absolute;inset:0;border-radius:50%;border:1px solid #d7a8d414;transform:scale(.85);animation:cinema-breath 5.2s ease-in-out infinite}.cinema-breath i:nth-child(2){inset:8cqw;animation-delay:.15s}.cinema-breath i:nth-child(3){inset:16cqw;animation-delay:.3s;background:#d7a8d405}.cinema-breath .app-orb{animation:cinema-breath 5.2s ease-in-out infinite}.app-breathe h4{font-size:7cqw;margin:3cqw 0 5cqw}.app-breathe .app-honest{margin-top:13cqw}.app-outcome{padding-top:21cqw}.outcome-mark{width:22cqw;height:22cqw;background:#9cc2ad0b;border:1px solid #9cc2ad25;border-radius:50%;display:grid;place-items:center}.outcome-mark svg{width:11cqw;fill:none;stroke:#9cc2ad;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-outcome h4{color:#b3d6c1;font-style:italic;margin:7cqw 0 4cqw}.outcome-record{width:100%;margin-top:15cqw;border-top:1px solid #ffffff10;padding-top:4cqw;text-align:left}.outcome-record>span{font-size:1.8cqw;letter-spacing:1px;color:#766f7e}.outcome-record>div{display:flex;align-items:center;gap:2cqw;font-size:2.3cqw;margin-top:5cqw}.outcome-record i{width:1.5cqw;height:1.5cqw;background:#9cc2ad;border-radius:50%}.outcome-record b{margin-left:auto;color:#9cc2ad;font-weight:400}.outcome-companion{display:flex;align-items:center;text-align:left;gap:3cqw;padding:4cqw 3cqw;margin-top:8cqw;width:100%;border:1px solid #ac99ce26;background:#ad8ac206;border-radius:4cqw}.companion-orb{flex-shrink:0;width:8cqw;height:8cqw;background:radial-gradient(circle at 30% 20%,#d2c6e0,#87729c 60%,#2f263c);border-radius:50%}.outcome-companion>div{display:flex;flex:1;flex-direction:column;gap:1.7cqw}.outcome-companion strong{font-family:Georgia,serif;font-size:4cqw;font-style:italic;font-weight:400;color:#c7b5df}.outcome-companion div>span{font-size:2cqw;color:#8b8098}.outcome-companion>span:last-child{color:#a892c1;font-size:4cqw}.app-outcome.is-slip h4,.app-outcome.is-slip .outcome-record b{color:#d7a8d4}.app-outcome.is-slip .outcome-mark svg{stroke:#d7a8d4}.app-outcome.is-slip .outcome-record i{background:#d7a8d4}
.cinema-callout{position:absolute;left:52%;right:0;top:43%;z-index:3;max-width:270px;padding:24px 25px;border:1px solid #ffffff15;border-radius:18px;background:#25202aee;box-shadow:0 25px 50px #0003;backdrop-filter:blur(20px)}.cinema-callout.is-current{animation:cinema-callout-in .65s cubic-bezier(.2,.7,.2,1) both}.cinema-callout>span{font-size:7px;font-weight:500;letter-spacing:1.3px;color:#b6a6c2;display:block}.cinema-callout>strong{display:block;font-size:37px;letter-spacing:-1.6px;font-weight:500;margin:16px 0 8px}.cinema-callout>p{font-size:12px;line-height:1.8;color:#b9adbf}.callout-ticks{display:flex;align-items:end;gap:7px;height:38px;margin-top:20px}.callout-ticks i{height:25%;width:5px;flex:1;border-radius:3px;background:#bb9ad147}.callout-ticks i:nth-child(3n){height:40%}.callout-ticks i:nth-child(5){height:60%}.callout-ticks i:nth-child(6){height:90%;background:#c5a4da}.callout-ticks i:nth-child(7){height:76%;background:#c5a4da8c}.callout-why{background:#302330ee;border-color:#d7a8d425}.cinema-callout .callout-quote{font-family:Georgia,serif;font-style:italic;font-size:28px;line-height:1.3;color:#ead5e5;margin:22px 0}.cinema-callout .callout-foot{font-size:6px;letter-spacing:1px;color:#a88da9}.breath-wave{display:flex;align-items:center;justify-content:center;gap:9px;height:74px;margin:12px 0}.breath-wave i{width:3px;height:20%;background:#d6b4d0;border-radius:4px;animation:wave-breathe 5.2s ease-in-out infinite}.breath-wave i:nth-child(2n){height:45%}.breath-wave i:nth-child(3n){height:70%}.breath-wave i:nth-child(5){height:90%}.callout-breathe p{text-align:center}.callout-outcome{top:41%;background:#202a25ee;border-color:#9cc2ad20}.callout-outcome>strong{color:#c7dfd0;font-size:32px}.outcome-options{display:grid;gap:7px;margin-top:18px}.outcome-options button{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-radius:7px;border:1px solid #c6dfd52b;background:transparent;color:#abbcb2;font-size:11px;min-height:40px}.outcome-options button[aria-pressed=true]{background:#a8c6b5;color:#18241d;border-color:#a8c6b5}.outcome-options button:hover{border-color:#c6dfd5}.cinema-example{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1.1px;color:#736777}.cinema-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;z-index:3}.cinema-chapters{display:flex;gap:22px}.cinema-chapters button{position:relative;display:flex;align-items:center;gap:12px;color:#847a8c;background:none;padding:12px 0 16px;font-size:11px;min-width:95px;text-align:left;transition:color .3s}.cinema-chapters button>span{font-size:8px;color:#665c70}.cinema-chapters button>i{height:1px;position:absolute;bottom:0;left:0;right:0;background:#ffffff17}.cinema-chapters button>i:after{content:'';position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:#bea1d6}.cinema-chapters button[aria-pressed=true]{color:#f1e3f6}.cinema-chapters button[aria-pressed=true]>i:after{transform:scaleX(max(.06,var(--chapter-progress)))}.cinema-chapters button:hover{color:#f1e3f6}#motion-toggle{font-size:9px;background:#ffffff09;border:1px solid #ffffff15;border-radius:20px;color:#b5a8bd;padding:10px 15px;min-height:36px;white-space:nowrap}.cinema-scroll-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff04}.cinema-scroll-progress i{display:block;width:100%;height:100%;background:#b18dcc;transform-origin:left;transform:scaleX(var(--story-progress))}.habit-cinema[data-phase="1"],.habit-cinema[data-phase="2"]{--accent:#d7a8d4}.habit-cinema[data-phase="3"]{--accent:#9cc2ad}.habit-cinema.cinema-static{height:auto}.cinema-static .cinema-pin{position:relative;top:auto}.cinema-static .cinema-device{transform:none}.cinema-static .cinema-chapters button[aria-pressed=true]>i:after{transform:scaleX(1)}.cinema-static .cinema-scroll-progress{display:none}.habit-cinema button:focus-visible,.cinema-intro a:focus-visible{outline:2px solid #d5b7ed;outline-offset:5px}
.plan-visuals{padding:120px max(5%,calc((100vw - 1260px)/2));background:#f8f7f4}.plan-heading{margin-bottom:55px}.plan-heading h2{font-size:clamp(42px,5.5vw,70px);letter-spacing:-.055em;line-height:1.05;font-weight:500;margin:24px 0}.plan-heading h2 span{color:#8a709b}.plan-heading p{font-size:15px;color:#817389}.plan-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-pair article{position:relative;border-radius:28px;padding:38px 38px 25px;overflow:hidden;background:#ece6f0;display:flex;flex-direction:column}.plan-pair .swap-feature{background:#eee9df}.plan-copy>span{font-size:8px;letter-spacing:1.4px;color:#8c779d}.plan-copy h3{font-size:38px;line-height:1.12;letter-spacing:-1.8px;font-weight:500;margin:22px 0 17px}.plan-copy p{font-size:13px;line-height:1.9;color:#81708c;max-width:330px}.window-art{margin:40px -8px 28px;border-radius:20px;background:#faf8fc;padding:30px 30px 23px;box-shadow:0 16px 30px #5945690a}.window-time>span{display:block;font-size:7px;color:#9d8da7;letter-spacing:1.5px}.window-time>strong{display:block;font-size:33px;font-weight:500;letter-spacing:-1px;margin-top:12px;color:#67547c}.window-time i{font-style:normal;color:#c0b0ce;margin:0 10px}.window-timeline{display:flex;gap:14px;align-items:center;height:45px;margin:10px 0 27px;position:relative}.window-timeline:before{content:'';height:2px;position:absolute;left:0;right:0;top:50%;background:#b39dcb;transform-origin:left;transform:scaleX(0)}.window-timeline i{flex:1;height:9px;background:#cabed5;border-radius:2px;z-index:1}.window-timeline i:first-child,.window-timeline i:last-child{height:18px;background:#b095c8}.window-apps{display:flex;position:relative;justify-content:center;gap:18px;margin:30px 0 34px}.window-apps>span{width:58px;height:58px;background:#e6dcef;border:1px solid #dbd0e4;border-radius:15px;display:grid;place-items:center;transform:rotate(-6deg)}.window-apps>span:nth-child(2){transform:translateY(-8px) rotate(3deg);background:#eee5e9}.window-apps>span:nth-child(3){transform:rotate(8deg);background:#e3e5de}.window-apps svg{width:26px;fill:none;stroke:#ac96bb;stroke-width:1.1;stroke-linejoin:round}.window-lock{position:absolute;left:calc(50% - 22px);top:22px;width:44px;height:44px;border-radius:50%;background:#776086;box-shadow:0 0 0 6px #faf8fc;display:grid;place-items:center;opacity:0;transform:translateY(8px) scale(.9)}.window-lock svg{width:21px;stroke:#eee2f6}.window-footer{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#97849f}.plan-footnote{font-size:9px;color:#94829c;line-height:1.7;margin-top:auto;max-width:350px}.swap-feature .plan-copy>span,.swap-feature .plan-copy p,.swap-feature .plan-footnote{color:#93836e}.swap-art{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;padding:35px 0 26px}.swap-before{text-align:center}.swap-before>span,.swap-after>span{display:block;font-size:7px;letter-spacing:1.3px;color:#a0907b}.swap-before>strong{display:block;font-size:19px;font-weight:400;color:#b2a693;margin-top:10px}.swap-connector{display:flex;flex-direction:column;align-items:center;height:49px;color:#bba587;padding:7px 0}.swap-connector i{height:21px;border-left:1px solid #cab9a2}.swap-connector>span{font-size:18px;line-height:10px}.swap-after{padding:23px 30px;width:100%;text-align:center;border-radius:18px;background:#fcf8ef;border:1px solid #e2d8c8;transform:translateY(10px);opacity:.4}.swap-after strong{display:block;font-size:22px;font-weight:500;color:#857252;letter-spacing:-.5px}.swap-after p{font-size:9px;color:#a08f76;margin-top:10px}.book-mark{display:flex;justify-content:center;gap:2px;margin:20px 0;width:100%;height:37px}.book-mark i{width:28px;height:36px;background:#e7d8b8;border:1px solid #c7b48e;box-shadow:inset -3px 0 #f3e9d2;transform:skewY(9deg);border-radius:4px 1px 1px 3px;position:relative}.book-mark i:after{content:'';position:absolute;inset:8px 6px;background:repeating-linear-gradient(transparent 0 4px,#c7b48e 4px 5px)}.book-mark i+i{transform:skewY(-9deg);border-radius:1px 4px 3px 1px;box-shadow:inset 3px 0 #f3e9d2}.in-view .window-timeline:before{animation:window-line 1.2s .2s ease both}.in-view .window-lock{animation:lock-appear .8s .7s ease both}.in-view .swap-after{animation:swap-appear 1s .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes cinema-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cinema-screen-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cinema-callout-in{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}@keyframes cinema-breath{0%,100%{transform:scale(.72)}50%{transform:scale(1)}}@keyframes wave-breathe{0%,100%{transform:scaleY(.45);opacity:.45}50%{transform:scaleY(1);opacity:1}}@keyframes window-line{to{transform:scaleX(1)}}@keyframes lock-appear{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes swap-appear{to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.cinema-device{width:min(330px,calc((100svh - 220px)*.484))}.cinema-callout{left:54%;top:42%}}
@media(max-width:1050px){.cinema-callout{left:49%;padding:19px;max-width:220px}.cinema-visual{padding-left:0}.cinema-copy h3{font-size:43px}.cinema-copy p{font-size:12px}.cinema-callout>strong{font-size:30px}.cinema-callout .callout-quote{font-size:25px}.cinema-evidence{font-size:8px}.intro-thread{right:10%;opacity:.3}.plan-pair article{padding:30px 26px 23px}.plan-copy h3{font-size:32px}.window-art{padding:25px 20px}.window-time>strong{font-size:29px}}
@media(max-width:700px){.cinema-intro{padding:85px 7% 75px;scroll-margin-top:70px}.cinema-intro h2{font-size:52px;letter-spacing:-3px;margin:28px 0 33px}.cinema-intro .section-index{font-size:7px}.cinema-intro-bottom{display:block}.cinema-intro-bottom p{font-size:13px}.cinema-intro-bottom a{margin-top:25px;justify-content:flex-start;gap:18px}.intro-thread{width:100px;height:180px;right:-40px;top:60px}.habit-cinema{height:400svh;scroll-margin-top:70px}.cinema-pin{top:70px;height:calc(100svh - 70px);min-height:620px;padding:18px 6% 18px}.cinema-stage-meta{font-size:6px;letter-spacing:1.4px}.cinema-grid{display:flex;flex-direction:column;align-items:stretch;padding-top:23px}.cinema-narrative{padding:0;min-height:143px}.cinema-overline{font-size:7px;letter-spacing:1.2px}.cinema-copy h3{font-size:32px;line-height:1.05;letter-spacing:-1.6px;margin:10px 0 10px}.cinema-copy h3 br{display:none}.cinema-copy p{font-size:10px;line-height:1.7;max-width:340px}.cinema-evidence{display:none}.cinema-visual{justify-content:center;flex:1;margin-top:5px;min-height:0;padding:0 0 25px}.cinema-device{width:min(220px,calc((100svh - 335px)*.484));border-width:4px;border-radius:34px}.cinema-aura{width:100%;height:350px;left:0}.cinema-orbit{width:290px;height:290px;left:calc(50% - 145px)}.cinema-callout{left:auto;right:-3%;top:41%;max-width:155px;padding:14px 13px;border-radius:13px}.cinema-callout>span{font-size:5px;letter-spacing:.8px}.cinema-callout>strong{font-size:25px;margin:11px 0 4px}.cinema-callout>p{font-size:8px;line-height:1.7}.callout-ticks{height:24px;margin-top:12px;gap:4px}.cinema-callout .callout-quote{font-size:20px;margin:14px 0}.cinema-callout .callout-foot{font-size:4.5px;letter-spacing:.4px}.breath-wave{gap:6px;height:50px;margin:10px 0}.breath-wave i{width:2px}.callout-outcome{top:auto;bottom:30px;max-width:150px;padding:12px}.callout-outcome>strong{font-size:22px}.callout-outcome>p{display:none}.outcome-options{gap:5px;margin-top:9px}.outcome-options button{font-size:8px;min-height:34px;padding:8px}.cinema-example{font-size:4.5px;letter-spacing:.7px;bottom:4px}.cinema-bottom{gap:9px;flex-direction:column;margin-top:8px}.cinema-chapters{width:100%;gap:14px;justify-content:space-between}.cinema-chapters button{min-width:0;flex:1;gap:6px;font-size:8px;padding:10px 0}.cinema-chapters button>span{font-size:6px}#motion-toggle{font-size:7px;min-height:28px;padding:7px 12px;align-self:end}.plan-visuals{padding:75px 6%}.plan-heading{margin-bottom:30px}.plan-heading h2{font-size:43px}.plan-heading p{font-size:12px;line-height:1.8;max-width:280px}.plan-heading .section-index{font-size:7px}.plan-pair{grid-template-columns:1fr;gap:20px}.plan-pair article{padding:30px 27px 22px;border-radius:24px}.plan-copy h3{font-size:34px}.window-art{margin-top:30px}.swap-art{padding:32px 0}.plan-footnote{font-size:8px}.cinema-visual .cinema-device{margin-right:30px}}
@media(max-width:370px){.cinema-copy h3{font-size:28px}.cinema-copy p{font-size:9px}.cinema-intro h2{font-size:45px}.cinema-chapters{gap:8px}.cinema-chapters button{font-size:7px}.cinema-callout{right:-4%;max-width:136px}}
@media(max-height:700px) and (min-width:701px){.cinema-pin{min-height:520px}.cinema-device{width:220px}.cinema-copy h3{font-size:38px}.cinema-callout{left:48%;padding:18px}.cinema-evidence{margin-top:15px}}
@media(max-height:700px) and (max-width:700px){.cinema-static .cinema-pin{height:700px}.cinema-static .cinema-device{width:190px}}
body.paused .cinema-device{transform:none}body.paused .window-lock,body.paused .swap-after{opacity:1;transform:none}body.paused .window-timeline:before{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){.cinema-device{transform:none!important}.window-lock,.swap-after{opacity:1;transform:none}.window-timeline:before{transform:scaleX(1)}.hour-curve{stroke-dashoffset:0}}
/* Account for the site's shared 100px anchor offset. */
.habit-cinema{scroll-margin-top:-24px}.cinema-intro{scroll-margin-top:0}
.cinema-offscreen .cinema-breath *,.cinema-offscreen .breath-wave i{animation-play-state:paused}
@media(max-width:700px){.habit-cinema{scroll-margin-top:-30px}}
@media(max-height:700px) and (min-width:701px){.cinema-static .cinema-pin{min-height:640px}}

/* Short viewports still tell the scroll story; fit the pinned stage instead of disabling it. */
@media(max-height:740px){
 .habit-cinema:not(.cinema-static) .cinema-pin{min-height:0}
}
@media(max-height:740px) and (max-width:700px){
 .habit-cinema:not(.cinema-static) .cinema-pin{padding-top:12px;padding-bottom:10px}
 .habit-cinema:not(.cinema-static) .cinema-grid{padding-top:12px}
 .habit-cinema:not(.cinema-static) .cinema-narrative{min-height:110px}
 .habit-cinema:not(.cinema-static) .cinema-copy h3{font-size:28px;margin:8px 0}
 .habit-cinema:not(.cinema-static) .cinema-device{width:min(200px,calc((100svh - 320px)*.484))}
 .habit-cinema:not(.cinema-static) .cinema-bottom{margin-top:0;gap:3px}
 .habit-cinema:not(.cinema-static) .cinema-callout{top:28%;max-width:140px;padding:11px}
}
@media(max-height:740px) and (min-width:701px){
 .habit-cinema:not(.cinema-static) .cinema-device{width:min(240px,calc((100svh - 180px)*.484))}
 .habit-cinema:not(.cinema-static) .cinema-copy h3{font-size:clamp(28px,3.4vw,42px)}
 .habit-cinema:not(.cinema-static) .cinema-copy p{font-size:12px;line-height:1.65}
 .habit-cinema:not(.cinema-static) .cinema-evidence{margin-top:14px}
 .habit-cinema:not(.cinema-static) .cinema-callout{max-width:190px;padding:16px}
}