#app-demos{background:#eaf0e8;scroll-margin-top:24px}.app-demo-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:72px;align-items:center}.app-demo-copy h2{font-size:clamp(2.4rem,4.5vw,4rem)}.app-demo-label{display:inline-block;padding:7px 12px;border:1px solid #b7c9b8;border-radius:99px;font-size:.75rem;font-weight:700;color:#36523f}.app-demo-stories{display:grid;gap:8px;margin:22px 0}.app-demo-stories button{display:grid;grid-template-columns:28px 1fr 18px;gap:12px;text-align:left;align-items:center;padding:17px 18px;border:1px solid transparent;border-radius:16px;background:transparent;color:var(--forest);font:inherit;cursor:pointer}.app-demo-stories button[aria-selected="true"]{background:var(--paper);border-color:#b7c9b8;box-shadow:0 6px 20px #1e3d2f08}.app-demo-stories button:hover{background:#ffffff8c}.app-demo-stories strong,.app-demo-stories small{display:block}.app-demo-stories small{font-size:.82rem;color:#4b6253;margin-top:3px}.app-demo-stories button>span:first-child{font-size:.72rem;letter-spacing:.05em}.app-demo-stories button:focus-visible{outline:3px solid #a45530;outline-offset:3px}.app-demo-boundary{font-size:.78rem;color:#4b6253;max-width:540px}.app-demo-player{min-width:0;text-align:center}.app-demo-phone{width:min(100%,270px);margin:auto;border:6px solid #1d2923;border-radius:34px;overflow:hidden;background:#f7f4ec;box-shadow:0 22px 50px #1e3d2f24}.app-demo-phone video{display:block;width:100%;aspect-ratio:1206/2622;object-fit:contain;background:#f7f4ec}.app-demo-caption{margin:24px auto 0;max-width:350px}.app-demo-caption h3{font-size:1.5rem}.app-demo-caption p{font-size:.88rem;color:#4b6253;min-height:44px}.app-demo-transcript{max-width:350px;margin:12px auto;text-align:left;font-size:.85rem}.app-demo-transcript summary{cursor:pointer;text-align:center;text-decoration:underline;text-underline-offset:4px}.app-demo-meta{font-size:.75rem;color:#4b6253}.app-demo-meta a{text-underline-offset:3px}@media(max-width:900px){.app-demo-layout{gap:32px}}@media(max-width:650px){.app-demo-layout{grid-template-columns:1fr;gap:26px}.app-demo-stories{grid-template-columns:1fr 1fr;gap:8px}.app-demo-stories button{grid-template-columns:1fr;padding:13px;gap:4px}.app-demo-stories button>span:last-child{display:none}.app-demo-stories small{font-size:.75rem}.app-demo-phone{width:260px}.app-demo-copy h2 br{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.app-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:35px}.app-demo-heading h2{font-size:clamp(2.3rem,4.2vw,3.8rem);max-width:800px}.app-demo-heading .app-demo-label{flex-shrink:0;line-height:1.7;border-radius:14px}.app-demo-stories{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:26px 0 40px;border-bottom:1px solid #b7c9b8;padding-bottom:14px}.app-demo-stories button{grid-template-columns:1fr;gap:6px;align-content:start;height:100%}.app-demo-stories button>span:last-child{display:none}.app-demo-layout{padding:0 24px;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.app-demo-copy{padding-top:32px}.app-demo-copy h3{font-size:clamp(2rem,3.5vw,3rem);line-height:1.12}.app-demo-copy>p:not(.eyebrow):not(.app-demo-boundary){font-size:1.08rem;max-width:540px;color:#485b4f}.app-demo-copy h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;margin:30px 0 18px}.app-demo-copy ol{list-style:none;counter-reset:flow;padding:0;display:grid;gap:18px}.app-demo-copy li{counter-increment:flow;display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:center;font-size:.96rem}.app-demo-copy li:before{content:counter(flow);display:grid;place-items:center;width:28px;height:28px;background:#d8e3d5;border-radius:50%;font-size:.8rem;font-weight:700}.app-demo-outcome{border-left:3px solid #6b8e6c;padding:12px 18px;margin:28px 0;background:#f9fbf6}.app-demo-outcome span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#4b6253}.app-demo-outcome p{font-size:1.1rem;font-weight:650;margin:5px 0}.app-demo-layout:focus-visible{outline:2px solid #6b8e6c;outline-offset:10px;border-radius:14px}@media(max-width:900px){.app-demo-heading{display:block}.app-demo-heading .app-demo-label{margin-top:0}.app-demo-layout{padding:0;gap:24px}}@media(max-width:650px){.app-demo-stories{grid-template-columns:1fr 1fr;margin-bottom:24px}.app-demo-layout{grid-template-columns:1fr}.app-demo-copy{padding-top:0}.app-demo-stories button{padding:12px}.app-demo-heading h2{font-size:2.4rem}.app-demo-copy h3{font-size:2rem}}

