/* Natural scrolling drives the pinned stories. No wheel interception. */
.scroll-story{position:relative;--story-progress:0;--stage-progress:0;background:#f3f1ec;color:#252723}
.story-pin{position:relative;padding:65px 0;overflow:clip;background:radial-gradient(ellipse at 87% 65%,#ead7bd38,transparent 55%)}
.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.story-copy>.eyebrow{font-size:10px;letter-spacing:.08em;color:#999385;margin-bottom:26px}
.story-copy h2{font-size:clamp(40px,4.3vw,59px);line-height:1.27;letter-spacing:-.06em}
.story-copy h2>span{color:#b68a62}.story-description{font-size:14px;line-height:1.95;color:#8b877d;margin-top:25px}
.story-chapter{display:flex;gap:16px;align-items:start;margin-top:43px;min-height:99px}
.chapter-number{font-size:11px;font-variant-numeric:tabular-nums;color:#bb9a78;padding-top:3px}
.story-chapter h3{font-size:17px;font-weight:550;letter-spacing:-.5px;line-height:1.5}
.story-chapter p{font-size:12px;line-height:1.9;color:#949083;max-width:300px;margin-top:10px}
.story-chapter.updated>div{animation:pane-in .45s var(--ease)}
.story-steps{display:flex;gap:16px;margin-top:23px}
.story-steps button{position:relative;display:flex;gap:6px;align-items:center;background:none;padding:12px 1px;color:#a6a193;font-size:10px;border-bottom:1px solid #dbd5c9;flex:1;white-space:nowrap;transition:color .25s}
.story-steps button>span{font-size:8px;color:#b9b0a0}.story-steps button[aria-pressed=true]{color:#4b4b40;border-bottom-color:#b08961}.story-steps button[aria-pressed=true]>span{color:#b08961}
.story-scroll-hint{display:flex;align-items:center;gap:7px;margin-top:27px;color:#aaa08f;font-size:9px}
.story-scroll-hint>span:first-child{font-size:15px;animation:scroll-cue 1.7s ease-in-out infinite}.story-scroll-hint>a{margin-left:auto;font-size:8px;color:#a29b8c}.story-scroll-hint>a:hover{color:#bd8b59}
@keyframes scroll-cue{50%{transform:translateY(4px)}}
.story-bottom-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ddd6c830}.story-bottom-progress i{display:block;height:100%;width:100%;background:#cda57b;transform:scaleX(var(--story-progress));transform-origin:left}
.story-enabled .scroll-story{height:310svh}.story-enabled .mobile-story{height:270svh}
.story-enabled .story-pin{position:sticky;top:70px;height:calc(100svh - 70px);max-height:960px;display:flex;align-items:center;padding:32px 0}
.story-enabled .story-entry{opacity:var(--entry-progress,0);transform:translateY(calc((1 - var(--entry-progress,0)) * 22px));will-change:opacity,transform}
.team-stage{position:relative;background:#ffffffd9;border:1px solid #fff;border-radius:22px;padding:24px 25px 18px;box-shadow:0 24px 55px -28px #76614630;min-width:0;transform:translateY(calc((1 - var(--story-progress)) * 6px))}
.team-stage-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7a796d;font-size:10px;padding-bottom:20px;border-bottom:1px solid #f0ede7}
.team-stage-top>span:first-child{display:flex;gap:8px;align-items:center;font-weight:550;color:#515349}.team-stage-top>span:last-child{font-size:8px;color:#b2ac9c}
.goal-message{display:flex;align-items:center;gap:12px;margin:22px 0 21px;padding:16px 15px;background:#f4f1e9;border-radius:13px}
.goal-message>span{display:grid;place-items:center;background:#e9e1d3;width:28px;height:28px;flex-shrink:0;border-radius:50%;color:#a79579;font-size:10px}
.goal-message p{font-size:12px;line-height:1.85;color:#6c685c}.goal-message b{font-weight:400;color:#9c9382}.goal-message>.icon{width:14px;height:14px;margin-left:auto;color:#acb093}
.team-lead{display:flex;align-items:start;gap:10px;padding:0 4px}.team-lead>img{width:23px;height:23px;margin-top:2px}.team-lead b{display:block;font-size:11px;font-weight:550}.team-lead small{color:#a8a393;font-size:9px;font-weight:400;margin-left:6px}.team-lead p{font-size:10px;color:#979282;line-height:1.8;margin-top:7px}.lead-badge{margin-left:auto;background:#f0eee7;border-radius:5px;padding:4px 6px;font-size:8px;color:#ac9c83}
.assignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:21px}.assignment-grid article{background:#f8f7f3;border-radius:11px;padding:14px 8px;text-align:center;border:1px solid #f0ede5}.assignment-avatar{display:grid;place-items:center;width:31px;height:31px;background:white;border-radius:10px;margin:0 auto 9px;box-shadow:0 2px 7px #7a71560a}.assignment-avatar img{width:18px;height:18px}.assignment-grid b{display:block;font-size:10px;font-weight:550;color:#686b5b}.assignment-grid article>span{display:block;font-size:9px;color:#9a947f;margin-top:7px}.assignment-grid small{font-size:8px;color:#b1ac9b;display:block;margin-top:5px}
.team-live{margin-top:17px;display:grid;gap:10px}.team-live>div{display:flex;gap:8px;align-items:start;padding:12px;background:#fbfaf7;border-radius:9px}.team-live img{width:16px;height:16px}.team-live b{font-size:9px;font-weight:550;color:#6f7263}.team-live p{font-size:9px;color:#9e9889;line-height:1.7;margin-top:5px}.team-live small{margin-left:auto;color:#b8b3a5;font-size:7px;white-space:nowrap;padding-top:2px}
.team-result{display:flex;gap:10px;align-items:center;padding:13px;margin-top:17px;border-radius:11px;background:linear-gradient(110deg,#f9f8f1,#f9ecdb)}.result-check{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#e8eddf;color:#8b9d73;flex-shrink:0}.result-check .icon{width:15px;height:15px}.team-result b{font-size:10px;font-weight:550;color:#686a57}.team-result p{font-size:9px;color:#aca38f;margin-top:5px}.team-result>span:last-child{margin-left:auto;font-size:8px;color:#b2a184;white-space:nowrap}.team-stage-bottom{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#b1ad9c;padding-top:18px}.team-stage-bottom>span:first-child{display:flex;align-items:center;gap:6px}.team-stage-bottom .live-dot{width:3px;height:3px}
.team-after{padding:42px 0 60px}.team-after .collab-switch{background:#eeece6;border-color:#e6e1d7}.team-after .collab-switch button{color:#a29989}.team-after .collab-switch button[aria-selected=true]{background:#fffef9;color:#625c4f;box-shadow:0 2px 8px #756e5a0b}.team-after .mode-description{color:#969080}.team-after .team-usecases{border-color:#e7e3da;margin-top:28px;padding-top:28px}.team-after .team-usecases h3{color:#66695b}.team-after .team-usecases p{color:#9b988a}.team-after .team-usecases article>span{color:#b59d7c}
.mobile-story{background:#f6f6f3}.mobile-story .story-pin{background:radial-gradient(ellipse at 70% 55%,#e4dcd133,transparent 60%)}.mobile-story .story-layout{grid-template-columns:1fr 1fr;gap:70px}.mobile-story .story-copy{max-width:430px}.mobile-story .story-copy h2>span{color:#96968b}
.phone-showcase{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:0;padding:5px 0 0}.phone-soft-light{position:absolute;inset:10% 0;border-radius:50%;background:radial-gradient(ellipse,#ead4b74d,transparent 70%);filter:blur(15px)}
.phone-side-note{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.02em;color:#999688;margin-bottom:16px;position:relative}.phone-side-note .live-dot{width:4px;height:4px}
.showcase-phone{position:relative;width:290px;height:584px;flex-shrink:0;background:#fafaf8;border:5px solid #333431;outline:1px solid #999a91;border-radius:43px;padding:0 15px 20px;box-shadow:0 0 0 3px #dcddd6,0 25px 38px -20px #45494045,0 4px 9px #38392f18;overflow:hidden;transform:rotate(-2deg);transition:transform .8s var(--ease);color:#2f302b}
.mobile-story[data-stage="1"] .showcase-phone{transform:rotate(0deg)}.mobile-story[data-stage="2"] .showcase-phone{transform:rotate(2deg)}
.phone-hardware{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:9px;color:#33342f;position:relative}.phone-hardware b{font-weight:650;font-size:9px}.hardware-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:18px;width:77px;border-radius:20px;background:#242521}.hardware-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:85px;height:3px;border-radius:4px;background:#373833}
.phone-screens{height:calc(100% - 41px);position:relative}.product-screen{height:100%;display:flex;flex-direction:column;animation:phone-screen-enter .55s var(--ease)}.product-screen[hidden]{display:none!important}@keyframes phone-screen-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.p-brand{display:flex;gap:6px;align-items:center;padding:4px 0}.p-brand>b{font-size:17px;font-weight:700;letter-spacing:-.65px}.p-avatar{display:grid;place-items:center;width:24px;height:24px;background:#ebe9e1;border-radius:50%;color:#9e9681;font-size:9px;margin-left:auto}
.p-home-heading{margin-top:22px}.p-home-heading>span{font-size:8px;color:#a2a095}.p-home-heading h3{font-size:23px;font-weight:650;letter-spacing:-.9px;margin-top:6px}.p-project{display:flex;align-items:center;gap:9px;padding:12px 0 16px;margin-top:3px;border-bottom:1px solid #edede6}.p-project>.icon{width:17px;height:17px;color:#bca686}.p-project b{display:block;font-size:9px;font-weight:550;color:#79766a}.p-project small{font-size:7px;display:block;color:#b3afa0;margin-top:4px}.p-project>.icon:last-child{margin-left:auto;width:12px;height:12px;color:#b8b5aa}
.p-section-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;margin:18px 0 11px}.p-section-title>span{font-size:7px;font-weight:400;color:#aeaa9c}.p-active-task{padding:14px 12px 12px;border-radius:12px;background:white;box-shadow:0 4px 16px #70644708;border:1px solid #edeae3}.p-task-heading{display:flex;align-items:center;gap:6px}.p-task-heading>img{width:16px;height:16px}.p-task-heading b{font-size:10px;font-weight:550}.p-running{font-size:6px;padding:3px 5px;border-radius:4px;background:#fff0df;color:#bb9265;margin-left:auto}.p-active-task>p{font-size:8px;color:#a5a192;margin:12px 0}.p-progress{height:3px;background:#f3ede4;border-radius:6px;overflow:hidden;margin:14px 0}.p-progress i{display:block;width:64%;height:100%;border-radius:6px;background:linear-gradient(90deg,#e6c29b,#caa578);position:relative}.p-progress i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffffb3,transparent);animation:progress-shine 2.8s ease-in-out infinite}@keyframes progress-shine{from{transform:translateX(-100%)}to{transform:translateX(160%)}}
.p-task-meta{display:flex;justify-content:space-between;color:#b6afa0;font-size:7px}.p-task-row{display:flex;align-items:center;gap:9px;padding:15px 3px;border-bottom:1px solid #eeede7}.p-task-row>img{width:19px;height:19px}.p-task-row b{font-size:9px;font-weight:550;display:block;color:#79766a}.p-task-row small{font-size:7px;display:block;color:#b1ac9e;margin-top:5px}.p-task-row .live-dot{margin-left:auto;width:4px;height:4px;background:#c4b08c}.p-history-title{margin-top:16px}.p-completed{display:flex;align-items:center;gap:9px;padding:3px 0}.p-check{display:grid;place-items:center;width:24px;height:24px;background:#eeefe7;border-radius:8px;color:#96a083}.p-check .icon{width:13px;height:13px}.p-completed b{font-size:9px;font-weight:500;display:block;color:#989583}.p-completed small{font-size:7px;display:block;color:#b6b1a1;margin-top:5px}.p-bottom-nav{display:flex;justify-content:space-around;margin-top:auto;padding:15px 0 1px;border-top:1px solid #eeede6}.p-bottom-nav>span{display:flex;flex-direction:column;gap:4px;align-items:center;color:#b4b1a5;font-size:6px}.p-bottom-nav .icon{width:15px;height:15px}.p-bottom-nav>.selected{color:#514e44}
.p-chat-header{display:flex;align-items:center;gap:11px;height:49px;flex-shrink:0}.p-chat-header>span:first-child{font-size:25px;color:#686457;font-weight:300}.p-chat-header>span:last-child{margin-left:auto;color:#a09b8c;font-size:17px}.p-chat-header b{font-size:11px;font-weight:600;display:block}.p-chat-header small{display:flex;align-items:center;gap:4px;font-size:7px;color:#aaa491;margin-top:5px}.p-chat-header .live-dot{width:3px;height:3px}.p-chat-switch{display:flex;gap:20px;font-size:9px;color:#aca796;padding:13px 0 10px;border-bottom:1px solid #eeece4}.p-chat-switch b{font-weight:550;color:#69624f}.p-timestamp{font-size:7px;color:#b8b1a1;text-align:center;margin:17px 0}.p-user-message{font-size:9px;line-height:1.8;color:#f6f5f1;background:#34352f;padding:10px 12px;border-radius:12px 12px 3px 12px;margin-left:auto;max-width:95%}.p-model{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:550;margin:20px 0 8px}.p-model img{width:15px;height:15px}.p-model>span{font-size:7px;color:#a9a391;margin-left:3px;font-weight:400}.p-assistant-message{border:1px solid #efebe2;border-radius:12px 12px 12px 3px;background:#fff;padding:13px 12px}.p-assistant-message p{font-size:9px;color:#8f8876;line-height:1.9;margin-bottom:13px}.p-assistant-message>div{display:flex;align-items:center;gap:7px;font-size:8px;color:#9a947f;margin:9px 0}.p-assistant-message i{font-size:6px;font-style:normal;color:#c1ac86}.p-file-pill{display:flex;gap:5px;align-items:center;margin-top:12px;background:linear-gradient(90deg,#faf8f1 40%,#f9dfbd);padding:8px;border-radius:15px;font-size:7px;color:#8d816b}.p-file-pill>.icon{width:10px;height:10px}.p-file-pill>span{margin-left:auto;color:#8c986e;font-size:6px}.p-file-pill em{font-style:normal;color:#b28970;margin-left:4px}.p-inline-status{display:flex;align-items:center;gap:7px;font-size:7px;color:#aaa28f;margin-top:12px}.p-inline-status .wave{margin-left:0;height:10px}.p-inline-status .wave i{height:7px;background:#b4af98}.p-input{margin-top:auto;background:#fff;border:1px solid #eae7df;border-radius:11px;padding:12px 10px 8px}.p-input>span{font-size:8px;color:#b6afa1}.p-input>div{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.p-input>div>span:first-child{display:flex;align-items:center;gap:4px;font-size:6px;color:#a29c8a}.p-input .icon{width:10px;height:10px}.p-input i{font-style:normal;margin:0 3px}.p-send{display:grid;place-items:center;background:#363830;color:white;width:22px;height:22px;border-radius:7px;font-size:12px}
.p-approval-context{display:flex;align-items:start;gap:8px;padding:18px 0 19px;opacity:.55}.p-approval-context img{width:16px;height:16px}.p-approval-context p{font-size:8px;line-height:1.9;color:#9c947f}.p-approval-card{padding:19px 17px 16px;border-radius:18px;background:white;border:1px solid #eee9df;box-shadow:0 10px 25px #66533309;position:relative}.p-shield{display:grid;place-items:center;background:#faf0e1;color:#c4a075;width:32px;height:32px;border-radius:10px;margin-bottom:15px}.p-shield .icon{width:17px;height:17px}.p-approval-eyebrow{font-size:7px;letter-spacing:.05em;color:#b4a485}.p-approval-card h3{font-size:23px;line-height:1.35;margin-top:8px;letter-spacing:-.8px;font-weight:600}.p-approval-card>p{font-size:8px;color:#aba08d;margin-top:12px}.p-command{display:flex;align-items:center;gap:7px;margin-top:15px;padding:12px;background:#f7f6f1;border-radius:8px}.p-command .icon{width:12px;height:12px;color:#b4a588}.p-command code{font-size:9px;color:#8d8169;font-family:inherit}.p-countdown{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:15px}.p-countdown>span{font-size:10px;display:flex;gap:5px;align-items:center;font-variant-numeric:tabular-nums;color:#c4806c}.p-countdown i{width:4px;height:4px;border-radius:50%;background:#c4806c;animation:breathe 1.5s infinite}.p-countdown small{font-size:6px;color:#b7aa96}.p-approval-actions{display:flex;gap:7px;margin-top:17px;font-size:9px}.p-approval-actions>span{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:10px;flex:1;background:#f1efe8;color:#a29a87}.p-approval-actions>span:last-child{background:#35372f;color:#fffef9;flex:1.6}.p-approval-actions .icon{width:11px;height:11px}.p-safe-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:7px;color:#b3a78e;margin-top:23px}.p-safe-note .icon{width:11px;height:11px}.phone-design-caption{position:relative;font-size:8px;color:#b2a791;margin-top:19px;letter-spacing:.03em}.phone-design-caption>span{margin-inline:7px}
@media(min-width:900px) and (min-height:720px) and (max-height:820px){.story-enabled .story-pin{padding-block:15px}.team-stage{padding:16px 20px 13px}.team-stage-top{padding-bottom:12px}.goal-message{margin-block:13px;padding:12px}.team-lead p{margin-top:4px}.assignment-grid{margin-top:13px}.assignment-grid article{padding:10px 7px}.assignment-avatar{width:26px;height:26px;margin-bottom:5px}.team-live{margin-top:11px;gap:6px}.team-live>div{padding:8px}.team-result{margin-top:11px;padding:10px}.team-stage-bottom{padding-top:13px}.story-copy h2{font-size:48px}.story-chapter{margin-top:30px}.showcase-phone{width:278px;height:560px}.phone-side-note{margin-bottom:10px}.phone-design-caption{margin-top:11px}.p-home-heading{margin-top:14px}.p-task-row{padding-block:12px}.p-history-title{margin-top:12px}.p-timestamp{margin:12px 0}.p-model{margin-top:16px}.p-assistant-message{padding:11px}.p-approval-context{padding:12px 0}.p-approval-card{padding:16px}.p-safe-note{margin-top:16px}}
@media(max-width:1100px){.story-layout{gap:35px}.story-copy h2{font-size:46px}.story-description{font-size:12px}.story-chapter h3{font-size:15px}.story-chapter p{font-size:11px}.team-stage{padding-inline:19px}.story-steps{gap:10px}.story-scroll-hint{font-size:8px}.story-scroll-hint>a{font-size:7px}}
@media(max-width:899px){.story-pin{padding:55px 0}.story-layout,.mobile-story .story-layout{grid-template-columns:1fr;gap:35px}.story-copy,.mobile-story .story-copy{max-width:560px;width:100%;margin:0 auto}.story-copy>.eyebrow{font-size:9px;margin-bottom:20px}.story-copy h2{font-size:39px}.story-description{font-size:12px;margin-top:18px}.story-chapter{margin-top:27px;min-height:85px}.story-chapter h3{font-size:15px}.story-chapter p{font-size:11px;max-width:400px}.story-steps{margin-top:10px;max-width:460px}.story-scroll-hint{margin-top:17px}.story-scroll-hint>span:first-child{animation:none}.team-stage{max-width:540px;width:100%;margin:auto;padding:20px 17px 16px}.team-stage-top{font-size:9px;padding-bottom:16px}.goal-message{padding:12px 10px;gap:9px;margin-block:17px}.goal-message p{font-size:10px}.goal-message>span{width:25px;height:25px;font-size:9px}.team-lead p{font-size:9px}.team-lead b{font-size:10px}.team-lead>img{width:20px;height:20px}.assignment-grid{gap:7px;margin-top:18px}.assignment-grid b{font-size:9px}.assignment-grid article>span{font-size:8px}.assignment-grid small{font-size:7px}.team-live p{font-size:8px}.team-result{padding:11px 9px;gap:7px}.team-result b{font-size:9px}.team-result p{font-size:8px}.team-result>span:last-child{font-size:7px}.team-stage-bottom{font-size:7px}.team-after{padding-block:28px 40px}.team-after .team-usecases{grid-template-columns:1fr;gap:23px}.team-after .team-usecases h3{font-size:16px}.team-after .team-usecases p{font-size:11px}.team-after .mode-description{font-size:10px}.phone-showcase{padding-top:4px}.showcase-phone{transform:none!important;width:286px;height:582px}.phone-side-note{margin-bottom:15px}.phone-design-caption{margin-top:19px}.story-bottom-progress{display:none}.story-entry{transition:opacity .35s,transform .35s}.scroll-story[data-stage="0"] [data-appear],.scroll-story[data-stage="1"] [data-appear="2"],.scroll-story[data-stage="1"] [data-appear="3"],.scroll-story[data-stage="2"] [data-appear="3"]{display:none}}
@media(max-width:380px){.showcase-phone{width:276px;height:577px}.story-copy h2{font-size:36px}.team-stage{padding-inline:13px}.assignment-grid{gap:5px}.assignment-grid b{font-size:8px}.team-stage-bottom{font-size:6px}.team-stage-top>span:last-child{font-size:7px}.story-steps button{font-size:9px}.team-result>span:last-child{display:none}}
.p-assistant-message p{color:#787364}.p-assistant-message>div{color:#89826e}.p-active-task>p{color:#8c8779}.p-task-row small{color:#999384}.p-completed small{color:#a29b8a}.p-approval-card>p{color:#918573}.p-command code{color:#786c56}.p-approval-actions>span:first-child{color:#807866}.p-countdown small{color:#a09480}
html:not(.story-enabled) .scroll-story[data-stage="0"] [data-appear],html:not(.story-enabled) .scroll-story[data-stage="1"] [data-appear="2"],html:not(.story-enabled) .scroll-story[data-stage="1"] [data-appear="3"],html:not(.story-enabled) .scroll-story[data-stage="2"] [data-appear="3"]{display:none}
@media(prefers-reduced-motion:reduce){.story-pin{position:relative!important;height:auto!important}.scroll-story{height:auto!important}.story-entry{transform:none!important;opacity:1!important}.showcase-phone{transform:none!important}.product-screen{animation:none}.story-scroll-hint>span:first-child{animation:none}}