body:has(.demo-experience){background:#f8eee9}.demo-experience{--demo-ink:#552438;--demo-muted:#7b5a65;--demo-pink:#eed1db;min-height:100dvh;color:var(--demo-ink);background:#f8eee9;flex-direction:column;display:flex}.demo-experience button,.demo-experience a{-webkit-tap-highlight-color:transparent}.demo-experience button:focus-visible,.demo-experience a:focus-visible{outline-offset:4px;outline:2px solid #a6385d}.demo-experience button:disabled{opacity:.35;cursor:default}.demo-header{border-bottom:1px solid #dfc9cd;justify-content:space-between;align-items:center;gap:24px;min-height:83px;padding:18px 42px;display:flex}.demo-wordmark{font:45px/.9 var(--serif);letter-spacing:-2.4px}.demo-header-edition{font:9px var(--mono);letter-spacing:1.7px;align-items:center;gap:16px;display:flex}.demo-header-edition>i{background:#b28094;width:22px;height:1px}.demo-exit{align-items:center;gap:12px;min-height:36px;font-size:11px;display:flex}.demo-stage{flex:1;grid-template-columns:minmax(240px,1fr) minmax(335px,1.2fr) minmax(215px,.78fr);align-items:center;gap:clamp(25px,3vw,65px);width:100%;max-width:1540px;margin:0 auto;padding:30px 45px 27px;display:grid}.demo-story{align-self:center;max-width:370px}.demo-kicker{font:8px/1.5 var(--mono);letter-spacing:1.1px}.demo-story>.demo-kicker{margin-bottom:27px}.demo-story>.demo-kicker>span{margin-right:8px;font-size:11px}.demo-story h1{font:48px/1.08 var(--serif);letter-spacing:-1.8px;margin:0 0 23px}.demo-story h1 em{font-weight:inherit}.demo-story h1:focus{outline:none}.demo-description{max-width:290px;color:var(--demo-muted);font-size:13px;line-height:1.8}.demo-action-card{border-top:1px solid #dcbcc8;border-bottom:1px solid #dcbcc8;margin-top:31px;padding:21px 0 18px}.demo-action-card>p{font:23px/1.22 var(--editorial);margin:10px 0 18px}.demo-action-card>.demo-primary{width:100%;margin:5px 0 18px}.demo-pacing{color:#805a69;align-items:center;gap:9px;font-size:9px;display:flex}.demo-pacing>i{background:#a86d87;border-radius:50%;width:3px;height:3px}.demo-proof{color:#805a69;align-items:flex-start;gap:8px;margin:16px 0 18px;font-size:10px;line-height:1.6;display:flex}.demo-proof>svg{flex-shrink:0;margin-top:1px}.demo-notes-toggle{background:0 0;border:0;align-items:center;gap:8px;min-height:35px;padding:8px 0;font-size:10px;display:flex}.demo-presenter-notes{background:#f2dfe4;border-left:2px solid #be829a;margin-top:8px;padding:14px 16px}.demo-presenter-notes>p{margin-top:9px;font-size:11px;line-height:1.75}.demo-preview{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.demo-view-switch{background:#f5e5e9;border:1px solid #dac1cb;border-radius:25px;gap:3px;margin-bottom:17px;padding:3px;display:flex}.demo-view-switch>button{background:0 0;border:0;border-radius:21px;align-items:center;gap:6px;min-height:32px;padding:8px 12px;font-size:9px;display:flex}.demo-view-switch>button[aria-pressed=true]{background:#fff7f2;box-shadow:0 1px 5px #68354912}.demo-phone{background:#f6e3e9;border:8px solid #582b3c;border-radius:43px;outline:1px solid #4b2534;width:352px;max-width:100%;height:min(750px,100dvh - 255px);min-height:566px;position:relative;overflow:hidden;box-shadow:0 0 0 4px #d7b3c2,0 23px 45px #7a4a5821}.demo-phone iframe{background:#fbf1f2;border:0;width:100%;height:100%;display:block}.demo-frame-loading{text-align:center;pointer-events:none;background:#fbf1f2;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.demo-frame-loading>span{font:54px var(--serif);letter-spacing:-3px}.demo-frame-loading>p{font:italic 23px/1.2 var(--editorial);max-width:200px;margin-top:20px}.demo-preview-caption{justify-content:space-between;align-items:center;gap:10px;width:350px;max-width:100%;margin-top:19px;display:flex}.demo-preview-caption>span:last-child{font:9px var(--mono)}.demo-preview-caption .demo-kicker{letter-spacing:.8px;font-size:7px}.demo-reload{color:#7b5465;background:0 0;border:0;align-items:center;gap:6px;min-height:30px;margin-top:5px;padding:7px;font-size:9px;display:flex}.demo-frame-recovery{background:#f1dae3;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:9px;max-width:350px;margin:10px 0 0;padding:14px;font-size:10px;display:flex}.demo-frame-recovery>p{text-align:center;flex-basis:100%}.demo-frame-recovery>button{background:#fff7f1;border:1px solid #d6afbf;border-radius:17px;min-height:35px;padding:9px 13px}.demo-start-overlay{background:#37132318;border:0;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.demo-start-overlay>span{color:#552438;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:20px/1.2 var(--editorial);background:#fff5ecd9;border:1px solid #fff9f3b3;border-radius:70px;flex-direction:column;align-items:center;gap:10px;padding:20px 26px;display:flex;box-shadow:0 5px 20px #47243410}.demo-chapters{align-self:center;max-width:285px}.demo-chapter-heading{border-bottom:1px solid #dfc7d0;justify-content:space-between;gap:15px;padding:0 0 14px;display:flex}.demo-chapter-heading>span:last-child{font:9px var(--mono)}.demo-chapters ol{margin:0;padding:0;list-style:none}.demo-chapters li>button{text-align:left;color:#8c6778;background:0 0;border:0;border-bottom:1px solid #e4ced6;align-items:center;gap:12px;width:100%;min-height:64px;padding:17px 0;display:flex}.demo-chapters li>button[aria-current=step]{color:#64263e}.demo-chapter-number{font:9px var(--mono);flex-shrink:0}.demo-chapters li>button>span:nth-child(2){flex:1}.demo-chapters strong{font:20px/1.1 var(--editorial);display:block}.demo-chapters small{font:8px var(--sans);margin-top:5px;display:block}.demo-chapters li>button>svg{flex-shrink:0}.demo-prepared-note{text-align:center;background:#efd6df;border:1px solid #d1a8ba;margin:32px 0 18px;padding:18px 15px;transform:rotate(3deg);box-shadow:inset 0 0 0 4px #f9e9ef,inset 0 0 0 5px #d8b4c4}.demo-prepared-note>span{font:32px/1 var(--editorial)}.demo-prepared-note>p{font:27px/1.06 var(--editorial);margin:8px 0 14px}.demo-prepared-note>small{font-size:8px;line-height:1.65}.demo-reset{background:0 0;border:0;align-items:center;gap:8px;min-height:38px;padding:12px 0;font-size:10px;display:flex}.demo-footer{border-top:1px solid #dfc9cd;justify-content:space-between;align-items:center;gap:30px;min-height:94px;padding:20px 42px;display:flex}.demo-footer-note{flex:1}.demo-footer-note .demo-kicker{font-size:7px}.demo-footer-note>p{color:var(--demo-muted);margin-top:7px;font-size:9px}.demo-navigation{justify-content:center;align-items:center;gap:20px;display:flex}.demo-primary{color:#fff9f3;background:#59253b;border:1px solid #59253b;border-radius:28px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:13px 22px;font-size:11px;display:flex}.demo-back{background:0 0;border:0;align-items:center;gap:8px;min-height:40px;padding:10px 4px;font-size:11px;display:flex}.demo-step-dots{align-items:center;gap:1px;display:flex}.demo-step-dots>button{background:0 0;border:0;width:22px;height:35px;padding:0;position:relative}.demo-step-dots>button:after{content:"";background:#caa1b2;border-radius:5px;width:5px;height:5px;margin:auto;display:block}.demo-step-dots>button[aria-current=step]:after{background:#9a3a60;width:15px}.demo-keyboard{color:#8b6374;text-align:right;flex:1;font-size:8px;line-height:1.7}.demo-storyboard{background:#fbf0f1;flex-direction:column;height:100%;display:flex;overflow:hidden}.demo-storyboard-header{justify-content:space-between;align-items:center;gap:10px;padding:21px 17px 17px;display:flex}.demo-storyboard-header>span{font:32px/.9 var(--serif);letter-spacing:-1.6px}.demo-storyboard-header>small{font:6px var(--mono);letter-spacing:.8px}.demo-storyboard-images{flex:1;grid-template-columns:1fr;gap:7px;min-height:0;padding:0 11px;display:grid}.demo-storyboard-images.is-pair{grid-template-columns:1fr 1fr}.demo-storyboard-images>figure{background:#ead2d8;height:100%;min-height:0;margin:0;position:relative;overflow:hidden}.demo-storyboard-images img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.demo-storyboard-images figcaption{width:max-content;max-width:calc(100% - 16px);font:6px/1.5 var(--mono);letter-spacing:.4px;text-align:center;background:#fff7edeb;padding:5px 7px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}.demo-storyboard-copy{text-align:center;padding:19px 20px 23px}.demo-storyboard-copy>.demo-kicker{text-transform:uppercase;font-size:7px}.demo-storyboard-copy>p{font:24px/1.06 var(--editorial);margin:9px 0 16px}.demo-storyboard-copy>small{color:#7b5364;font-size:7px;line-height:1.6;display:block}.demo-storyboard-copy>a{border:1px solid #d0a8ba;border-radius:25px;justify-content:center;align-items:center;gap:8px;min-height:38px;margin:0 0 12px;padding:8px 10px;font-size:9px;display:flex}@media (min-width:1450px){.demo-story h1{font-size:56px}.demo-phone{width:376px}}@media (max-width:1150px) and (min-width:801px){.demo-stage{grid-template-columns:minmax(240px,1fr) 370px;gap:24px 45px;padding-inline:45px}.demo-story{grid-area:1/1;max-width:360px}.demo-story h1{font-size:43px}.demo-story>.demo-kicker{margin-bottom:15px}.demo-action-card{margin-top:20px;padding-block:17px}.demo-preview{grid-area:1/2/span 2}.demo-chapters{grid-area:2/1;width:100%;max-width:360px}.demo-chapters li>button{min-height:45px;padding-block:9px}.demo-chapters strong{font-size:18px}.demo-chapters small,.demo-prepared-note,.demo-footer-note{display:none}.demo-keyboard{flex:initial}}@media (max-width:800px){.demo-header{gap:15px;min-height:74px;padding:18px 23px}.demo-wordmark{font-size:39px}.demo-header-edition{display:none}.demo-stage{flex-direction:column;gap:32px;padding:33px 0 35px;display:flex}.demo-story{width:100%;max-width:460px;padding-inline:26px}.demo-story h1{margin-bottom:18px;font-size:44px}.demo-story>.demo-kicker{margin-bottom:18px}.demo-description{max-width:none;font-size:12px}.demo-action-card{margin-top:22px;padding-block:17px}.demo-action-card>p{margin-bottom:12px;font-size:22px}.demo-proof{margin-bottom:7px}.demo-preview{padding:0 18px}.demo-phone{width:370px;height:704px;min-height:0}.demo-preview-caption{width:366px}.demo-view-switch{margin-bottom:20px}.demo-chapters{width:100%;max-width:460px;padding-inline:26px}.demo-prepared-note{display:none}.demo-chapters li>button{min-height:62px;padding-block:15px}.demo-chapters strong{font-size:23px}.demo-chapters small{display:block}.demo-reset{margin-top:13px}.demo-footer{z-index:5;padding:13px 23px max(13px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8eee9f5;justify-content:center;min-height:73px;position:sticky;bottom:0}.demo-footer-note,.demo-keyboard{display:none}.demo-navigation{justify-content:space-between;width:100%;max-width:450px}}@media (max-width:600px){.demo-step-dots{display:none}.demo-phone{height:min(760px,max(600px,100dvh - 120px))}.demo-navigation>.demo-primary{min-width:175px}.demo-view-switch>button{min-height:38px}}@media (max-width:370px){.demo-preview{padding-inline:0}.demo-phone{width:100%;box-shadow:none;border:0;border-radius:0;outline:0;height:590px}.demo-preview-caption{max-width:calc(100% - 40px)}.demo-story,.demo-chapters{padding-inline:21px}.demo-story h1{font-size:39px}.demo-footer{padding-inline:20px}.demo-header{padding-inline:21px}.demo-exit{gap:7px;font-size:10px}}@media (prefers-reduced-motion:reduce){.demo-experience *{scroll-behavior:auto}}