/* Explanatory motion stays inside product examples. No scroll reveals. */
@media(max-width:980px){.menu-button{display:flex}}
.demo-progress{height:3px;background:#e9eef5;overflow:hidden}
.demo-progress>span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}
.demo-stage[data-phase] .crop-selection{animation:none;clip-path:none}
.demo-stage[data-phase] .draft-saved,.demo-stage[data-phase] .draft-bottom,.demo-stage[data-phase] .crop-result{transition:opacity 180ms ease}
.demo-stage[data-phase="listening"] .draft-saved,.demo-stage[data-phase="drafting"] .draft-saved,.demo-stage[data-phase="listening"] .draft-bottom,.demo-stage[data-phase="drafting"] .draft-bottom{opacity:.18}
.demo-stage[data-phase="review"] .draft-example{outline:2px solid #175de533;outline-offset:3px}
.demo-stage[data-phase="choose"] .selected-paragraph span{background:transparent;box-shadow:none}
.sample-document{isolation:isolate;overflow:hidden}
.sample-document::after{content:"";position:absolute;inset:0;background:#182733;opacity:0;pointer-events:none;transition:opacity 300ms ease;z-index:1}
.demo-stage[data-phase="focus"] .sample-document::after{opacity:.2}
.demo-stage[data-phase="focus"] .selected-paragraph{position:relative;z-index:2;background:white}
.demo-stage[data-workflow-demo="select"][data-phase="focus"] .selected-paragraph>span{background:transparent;box-shadow:none}
.demo-stage .selected-paragraph .demo-word{background:transparent;box-shadow:none;transition:none}
.demo-stage .selected-paragraph .demo-word[data-current]{background:#b9e5ff;outline:1px solid #548fdf;outline-offset:1px}
.demo-stage[data-phase="ready"] .crop-selection,.demo-stage[data-phase="drawing"] .crop-selection{background:linear-gradient(115deg,#d7f0ff,#dcf7fc);outline:1px solid #079edc;box-shadow:0 0 14px #1b98ee22}
.demo-stage[data-phase="ready"] .crop-selection{clip-path:inset(-5% 99% 99% -2%)}
.demo-stage[data-phase="drawing"] .crop-result{opacity:.18}
.demo-stage.is-paused *{animation-play-state:paused!important}
.demo-stage:not([data-phase="listening"]):not([data-phase="drafting"]) .voice-line span{animation:none}
.crop-film-section{padding-block:86px 64px;background:#eaf0f5;margin-top:64px;scroll-margin-top:24px}
.crop-film-heading{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:32px}
.crop-film-heading h2,.use-cases-heading h2{font-size:clamp(37px,4.2vw,60px);line-height:1.08;letter-spacing:-.035em}
.crop-film-heading>p{font-size:18px;line-height:1.7;max-width:390px;color:var(--muted);padding-bottom:3px}
.showcase-toolbar{display:flex;align-items:center;gap:22px;margin-bottom:24px}
.showcase-toolbar .button{min-height:48px;padding:12px 18px;font-size:14px;flex-shrink:0}
.showcase-disclosure{color:var(--muted);font-size:12px;line-height:1.6}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.crop-showcases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.crop-showcase{margin:0;background:white;border:1px solid #c4d2dd;border-radius:12px;overflow:hidden;min-width:0}
.showcase-label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #e0e5e8;font-size:12px;line-height:1.5;color:var(--muted)}
.showcase-label>span:first-child{font-weight:700;color:var(--blue);letter-spacing:.025em}
.showcase-label>span:last-child{white-space:nowrap}
.crop-showcase video{display:block;width:100%;aspect-ratio:64/35;object-fit:contain;background:#fafbf8}
.crop-showcase video::cue{font-family:'Segoe UI',sans-serif;font-size:16px}
.crop-showcase figcaption{padding:20px 23px;border-top:1px solid #e0e5e8}
.crop-showcase h3{font-size:23px;letter-spacing:-.025em;line-height:1.25;margin:0}
.crop-showcase figcaption p{font-size:15px;line-height:1.7;color:var(--muted);max-width:42ch}
.showcase-note{font-size:12px;line-height:1.7;color:var(--muted);margin-top:19px;max-width:900px}
.crop-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;list-style:none;padding:0;margin:36px 0 0}
.crop-steps li{display:flex;gap:18px;border-top:1px solid #c9d5df;padding-top:23px}
.crop-steps li>span{font-size:12px;color:var(--blue);padding-top:4px}
.crop-steps h3{font-size:18px;letter-spacing:-.02em;margin:0 0 8px}
.crop-steps p{font-size:14px;line-height:1.7;color:var(--muted)}
.crop-steps kbd{font:inherit;color:var(--ink)}
.film-transcript{margin-top:30px;color:var(--muted);max-width:850px;font-size:13px;line-height:1.7}
.film-transcript summary{cursor:pointer;width:fit-content;padding-block:12px;color:var(--ink);text-underline-offset:4px}
.film-transcript p{margin-top:12px}
.use-cases-section{padding-top:112px;scroll-margin-top:40px}
.use-cases-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}
.use-cases-heading>p{font-size:17px;color:var(--muted);padding-bottom:6px}
.use-case-links{display:grid;grid-template-columns:repeat(2,1fr);gap:0 54px}
.use-case-links>a{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:30px 0 36px;text-decoration:none}
.use-case-number{font-size:11px;font-weight:700;letter-spacing:.07em;color:var(--blue);margin-bottom:22px}
.use-case-links h3{font-size:32px;line-height:1.15;letter-spacing:-.03em}
.use-case-links p{font-size:15px;color:var(--muted);line-height:1.7;margin-top:17px;max-width:380px}
.use-case-link{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:13px;font-weight:700;margin-top:25px}
.use-case-link svg{width:19px;height:19px;transition:transform 160ms ease}
.use-case-links>a:hover .use-case-link svg{transform:translateX(4px)}
@media(max-width:980px){.crop-film-heading{gap:40px;grid-template-columns:1fr .8fr}.crop-film-heading>p{font-size:16px}.crop-film-section{margin-top:70px;padding-block:80px 65px}.crop-steps{gap:22px}.crop-steps li{gap:12px}.use-cases-section{padding-top:86px}.use-cases-heading>p{font-size:15px}.use-case-links{gap:0 30px}.use-case-links h3{font-size:27px}}
@media(max-width:680px){.crop-film-section{margin-top:60px;padding-block:68px 50px}.crop-film-heading{grid-template-columns:1fr;gap:23px;margin-bottom:28px}.crop-film-heading h2,.use-cases-heading h2{font-size:38px}.eyebrow{font-size:10px;margin-bottom:18px}.crop-film-heading>p{font-size:16px}.crop-film{border-radius:8px}.crop-film figcaption{flex-direction:column;gap:4px;font-size:11px;padding:12px 14px}.crop-steps{grid-template-columns:1fr;gap:20px;margin-top:25px}.crop-steps li{padding-top:19px;gap:17px}.crop-steps h3{font-size:18px;margin-bottom:5px}.crop-steps p{font-size:14px}.film-transcript{margin-top:20px;font-size:12px}.use-cases-section{padding-top:74px}.use-cases-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:28px}.use-cases-heading>p{font-size:16px}.use-case-links{grid-template-columns:1fr}.use-case-links>a{padding:26px 0 29px}.use-case-number{margin-bottom:17px}.use-case-links h3{font-size:30px}.use-case-links p{font-size:15px;margin-top:13px}.use-case-link{margin-top:19px}}
@media(prefers-reduced-motion:reduce){.demo-progress>span{transition:none}.demo-stage *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.crop-film,.crop-steps li,.use-case-links>a{border-color:CanvasText}.crop-film figcaption{color:CanvasText;background:Canvas}.sample-document::after{display:none}}
.use-case-number,.demo-status,.crop-film figcaption,.eyebrow{font-size:12px}
@media(max-width:980px){.crop-showcases{gap:20px}.showcase-label{padding:14px 16px;font-size:12px;flex-wrap:wrap;gap:3px 12px}.crop-showcase figcaption{padding:20px 21px}.crop-showcase h3{font-size:23px}}
@media(max-width:760px){.crop-showcases{grid-template-columns:1fr;gap:25px}.showcase-toolbar .button{display:none}.showcase-toolbar{margin-top:-7px;margin-bottom:20px}.showcase-label{padding:12px 17px;flex-wrap:nowrap}.crop-showcase figcaption{padding:20px 22px}.crop-showcase h3{font-size:23px}.crop-showcase figcaption p{font-size:15px}.showcase-note{margin-top:21px}}
@media(forced-colors:active){.crop-showcase,.showcase-label,.crop-showcase figcaption{border-color:CanvasText}}