.app-demo-phone{position:relative}.app-demo-play{position:absolute;bottom:22px;left:12px;right:12px;padding:14px 10px;border:1px solid #abc7b6;border-radius:99px;background:#153d2cf5;color:white;font:600 .8rem/1.3 system-ui;box-shadow:0 4px 20px #0003;cursor:pointer}.app-demo-play span{margin-right:8px}.app-demo-play[hidden]{display:none}.app-demo-play:focus-visible{outline:3px solid #f4a27a;outline-offset:3px}

.app-demo-speed{display:flex;gap:10px;align-items:center;justify-content:center;margin:18px 0 0;font-size:.8rem;color:#36523f}.app-demo-speed select{font:inherit;padding:6px 10px;border:1px solid #b7c9b8;border-radius:8px;background:#fffdf8;color:inherit}.release-status{display:block;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;color:#4b6253;margin-bottom:24px}.release-grid .card a{display:inline-block;margin-top:12px;font-weight:650;font-size:.9rem;text-underline-offset:4px}
.app-demo-stories{grid-template-columns:repeat(5,minmax(0,1fr))}.app-demo-phone img{display:block;width:100%;height:auto}.app-demo-phone [hidden],.app-demo-speed[hidden]{display:none}.hero-preview{position:relative;max-width:290px;margin:auto;transform:rotate(3deg)}.hero-preview img{display:block;width:100%;height:auto;border:7px solid #163e34;border-radius:30px;box-shadow:0 26px 65px #153d2c26}.preview-label{display:block;font-size:.8rem;font-weight:750;text-align:center;margin-bottom:14px}.hero-preview p{font-size:.72rem;text-align:center;color:#485b4f}.beta-grid{align-items:stretch}.beta-grid .card{display:flex;min-width:0;flex-direction:column;align-items:stretch}.beta-grid .release-status{min-height:2.2em}.beta-card-copy{display:grid;gap:12px;margin-bottom:24px}.beta-card-copy p,.beta-card-copy small{margin:0}.beta-card-copy small{display:block;font-size:.75rem;color:#485b4f}.beta-grid .button{margin-top:auto;width:100%;text-align:center}.platform-symbol{font-size:1.6rem;color:var(--forest);margin-bottom:20px}.beta-help{margin-top:24px;color:#485b4f}.journey{background:#eaf0e8}.journey ul{padding-left:20px}.journey li{margin-bottom:16px}.journey-note{font-size:.85rem;color:#485b4f;border-top:1px solid #d9d8cd;padding-top:16px}.button:focus-visible,a:focus-visible{outline:3px solid #a45530;outline-offset:4px}@media(max-width:760px){.app-demo-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.app-demo-stories button:last-child{grid-column:1/-1}.hero-preview{max-width:250px;transform:none}.hero{padding-bottom:45px}.beta-grid .card{padding:24px}.beta-grid .release-status{min-height:0}}@media(prefers-reduced-motion:reduce){.hero-preview{transform:none}}