/* Home-only narrative; the other three pages retain the previous design. */
.narrative-page{--story-ink:#25262a;--story-muted:#626772;--story-green:#16723c;--story-line:#e4e7e5;--story-ease:cubic-bezier(.16,1,.3,1)}
.narrative-page ::selection{background:#d6f1df;color:#163d25}
.narrative-page a,.narrative-page button{touch-action:manipulation}
.narrative-page :focus-visible{outline:2px solid #16723c;outline-offset:5px}
.narrative-page .section{scroll-margin-top:104px}
.narrative-page .product-duet{display:flex;align-items:center;justify-content:center;gap:30px;margin:26px auto 0;max-width:740px;text-align:left}
.product-duet>div:first-child,.product-duet>div:last-child{display:flex;flex-direction:column;gap:6px}
.product-duet strong{font-size:16px;font-weight:600;color:#25262a}
.product-duet span{font-size:12px;color:#626772}
.product-duet .duet-link{display:flex;align-items:center;gap:12px}
.product-duet .duet-link span{font-size:11px;white-space:nowrap}
.duet-link i{width:28px;height:1px;background:#b9cfc0}
.narrative-page .hero-copy{margin-bottom:18px!important}
.narrative-page .hero-carousel-slide{box-shadow:0 16px 30px -20px #2b342835!important}
.narrative-page .connected-story{max-width:1280px;margin:auto;padding-top:106px;padding-bottom:36px}
.connection-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end;margin-bottom:48px;scroll-margin-top:115px}
.narrative-page .connection-heading h2{margin:0;font-size:clamp(32px,3.4vw,48px);font-weight:550;line-height:1.4;letter-spacing:-.03em;text-wrap:balance}
.connection-heading h2 span{color:#16723c}
.connection-heading>div{padding-bottom:9px}
.connection-heading p{color:#626772;font-size:14px;line-height:1.95;margin:12px 0 0}
.connection-heading .connection-thesis{font-size:18px;line-height:1.7;color:#25262a;max-width:430px}
.story-intro{display:flex;align-items:center;gap:22px;border-top:1px solid var(--story-line);padding:20px 0;color:#626772;font-size:12px}
.story-intro>span:first-child{color:#16723c;font-weight:500}
.story-intro p{margin:0}
.scroll-cue{margin-left:auto;display:flex;align-items:center;gap:8px}
.journey-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.5fr);gap:72px;position:relative;align-items:start}
.journey-chapters{min-width:0;position:relative}
.journey-chapters:before{content:"";position:absolute;left:0;top:50px;bottom:90px;width:1px;background:#e4e7e5}
.journey-chapters:after{content:"";position:absolute;left:0;top:50px;bottom:90px;width:1px;background:#16723c;transform:scaleY(var(--story-progress,0));transform-origin:top;pointer-events:none}
.journey-chapter{position:relative;min-height:670px;display:flex;align-items:center;padding:64px 0 64px 30px;scroll-margin-top:115px}
.journey-chapter:before{content:"";position:absolute;top:105px;left:-4px;width:9px;height:9px;background:#fff;border:1px solid #b4c4b8;border-radius:50%;z-index:1;transition:background .4s,border-color .4s}
.journey-chapter.is-current:before{background:#16723c;border-color:#16723c;box-shadow:0 0 0 5px #e7f4eb}
.chapter-copy{width:100%}
.narrative-page .chapter-heading{margin:0 0 10px;font-size:29px;line-height:1.45;font-weight:550;letter-spacing:-.025em;text-wrap:balance}
.narrative-page .chapter-owner{color:#16723c;font-size:12px;line-height:1.6;margin:0 0 22px;font-weight:500}
.chapter-copy p{font-size:14px;color:#626772;line-height:1.95;margin:8px 0 0}
.chapter-copy .chapter-lead{font-size:15px;color:#41494a;line-height:1.9;margin:0 0 26px}
.chapter-copy h4{font-size:14px;font-weight:550;color:#25262a;line-height:1.65;margin:0}
.chapter-note,.chapter-notes{margin-top:24px}
.chapter-notes>div+div{margin-top:22px}
.day-use{margin-top:25px;padding-top:20px;border-top:1px solid #e4e7e5}
.chapter-copy .day-use h4{color:#16723c}
.chapter-copy .chapter-transition{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#16723c;margin-top:27px}
.chapter-transition svg{flex:0 0 16px;height:20px}
.task-quote{margin:24px 0;background:#f4f5f4;padding:18px 20px;font-size:15px;font-weight:500;line-height:1.8;border-radius:12px;color:#25262a}
.context-receipt{font-size:12px;color:#626772;margin-top:24px}
.context-receipt>div{display:flex;gap:6px;margin:12px 0}
.context-receipt>div span{background:#f4f5f4;color:#405d49;padding:5px 10px;border-radius:5px}
.context-receipt small{font-size:11px}
.journey-stage{position:sticky;top:128px;align-self:start;padding-top:44px;min-width:0}
.stage-pin{width:100%;perspective:1400px}
.stage-ownership{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 22px;font-size:12px;color:#626772}
.stage-owner{color:#626772;transition:color .4s;font-weight:500}
.stage-owner.daily{color:#16723c}
.stage-shared{font-size:10px;color:#626772;display:flex;align-items:center;gap:12px}
.stage-shared:before,.stage-shared:after{content:"";width:28px;height:1px;background:#dce7df}
.connected-story[data-stage="handoff"] .stage-owner.daily{color:#626772}
.connected-story[data-stage="handoff"] .stage-owner.bot,.connected-story[data-stage="action"] .stage-owner.bot{color:#16723c}
.stage-images{display:grid;min-width:0;transform:rotateX(var(--stage-rx,0deg)) rotateY(var(--stage-ry,0deg));transition:transform .5s var(--story-ease);transform-style:preserve-3d}
.stage-scene{grid-area:1/1;width:100%;margin:0;opacity:0;visibility:hidden;transform:translate3d(0,28px,-24px) scale(.97);filter:blur(3px);transition:opacity .5s var(--story-ease),transform .7s var(--story-ease),filter .6s var(--story-ease),visibility .7s;pointer-events:none}
.stage-scene.is-current{opacity:1;visibility:visible;transform:translate3d(0,0,0) scale(1);filter:blur(0);pointer-events:auto}
.journey-image{position:relative;display:block;width:100%;border:0;background:none;border-radius:14px;box-shadow:0 22px 38px -24px #242d363b;overflow:hidden;cursor:zoom-in}
.journey-image img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;border:0;clip-path:inset(2px round 12px);background:white}
.image-expand{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#16723c;background:#fff;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;box-shadow:0 4px 14px #1c352719}
.journey-image:hover .image-expand,.journey-image:focus-visible .image-expand{opacity:1;transform:none}
.stage-scene figcaption{font-size:11px;display:flex;justify-content:space-between;gap:16px;color:#626772;padding:17px 2px 0}
.stage-scene figcaption>span:last-child{font-size:10px}
.context-track{display:flex;gap:16px;align-items:center;margin:40px 0 24px;font-size:11px;color:#626772}
.context-track>span{white-space:nowrap}
.context-track>div{height:30px;position:relative;display:flex;align-items:center;flex:1;min-width:0}
.context-track>div:before{content:"";position:absolute;width:100%;height:1px;background:#dce7df}
.context-track i{position:absolute;width:100%;height:1px;background:#78b78c;transform:scaleX(var(--story-progress,0));transform-origin:left}
.context-token{display:block;position:absolute;left:clamp(0px,calc(var(--story-progress,0)*100% - 26px),calc(100% - 54px));font-size:10px;border-radius:6px;background:#edf6ef;color:#16723c;padding:5px 9px;white-space:nowrap;transition:background .4s}
.stage-status{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#16723c}
.stage-markers{display:flex;gap:6px}
.stage-markers i{height:3px;width:12px;border-radius:2px;background:#e1e7e3;transition:width .4s,background .4s}
.stage-markers i.is-current{width:28px;background:#16723c}
.mobile-evidence{display:none}
.handoff-demo{aspect-ratio:1.6;background:#fafbfa;border-radius:14px;box-shadow:0 22px 38px -24px #242d363b;display:flex;flex-direction:column;overflow:hidden;text-align:left;font-size:13px;color:#25262a}
.demo-header{display:flex;align-items:center;gap:10px;padding:18px 24px;background:white;border-bottom:1px solid #e8ece9}
.demo-header>img{border-radius:8px;flex:0 0 32px}
.demo-header>div{display:flex;flex-direction:column;gap:3px}
.demo-header strong{font-size:13px;font-weight:550}.demo-header>div span{font-size:10px;color:#626772}
.demo-header>small{font-size:10px;color:#626772;margin-left:auto;white-space:nowrap}
.demo-conversation{padding:22px 28px 18px;flex:1;display:flex;flex-direction:column;gap:17px;min-height:0}
.demo-user{align-self:flex-end;background:#e5f2e9;border-radius:10px 10px 3px 10px;padding:12px 16px;font-size:13px;line-height:1.6;color:#235335;margin:0}
.demo-context{font-size:10px;color:#626772;display:flex;align-items:center;gap:14px}
.demo-context>div{display:flex;gap:6px}.demo-context>div span{padding:4px 7px;background:white;border-radius:4px;color:#16723c;white-space:nowrap}
.demo-response{max-width:90%;margin:0}
.demo-response>p{font-size:12px;line-height:1.75;margin:0 0 12px}
.demo-report{background:#fff;border-radius:10px;padding:16px 20px}
.demo-report h4{font-size:13px;line-height:1.8;font-weight:550;margin:0 0 12px}
.demo-report h4 small{font-weight:400;font-size:9px;color:#626772;margin-left:10px}
.demo-report p{font-size:11px;font-weight:550;margin:8px 0 3px;line-height:1.5}
.demo-report>span{font-size:11px;color:#626772;line-height:1.75}
.demo-bottom{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;border-top:1px solid #e8ece9;color:#16723c;font-size:10px}
.demo-bottom svg{width:16px;height:16px}
@media(prefers-reduced-motion:no-preference){.is-current .demo-context>div span{animation:context-arrive .7s var(--story-ease) both}.is-current .demo-context>div span:nth-child(2){animation-delay:.08s}.is-current .demo-context>div span:nth-child(3){animation-delay:.16s}.is-current .demo-response{animation:response-arrive .8s .12s var(--story-ease) both}}
@keyframes context-arrive{from{transform:translateY(9px);opacity:.35}to{transform:none;opacity:1}}
@keyframes response-arrive{from{clip-path:inset(0 0 22% 0);transform:translateY(8px);opacity:.3}to{clip-path:inset(0);transform:none;opacity:1}}
.story-resolution{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding:40px 0 50px;border-top:1px solid #e4e7e5;scroll-margin-top:105px}
.story-resolution h3{font-size:26px;line-height:1.6;font-weight:500;margin:0 0 12px;max-width:520px}
.story-resolution p{font-size:13px;line-height:1.9;color:#626772;margin:0}
.resolution-note h4{font-size:15px;margin:0 0 10px;font-weight:500}
.resolution-note>span{display:inline-block;color:#16723c;font-size:11px;margin-top:12px}
.narrative-page .companion-section{padding-top:50px;padding-bottom:56px;max-width:1280px}
.companion-header{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:40px}
.companion-header>div{max-width:740px}
.narrative-page .companion-title{font-size:34px;font-weight:550;line-height:1.5;letter-spacing:-.02em;margin:0 0 18px}
.companion-header p{font-size:14px;line-height:1.9;color:#626772;margin:0}
.companion-header .text-link{white-space:nowrap;flex-shrink:0;padding-bottom:5px}
.companion-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.companion-visual{min-width:0}
.companion-portrait{margin:0}
.companion-portrait a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 18px 32px -25px #26362940}
.companion-portrait img{display:block;width:100%;height:auto;clip-path:inset(2px round 12px)}
.companion-portrait figcaption{font-size:11px;color:#626772;line-height:1.8;margin-top:12px}
.narrative-page .bot-roles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
.narrative-page .bot-role{background:none!important;padding:0!important;border:0!important}
.role-identity{display:flex;gap:10px;align-items:center;font-size:12px;color:#41494a}
.role-identity img{width:30px;height:30px;border-radius:8px;object-fit:contain}
.companion-label{font-size:11px;color:#626772;margin:20px 0 8px}
.companion-visual>.text-link{font-size:12px}
.companion-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:34px 30px}
.companion-capability{padding-top:20px;border-top:1px solid #e4e7e5;transition:border-color .25s}
.companion-capability:hover{border-color:#90baa0}
.narrative-page .companion-capability .feature-title{font-size:17px;line-height:1.6;font-weight:550;margin:0 0 12px}
.narrative-page .companion-capability .feature-desc{font-size:13px;line-height:1.9;color:#626772;margin:0}
.narrative-page .companion-capability .example-wrap{border:0!important;background:none!important;padding:0!important;margin-top:16px;gap:8px;display:flex;align-items:flex-start}
.narrative-page .companion-capability .example-avatar{width:24px;height:24px;flex:0 0 24px}
.companion-capability .example-avatar img{width:24px;height:24px;object-fit:contain;border-radius:6px}
.narrative-page .companion-capability .bot-example{font-size:11px!important;line-height:1.8!important;color:#16723c!important;margin:2px 0 0!important}
.narrative-page .bot-controls{margin-top:38px!important;padding-top:24px!important;background:none!important;border-top:1px solid #e4e7e5}
.narrative-page .bot-controls h3{font-size:17px;margin-bottom:10px}
.narrative-page .bot-controls p{font-size:13px;line-height:1.9}
.narrative-page .workflow-extensions{max-width:1280px;padding-top:48px;padding-bottom:60px}
.extension-heading{border-top:1px solid #e4e7e5;padding-top:54px}
.extension-heading h2{font-size:30px;line-height:1.6;font-weight:500;margin:0 0 12px;letter-spacing:-.02em}
.extension-heading p{font-size:14px;line-height:1.9;color:#626772;margin:0}
.extension-heading>span{display:block;font-size:11px;color:#626772;margin-top:12px}
.extension-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center;margin-top:38px}
.extension-copy h3{font-size:23px;font-weight:500;line-height:1.5;margin:0 0 22px}
.extension-copy h4{font-size:14px;font-weight:500;line-height:1.8;margin:0 0 8px}
.extension-copy p{font-size:13px;line-height:1.95;color:#626772;margin:0}
.extension-row{margin-top:24px}
.soon-label{font-size:10px;font-weight:400;background:#edf6ef;color:#16723c;border-radius:4px;margin-left:8px;padding:3px 6px;white-space:nowrap}
.extension-evidence p{font-size:11px;color:#626772;margin-top:14px}
@media(min-width:901px) and (max-height:760px){.journey-stage{top:90px;padding-top:20px}.stage-ownership{padding-bottom:14px}.context-track{margin-top:20px;margin-bottom:12px}.stage-images{max-width:calc((100vh - 250px)*1.6);margin:auto}}
@media(max-width:1100px) and (min-width:901px){.journey-layout{gap:40px;grid-template-columns:1fr 1.25fr}.journey-chapter{min-height:720px;padding-left:24px}.chapter-heading{font-size:26px!important}.connection-heading{gap:40px}.companion-layout{gap:30px}.companion-header{gap:24px}.companion-header .text-link{font-size:12px}}
@media(max-width:1100px) and (min-width:901px){.handoff-demo{aspect-ratio:auto;min-height:390px}.demo-header{padding:14px}.demo-conversation{padding:16px;gap:12px}.demo-context{display:block}.demo-context>div{margin-top:8px}.demo-report{padding:12px 14px}}
@media(max-width:900px){
 .narrative-page .connected-story{padding-top:65px;padding-bottom:10px}
 .connection-heading{grid-template-columns:1fr;gap:14px;margin-bottom:26px}
 .narrative-page .connection-heading h2{font-size:34px}
 .connection-heading .connection-thesis{font-size:16px;max-width:none}
 .story-intro{gap:12px;padding:17px 0;font-size:11px}
 .scroll-cue{display:none}
 .journey-layout{display:block}
 .journey-stage{display:none}
 .journey-chapters:before,.journey-chapters:after{display:none}
 .journey-chapter{display:block;min-height:0;padding:36px 0 46px;border-bottom:1px solid #e4e7e5}
 .journey-chapter:before{display:none}
 .chapter-copy{max-width:none}
 .narrative-page .chapter-heading{font-size:27px;line-height:1.5}
 .narrative-page .chapter-owner{margin-bottom:16px}
 .chapter-copy .chapter-lead{font-size:15px;margin-bottom:20px}
 .chapter-copy p{font-size:13px}
 .chapter-copy h4{font-size:14px}
 .chapter-copy .chapter-transition{margin:24px 0}
 .chapter-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .chapter-notes>div+div{margin:0}
 .mobile-evidence{display:block;margin-top:24px}
 .handoff-demo{aspect-ratio:auto;min-height:390px}.demo-header{padding:16px}.demo-conversation{padding:18px;gap:18px}.demo-context{display:block}.demo-context>div{margin-top:9px}.demo-response{max-width:100%}.demo-report{padding:16px}.demo-header>div span{font-size:9px}.demo-header>small{font-size:9px}.demo-bottom{gap:10px;font-size:9px}
 .image-expand{opacity:1;transform:none}
 .story-resolution{grid-template-columns:1fr;gap:26px;border-top:0;padding:35px 0 30px}
 .story-resolution h3{font-size:24px;max-width:none}
 .companion-header{display:block;margin-bottom:30px}
 .narrative-page .companion-title{font-size:29px;margin-bottom:16px}
 .companion-header .text-link{display:inline-flex;margin-top:18px}
 .companion-layout{grid-template-columns:1fr;gap:34px}
 .companion-visual{max-width:620px;width:100%;margin:auto}
 .narrative-page .companion-section{padding-top:32px;padding-bottom:36px}
 .companion-capabilities{gap:28px}
 .narrative-page .workflow-extensions{padding-top:16px;padding-bottom:32px}
 .extension-heading{padding-top:36px}
 .extension-heading h2{font-size:26px}
 .extension-layout{grid-template-columns:1fr;gap:28px;margin-top:30px}
 .extension-evidence{grid-row:auto}
}
@media(max-width:600px){
 .narrative-page .product-duet{gap:15px;justify-content:space-between;margin-top:22px;padding:16px 0;border-top:1px solid #e4e7e5;border-bottom:1px solid #e4e7e5}
 .product-duet strong{font-size:13px}.product-duet span{font-size:10px}
 .product-duet .duet-link{max-width:56px;gap:0;text-align:center}
 .product-duet .duet-link span{font-size:9px;line-height:1.7;white-space:normal}
 .duet-link i{display:none}
 .narrative-page .connection-heading h2{font-size:29px;line-height:1.45}
 .connection-heading p{font-size:13px}
 .connection-heading .connection-thesis{font-size:15px}
 .story-intro{font-size:10px;gap:10px}
 .chapter-notes{display:block}.chapter-notes>div+div{margin-top:20px}
 .narrative-page .chapter-heading{font-size:25px}
 .narrative-page .chapter-owner{font-size:11px}
 .chapter-copy .chapter-lead{font-size:14px}
 .task-quote{font-size:14px;padding:15px}
 .journey-chapter{padding-top:32px;padding-bottom:36px}
 .story-resolution h3{font-size:23px}
 .narrative-page .companion-title{font-size:26px}
 .companion-capabilities{grid-template-columns:1fr;gap:24px}
 .narrative-page .companion-capability .feature-title{font-size:18px}
 .narrative-page .companion-capability .feature-desc{font-size:14px}
 .narrative-page .companion-capability .bot-example{font-size:12px!important}
 .extension-heading h2{font-size:25px}
 .extension-copy h3{font-size:22px}
 .narrative-page .bot-controls{display:block!important}
 .narrative-page .bot-controls>a{margin-top:18px;display:inline-flex}
}
@media(prefers-reduced-motion:reduce){.stage-scene,.stage-images,.stage-owner,.stage-markers i,.journey-chapter:before{transition:none!important;filter:none!important;transform:none!important}.narrative-page{scroll-behavior:auto}.context-token{transition:none}}
@media(scripting:none){.journey-stage{display:none}.journey-layout{display:block}.journey-chapter{min-height:0;padding:36px 0}.mobile-evidence{display:block;max-width:760px}.journey-chapters:before,.journey-chapters:after{display:none}.journey-chapter:before{display:none}}