.story-demo{border-top:1px solid #d2d7cc;padding-top:56px;padding-bottom:64px;scroll-margin-top:24px}.story-demo-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;margin-bottom:30px;display:grid}.story-demo-heading h2{max-width:560px;margin:0}.story-demo-heading>p{max-width:510px;font-size:1.0625rem;line-height:1.7}.story-demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.story-demo-input{background:#fffef9;border:1px solid #d3d9ce;border-radius:20px;padding:28px}.story-demo-step{align-items:center;gap:12px;display:flex}.story-demo-step>span{letter-spacing:.06em;color:#687467;border:1px solid #d0d8ca;border-radius:50%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:.75rem;display:grid}.relative-landing .story-demo-step h3{margin:0;font-size:1.5rem}.story-demo .story-demo-hint{color:#59675c;margin-top:10px;font-size:.875rem;line-height:1.6}.story-demo button{cursor:pointer;font:inherit}.story-demo button:disabled{opacity:.55;cursor:default}.story-demo button:focus-visible{outline-offset:4px;outline:3px solid #a25b32}.story-demo input:focus-visible{outline-offset:4px;outline:3px solid #a25b32}.story-demo textarea:focus-visible{outline-offset:4px;outline:3px solid #a25b32}.story-demo-output:focus-visible{outline-offset:4px;outline:3px solid #a25b32}.story-demo-modes{border:1px solid #c9d3c5;border-radius:999px;gap:4px;margin:22px 0 18px;padding:4px;display:flex}.story-demo-modes button{color:#3d5344;background:0 0;border:0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 6px;font-size:.875rem;display:flex}.story-demo-modes button[aria-pressed=true]{color:#173d33;background:#e4ecdf}.story-demo-recorder{text-align:center;padding:12px 8px 18px}.story-demo-record{color:#fff9ef;background:#23493b;border:0;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 14px;display:grid;box-shadow:0 0 0 9px #eaf0e5}.story-demo-record.is-recording{background:#9b3d31;box-shadow:0 0 0 9px #f6e7e1}.story-demo-recorder>p{color:#23493b;font-size:1rem}.story-demo-recorder>span{color:#63705f;font-variant-numeric:tabular-nums;margin-top:5px;font-size:.8125rem;display:block}.story-demo-recorder audio{width:100%;height:40px;margin-top:16px;display:block}.story-demo-example{color:#48613f;background:0 0;border:0;border-bottom:1px solid #98a68e;margin:0 0 16px;padding:4px 0;font-size:.8125rem!important}.story-demo-label{color:#294334;margin-top:16px;font-size:.875rem;font-weight:500;display:block}.story-demo-label>span{color:#687467;font-weight:400}.story-demo-label input,.story-demo-label textarea{box-sizing:border-box;color:#183c31;width:100%;min-width:0;font:400 1rem/1.6 var(--font-interface);background:#fffefa;border:1px solid #bac7b4;border-radius:8px;margin-top:8px;padding:10px 12px;display:block}.story-demo-label textarea{resize:vertical;min-height:170px}.story-demo-photo-step{margin-top:26px}.story-demo-photo{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.story-demo-photo button{color:#294334;background:#f2f5ed;border:1px solid #becab8;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:.875rem;display:flex}.story-demo-photo>span{color:#687467;font-size:.75rem}.story-demo-photo-selected{grid-template-columns:76px 1fr;align-items:center;gap:14px;margin-top:16px;display:grid;position:relative}.story-demo-photo-selected>img{object-fit:cover;border-radius:6px;width:76px;height:76px}.story-demo-photo-selected>.story-demo-label{margin:0}.story-demo-photo-selected>button{color:#183c31;background:#fffefa;border:1px solid #becab8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:-8px;left:54px}.story-demo-create{color:#fff9ef;background:#23493b;border:1px solid #23493b;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;margin-top:24px;padding:13px 20px;line-height:1.4;display:flex;font-size:1rem!important}.story-demo-create:hover:not(:disabled){background:#315c49}.story-demo .story-demo-privacy{color:#63705f;margin-top:14px;font-size:.75rem;line-height:1.65}.story-demo-privacy a{text-underline-offset:3px;text-decoration:underline}.story-demo .story-demo-error{color:#833e2b;background:#faf0e7;border-left:3px solid #a25b32;margin-top:16px;padding:12px 14px;font-size:.9375rem;line-height:1.6}.story-demo-output{min-width:0;scroll-margin-top:24px}.story-demo-output-label{color:#5c685b;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:14px;font-size:.75rem;display:flex}.story-demo-output-label>button{color:#23493b;letter-spacing:0;text-transform:none;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:.8125rem;display:flex}.story-demo-paper{color:#273b2f;overflow-wrap:anywhere;background:#eeede5;border:1px solid #c7c9bd;padding:26px 30px;box-shadow:7px 8px #e4e6da}.story-demo-masthead{text-align:center;padding-bottom:14px}.story-demo-masthead svg{width:min(100%,300px);height:auto;margin:auto}.story-demo-paper-rule{font:10px/1.5 var(--font-interface);text-transform:uppercase;letter-spacing:.07em;border-top:3px double #334b3c;border-bottom:1px solid #82907d;justify-content:space-between;gap:12px;padding:5px 0;display:flex}.story-demo-paper .story-demo-desk{text-transform:uppercase;letter-spacing:.13em;color:#52604f;margin-top:22px;font-size:.625rem}.relative-landing .story-demo-paper h3,.story-demo-paper h3{font:500 clamp(1.9rem,2.8vw,2.8rem)/1.07 var(--font-editorial);letter-spacing:-.035em;color:#23382b;text-wrap:balance;margin:10px 0 14px}.story-demo-paper .story-demo-standfirst{font:1.0625rem/1.5 var(--font-editorial);color:#3b4d3a;margin-bottom:16px}.story-demo-paper figure{margin:18px 0}.story-demo-paper figure img{object-fit:contain;background:#e7e6dc;width:100%;height:auto;max-height:320px;display:block}.story-demo-paper figcaption{font:11px/1.5 var(--font-interface);color:#56624e;padding-top:6px}.story-demo-paper .story-demo-credit{font:10px/1.6 var(--font-interface);text-transform:uppercase;letter-spacing:.05em;color:#5b6754;margin:16px 0 12px}.story-demo-body p{font:1.0625rem/1.65 var(--font-editorial);color:#263b2c;white-space:pre-wrap;margin:0 0 12px!important}.story-demo-paper blockquote{font:italic 1.4rem/1.4 var(--font-editorial);color:#304d35;border-top:1px solid #b5beac;border-bottom:1px solid #b5beac;margin:20px 0;padding:15px 0}.story-demo-paper .story-demo-paper-foot{font:9px/1.5 var(--font-interface);letter-spacing:.05em;text-transform:uppercase;color:#66715c;border-top:1px solid #82907d;margin-top:20px;padding-top:8px}.story-demo-empty{text-align:center;padding:34px 8px 26px}.story-demo-empty>span{font:italic 3.4rem/1 var(--font-editorial);color:#9ca88d}.story-demo-empty>h3{max-width:320px;margin:18px auto!important}.story-demo-empty>p{font:1.0625rem/1.65 var(--font-editorial);max-width:300px;margin:auto}.story-demo-lines{gap:10px;max-width:250px;margin:26px auto 8px;display:grid}.story-demo-lines i{background:#d4d8c9;height:5px}.story-demo-lines i:last-child{width:66%;margin:auto}.story-demo .story-demo-ready{color:#315b3d;align-items:flex-start;gap:8px;margin-top:25px;font-size:.9375rem;line-height:1.6;display:flex}.story-demo-ready svg{flex-shrink:0;margin-top:4px}.story-demo-spin{animation:1.2s linear infinite demo-spin}.story-demo-dialog{box-sizing:border-box;color:#183c31;background:#f6f4ec;border:0;border-radius:12px;width:min(760px,100vw - 28px);max-height:92dvh;padding:22px;position:fixed;inset:0;overflow:auto}.story-demo-dialog::backdrop{background:#142b23bb}.story-demo-dialog .story-demo-paper{box-shadow:none;padding:32px 38px}.story-demo-dialog .story-demo-paper h3{font-size:clamp(2rem,5vw,3.5rem)}.story-demo-dialog .story-demo-body p,.story-demo-dialog .story-demo-standfirst{font-size:1.25rem}.story-demo-close{color:#23493b;font:1rem var(--font-interface);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0 0 18px auto;padding:8px;display:flex}.story-demo-carry{background:#f0f4e9;border:1px solid #bfceb9;border-radius:12px;gap:10px;margin:24px 0;padding:20px 24px;display:grid}.story-demo-carry p{margin:0;line-height:1.6}.story-demo-carry .button{justify-self:start}.story-demo-carry .text-button{justify-self:start;font-size:.875rem}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.story-demo-heading{grid-template-columns:1fr;gap:18px}.story-demo-grid{grid-template-columns:1fr;gap:28px}.story-demo{padding-top:36px;padding-bottom:44px}.story-demo-input{padding:22px 18px}.story-demo-paper{padding:22px}.story-demo-paper h3{font-size:2.2rem!important}.story-demo-dialog .story-demo-paper{padding:24px 20px}.story-demo-modes{margin-top:18px}.story-demo-heading>p{font-size:1rem}.story-demo-carry{padding:18px}.story-demo-modes button{gap:5px;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.story-demo-spin{animation:none}}.story-demo-masthead img{width:min(100%,300px);height:auto;margin:auto;display:block}.relative-landing .story-demo-heading h1{max-width:560px;margin:0;font-size:clamp(2.5rem,4vw,3.4rem);line-height:1.08}.story-demo-studio{background:#eef0e5;border-top:2px solid #183d32;border-bottom:1px solid #cad1bf;max-width:1200px;margin-block:36px 64px;padding:60px 40px 44px;scroll-margin-top:30px}.story-demo-studio [hidden]{display:none!important}.story-demo-studio .story-demo-heading{grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:end;gap:40px;margin-bottom:30px}.story-demo-studio .story-demo-heading h2,.story-demo-studio .story-demo-heading h1{font:400 clamp(2.5rem,4.4vw,3.75rem)/1.04 var(--font-editorial);letter-spacing:-.035em;color:#183d32;max-width:730px;margin:0}.story-demo-studio .story-demo-heading em{color:#4f6b4c;font-weight:400}.story-demo-studio .story-demo-heading .rel-eyebrow{letter-spacing:.13em;color:#52694f;margin-bottom:18px;font-size:.6875rem}.story-demo-studio .story-demo-heading>p{font:1rem/1.7 var(--font-interface);color:#536650;max-width:360px;margin:0 0 4px}.story-demo-studio .story-studio-navigation{border-bottom:1px solid #bfc9b5;justify-content:space-between;align-items:center;gap:20px;display:flex}.story-demo-studio .story-studio-tabs{gap:24px;min-width:0;display:flex}.story-demo-studio .story-studio-tabs>button{color:#5a6b55;font:500 1rem/1.4 var(--font-interface);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;min-height:54px;margin-bottom:-1px;padding:16px 0 14px;position:relative}.story-demo-studio .story-studio-tabs>button[aria-selected=true]{color:#183d32;border-bottom-color:#183d32;font-weight:600}.story-demo-studio .story-studio-tabs>button:hover:not(:disabled){color:#183d32}.story-demo-studio .story-studio-navigation>p{font:.8125rem/1.5 var(--font-interface);color:#5d6c56;margin:0}.story-demo-studio [role=tabpanel]:focus-visible{outline-offset:6px;outline:3px solid #ba5738}.story-demo-studio .story-demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding-top:32px}.story-demo-studio .story-demo-input{background:#fbfaf3;border:1px solid #c8d0bd;border-top:3px solid #183d32;border-radius:0;padding:28px}.story-demo-studio .story-demo-step{gap:12px}.story-demo-studio .story-demo-step>span{width:auto;height:auto;font:italic 1.45rem/1 var(--font-editorial);color:#708064;border:0;border-radius:0}.story-demo-studio .story-demo-step h3{font:500 1.5rem/1.2 var(--font-editorial);letter-spacing:-.02em;color:#183d32;margin:0}.story-demo-studio .story-demo-modes{border-radius:2px;gap:0;margin-top:24px;padding:0}.story-demo-studio .story-demo-modes button{border-radius:0;min-height:48px;padding:12px 7px}.story-demo-studio .story-demo-modes button+button{border-left:1px solid #c9d3c5}.story-demo-studio .story-demo-modes button[aria-pressed=true]{color:#183d32;background:#e5ebdc;font-weight:600}.story-demo-studio .story-demo-label input,.story-demo-studio .story-demo-label textarea{background:#fffef9;border-color:#b8c4ae;border-radius:2px}.story-demo-studio .story-demo-label textarea{min-height:180px;line-height:1.65}.story-demo-studio .story-demo-recorder{padding:20px 8px 22px}.story-demo-studio .story-demo-record{background:#183d32;box-shadow:0 0 0 10px #e5ebdc}.story-demo-studio .story-demo-record.is-recording{background:#9b3d31;box-shadow:0 0 0 10px #f0ddd5}.story-demo-studio .story-demo-recorder>p{font:1.0625rem/1.5 var(--font-editorial);margin-top:20px}.story-demo-studio .story-demo-example{text-align:left;min-height:40px;margin-bottom:6px}.story-demo-studio .story-demo-photo button{background:#eef1e6;border-radius:2px}.story-demo-studio .story-demo-photo-selected>button{min-width:44px;min-height:44px;top:-12px;left:44px}.story-demo-studio .story-demo-create{background:#183d32;border-color:#183d32;border-radius:2px;min-height:54px;padding:14px 18px;font-weight:600}.story-demo-studio .story-demo-create:hover:not(:disabled){background:#2c5342;border-color:#2c5342}.story-demo-studio .story-studio-review-step{margin-bottom:15px;padding-top:3px}.story-demo-studio .story-demo-output-label{letter-spacing:.07em;margin-bottom:10px;font-size:.6875rem}.story-demo-studio .story-demo-output-label>button{gap:7px;min-height:44px}.story-demo-studio .story-demo-paper{background:#fffdf5;border-color:#c4c8b8;padding:26px;box-shadow:5px 6px #dfe4d5}.story-demo-studio .story-demo-paper h3{color:#183d32}.story-demo-studio .story-demo-empty{padding:38px 0}.story-demo-studio .story-demo-empty>span{color:#819374}.story-demo-studio .story-demo-empty>p{color:#52654e}.story-demo-studio .story-demo-lines i{background:#dce2d1}.story-demo-studio .story-demo-ready{margin-top:24px}.story-demo-studio .story-studio-offer{font:.75rem/1.65 var(--font-interface);color:#52634d;text-align:center;margin:10px 0 0}.story-demo-studio .story-studio-text-button{color:#183d32;min-height:44px;font:600 .9375rem/1.4 var(--font-interface);text-align:left;text-underline-offset:5px;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:10px;padding:7px 0;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.story-demo-studio .story-studio-text-button:hover{color:#9b452c}.story-demo-studio .story-demo-dialog{overscroll-behavior:contain;background:#f6f3eb;border-radius:2px;width:min(800px,100vw - 28px);max-height:92dvh;padding:24px}.story-demo-studio .story-demo-dialog[open]{animation:.2s ease-out both story-studio-dialog-in}.story-demo-studio .story-demo-dialog::backdrop{background:#122e27c9}.story-demo-studio .story-demo-dialog .story-demo-paper{box-shadow:none}.story-demo-studio .story-demo-close{z-index:1;background:#f6f3eb;min-height:44px;position:sticky;top:0;box-shadow:0 0 0 6px #f6f3eb}.story-demo-studio .story-studio-dialog-next{text-align:center;padding:30px 14px 4px}.story-demo-studio .story-studio-dialog-next>h3{font:500 clamp(1.75rem,4vw,2.4rem)/1.1 var(--font-editorial);letter-spacing:-.025em;color:#183d32;margin:0 0 14px}.story-demo-studio .story-studio-dialog-next>p:not(.story-studio-offer):not(.story-demo-hint):not(.story-demo-error){max-width:540px;font:1rem/1.6 var(--font-interface);color:#536550;margin:0 auto}.story-demo-studio .story-studio-dialog-next>.story-demo-create{max-width:460px;margin:24px auto 0}.story-demo-studio .story-studio-dialog-next>.story-studio-text-button{margin-top:12px}@keyframes story-studio-dialog-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:980px){.story-demo-studio{padding:44px 28px 32px}.story-demo-studio .story-demo-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px}.story-demo-studio .story-demo-input{padding:24px 20px}.story-demo-studio .story-demo-grid{gap:26px}}@media (max-width:760px){.story-demo-studio{margin-block:24px 44px;padding:32px 20px 26px;width:calc(100% - 32px)!important}.story-demo-studio .story-demo-heading{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:22px}.story-demo-studio .story-demo-heading h2,.story-demo-studio .story-demo-heading h1{font-size:clamp(2.3rem,8.2vw,3rem)}.story-demo-studio .story-demo-heading>p{max-width:440px;font-size:.9375rem}.story-demo-studio .story-demo-heading .rel-eyebrow{letter-spacing:.1em;margin-bottom:16px;font-size:.625rem}.story-demo-studio .story-studio-navigation{flex-direction:column;align-items:start;gap:0}.story-demo-studio .story-studio-tabs{border-bottom:1px solid #bfc9b5;gap:24px;width:100%}.story-demo-studio .story-studio-tabs>button{min-height:50px;padding-block:13px;font-size:.9375rem}.story-demo-studio .story-studio-navigation>p{padding:12px 0;font-size:.75rem}.story-demo-studio .story-demo-grid{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:24px}.story-demo-studio .story-demo-input{padding:22px 16px}.story-demo-studio .story-demo-modes{margin-inline:-3px}.story-demo-studio .story-demo-modes button{flex-wrap:wrap;gap:6px;font-size:.8125rem}.story-demo-studio .story-demo-paper{padding:22px 18px}.story-demo-studio .story-demo-output-label{flex-wrap:wrap}.story-demo-studio .story-demo-dialog{width:calc(100vw - 20px);padding:16px}.story-demo-studio .story-demo-dialog .story-demo-paper{padding:24px 18px}.story-demo-studio .story-studio-dialog-next{padding-inline:0}.story-demo-studio .story-demo-close{top:0}.story-demo-studio .story-studio-offer{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.story-demo-studio *{scroll-behavior:auto!important}.story-demo-studio .story-demo-dialog[open]{animation:none}}