/* The generator demonstration is self-contained and leaves document content readable without JS. */
.gen-section{max-width:1408px;margin:0 auto;padding:100px 0 96px;scroll-margin-top:40px}
.gen-heading>.eyebrow{margin-bottom:25px}.gen-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:40px}.gen-heading h2{max-width:710px}.gen-heading-row>p{max-width:405px;margin:0 0 3px;color:var(--muted);font-size:1rem;line-height:1.85}
.gen-studio{background:#17221f;color:#f5f6f2;border-radius:12px;padding:30px 38px 21px;overflow:hidden}.gen-studio [hidden]{display:none!important}.gen-studio-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:26px}.gen-studio-label{display:inline-flex;align-items:center;gap:11px;letter-spacing:.1em;font-size:.625rem;color:#c8d3c8}.gen-studio-label>span{font-size:1.5rem;line-height:1;color:#d8ed8b}.gen-example-label{font-size:.6875rem;white-space:nowrap;color:#c6d5be;border:1px solid #53604b;border-radius:30px;padding:5px 11px}
.gen-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #46513f;border-bottom:1px solid #46513f;margin-bottom:39px}.gen-choice{display:flex;align-items:center;gap:17px;background:transparent;border:0;border-radius:0;padding:21px 19px;color:#bdc9bd;text-align:left;line-height:1.4;font-size:.875rem;position:relative;min-width:0;transition:background .2s,color .2s}.gen-choice+.gen-choice{border-left:1px solid #46513f}.gen-choice-number{font-size:.625rem;align-self:flex-start;line-height:1.9;opacity:.75}.gen-choice small{display:block;font-size:.75rem;font-weight:400;margin-top:7px;color:#a2b09f}.gen-choice-arrow{margin-left:auto;font-size:1.2rem}.gen-choice[aria-pressed=true]{background:#d8ed8b;color:#17221f}.gen-choice[aria-pressed=true] small{color:#4e6336}.gen-choice[aria-pressed=true] .gen-choice-number{opacity:1}.gen-choice:hover:not([aria-pressed=true]){background:#27372c}.gen-choice:focus-visible{outline:2px solid #d8ed8b;outline-offset:4px;z-index:1}
.gen-workspace{display:grid;grid-template-columns:minmax(220px,.76fr) 78px minmax(0,1.4fr);gap:0;align-items:start}.gen-stage-label{display:flex;gap:11px;align-items:center;font-size:.75rem;color:#c5d0be;margin-bottom:23px}.gen-stage-label>span{border:1px solid #627058;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:.5625rem}.gen-input{padding-top:0;min-width:0}.gen-paper-stack{position:relative;margin:11px 6px 22px 4px;isolation:isolate}.gen-paper-stack:before,.gen-paper-stack:after{content:"";position:absolute;inset:0;border-radius:3px;background:#aeb7a2;transform:rotate(-4deg);z-index:-2}.gen-paper-stack:after{background:#d6dccb;transform:rotate(2.7deg);z-index:-1}.gen-paper{background:#f6f5ec;color:#26332a;padding:25px 25px 17px;border-radius:3px;min-height:349px;box-shadow:0 12px 36px #050d0820;position:relative}.gen-document-top{display:flex;align-items:center;gap:8px;line-height:1.4;font-size:.5rem;font-weight:700;letter-spacing:.07em}.gen-file-icon{width:21px;height:25px;flex-shrink:0}.gen-file-icon svg{display:block;width:100%;height:100%}.gen-document-code{margin-left:auto;color:#777f6c;font-size:.5rem;white-space:nowrap}.gen-document-rule{height:1px;background:#bec7b1;margin:17px 0 20px}.gen-paper h3{font-size:1.4rem;line-height:1.35;letter-spacing:-.045em;font-weight:550;margin-bottom:12px}.gen-document-lead{font-size:.7rem;color:#757d6a;line-height:1.65;margin-bottom:18px}.gen-document-list{padding:0;list-style:none;counter-reset:gen-doc-step;margin:0 0 18px;border-top:1px solid #d6dccb}.gen-document-list li{counter-increment:gen-doc-step;font-size:.7rem;padding:9px 0;border-bottom:1px solid #d6dccb;display:flex;align-items:baseline;gap:11px}.gen-document-list li:before{content:"0" counter(gen-doc-step);font-size:.5rem;color:#7e8f69}.gen-paper-lines{display:grid;gap:5px;margin:20px 0 26px}.gen-paper-lines i{height:3px;background:#d4d9c9;width:100%;border-radius:2px}.gen-paper-lines i:nth-child(2){width:85%}.gen-paper-lines i:nth-child(3){width:59%}.gen-document-bottom{font-size:.45rem;letter-spacing:.06em;color:#818a76;display:flex;justify-content:space-between}.gen-input-note{font-size:.75rem;line-height:1.75;color:#aab8a3;margin:28px 0 0 5px}
.gen-connection{display:flex;align-items:center;justify-content:center;position:relative;align-self:center;padding:0 4px;gap:0;margin-top:-50px}.gen-connection>span{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #748756;border-radius:50%;font-size:1.2rem;color:#d8ed8b;background:#223329}.gen-connection-line{height:1px;background:#67794d;flex:1;position:relative}.gen-connection>b{position:absolute;right:0;top:2px;font-size:1rem;font-weight:400;color:#a6bc83}.gen-output{min-width:0}.gen-module{background:#f5f7ef;color:#17221f;border-radius:7px;overflow:hidden;box-shadow:0 10px 35px #050e071c;border:1px solid #ecf0e2}.gen-module-top{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dfcb;gap:12px}.gen-module-brand{display:flex;align-items:center;gap:9px;font-size:.83rem;font-weight:800;letter-spacing:.08em}.gen-module-brand>span{border-left:1px solid #afbba1;padding-left:9px;font-size:.45rem;letter-spacing:.12em;font-weight:500}.gen-module-kind{font-size:.48rem;letter-spacing:.1em;color:#6c7d59;text-align:right}.gen-scene-heading{padding:24px 26px 0}.gen-module-overline{font-size:.5rem;letter-spacing:.13em;color:#6f805d}.gen-scene h3{font-weight:500;font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.25;letter-spacing:-.055em;margin:9px 0 0}.gen-art{padding:0 15px 0;overflow:hidden}.gen-svg{width:100%;height:auto;display:block;max-height:220px;overflow:visible}.gen-art-caption{display:block;text-align:center;font-size:.62rem;color:#637454;padding:0 0 21px;margin-top:-5px}.gen-video-track{height:3px;background:#dce4cf;margin:0 25px}.gen-video-track>span{display:block;width:100%;height:100%;background:#8aaa54;transform-origin:left}.gen-scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 25px 16px;font-size:.5625rem;color:#6d7c60}.gen-scene-bottom>span:first-child{display:inline-flex;align-items:center;gap:6px}.gen-status-dot{width:5px;height:5px;border-radius:50%;background:#91aa66;display:inline-block}.gen-module-footer{padding:15px 23px;background:#eaf0df;border-top:1px solid #d8e0c9;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.625rem;line-height:1.65;color:#596d43;min-height:60px}.gen-module-footer>span{max-width:270px}.gen-replay{display:inline-flex;align-items:center;gap:5px;background:transparent;white-space:nowrap;font-size:.625rem;line-height:1.4;padding:6px 0 6px 8px;min-height:32px;border:0;color:#3f542d;text-decoration:underline;text-underline-offset:4px}.gen-replay>span{font-size:1rem}.gen-replay:focus-visible{outline-offset:2px}
.gen-quiz{padding:0 25px 18px}.gen-quiz>p:first-child{font-size:.72rem;font-weight:650;margin:0 0 10px}.gen-quiz-answers{display:flex;flex-wrap:wrap;gap:7px}.gen-quiz-answers button{padding:8px 10px;background:#fff;border:1px solid #bccaa8;border-radius:4px;font-size:.625rem;color:#526441;line-height:1.5;min-height:36px}.gen-quiz-answers button:hover{border-color:#718d4c;background:#f0f5e7}.gen-quiz-answers button[aria-pressed=true]{background:#d8ed8b;border-color:#7b974d;color:#23361a}.gen-quiz-answers button[data-gen-answer=other][aria-pressed=true]{background:#f4e9d7;border-color:#b49b76}.gen-quiz-feedback{font-size:.625rem;color:#526441;margin:10px 0 0;line-height:1.6;min-height:2em}.gen-onboarding-steps{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:0 25px;margin:0 0 24px;font-size:.625rem;color:#5f7450}.gen-onboarding-steps li{display:flex;align-items:center;gap:7px}.gen-onboarding-steps li>span{display:grid;place-items:center;border-radius:50%;width:19px;height:19px;background:#e1ebce;color:#58713b;font-size:.5rem}
.gen-outcome{margin-top:30px;padding-top:24px;border-top:1px solid #43513b;display:flex;align-items:center;justify-content:space-between;gap:25px}.gen-outcome>p{font-size:.8rem;line-height:1.8;max-width:675px;color:#c5d0bd;margin:0}.gen-outcome-tag{font-size:.7rem;color:#d8ed8b;white-space:nowrap}.gen-disclaimer{font-size:.6rem;color:#9aad91;line-height:1.65;margin:20px 0 0}.gen-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;margin-top:37px}.gen-process>div>span{font-size:.56rem;letter-spacing:.09em;color:#798768}.gen-process h3{font-size:1rem;line-height:1.5;letter-spacing:-.025em;font-weight:650;margin:12px 0 9px}.gen-process p{font-size:.875rem;color:var(--muted);line-height:1.8;margin:0;max-width:365px}.gen-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.gen-animating .gen-parcel{animation:gen-parcel-move 2.8s cubic-bezier(.2,.75,.3,1) both}.gen-animating .gen-check{animation:gen-check-show 2.8s both;transform-box:fill-box;transform-origin:center}.gen-animating .gen-video-track>span{animation:gen-progress 2.8s ease both}.gen-animating .gen-label-paper{animation:gen-label-feed 2.8s ease both}.gen-animating .gen-badge{animation:gen-badge-arrive 1.5s ease both}.gen-animating .gen-path-step{animation:gen-path-complete .65s both;transform-box:fill-box;transform-origin:center}.gen-animating .gen-path-step-1{animation-delay:.4s}.gen-animating .gen-path-step-2{animation-delay:.9s}.gen-animating .gen-path-step-3{animation-delay:1.4s}.gen-animating .gen-connection>span{animation:gen-spark 1.3s ease both}
@keyframes gen-parcel-move{0%{transform:translateX(-32px);opacity:.3}40%,100%{transform:translateX(0);opacity:1}}@keyframes gen-check-show{0%,42%{transform:scale(.5);opacity:0}64%{transform:scale(1.1);opacity:1}78%,100%{transform:scale(1);opacity:1}}@keyframes gen-progress{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes gen-label-feed{0%{transform:translateY(-28px);opacity:0}20%{opacity:1}75%,100%{transform:translateY(0);opacity:1}}@keyframes gen-badge-arrive{from{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes gen-path-complete{from{transform:scale(.7);opacity:.1}to{transform:scale(1);opacity:1}}@keyframes gen-spark{0%{transform:rotate(-45deg);background:#223329}55%{background:#d8ed8b;color:#17221f}100%{transform:rotate(0);background:#223329}}
@media(max-width:1535px){.gen-section{margin-left:4.2%;margin-right:4.2%}}
@media(max-width:1100px){.gen-section{padding-top:76px;padding-bottom:76px}.gen-heading-row{gap:35px}.gen-heading-row>p{max-width:350px;font-size:.925rem}.gen-studio{padding:26px 27px 21px}.gen-workspace{grid-template-columns:minmax(190px,.77fr) 55px minmax(0,1.4fr)}.gen-choice{font-size:.75rem;padding:18px 14px;gap:10px}.gen-choice small{font-size:.6875rem}.gen-paper{padding:22px 18px 17px}.gen-paper h3{font-size:1.2rem}.gen-document-code{display:none}.gen-connection{padding:0 1px}.gen-connection>span{width:27px;height:27px;font-size:1rem}.gen-connection>b{top:0}.gen-module-top{padding:17px 18px}.gen-scene-heading{padding:22px 21px 0}.gen-module-footer{padding:13px 18px;align-items:flex-start;flex-direction:column;gap:5px}.gen-module-footer>span{max-width:none}.gen-replay{padding-left:0}.gen-outcome{align-items:flex-start;gap:15px}.gen-outcome-tag{white-space:normal;min-width:105px;max-width:140px}.gen-process{gap:28px}}
@media(max-width:800px){.gen-heading-row{display:block}.gen-heading-row>p{margin-top:24px;max-width:600px}.gen-studio{padding:24px 22px 20px}.gen-choice{padding:16px 9px;font-size:.6875rem;gap:7px}.gen-choice-number{display:none}.gen-choice-arrow{font-size:1rem}.gen-choice small{font-size:.625rem}.gen-workspace{grid-template-columns:minmax(155px,.8fr) 44px minmax(0,1.3fr)}.gen-paper{padding:20px 14px 15px;min-height:330px}.gen-paper h3{font-size:1.1rem}.gen-document-lead,.gen-document-list li{font-size:.625rem}.gen-module-brand{font-size:.75rem;gap:7px}.gen-module-brand>span{font-size:.4rem;padding-left:7px}.gen-module-kind{font-size:.4rem}.gen-scene-heading{padding:20px 18px 0}.gen-module-overline{font-size:.4rem}.gen-art{padding:0 8px}.gen-art-caption{font-size:.5rem;padding-bottom:17px;margin-top:0}.gen-scene-bottom{font-size:.48rem;padding:10px 17px 14px;gap:8px}.gen-video-track{margin:0 17px}.gen-stage-label{font-size:.65rem;gap:8px}.gen-outcome>p{font-size:.75rem}.gen-outcome-tag{font-size:.625rem}.gen-process{gap:23px}.gen-process h3{font-size:.925rem}.gen-process p{font-size:.8rem}.gen-quiz{padding:0 17px 15px}.gen-quiz>p:first-child{font-size:.625rem}.gen-onboarding-steps{padding:0 17px;gap:6px;font-size:.48rem}.gen-onboarding-steps li{gap:4px}.gen-onboarding-steps li>span{width:15px;height:15px}.gen-quiz-answers button{font-size:.5625rem}}
@media(max-width:620px){.gen-section{margin-left:6%;margin-right:6%;padding:65px 0 60px}.gen-heading>.eyebrow{font-size:.625rem;margin-bottom:21px}.gen-heading-row{margin-bottom:28px}.gen-heading h2{font-size:2.15rem}.gen-heading h2 br{display:none}.gen-heading-row>p{margin-top:20px;font-size:.925rem}.gen-studio{margin:0 -2.3%;padding:23px 18px 19px;border-radius:8px}.gen-studio-top{align-items:flex-start;gap:12px;padding-bottom:21px}.gen-studio-label{font-size:.45rem;line-height:1.8;letter-spacing:.07em;max-width:165px;gap:8px}.gen-studio-label>span{font-size:1.3rem;flex-shrink:0}.gen-example-label{font-size:.5rem;padding:4px 7px}.gen-choices{grid-template-columns:1fr;margin-bottom:27px}.gen-choice{font-size:.8125rem;gap:11px;padding:12px 13px;min-height:65px}.gen-choice+.gen-choice{border-left:0;border-top:1px solid #46513f}.gen-choice-number{display:inline;align-self:center;font-size:.6rem}.gen-choice small{font-size:.625rem;display:inline;margin:0 0 0 7px}.gen-choice-arrow{font-size:1.1rem}.gen-workspace{display:block}.gen-stage-label{font-size:.6875rem;margin-bottom:19px}.gen-input{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:0 21px;align-items:center}.gen-input>.gen-stage-label{grid-column:1/-1}.gen-paper-stack{margin:2px 0 18px 3px}.gen-paper{padding:19px 16px 15px;min-height:0}.gen-document-rule{margin:13px 0 15px}.gen-paper h3{font-size:1.2rem}.gen-document-lead{font-size:.625rem;margin-bottom:13px}.gen-document-list{margin-bottom:10px}.gen-document-list li{padding:7px 0;font-size:.625rem}.gen-paper-lines{margin:13px 0 17px;gap:4px}.gen-document-bottom{font-size:.375rem}.gen-input-note{font-size:.625rem;margin:0;line-height:1.8}.gen-connection{height:43px;margin:0 0 16px;display:flex;flex-direction:column;padding:0;align-items:center}.gen-connection>span{width:26px;height:26px;font-size:1rem;transform:rotate(90deg)}.gen-connection-line{width:1px;height:9px;flex:1}.gen-connection>b{right:auto;top:auto;bottom:-8px;transform:rotate(90deg);font-size:.875rem}.gen-output>.gen-stage-label{margin-bottom:16px}.gen-module-top{padding:17px 19px}.gen-module-brand{font-size:.83rem}.gen-module-brand>span{font-size:.45rem}.gen-module-kind{font-size:.45rem}.gen-scene-heading{padding:23px 21px 0}.gen-module-overline{font-size:.46rem}.gen-scene h3{font-size:1.65rem}.gen-art{padding:0 9px}.gen-art-caption{font-size:.53rem;padding-bottom:20px}.gen-scene-bottom{font-size:.51rem;padding:10px 19px 16px}.gen-module-footer{padding:14px 19px;gap:5px;font-size:.625rem}.gen-replay{font-size:.625rem}.gen-outcome{margin-top:24px;padding-top:20px;display:block}.gen-outcome>p{font-size:.8rem}.gen-outcome-tag{display:block;max-width:none;font-size:.6875rem;margin-top:15px}.gen-disclaimer{font-size:.5625rem;margin-top:18px}.gen-process{grid-template-columns:1fr;gap:0;margin-top:12px}.gen-process>div{padding:23px 0;border-bottom:1px solid var(--line)}.gen-process>div:last-child{border-bottom:0;padding-bottom:0}.gen-process>div>span{font-size:.56rem}.gen-process h3{font-size:1rem;margin-top:10px}.gen-process p{font-size:.875rem;max-width:none}.gen-quiz{padding:0 19px 18px}.gen-quiz>p:first-child{font-size:.6875rem}.gen-quiz-answers button{font-size:.6rem}.gen-onboarding-steps{font-size:.53rem;padding:0 19px}.gen-onboarding-steps li{gap:5px}.gen-onboarding-steps li>span{width:17px;height:17px}}
@media(max-width:380px){.gen-input{grid-template-columns:minmax(0,1fr) 62px;gap:0 17px}.gen-paper{padding:17px 12px 14px}.gen-paper h3{font-size:1.05rem}.gen-document-top{font-size:.425rem}.gen-document-list li{font-size:.56rem}.gen-choice{font-size:.72rem;padding-left:9px;padding-right:9px}.gen-choice small{font-size:.55rem;margin-left:5px}.gen-stage-label{font-size:.625rem}.gen-input-note{font-size:.5625rem}}
@media(prefers-reduced-motion:reduce){.gen-studio *, .gen-studio *:before, .gen-studio *:after{animation:none!important;transition:none!important}.gen-replay{display:none!important}}
/* The example quiz is a real interaction, with readable controls at every width. */
.gen-quiz>p:first-child{font-size:.875rem;line-height:1.6}
.gen-quiz-answers button{font-size:.8125rem;min-height:44px;padding:10px 13px}
.gen-quiz-feedback{font-size:.8125rem;line-height:1.7}
.gen-replay{font-size:.75rem;min-height:40px}
@media(max-width:620px){.gen-replay{min-height:44px}.gen-module-footer{font-size:.75rem}}
.gen-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0 0;margin-top:25px;border-top:1px solid var(--line)}
.gen-contact>p{margin:0;color:var(--muted);font-size:.875rem}
@media(max-width:620px){.gen-contact{align-items:flex-start;flex-direction:column;gap:12px}}