/* Public product story. All essential content is visible without script or motion. */
body.motion-public{--ink:#183653;--muted:#64758b;--rose:#a94767;--rule:#e1e7ef;background:#fff;color:var(--ink);overflow-x:clip}
.motion-public :is(h2,h3){font-family:Inter,system-ui,sans-serif;letter-spacing:-.045em}.motion-public h2{font-size:clamp(32px,3.3vw,46px);font-weight:550;line-height:1.15}.motion-public p{color:var(--muted)}
.motion-public .public-header{max-width:1180px;position:relative;z-index:3}.motion-public .hero{margin-top:66px;padding-bottom:76px}.motion-public .hero p{max-width:440px}.motion-public .hero .btn.primary,.motion-public .btn.primary{color:#fff;background:var(--rose);border-color:var(--rose)}
.motion-public .hero-object{animation:calendar-arrive .8s cubic-bezier(.22,1,.36,1) both;transform-origin:center}.motion-public .hero h1{color:var(--ink)}
@keyframes calendar-arrive{from{transform:translateY(22px) scale(.975)}to{transform:none}}
.motion-public :is(a,button,input,select):focus-visible{outline:3px solid #7198c3;outline-offset:4px}.motion-public :is(a,button){-webkit-tap-highlight-color:transparent}
.motion-public .opening-line{max-width:1096px;margin:0 auto;padding:23px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);font-size:11px;color:#5c7189}.opening-line i{font-style:normal;color:#b0bbca;margin:0 8px}
.motion-public .section{max-width:1180px;padding:85px 42px;margin:auto}.motion-public .product-story{max-width:none;padding:90px max(42px,calc((100vw - 1096px)/2));background:linear-gradient(180deg,#f5f8fc,#fafbfd 85%,#fff)}
.story-heading{max-width:650px;margin:0 0 70px}.story-heading h2{margin:16px 0 20px}.story-heading>p:last-child{font-size:15px;line-height:1.8;max-width:440px}.motion-public .eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;color:#7a889a}
.story-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:64px;align-items:start}.story-sticky{position:sticky;top:55px;min-width:0}.story-nav{display:flex;gap:4px;margin:0 0 17px;align-items:center}.story-nav button{font:500 11px Inter,system-ui,sans-serif;color:#697c92;border:0;background:transparent;min-width:34px;min-height:34px;border-radius:50%;cursor:pointer}.story-nav button[aria-current]{background:#183653;color:#fff}.story-nav #motion-toggle{margin-left:auto;border-radius:5px;font-size:10px;padding:8px;min-width:0}.story-nav #motion-toggle[aria-pressed=true]{background:#e5ecf4;color:#183653}
.story-stage{position:relative;min-height:460px;background:#fff;border:1px solid #d9e2ee;border-radius:10px;box-shadow:0 28px 65px -28px #173e643b;isolation:isolate;overflow:hidden}.scene-toolbar{height:45px;display:flex;justify-content:space-between;align-items:center;background:#1e3a5d;color:#cfdae8;padding:0 18px;font-size:10px}.scene-toolbar>span:first-child{display:flex;align-items:center;gap:8px}.scene-toolbar img{filter:brightness(0) invert(1);opacity:.8}.scene-status{border:1px solid #75889d70;padding:4px 7px;border-radius:4px;font-size:9px}.scene-calendar{padding:25px 20px;transition:opacity .55s,transform .65s cubic-bezier(.22,1,.36,1)}.scene-month{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.scene-month small{font-size:8px;letter-spacing:.1em;color:#72849a}.scene-month h3{font-size:22px;margin:7px 0 0;font-weight:550}.scene-month>span{font-size:9px;color:#8090a4}.scene-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.scene-day{border-top:1px solid var(--rule);padding-top:9px;min-width:0}.scene-day>small{font-size:8px;color:#7b8ea4;display:block}.scene-day>b{font-weight:500;font-size:17px;display:block;margin:7px 0 13px}.scene-shift{display:block;min-height:43px;background:#edf3fa;border-left:2px solid #8eadd0;margin:6px 0;padding:7px 5px;color:#3b587c;transition:opacity .4s,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--order)*18ms)}.scene-shift:nth-child(even){background:#f2edf5;border-left-color:#b497ba}.scene-shift small{display:block;font-size:6px;white-space:nowrap;margin-bottom:5px}.scene-shift strong{font-size:9px;font-weight:600}.scene-totals{display:flex;gap:14px;font-size:8px;color:#788ca3;border-top:1px solid var(--rule);padding-top:14px;margin-top:18px}
.story-stage[data-stage="0"] .scene-calendar,.story-stage[data-stage="1"] .scene-calendar,.story-stage[data-stage="2"] .scene-calendar{opacity:.26;transform:scale(.97)}.story-stage[data-stage="0"] .scene-shift,.story-stage[data-stage="1"] .scene-shift,.story-stage[data-stage="2"] .scene-shift{opacity:.3;transform:translateY(7px)}
.scene-focus{position:absolute;top:130px;left:12%;right:12%;padding:25px;background:#fff;border:1px solid #dce4ee;border-radius:8px;box-shadow:0 15px 42px #233e5920;transition:inset .5s,transform .5s,opacity .4s}.scene-focus.scene-enter{animation:scene-in .55s cubic-bezier(.22,1,.36,1)}@keyframes scene-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.scene-kicker{color:var(--rose);font-size:8px;letter-spacing:.11em;font-weight:600}.scene-person{display:flex;gap:10px;align-items:center;margin-top:18px}.avatar{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:#e8eef5;color:#466583;font-size:10px;flex-shrink:0}.scene-person strong{font-size:12px;display:block}.scene-person small{display:block;font-size:9px;color:#77899e;margin-top:3px}.scene-focus blockquote{font-size:17px;line-height:1.65;letter-spacing:-.03em;margin:17px 0;color:#34526f}.scene-caption{font-size:8px;color:#7a8da4}.scene-fields{display:grid;gap:0;margin:14px 0}.scene-fields>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e8edf3;font-size:10px;color:#6b7e95}.scene-fields b{font-weight:550;color:#294866}.scene-review-note{font-size:10px!important;line-height:1.7}.scene-approval{padding:9px 12px;background:#edf4f0;color:#426b59;font-size:10px;border-radius:4px;display:inline-block}.scene-focus h4{font-size:17px;font-weight:550;margin:12px 0}.story-stage[data-stage="3"] .scene-focus{left:24%;right:24%;top:350px;padding:12px 16px;box-shadow:0 5px 15px #233e5910}.scene-generated{display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#426b59}.story-stage[data-stage="5"] .scene-focus{top:125px;left:48%;right:3%;padding:18px}.scene-provider{display:flex;gap:8px;align-items:center;margin:10px 0;padding:8px;border-bottom:1px solid #e5ebf2;font-size:10px}.scene-provider.selected{background:#eff4fa;border-radius:5px}.scene-provider small{margin-left:auto;font-size:8px;color:#667c93}.story-stage[data-stage="5"] .scene-day:nth-child(2) .scene-shift:nth-of-type(1){outline:2px solid #749bc8;outline-offset:2px}.story-stage[data-stage="6"] .scene-calendar{opacity:.3;transform:translateX(-14%) scale(.94)}.story-stage[data-stage="6"] .scene-focus{left:35%;right:10%;top:93px;padding:22px}.personal-shifts{display:flex;gap:7px;margin:18px 0}.personal-shifts span{flex:1;border-top:2px solid #9db5d2;padding-top:9px;font-size:15px;color:#29496a}.personal-shifts small{display:block;font-size:6px;color:#7c8fa3;margin-top:4px}.scene-footnote{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--rule);padding:12px 16px;display:flex;justify-content:space-between;font-size:8px;color:#7a8ca1;background:#fff}.scene-context{font-size:9px;line-height:1.6;max-width:420px;margin:14px 0 0;color:#78899e!important}
.story-chapter{min-height:430px;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:90px;padding:45px 0}.chapter-number{font-size:9px;letter-spacing:.13em;color:#9b6075}.story-chapter h3{font-size:28px;font-weight:550;line-height:1.2;margin:16px 0}.story-chapter>p{font-size:13px;line-height:1.85;margin:0;max-width:350px}.scenario-options{display:flex;gap:4px;flex-wrap:wrap;margin:18px 0 9px}.scenario-options button{font:inherit;font-size:9px;padding:7px;border:1px solid #dce4ef;border-radius:5px;color:#576f89;background:transparent;cursor:pointer}.scenario-options button[aria-pressed=true]{color:#fff;background:#294766;border-color:#294766}.story-chapter .scenario-copy{font-size:10px;color:#73859b}.mobile-scene{display:none}.story-end{text-align:center;margin:35px auto 0;padding-top:30px;border-top:1px solid var(--rule)}.story-end>p{font-size:20px;font-weight:500;color:var(--ink)}.motion-public .story-end .btn{padding:14px 21px;font-size:12px}.story-end>small{display:block;font-size:10px;color:#7c8da0;margin-top:15px}
.motion-public .product-evidence{border-top:0}.motion-public .section-top p{font-size:13px;line-height:1.8}.motion-public .product-screen-wrap{background:#edf2f8}.motion-public .product-screen{max-height:480px;object-fit:contain}.motion-public .life-section{background:#f6f8fb;max-width:none;padding-left:max(42px,calc((100vw - 1096px)/2));padding-right:max(42px,calc((100vw - 1096px)/2))}.motion-public .life-section h2{max-width:620px}.motion-public .life-section>p{max-width:610px;font-size:14px;line-height:1.8}.motion-public .clinical-grid{gap:28px}.motion-public .clinical-card{box-shadow:none;border:0;border-top:1px solid #d5dfeb;border-radius:0;background:none}.motion-public .pricing{border:0;background:white}.motion-public .pricing h2{max-width:560px}.motion-public .pricing input{font-size:16px}.motion-public .product-faq{padding-top:40px}.motion-public .product-faq details{background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:19px 0}.motion-public .product-faq summary{font-size:14px;font-weight:500}.motion-public .product-faq details p{font-size:13px;line-height:1.8}.motion-public .closing-invitation{text-align:center;max-width:none;background:radial-gradient(ellipse at center bottom,#e8edf8,transparent 65%),#f8fafc;padding-top:80px;padding-bottom:85px}.closing-invitation .eyebrow{margin-top:22px}.closing-invitation h2{margin:15px 0 28px}.closing-invitation .btn{padding:14px 22px}.closing-invitation>p:last-child{font-size:12px}.motion-public footer.site{max-width:1180px;margin:auto;padding:45px 42px;background:#fff;color:#5d7088}.motion-public footer .wordmark{font-family:Inter,system-ui,sans-serif;color:var(--ink)}.motion-public .button,.motion-public .btn.solid{background:var(--rose);border-radius:6px;box-shadow:none;color:#fff}.motion-public .button.secondary{background:#fff;color:#345471;border:1px solid var(--rule)}.motion-public #product-image-dialog{border:1px solid #dbe3ee;border-radius:10px;width:min(1120px,94vw);max-height:90vh;padding:22px}.motion-public #product-image-dialog::backdrop{background:#162c4b77;backdrop-filter:blur(4px)}.motion-public #product-image-dialog h2{font-size:20px}.motion-public #product-image-dialog>p{font-size:12px}.motion-public .dialog-image-scroll img{max-width:none;width:1100px}.motion-public .dialog-image-scroll{max-height:70vh;overflow:auto}
/* Secondary public routes inherit one clear identity from the homepage chrome. */
.motion-public main>.section:first-child:not(.hero):not(.product-story){min-height:60vh}.motion-public .demo-form :is(input,select,textarea){font-size:16px!important}.motion-public .demo-form .btn{font-size:14px}.motion-public .wrap{max-width:1096px}.motion-public .big{font-family:Inter,system-ui,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:550}.motion-public .lede{font-size:16px;line-height:1.8}
/* The existing instructional controls stay intact. Only presentation is unified. */
body.motion-tour{font-family:Inter,system-ui,sans-serif;background:#f7f9fc;color:#183653;--pink:#a94767;--ink:#183653}.motion-tour .tour-header{background:#fff;border-bottom:1px solid #e1e7ef;padding:20px 4vw}.motion-tour #tour-home{display:flex;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:23px;font-weight:700;letter-spacing:-1px;color:#183653}.motion-tour #tour-home img{width:28px;height:28px}.motion-tour .tour-header>a{font-size:12px;color:#637991}.motion-tour .tour-layout{max-width:1240px;margin:35px auto;gap:55px;padding:0 35px}.motion-tour .tour-sidebar h1{font-family:Inter,system-ui,sans-serif;font-size:32px;letter-spacing:-1.3px;font-weight:550}.motion-tour .tour-step-intro h2{font-family:Inter,system-ui,sans-serif;font-size:30px;letter-spacing:-1.2px;font-weight:550}.motion-tour .demo-shell{border:1px solid #dce4ef;border-radius:9px;box-shadow:0 15px 40px #1836530b;background:#fff}.motion-tour .demo-toolbar{background:#1e3a5d;color:#d1ddeb;padding:14px 20px}.motion-tour .demo-toolbar .pill{background:#334f70;color:#d2deea;border:0}.motion-tour .button{background:#a94767;color:#fff;border-radius:6px;box-shadow:none}.motion-tour .button.secondary{background:#fff;color:#345471;border:1px solid #dce4ef}.motion-tour #chapter-nav button{border-radius:5px;font-size:12px}.motion-tour .lesson{border-left:2px solid #9eb2ca;background:transparent;padding:4px 18px}.motion-tour .lesson span{color:#8b6374}.motion-tour .fiction-note{font-size:10px;color:#71839a}.motion-tour :is(input,select,textarea){font-size:16px}.motion-tour #demo-content{animation:scene-in .3s ease-out}.motion-tour :focus-visible{outline:3px solid #7198c3;outline-offset:3px}
@media(max-width:1050px) and (min-width:751px){.story-layout{gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.scene-focus{left:7%;right:7%}.scene-shift small{font-size:5px}.scene-week{gap:4px}.scene-calendar{padding:20px 12px}.story-chapter h3{font-size:24px}}
@media(max-width:750px){.motion-public .hero{margin-top:22px;padding-bottom:45px;gap:32px}.motion-public .hero h1{font-size:41px}.motion-public .opening-line{margin:0 24px;padding:20px 0;display:block;font-size:10px;line-height:1.8}.opening-line>span{display:block}.opening-line>span+span{margin-top:7px}.motion-public .section{padding:55px 24px}.motion-public .product-story{padding:55px 24px}.story-heading{margin-bottom:22px}.story-heading h2{font-size:34px}.story-heading>p:last-child{font-size:13px}.story-layout{display:block}.story-sticky{display:none}.story-chapter{min-height:0;padding:34px 0;border-top:1px solid #dfe7f0;scroll-margin-top:20px}.story-chapter h3{font-size:27px;margin:13px 0}.story-chapter>p{font-size:13px;max-width:none}.mobile-scene{display:block;margin-top:23px;padding:22px;background:#fff;border:1px solid #dce4ef;border-radius:8px;box-shadow:0 10px 24px #18365308}.mobile-scene>small{display:block;margin-top:16px;font-size:8px;color:#8492a5}.mobile-note{display:flex;gap:12px}.mobile-note p{font-size:15px!important;color:#345471!important;line-height:1.65;margin:0}.mobile-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mobile-fields span{font-size:9px;color:#7b8ba0}.mobile-fields b{display:block;font-size:14px;font-weight:500;margin-top:8px;color:#29496a}.mobile-review span{font-size:11px;color:#72849b;display:block}.mobile-review b{display:block;color:#426b59;font-weight:500;font-size:13px;margin-top:12px}.mobile-month{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.mobile-month span{background:#edf3fa;font-size:10px;padding:10px 2px;text-align:center;border-top:2px solid #a4bbd7}.mobile-month span:nth-child(3n){background:#f3edf5;border-color:#b69bbc}.mobile-personal>span{font-size:9px;color:#8190a2;letter-spacing:.1em}.mobile-personal>b{display:block;font-size:27px;font-weight:500;margin:12px 0}.mobile-personal p{font-size:10px!important;margin:0}.story-end{margin-top:12px;padding-top:15px}.motion-public .life-section{padding:55px 24px}.motion-public .section-top{display:block}.motion-public .product-evidence h2{font-size:31px}.motion-public .closing-invitation{padding:60px 24px}.motion-public footer.site{padding:35px 24px}.motion-public #product-image-dialog{padding:15px}.motion-public .dialog-header{gap:10px}.motion-public #product-image-dialog h2{font-size:17px}.motion-tour .tour-header{padding:15px 20px;gap:12px;flex-wrap:wrap}.motion-tour .tour-layout{padding:0 20px;margin:20px auto;gap:24px}.motion-tour .tour-sidebar h1{font-size:27px;margin:10px 0}.motion-tour .tour-sidebar .subtle{font-size:12px}.motion-tour .fiction-note{display:none}.motion-tour .tour-step-intro h2{font-size:26px}.motion-tour .demo-toolbar{padding:12px;gap:8px}.motion-tour .demo-toolbar .pill{font-size:8px}.motion-tour .demo-shell{border-radius:7px}.motion-tour .tour-step-intro{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hero-object,.scene-focus.scene-enter,.motion-tour #demo-content{animation:none!important}.scene-calendar,.scene-shift,.scene-focus{transition:none!important}}
html[data-motion="reduced"]{scroll-behavior:auto!important}html[data-motion="reduced"] .hero-object,html[data-motion="reduced"] .scene-focus.scene-enter{animation:none!important}html[data-motion="reduced"] :is(.scene-calendar,.scene-shift,.scene-focus){transition:none!important}
/* Explicitly replace legacy dark section treatments in the new composition. */
body.motion-public #product{background:#fff}body.motion-public #product .product-browser{border:0;background:transparent;box-shadow:none}body.motion-public #product .screen-selectors{background:transparent;border-bottom:1px solid #dce5ef;padding:0;gap:20px;display:flex}body.motion-public #product .screen-selectors button{background:transparent;color:#657b94;border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 4px;font-size:12px;flex:1}body.motion-public #product .screen-selectors button[aria-pressed=true]{background:transparent;color:#183653;border-bottom-color:#a94767}body.motion-public #product .screen-context{padding:24px 0;gap:40px}body.motion-public #product .screen-context h3{font-size:22px;font-weight:550}body.motion-public #product .screen-context p{font-size:13px;line-height:1.8}body.motion-public #product figure{padding:0;margin:0}body.motion-public #product .screenshot-button{padding:18px;background:#f3f6fa;border:1px solid #e0e7f0;border-radius:8px;display:block;width:100%}body.motion-public #product-screen{width:100%;height:440px;object-fit:contain;object-position:center top;border:0;border-radius:4px;box-shadow:none}body.motion-public #product .screenshot-button>span{font-size:10px;color:#617a96;padding:13px 0 0}body.motion-public #product figcaption{font-size:10px;color:#7b8fa6;margin-top:14px}
body.motion-public #life{background:#f5f8fc}body.motion-public #life :is(h2,h3){color:#183653}body.motion-public #life .life-intro>p{color:#637992;font-size:14px;line-height:1.8;max-width:620px}body.motion-public #life .protection-cards{gap:28px}body.motion-public #life .protection-cards>article{background:transparent;border:0;border-top:1px solid #cfdce9;border-radius:0;padding:22px 0;box-shadow:none}body.motion-public #life .protection-cards h3{font-size:22px;font-weight:550;min-height:53px}body.motion-public #life .protection-cards .eyebrow{color:#9b6075}body.motion-public #life .protection-diagram{background:#e8eff7;border-radius:6px;padding:18px 8px}body.motion-public #life .protection-diagram span{background:#cddbee;color:#34516e;border-radius:3px;font-size:10px}body.motion-public #life .protection-diagram span:nth-child(2){background:#e6d8e2;color:#704559}body.motion-public #life .rule-copy p{font-size:12px;color:#526d89;line-height:1.8}body.motion-public #life .rule-copy strong,body.motion-public #life .recommendation strong{font-size:9px;color:#68809b}body.motion-public #life .recommendation{border-top:1px solid #d4e0ed;margin-top:20px;padding-top:20px}body.motion-public #life .recommendation p{font-size:11px;color:#607994;line-height:1.8}body.motion-public #life .recommendation a{font-size:9px;color:#805067}body.motion-public #life .clinical-note{font-size:11px;color:#6b8097}
body.motion-public #pricing{background:#fff}body.motion-public #pricing .price-card{border:1px solid #dce4ee;border-radius:9px;background:#f8fafc}body.motion-public #pricing .price-card .amount{color:#183653}
.section-arrive{animation:section-in .65s cubic-bezier(.22,1,.36,1) both}@keyframes section-in{from{opacity:.65;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:750px){body.motion-public #product .screen-selectors{gap:8px}body.motion-public #product .screen-selectors button{font-size:10px;padding:12px 2px}body.motion-public #product .screen-context{padding:20px 0;gap:12px}body.motion-public #product-screen{height:240px}body.motion-public #product .screenshot-button{padding:10px}body.motion-public #life .protection-cards h3{min-height:0}body.motion-public #life .protection-cards{gap:14px}body.motion-public #life .protection-cards>article{padding:20px 0}.scenario-options button{font-size:10px;min-height:36px}}
@media(prefers-reduced-motion:reduce){.section-arrive{animation:none!important}}html[data-motion="reduced"] .section-arrive{animation:none!important}
.request-dates{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0}.request-dates span{padding:5px 2px;text-align:center;background:#edf3fa;font-size:8px;color:#4b698a;border-radius:3px}.story-stage[data-stage="0"] .scene-focus{top:102px}.story-stage[data-stage="0"] #scene-focus blockquote{font-size:16px;margin:13px 0}.story-stage[data-stage="0"] #scene-focus .scene-person{margin-top:13px}
body.motion-public #life .card-step{color:#965d75}body.motion-public #life :is(.rule-copy,.recommendation)>span{color:#607991;font-size:9px}body.motion-public #life .policy-footnote{font-size:11px;color:#657b92}
.motion-tour .tour-sidebar{background:transparent;border-right:0;padding:15px 0}.motion-tour .tour-main{padding:15px 0}.motion-tour .demo-panel{background:transparent;border:0;padding:10px 0}.motion-tour .demo-grid{gap:35px}.motion-tour .demo-grid>.demo-panel+ .demo-panel{border-left:1px solid #e1e8f1;padding-left:25px}.motion-tour #demo-content{padding:25px}.motion-tour .chapters-toggle{background:#fff;border:1px solid #dbe4ef;border-radius:5px;padding:9px 12px;font-size:12px;color:#466581}.motion-tour .tour-step-intro p{font-size:14px;line-height:1.8;color:#61778f}.motion-tour .lesson p{font-size:12px;line-height:1.8;color:#60778f}.motion-tour .tour-navigation{margin-top:20px}
@media(max-width:750px){.motion-tour .tour-sidebar{padding:0 0 14px}.motion-tour .tour-sidebar .eyebrow{margin:0 0 6px}.motion-tour .tour-sidebar h1{font-size:25px;margin:6px 0}.motion-tour .tour-sidebar .subtle{margin:0 0 10px;font-size:11px}.motion-tour .chapters-toggle{display:inline-block;width:auto;min-height:36px;margin:0}.motion-tour .tour-sidebar #restart-tour{float:right;font-size:11px;padding:10px 0}.motion-tour .tour-sidebar nav{clear:both}.motion-tour .tour-main{padding:20px 0}.motion-tour .tour-step-intro h2{margin:9px 0;font-size:25px}.motion-tour .tour-step-intro p{font-size:13px;line-height:1.7}.motion-tour .demo-grid{gap:20px}.motion-tour .demo-grid>.demo-panel+ .demo-panel{border-left:0;padding-left:0;border-top:1px solid #e1e8f1;padding-top:20px}.motion-tour #demo-content{padding:20px}.motion-tour .demo-panel{padding:0}.motion-tour .tour-layout{margin-top:18px}}
body.motion-public .legal-body{font-size:14px;line-height:1.8}body.motion-public .legal-body h2{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:32px 0 12px;font-weight:550}body.motion-public .legal-body h3{font-size:18px;line-height:1.4;font-weight:550}body.motion-public .legal-body p,body.motion-public .legal-body li{font-size:14px;line-height:1.8;color:#566e87}body.motion-public .wrap>h2{font-size:27px;line-height:1.3}body.motion-public .wrap>h3{font-size:20px;line-height:1.4}
.motion-public :is(.scene-caption,.scene-person small,.scene-footnote,.scene-context,.personal-shifts small,.scene-month small,.scene-month>span,.scene-day>small,.scene-totals,.mobile-scene>small){color:#617389!important}.motion-public .story-nav button{color:#576d85}.motion-public .story-nav button[aria-current]{color:#fff}.motion-public .chapter-number{color:#8c5067}.motion-tour .round-check{background:#e7f0eb;color:#426b59}

/* A finite opening: frame, dates, shifts, then review. Text and actions stay ready. */
.motion-public .hero-object{animation:calendar-arrive 1.15s cubic-bezier(.42,0,.58,1) both}
.motion-public .hero-object .mini-day{--column:0}.motion-public .hero-object .mini-day:nth-child(2){--column:1}.motion-public .hero-object .mini-day:nth-child(3){--column:2}
.motion-public .hero-object .mini-day>small,.motion-public .hero-object .mini-day>strong{animation:calendar-piece .6s cubic-bezier(.42,0,.58,1) both;animation-delay:calc(140ms + var(--column)*100ms)}
.motion-public .hero-object .mini-shift{animation:calendar-piece .65s cubic-bezier(.42,0,.58,1) both;animation-delay:calc(240ms + var(--column)*120ms)}
.motion-public .hero-object .mini-shift:nth-of-type(2){animation-delay:calc(400ms + var(--column)*120ms)}
.motion-public .hero-object .mini-shift:nth-of-type(3){animation-delay:calc(560ms + var(--column)*120ms)}
.motion-public .hero-object .mini-review>span{animation:calendar-piece .35s ease-out 1.15s both}
@keyframes calendar-piece{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.motion-public .hero .founder-line{font-size:11px;line-height:1.7;max-width:440px;margin-top:24px;color:#526981}
.motion-public .closing-invitation>img{display:block;margin:0 auto}.motion-public .closing-invitation>p{margin-left:auto;margin-right:auto}
.motion-public .closing-invitation .founder{display:flex;width:fit-content;max-width:100%;margin:38px auto 0;text-align:left;gap:12px;align-items:center}.motion-public .closing-invitation .founder img{width:42px;height:42px;border-radius:50%;object-fit:cover}.motion-public .closing-invitation .founder b{font-size:11px;color:#526981}.motion-public .closing-invitation .founder span{display:block;font-size:11px;color:#526981;margin-top:4px}
@media(prefers-reduced-motion:reduce){.motion-public .hero-object *{animation:none!important}}
html[data-motion="reduced"] .motion-public .hero-object *{animation:none!important}

/* Small copy keeps the same quiet palette with readable contrast. */
body.motion-public .eyebrow,body.motion-public #pricing .eyebrow,body.motion-public .product-faq .eyebrow{color:#596b80}
body.motion-public .hero>div>p,body.motion-public #life .life-intro>p,body.motion-public #life .policy-footnote{color:#526981}
body.motion-public #product .screen-selectors button,body.motion-public #product figcaption,body.motion-public #product .screenshot-button>span{color:#526981}
body.motion-public .opening-line i{color:#617389}
.story-stage[data-stage="6"] .scene-focus .scene-fields>div{padding:8px 0}
/* One scroll-controlled stage per section. Without script, every panel is readable. */
.motion-public .guided-section .guided-track{position:relative;margin-top:30px}.motion-public .guided-section .guided-panel{position:relative;padding:32px;border:1px solid #dce4ef;border-radius:10px;background:#fff;box-shadow:0 18px 45px #1836530a;margin:20px 0}
.motion-public .guided-caption h3{font-size:30px;font-weight:550;margin:13px 0}.motion-public .guided-caption p{font-size:13px;line-height:1.7;color:#526981;margin:0}.guided-product-visual{margin:25px 0 15px;padding:25px;background:#f5f8fc;border:1px solid #dce4ef;border-radius:8px;max-width:570px;width:100%;box-sizing:border-box}.guided-person{display:flex;align-items:center;gap:10px;font-size:13px}.guided-person>span:last-child:not(.avatar){margin-left:auto;color:#526981;font-size:10px}.guided-product-visual blockquote{font-size:24px;color:#183653;margin:25px 0}.guided-rule{background:#eaf0f8;border-radius:5px;padding:16px}.guided-rule small,.guided-volume>small{font-size:9px;letter-spacing:.08em;color:#526981}.guided-rule b{display:flex;justify-content:space-between;gap:15px;font-size:13px;font-weight:500;padding:9px 0}.guided-rule b span{color:#526981}.guided-actions{display:flex;gap:15px;font-size:11px;margin-top:20px;color:#526981}.guided-actions>span:first-child{background:#e5efe9;color:#365e4c;padding:9px 14px;border-radius:4px}.guided-actions>span+span{padding:9px}.guided-volume{padding:22px 0}.guided-volume>div{display:flex;margin-top:14px;gap:12px}.guided-volume>div>span{flex:1;text-align:center;font-size:10px;color:#526981;padding:12px;background:#eaf0f8;border-radius:5px}.guided-volume b{display:block;font-size:27px;font-weight:500;color:#183653;margin-top:8px}.guided-volume .ideal{background:#eee2eb}.guided-month{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:20px}.guided-month>span{padding:7px;background:#e8eef8;border-top:2px solid #9ab1d0;min-height:48px}.guided-month small{font-size:10px;display:block}.guided-month b,.guided-month i{display:block;font-size:9px;margin-top:8px;font-weight:500;font-style:normal}.guided-month i{color:#8a3755}.guided-note{font-size:10px;color:#526981}.actual-product{margin-top:22px;border-top:1px solid #dce4ef;padding-top:20px}.actual-product>summary{cursor:pointer;font-size:12px;color:#526981;width:fit-content}.actual-product .product-browser{margin-top:20px}
.motion-public .guided-section.guided-ready .guided-track{height:calc(var(--guided-height,580px) + 100svh)}
.motion-public .guided-section.guided-ready .guided-stage{position:sticky;top:20px;display:block!important;height:var(--guided-height,580px)}
.motion-public .guided-section.guided-ready .guided-panel{position:absolute;inset:0 0 auto;margin:0!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease,transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}
.motion-public .guided-section.guided-ready .guided-panel.is-current{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.motion-public #life .guided-stage{display:block}.motion-public #life .guided-panel{padding:34px;background:#fff;border:1px solid #dce4ef;border-radius:10px;box-sizing:border-box}.motion-public #life .guided-panel h3{font-size:32px;min-height:0;margin:16px 0 28px}.motion-public #life .protection-diagram{padding:35px 22px;display:flex;align-items:center;gap:12px;min-height:100px;box-sizing:border-box;max-width:650px}.motion-public #life .protection-diagram span{flex:1;text-align:center;padding:24px 10px;font-size:15px;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.motion-public #life .guided-ready .protection-diagram span{transform:none}.motion-public #life .guided-panel.is-current .protection-diagram span{animation:calendar-piece .6s both}.motion-public #life .guided-panel.is-current .protection-diagram span:nth-child(2){animation-delay:.1s}.motion-public #life .guided-panel.is-current .protection-diagram span:nth-child(3){animation-delay:.2s}.motion-public #life .guided-panel.is-current .protection-diagram span:nth-child(5){animation-delay:.3s}.motion-public #life .rule-copy{margin-top:20px}.motion-public #life .rule-copy>span{display:none}.motion-public #life .rule-copy p{font-size:14px}.motion-public #life .recommendation{margin-top:18px;padding-top:14px}.motion-public #life .recommendation summary{font-size:11px;color:#526981;cursor:pointer}.motion-public #life .recommendation p{max-width:600px}.motion-public #life .policy-footnote{max-width:650px;margin:20px 0 0;font-size:10px}
@media(min-width:751px){.motion-public #product .guided-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-content:center;align-items:center}.motion-public #product .guided-note{grid-column:2}.motion-public #product .guided-product-visual{margin:0}.motion-public #life .guided-panel{padding:40px 8%}}
@media(max-width:750px){.motion-public .guided-section .guided-panel{padding:22px}.motion-public .guided-caption h3{font-size:26px}.motion-public .guided-caption p{font-size:12px}.guided-product-visual{padding:17px;margin-top:22px}.guided-product-visual blockquote{font-size:20px}.guided-person{font-size:11px}.guided-person>span:last-child:not(.avatar){font-size:9px}.guided-month>span{padding:5px;min-height:39px}.guided-month b,.guided-month i{font-size:8px}.motion-public #life .guided-panel{padding:24px}.motion-public #life .guided-panel h3{font-size:27px}.motion-public #life .protection-diagram{padding:24px 10px;gap:6px}.motion-public #life .protection-diagram span{font-size:11px;padding:22px 5px}.motion-public #life .rule-copy p{font-size:12px}.motion-public .guided-section .section-top,.motion-public .guided-section .life-intro{margin-bottom:25px}.guided-volume b{font-size:24px}}
@media(prefers-reduced-motion:reduce){.guided-panel,.protection-diagram span{animation:none!important;transition:none!important}}
html[data-motion="reduced"] :is(.guided-panel,.protection-diagram span){animation:none!important;transition:none!important}
/* The invitation is immediate; the words reveal alongside the assembling month. */
.motion-public .hero h1{animation:headline-reveal 1.5s cubic-bezier(.42,0,.58,1) .08s both}
.motion-public .hero>div:first-child>.eyebrow,.motion-public .hero>div:first-child>p{animation:headline-reveal 1.25s cubic-bezier(.42,0,.58,1) .18s both}
@keyframes headline-reveal{from{clip-path:inset(0 100% 0 0);opacity:.25}to{clip-path:inset(0 0 0 0);opacity:1}}
@media(prefers-reduced-motion:reduce){.motion-public .hero h1,.motion-public .hero>div:first-child>.eyebrow,.motion-public .hero>div:first-child>p{animation:none!important}}
html[data-motion="reduced"] .motion-public .hero h1,html[data-motion="reduced"] .motion-public .hero>div:first-child>.eyebrow,html[data-motion="reduced"] .motion-public .hero>div:first-child>p{animation:none!important}
body.motion-public #life .protection-cards>.guided-panel{background:#fff;border:1px solid #dce4ef;border-radius:10px;padding:34px;box-shadow:0 18px 45px #1836530a}
body.motion-public #life .protection-cards>.guided-panel h3{font-size:30px;min-height:0}
body.motion-public #life .protection-cards>.guided-panel .protection-diagram span{font-size:15px;padding:24px 10px}
@media(max-width:750px){body.motion-public #life .protection-cards>.guided-panel{padding:24px}body.motion-public #life .protection-cards>.guided-panel h3{font-size:27px}body.motion-public #life .protection-cards>.guided-panel .protection-diagram span{font-size:11px;padding:22px 5px}}
body.motion-public .hero .eyebrow{color:#526981}
body.motion-public #life .shared-guidance{max-width:650px;margin-top:20px}body.motion-public #life .shared-guidance h3{font-size:16px;margin:22px 0 10px;letter-spacing:-.02em}body.motion-public #life .shared-guidance summary{line-height:1.6;padding:8px 0}
/* Seven connected steps, with visual shortage, candidate and email detail. */
.story-stage{min-height:540px}.story-nav{gap:2px}.story-nav button{min-width:30px}.story-nav #motion-toggle{font-size:9px}
.story-stage[data-stage="4"] .scene-calendar{opacity:.25}.story-stage[data-stage="4"] .scene-focus{top:85px;left:12%;right:12%}
.story-stage[data-stage="5"] .scene-focus{top:70px;left:37%;right:4%;padding:20px}.story-stage[data-stage="6"] .scene-focus{top:70px;left:20%;right:10%;padding:24px}
.shortage-slots{display:grid;gap:9px;margin:18px 0}.shortage-slots>span{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:10px;border-left:3px solid #b88948;background:#fbf4e9;padding:12px;color:#71562f}.shortage-slots b{font-size:11px;font-weight:500;grid-column:1}.shortage-slots em{font-size:9px;font-style:normal;grid-column:2;grid-row:1/3;align-self:center}.shortage-choice{display:grid;gap:10px;font-size:10px;color:#526981}.shortage-choice>b{color:#183653;font-size:12px;margin:8px 0}.shortage-choice>span{border-bottom:1px solid #e1e7ef;padding-bottom:9px}
.selected-calendar-slot{margin-top:14px;border:2px solid #698bb2;background:#edf3fa;padding:12px;border-radius:5px}.selected-calendar-slot>small{font-size:8px;color:#526981;letter-spacing:.04em}.selected-calendar-slot>b{display:flex;justify-content:space-between;font-size:12px;margin:12px 0}.selected-calendar-slot>b>span{font-size:9px;color:#526981;font-weight:400}.selected-calendar-slot>strong{display:block;background:#fff;padding:9px;font-size:11px;color:#3e6189;font-weight:500}.candidate-connection{text-align:center;font-size:20px;color:#6b86a7;line-height:1.4}.candidate-groups{display:grid;gap:10px}.candidate-groups>div>small{display:block;font-size:9px;color:#526981;margin-bottom:5px}.candidate{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#edf2f8;border-radius:4px;font-size:11px}.candidate em{font-size:9px;font-style:normal;color:#526981}.candidate.preferred{background:#e7f1ea;border-left:3px solid #648e73}.candidate.dislikes{background:#f5eaf0;border-left:3px solid #a96880}.scene-enter .candidate-groups>div{animation:calendar-piece .45s both}.scene-enter .candidate-groups>div:nth-child(2){animation-delay:.08s}.scene-enter .candidate-groups>div:nth-child(3){animation-delay:.16s}
.email-meta{display:grid;gap:9px;padding-bottom:15px;border-bottom:1px solid #e1e7ef;font-size:10px;color:#526981}.email-meta b{margin-left:10px;color:#183653;font-weight:500}.publication-email h4{font-size:24px;margin:23px 0;line-height:1.3}.email-attachments{display:flex;gap:8px;flex-wrap:wrap}.email-attachments>span{font-size:10px;background:#edf2f8;border:1px solid #dce4ef;border-radius:4px;padding:10px}.publication-email>p{font-size:11px!important;margin:23px 0 12px;color:#526981}.calendar-downloads{display:grid;gap:8px}.calendar-downloads>span{font-size:11px;border-bottom:1px solid #e1e7ef;padding:8px 0;color:#345c85}.publication-email>small{display:block;color:#526981;font-size:9px;line-height:1.6;margin-top:15px}.email-shift-count{display:none!important}
@media(max-width:750px){.mobile-scene h4{font-size:22px;color:#183653;font-weight:550;line-height:1.3;margin:15px 0}.mobile-scene .scene-kicker{font-size:9px}.mobile-scene .selected-calendar-slot>b{font-size:14px}.mobile-scene .candidate{font-size:12px}.mobile-scene .candidate em{font-size:10px}.mobile-scene .publication-email h4{font-size:24px}.mobile-scene .calendar-downloads>span{font-size:12px}.mobile-scene .publication-email>small{font-size:10px}.mobile-personal .publication-email>p{font-size:12px!important;margin:23px 0 12px}.mobile-scene .shortage-choice{font-size:11px}}
@media(prefers-reduced-motion:reduce){.candidate-groups>div{animation:none!important}}html[data-motion="reduced"] .candidate-groups>div{animation:none!important}
.story-stage[data-stage="6"] .scene-focus{top:60px;padding:20px}.story-stage .publication-email h4{font-size:22px;margin:17px 0}.story-stage .publication-email>p{margin-top:17px}.story-stage .calendar-downloads>span{padding:6px 0}.story-stage .publication-email>small{margin-top:11px}
.section-arrive .candidate-groups>div{animation:calendar-piece .45s both}.section-arrive .candidate-groups>div:nth-child(2){animation-delay:.08s}.section-arrive .candidate-groups>div:nth-child(3){animation-delay:.16s}
@media(prefers-reduced-motion:reduce){.section-arrive .candidate-groups>div{animation:none!important}}html[data-motion="reduced"] .section-arrive .candidate-groups>div{animation:none!important}
.story-stage[data-stage="1"] .scene-calendar{opacity:.22}.story-stage[data-stage="1"] .scene-focus{top:75px;left:16%;right:10%;padding:24px}.preferences-visual{margin-top:20px}.preferences-visual .guided-volume{padding:20px 0}.story-nav button{min-width:26px}.story-nav #motion-toggle{padding:6px}
.research-reference{display:block;margin-top:22px;font-size:10px;line-height:1.6;color:#71465d;text-decoration:underline}.motion-public #life .guided-panel .rule-copy p{font-size:15px;line-height:1.8;max-width:650px}.motion-public #life .guided-panel .purpose-diagram{margin-bottom:22px}
.phone-story{display:none}.motion-public .guided-section.guided-ready .guided-track{height:calc(var(--guided-height,580px) + var(--guided-travel,100svh))}
@media(max-width:750px){.phone-story{display:block}.motion-public #how>.story-layout{display:none}.motion-public .phone-story .guided-track{margin-top:22px}.motion-public .phone-story .guided-panel{padding:20px}.phone-story .guided-panel h3{font-size:25px;font-weight:550;line-height:1.2;margin:13px 0}.phone-story .guided-panel>p{font-size:12px;line-height:1.7;margin:0}.phone-story .mobile-scene{margin:19px 0 0;padding:17px;box-shadow:none}.phone-story .mobile-scene .publication-email h4{font-size:22px}.phone-story .mobile-scene .candidate{padding:8px;font-size:11px}.phone-story .mobile-scene .candidate em{font-size:9px}.phone-story .mobile-scene .scene-kicker{font-size:8px}.phone-story .mobile-scene .shortage-choice{font-size:10px}.phone-story .preferences-visual{margin-top:0}.phone-story .guided-volume>div{gap:6px}.phone-story .guided-volume>div>span{padding:10px 5px}.phone-story .guided-volume b{font-size:22px}.phone-story .guided-person{font-size:10px}.phone-story .guided-person>span:last-child:not(.avatar){font-size:8px}.motion-public #life .guided-panel .rule-copy p{font-size:13px}.phone-story .mobile-note p{font-size:14px!important}}
@media(max-width:750px) and (max-height:700px){.motion-public .phone-story .guided-panel{padding:16px}.phone-story .guided-panel h3{font-size:22px;line-height:1.15;margin:10px 0}.phone-story .guided-panel>p{font-size:11px;line-height:1.5}.phone-story .mobile-scene{padding:12px;margin-top:12px}.phone-story .mobile-scene .publication-email h4{font-size:20px;margin:15px 0}.phone-story .mobile-scene .publication-email>p{margin:15px 0 8px;font-size:11px!important}.phone-story .mobile-scene .calendar-downloads>span{font-size:11px;padding:6px 0}.phone-story .mobile-scene .publication-email>small{font-size:9px;margin-top:10px}.phone-story .mobile-scene .selected-calendar-slot{margin-top:9px;padding:9px}.phone-story .mobile-scene .candidate-groups{gap:7px}.phone-story .mobile-scene .shortage-slots{margin:12px 0}.phone-story .mobile-scene .shortage-choice{gap:7px}}
@media(max-width:750px) and (max-height:700px){.phone-story .mobile-scene .email-attachments{gap:5px;flex-wrap:nowrap}.phone-story .mobile-scene .email-attachments>span{font-size:9px;padding:7px 5px;white-space:nowrap}.phone-story .mobile-scene .publication-email h4{font-size:18px;letter-spacing:-.025em}.phone-story .mobile-scene .email-meta{padding-bottom:10px;gap:6px}}

/* Distinct request, time-off and preference scenes, September14. */
.timeoff-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:22px 0}.timeoff-strip>span{display:flex;flex-direction:column;gap:9px;text-align:center;padding:16px 3px;background:#f4e9ee;border:1px solid #ead7e0;border-radius:5px;color:#704b60}.timeoff-strip small{font-size:8px}.timeoff-strip b{font-size:22px;font-weight:500}.timeoff-strip em{font-style:normal;font-size:9px}.preference-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.pref-choice{display:flex;flex-direction:column;gap:10px;padding:18px 12px;border:1px solid #dbe4ee;border-radius:6px;background:#edf3f9}.pref-choice small{font-size:9px;color:#536c86}.pref-choice b{font-size:13px;color:#294866}.pref-choice em{font-style:normal;font-size:9px;color:#704b60}.purpose-outdoors{max-width:650px;margin:5px 0 20px;border-radius:10px;background:#f7f9fb;overflow:hidden}.purpose-outdoors svg{width:100%;height:auto;display:block}.is-current .life-path{stroke-dasharray:560;animation:life-path-reveal .9s ease-out both}@keyframes life-path-reveal{from{stroke-dashoffset:560}to{stroke-dashoffset:0}}.motion-public #life>.guided-track{margin-top:0}.phone-story .mobile-scene blockquote{font-size:18px;line-height:1.5;margin:18px 0}.phone-story .scene-fields{margin:14px 0}.phone-story .scene-fields>div{font-size:11px}.story-stage[data-stage="1"] .scene-focus{top:102px;left:16%;right:10%;padding:24px}
@media(max-width:750px){.timeoff-strip{gap:4px;margin:18px 0}.timeoff-strip>span{padding:12px 2px}.timeoff-strip b{font-size:20px}.pref-choice{padding:14px 10px}.pref-choice b{font-size:12px}.purpose-outdoors{margin:0 0 15px}.phone-story .scene-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.life-path{animation:none!important}}html[data-motion="reduced"] .life-path{animation:none!important}

.story-stage[data-stage="4"] .scene-focus{top:70px}

/* Give the opening desktop story more reading distance, matching the phone pacing. */
@media(min-width:751px){.story-chapter{min-height:600px}}

/* Continuous scenes: persistent frames, anchored captions, moving details only. */
.story-copy{display:none}
@media(min-width:751px){
 .story-layout.anchored-copy>.story-sticky{grid-column:1;grid-row:1}
 .story-layout.anchored-copy>.story-chapters{grid-column:2;grid-row:1;visibility:hidden}
 .story-layout.anchored-copy>.story-copy{display:block;grid-column:2;grid-row:1;position:sticky;top:180px;align-self:start;height:340px}
 .story-copy-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
 .story-copy-panel.is-current{opacity:1;visibility:visible;transition:opacity .3s ease}
 .story-copy-panel h3{font-size:28px;font-weight:550;line-height:1.2;margin:16px 0}
 .story-copy-panel>p{font-size:13px;line-height:1.85;margin:0;max-width:350px}
}
.motion-public .guided-section.continuity-measure .guided-panel h3{min-height:var(--caption-height,0px)}
.motion-public .guided-section.continuous-scene .guided-stage::before{content:'';position:absolute;inset:0;background:#fff;border:1px solid #dce4ef;border-radius:10px;box-shadow:0 18px 45px #1836530a}
body.motion-public .guided-section.continuous-scene .guided-stage>.guided-panel{background:transparent;border-color:transparent;box-shadow:none;transform:none;transition:opacity .35s ease,visibility 0s linear .35s}
body.motion-public .guided-section.continuous-scene .guided-stage>.guided-panel.is-current{transition:opacity .35s ease;transform:none}
.life-shared-visual{display:none}
body.motion-public #life.continuity-measure .guided-panel :is(.purpose-outdoors,.protection-diagram){height:160px;min-height:160px;margin:0 0 20px;max-width:none;box-sizing:border-box}
body.motion-public #life.continuous-scene .guided-panel :is(.purpose-outdoors,.protection-diagram){opacity:0;pointer-events:none}
body.motion-public #life.continuous-scene .life-shared-visual{display:block;position:absolute;height:160px;z-index:1;background:#edf2f8;border-radius:8px;overflow:hidden;pointer-events:none}
.life-shared-visual>.purpose-outdoors{position:absolute;inset:0;margin:0;max-width:none;height:100%;transition:opacity .5s ease;background:transparent}
.life-shared-visual>.purpose-outdoors svg{height:100%;object-fit:contain}
.life-shared-visual:not([data-step="0"])>.purpose-outdoors{opacity:0}
.life-shared-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;padding:22px}
.life-tile{height:76px;position:relative;background:#cddbee;border-radius:5px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s ease,background-color .5s ease}
.life-tile:nth-child(2){transition-delay:.06s}.life-tile:nth-child(3){transition-delay:.12s}
.life-shared-visual[data-step="0"] .life-tile{opacity:0;transform:translateY(22px) scale(.96)}
.life-tile>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;font-size:15px;color:#34516e;opacity:0;transform:translateX(10px);transition:opacity .3s ease,transform .45s ease}
.life-shared-visual[data-step="1"] [data-life-step="1"],.life-shared-visual[data-step="2"] [data-life-step="2"],.life-shared-visual[data-step="3"] [data-life-step="3"],.life-shared-visual[data-step="4"] [data-life-step="4"]{opacity:1;transform:none}
.life-shared-visual[data-step="1"] .life-tile:nth-child(2),.life-shared-visual[data-step="2"] .life-tile:nth-child(3){background:#e6d8e2;transform:translateY(-5px)}
.life-shared-visual[data-step="4"] .life-tile{background:#dce9e2}
@media(max-width:750px){.life-shared-tiles{gap:6px;padding:12px}.life-tile>span{font-size:11px}.life-tile{height:64px}}
@media(prefers-reduced-motion:reduce){.story-copy-panel,.life-tile,.life-tile>span,.life-shared-visual>.purpose-outdoors{transition:none!important}}
html[data-motion="reduced"] :is(.story-copy-panel,.life-tile,.life-tile>span,.life-shared-visual>.purpose-outdoors){transition:none!important}

body.motion-public #life.continuous-scene .protection-cards>.guided-panel{background:transparent;border-color:transparent;box-shadow:none}
.motion-public .phone-story.continuity-measure .guided-panel>p{min-height:var(--intro-height,0px)}
.life-tile:not(:last-child)::after{content:'→';position:absolute;right:-12px;top:29px;font-size:12px;color:#965d75;opacity:0;transition:opacity .3s ease}
.life-shared-visual[data-step="3"] .life-tile:not(:last-child)::after{opacity:1}
@media(max-width:750px){.life-tile:not(:last-child)::after{right:-7px;top:24px;font-size:9px}}
@media(min-width:751px) and (max-width:1050px){.story-copy-panel h3{font-size:24px}}

@media(max-width:750px) and (max-height:700px){.motion-public .phone-story .guided-panel{padding:12px}}

/* Fade text out before its replacement appears; never layer two sentences. */
.story-copy-panel{transition:opacity .12s ease,visibility 0s linear .12s}
.story-copy-panel.is-current{transition:opacity .22s ease .12s,visibility 0s linear .12s}
body.motion-public .guided-section.continuous-scene .guided-stage>.guided-panel{transition:opacity .12s ease,visibility 0s linear .12s}
body.motion-public .guided-section.continuous-scene .guided-stage>.guided-panel.is-current{transition:opacity .22s ease .12s,visibility 0s linear .12s}
@media(prefers-reduced-motion:reduce){.story-copy-panel{transition:none!important}}

body.motion-public .guided-section.continuous-scene .guided-stage>.guided-panel{animation:none}

/* Measured guided content has one motion owner, even before fit is enabled. */
.motion-public .guided-section .guided-panel .section-arrive{animation:none}

/* September14 phone feedback. Stable frames, movement tied directly to scroll. */
@keyframes headline-reveal{from{clip-path:inset(-.2em 100% -.25em -.08em);opacity:.25}to{clip-path:inset(-.2em -.08em -.25em -.08em);opacity:1}}
.motion-public .hero h1{padding-bottom:.14em;margin-bottom:22px;overflow:visible}
.motion-public .hero h1 .rose-text{line-height:1.18}
@media(min-width:751px){.story-chapter{min-height:1000px}.story-copy-panel h3{min-height:102px}.story-copy-panel>p{min-height:100px}.story-layout.anchored-copy>.story-copy{top:180px}}
.story-stage.scroll-linked .scene-focus{transform:translateY(var(--scene-drift,0px));opacity:var(--scene-opacity,1);animation:none;transition:none}
.story-stage.scroll-linked::after,.guided-ready .guided-stage::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:#a94767;transform:scaleX(var(--story-progress,var(--scroll-progress,0)));transform-origin:left;pointer-events:none;z-index:5}
.motion-public .story-end{width:100%;max-width:none;box-sizing:border-box;clear:both;position:relative;margin:64px 0 0;padding:30px 0}
.phone-calendar-backdrop{display:none}
.phone-story.continuous-scene .phone-calendar-backdrop{display:block;position:absolute;overflow:hidden;border-radius:8px;background:#edf2f8;pointer-events:none}
.phone-calendar-backdrop .scene-calendar{opacity:.28;transform:none;padding:15px 10px}
.phone-calendar-backdrop .scene-week{grid-template-columns:repeat(3,1fr)}
.phone-calendar-backdrop .scene-day:nth-child(n+4){display:none}
.phone-calendar-backdrop .scene-totals{display:none}
.phone-story.continuous-scene .mobile-scene{position:relative;z-index:1;transform:translateY(var(--detail-drift,0px));opacity:var(--detail-opacity,1);background:#fffffff2;transition:none;animation:none!important;box-shadow:0 8px 24px #18365314}
.life-shared-visual>.purpose-outdoors{opacity:.38!important;transition:none}
.life-shared-visual .purpose-outdoors svg{transform:translateX(calc(var(--path-progress,0)*-14px)) scale(1.06);transform-origin:center}
.life-shared-visual .life-shared-tiles{transform:translateY(var(--detail-drift,0px));opacity:var(--detail-opacity,1);transition:none}
.life-shared-visual .life-tile,.life-shared-visual .life-tile>span{transition:none}
@media(prefers-reduced-motion:reduce){.story-stage .scene-focus,.phone-story .mobile-scene,.life-shared-tiles{transform:none!important;opacity:1!important}.guided-stage::after,.story-stage::after{display:none}}
html[data-motion="reduced"] :is(.scene-focus,.mobile-scene,.life-shared-tiles){transform:none!important;opacity:1!important}

/* First story only: cards unfold from the calendar edge as scrolling advances. */
.story-stage.scroll-linked .scene-focus{transform-origin:right center;transform:translate(var(--genie-x,0px),var(--scene-drift,0px)) scale(var(--genie-scale,1)) skewY(var(--genie-skew,0deg));will-change:transform,opacity}
.phone-story.continuous-scene .mobile-scene{transform-origin:right center;transform:translate(var(--genie-x,0px),var(--detail-drift,0px)) scale(var(--genie-scale,1)) skewY(var(--genie-skew,0deg));will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.story-stage.scroll-linked .scene-focus,.phone-story.continuous-scene .mobile-scene{transform:none!important;will-change:auto}}
html[data-motion="reduced"] :is(.story-stage.scroll-linked .scene-focus,.phone-story.continuous-scene .mobile-scene){transform:none!important;will-change:auto}

/* Keep calendar labels behind an opaque card throughout the first story. */
.story-stage.scroll-linked .scene-focus,.phone-story.continuous-scene .mobile-scene{background:#fff;opacity:1}
.story-stage.scroll-linked .scene-focus>*{opacity:var(--scene-opacity,1)}
.phone-story.continuous-scene .mobile-scene>*{opacity:var(--detail-opacity,1)}
body.motion-public .phone-story.continuous-scene .guided-stage>.guided-panel{transition:none}
.geometry-measure .mobile-scene{transform:none!important}
@media(prefers-reduced-motion:reduce){.scene-focus>*,.mobile-scene>*{opacity:1!important}}
html[data-motion="reduced"] :is(.scene-focus,.mobile-scene)>*{opacity:1!important}

body.motion-public .phone-story.continuous-scene .guided-stage>.guided-panel.is-current{transition:none}

/* Approved bold brand rollout. Homepage and shared public chrome. */
/* Local color and shading study only. No geometry or motion changes. */
body.motion-public{--ink:#102849;--muted:#4b617b;--rose:#bc2865;--rule:#ccd9e9;color:var(--ink);background:#fff}
.motion-public .hero h1{color:#102849}.motion-public .hero .rose-text{color:#bd2565}
.motion-public .hero .btn.primary,.motion-public .btn.primary{background:linear-gradient(150deg,#c23770 0%,#b8205d 65%,#941b51 100%);border-color:#a7225a;box-shadow:inset 0 1px 0 #ffffff70,0 8px 24px #8e204a26;color:#fff}
.motion-public .hero-object{background:linear-gradient(135deg,#ffffff 0%,#ceddf1 18%,#8caeda 46%,#e8c0d5 76%,#fcf7fb 100%);box-shadow:inset 0 1px 2px #fff,0 30px 60px -22px #153d6e70,0 8px 24px #ac2d6020}
.motion-public .hero-object .mini-window{box-shadow:inset 0 1px 0 #fff,0 12px 28px #10284938;border-color:#9fb6d1}
.motion-public .mini-top,.scene-toolbar{background:linear-gradient(120deg,#355c88 0%,#173a65 35%,#091c38 90%);box-shadow:inset 0 1px 0 #9ab6d880;color:#f0f6ff}
.motion-public .mini-shift,.scene-shift{background:linear-gradient(130deg,#eaf3ff,#cfdef4);border-color:#4078bd;color:#1c416e}
.motion-public .mini-shift:nth-child(even),.scene-shift:nth-child(even){background:linear-gradient(130deg,#fae9f1,#e8c9db);border-color:#b74376;color:#65304b}
body.motion-public .product-story{background:radial-gradient(ellipse at 15% 10%,#244c7c 0%,transparent 44%),radial-gradient(ellipse at 100% 80%,#472844 0%,transparent 42%),#091c36}
.product-story .story-heading h2,.product-story .story-copy-panel h3,.product-story .story-chapter h3,.product-story .story-end>p{color:#fff}
.product-story .story-heading .eyebrow,.product-story .chapter-number{color:#e8a1bf}
.product-story .story-copy-panel>p,.product-story .story-chapter>p{color:#d2dfef}
.product-story .story-nav button{color:#c6d7eb}.product-story .story-nav button[aria-current]{background:#fff;color:#122d49;box-shadow:0 2px 16px #a8c7f433}
.product-story .story-nav #motion-toggle{color:#d9e4f2}
.story-stage{border-color:#9ab4d4;box-shadow:inset 0 1px 0 #fff,0 25px 60px #0005,0 0 35px #73a8ee16}
.scene-focus,.phone-story.continuous-scene .mobile-scene{border-color:#b4c6dc;box-shadow:inset 0 1px 0 #fff,0 18px 35px #142f5e30}
.product-story .story-end{border-color:#6c819c66}.phone-story .chapter-number{color:#a3225a}
body.motion-public .phone-story .guided-panel h3{color:#102849}.phone-story .guided-panel>p{color:#4b617b}
.pref-choice,.selected-calendar-slot{background:linear-gradient(135deg,#f3f8ff,#dbe8fa);border-color:#a3bde0}
.pref-choice em,.scene-kicker{color:#a3235b}
body.motion-public #life{background:radial-gradient(ellipse at 95% 55%,#e3c9da55,transparent 60%),linear-gradient(140deg,#eff5fd,#dce8f7)}
body.motion-public #life .guided-stage::before{border-color:#bfd0e5;box-shadow:inset 0 1px 0 #fff,0 25px 50px -20px #183e6e40}
.life-shared-visual{box-shadow:inset 0 1px 3px #fff,0 8px 22px #22456b18}
.life-shared-visual .life-tile{background:linear-gradient(140deg,#eaf4ff,#9dbbe2);box-shadow:inset 0 1px 0 #fff,0 7px 14px #27497424}
.life-shared-visual[data-step="1"] .life-tile:nth-child(2),.life-shared-visual[data-step="2"] .life-tile:nth-child(3){background:linear-gradient(140deg,#fbeaf3,#cf91b0)}
.life-shared-visual[data-step="4"] .life-tile{background:linear-gradient(140deg,#eaf8ef,#afd1bd)}
.motion-public .closing-invitation{background:radial-gradient(ellipse at 50% 100%,#e9bfd555,transparent 60%),linear-gradient(120deg,#f7faff,#dce8f8)}

/* Complete the shared material palette across all seven story scenes.
   Surfaces remain opaque so moving cards never reveal calendar lettering. */
.scene-focus,.phone-story.continuous-scene .mobile-scene{background:linear-gradient(145deg,#ffffff 25%,#f0f5fc 100%)}
.avatar{background:linear-gradient(140deg,#eaf3ff,#a9c5e9);color:#173b69;box-shadow:inset 0 1px 0 #fff}
.scene-fields>div{border-color:#bdcfe5}.scene-fields b{color:#173b69}
.scene-approval{background:linear-gradient(140deg,#effbf3,#b9d9c5);color:#254f3a;box-shadow:inset 0 1px 0 #fff,0 3px 10px #244d3512}
.scene-generated{color:#254f3a}
.mobile-month span{background:linear-gradient(140deg,#edf5ff,#b7cfee);border-color:#4078bd;color:#173b69;box-shadow:inset 0 1px 0 #fff}
.mobile-month span:nth-child(3n){background:linear-gradient(140deg,#fcebf3,#dfabc5);border-color:#b74376;color:#65304b}
.shortage-slots>span{background:linear-gradient(125deg,#fff7e7,#ecd4a6);border-color:#a77527;color:#634517;box-shadow:inset 0 1px 0 #fff,0 4px 10px #78541d12}
.shortage-choice>b{color:#173b69}.shortage-choice>span{border-color:#b9cce4;color:#3c5878}
.selected-calendar-slot{background:linear-gradient(135deg,#edf5ff,#bdd3ef);border-color:#4877b3;box-shadow:inset 0 1px 0 #fff,0 5px 15px #193f6d1c}
.selected-calendar-slot>strong{background:linear-gradient(140deg,#fff,#eaf2fd);color:#244f82}
.candidate-connection{color:#376da8}
.candidate{background:linear-gradient(125deg,#edf5ff,#c6d9f1);color:#153858;box-shadow:inset 0 1px 0 #fff,0 3px 8px #1b3d6712}
.candidate.preferred{background:linear-gradient(125deg,#effbf3,#b9d9c5);border-color:#437e59;color:#234e36}
.candidate.dislikes{background:linear-gradient(125deg,#fcecf4,#dfb1c8);border-color:#a9396a;color:#6d2948}
.candidate em{color:inherit}.candidate-groups>div>small{color:#4b617b}
.publication-email h4{color:#102849}.email-meta{border-color:#b5c9e2}.email-meta b{color:#173b69}
.email-attachments>span{background:linear-gradient(135deg,#f3f8ff,#c3d7f1);border-color:#9ebadb;color:#204a7b;box-shadow:inset 0 1px 0 #fff,0 4px 10px #193f6d14}
.calendar-downloads>span{color:#285991;border-color:#b5c9e2;background:linear-gradient(90deg,#dce9fb55,transparent)}
/* Equal rectangles; retain the shared illustration's scroll motion. */
.life-shared-visual[data-step="1"] .life-tile:nth-child(2),.life-shared-visual[data-step="2"] .life-tile:nth-child(3){transform:none}
.protection-diagram>span{background:linear-gradient(140deg,#eaf4ff,#9dbbe2);box-shadow:inset 0 1px 0 #fff,0 7px 14px #27497424}
.protection-diagram>span.rest{background:linear-gradient(140deg,#fbeaf3,#cf91b0)}
.motion-public .price-panel{background:linear-gradient(140deg,#f8fbff,#e0ebfa);border-color:#afc5e1;box-shadow:inset 0 1px 0 #fff,0 16px 35px -20px #183e6e55}
.motion-public .product-faq details{border-color:#c4d4e7}.motion-public .product-faq summary{color:#102849}
.motion-public .text-link,.motion-public .research-reference{color:#973259}


/* Secondary public pages inherit the same head and body from the homepage. */
body.motion-public .demo-form :is(input:not([type=hidden]),select,textarea){background:linear-gradient(140deg,#fff,#eff5fe);color:#102849;box-shadow:inset 0 1px #fff;border-color:#afc5e1!important}
body.motion-public .btn.solid{background:linear-gradient(145deg,#c23770,#ac2059);border-color:#a7225a;color:#fff;box-shadow:inset 0 1px #ffffff70,0 5px 16px #8e204a20}
body.motion-public .public-header{border-color:#c4d4e7}
body.motion-public footer.site{background:linear-gradient(120deg,#f8fbff,#e5eefb);border-color:#c4d4e7}
/* Walkthrough uses its existing layout and all existing interactions. */
body.motion-tour{--ink:#102849;--muted:#4b617b;--rose:#bc2865;background:linear-gradient(140deg,#fff,#eaf2fd);color:#102849}
.motion-tour .tour-header{background:linear-gradient(110deg,#fff,#e1ecfb);border-color:#b8cce5;box-shadow:0 3px 15px #183e6e0b}
.motion-tour .demo-shell{background:#fff;border-color:#afc5e1;box-shadow:inset 0 1px #fff,0 20px 40px -20px #153d6e55}
.motion-tour .demo-toolbar{background:linear-gradient(120deg,#355c88,#173a65 55%,#091c38);color:#fff;border-color:#284c79;box-shadow:inset 0 1px #ffffff60}
.motion-tour .demo-toolbar .pill{background:#ffffff20;color:#fff;border-color:#ffffff40}
.motion-tour .button:not(.secondary){background:linear-gradient(145deg,#c23770,#ac2059);color:#fff;border-color:#a7225a;box-shadow:inset 0 1px #ffffff70,0 5px 12px #8e204a20}
.motion-tour .button.secondary{background:linear-gradient(145deg,#fff,#e4edf9);border-color:#b8cce5;color:#21446e}
.motion-tour :is(input,select,textarea){background:linear-gradient(145deg,#fff,#edf4fd);color:#102849;border-color:#b8cce5}
.motion-tour .lesson{background:linear-gradient(120deg,#edf4ff,#e6d7e866);border-color:#c4d4e7}

/* B1. Keep small labels readable on the approved bold surfaces. */
body.motion-public .selected-calendar-slot>b>span{color:#3f5670}
body.motion-public .life-shared-visual[data-step="1"] .life-tile:nth-child(2)>span,
body.motion-public .life-shared-visual[data-step="2"] .life-tile:nth-child(3)>span{color:#1c3450}
body.motion-public footer.site a{color:#4b617b}

/* First story: a vertical card stack with a stable calendar beneath it. */
body.motion-public .story-stage.scroll-linked .scene-focus{top:105px;left:12%;right:12%;padding:24px;transform:translateY(var(--card-y,0px));transform-origin:center;transition:none;animation:none;opacity:1}
body.motion-public .story-stage.scroll-linked .scene-focus>*{opacity:var(--card-content-opacity,1)}
body.motion-public .story-stage.scroll-linked .scene-next{z-index:3;transform:translateY(var(--next-y,180px));opacity:var(--next-opacity,0);pointer-events:none}
body.motion-public .story-stage.scroll-linked .scene-next>*{opacity:1}
body.motion-public .phone-story.continuous-scene .mobile-scene{transform:translateY(var(--card-y,0px));transform-origin:center;opacity:1}
body.motion-public .phone-story.continuous-scene .mobile-scene>*{opacity:var(--card-content-opacity,1)}
body.motion-public .phone-story.continuous-scene .phone-next{position:absolute;z-index:3;box-sizing:border-box;margin:0;transform:translateY(var(--next-y,130px));opacity:var(--next-opacity,0);pointer-events:none}
body.motion-public .phone-story.continuous-scene .phone-next>*{opacity:1}
.scene-next[hidden],.phone-next[hidden]{display:none!important}
html{scrollbar-color:#526d90 #e4edf9;scrollbar-width:auto}
html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:#e4edf9}html::-webkit-scrollbar-thumb{background:#526d90;border:3px solid #e4edf9;border-radius:8px}
@media(prefers-reduced-motion:reduce){.scene-next,.phone-next{display:none!important}}
html[data-motion="reduced"] :is(.scene-next,.phone-next){display:none!important}

/* Opaque incoming surfaces prevent two cards' text showing through each other. */
body.motion-public .story-stage.scroll-linked .scene-next,body.motion-public .phone-story.continuous-scene .phone-next{opacity:1}
body.motion-public .story-stage.scroll-linked .scene-next>*,body.motion-public .phone-story.continuous-scene .phone-next>*{opacity:min(1,calc(var(--next-opacity,0)*3))}
body.motion-public .phone-story.continuous-scene .guided-stage{overflow:hidden;border-radius:10px}

/* V2: reveal the incoming surface and text together before cards overlap. */
body.motion-public .story-stage.scroll-linked .scene-next,body.motion-public .phone-story.continuous-scene .phone-next{opacity:min(1,calc(var(--next-opacity,0)*8.333333))}
body.motion-public .story-stage.scroll-linked .scene-next>*,body.motion-public .phone-story.continuous-scene .phone-next>*{opacity:1}

/* V3: retire the outgoing surface with its content once the next card covers it. */
body.motion-public .story-stage.scroll-linked #scene-focus,body.motion-public .phone-story.continuous-scene .guided-panel.is-current .mobile-scene{opacity:var(--card-content-opacity,1)}
body.motion-public .story-stage.scroll-linked #scene-focus>*,body.motion-public .phone-story.continuous-scene .guided-panel.is-current .mobile-scene>*{opacity:1}

/* Keep the closing invitation centered over its action. */
body.motion-public .story-end>p{margin-inline:auto;text-align:center}