/* One alternating product story, framed by the existing garden palette. */
.dev-middle{margin:0 4.5%;border-inline:1px solid var(--line)}
.dev-divider{height:clamp(52px,5.8cqw,90px);position:relative;border-block:1px solid var(--line);background:repeating-linear-gradient(90deg,transparent 0,transparent calc(7.692307% - 1px),var(--line) calc(7.692307% - 1px),var(--line) 7.692307%);--block:clamp(12px,1.45cqw,22px)}
.dev-divider::before,.dev-divider::after{content:"";position:absolute;background:var(--ink);height:var(--block)}.dev-divider::before{left:7.692307%;top:0;width:19.230768%}.dev-divider::after{left:76.92307%;bottom:0;width:var(--block)}.dev-divider-end::before{left:61.538456%;top:auto;bottom:0;background:var(--flag)}.dev-divider-end::after{left:15.384614%;bottom:auto;top:0}
.dev-features{padding:64px 16px 64px}.dev-heading h2{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.03em;text-wrap:initial}.dev-heading p{font-size:15px;line-height:1.5;color:var(--muted);margin-top:16px}.dev-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-top:48px}.dev-heading+.dev-row{margin-top:64px}.dev-copy{padding:0 32px;max-width:520px}.dev-copy h3{font-size:36px;line-height:1.1;font-weight:600;letter-spacing:-.025em;text-wrap:initial}.dev-copy>p{font-size:18px;line-height:1.5;margin-top:24px;color:var(--muted);text-wrap:initial}.dev-copy .dev-note{font-size:12px;color:var(--muted);margin-top:24px}.dev-note kbd{font:11px ui-monospace,monospace;padding:5px 7px;border:1px solid var(--line);border-radius:4px;margin-right:8px}
.dev-visual{min-width:0;aspect-ratio:1;background:#f0edf3;border:1px solid #ded8e5;padding:clamp(24px,3.3cqw,48px);display:flex;align-items:center}.dev-row-reverse .dev-visual{background:#f5efeb}.question-visual{background:#efedf1}.demo-window{width:100%;min-width:0;background:#fffdfa;border:1px solid #d8d0df;border-radius:8px;box-shadow:0 8px 24px #362a4e07;overflow:hidden}.demo-title{height:44px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e6dfea;font-size:12px}.demo-title img{object-fit:contain}.demo-title>span:not(.file-icon){font-size:10px;color:#93869c;margin-left:auto}.demo-title>i{font-style:normal;color:#a397ab;margin-left:8px}.terminal-output{padding:22px 20px;font:11px/1.8 ui-monospace,SFMono-Regular,monospace}.terminal-path{display:block;color:#95899e;margin-bottom:14px;font-size:10px}.diff-remove{color:#9d8990}.diff-add{color:var(--ink)}.terminal-summary{display:flex;flex-direction:column;color:#81788b;margin-top:14px;font-size:10px;line-height:1.8}.spoken-result{border-top:1px solid #e6dfea;background:#f9f6f8;padding:20px}.heard-caption{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink)}.heard-caption>span{font:8px ui-monospace,monospace;letter-spacing:.025em;color:#968aa0;margin-left:auto}.spoken-result blockquote{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-top:16px;color:var(--text)}.sample-player{display:flex;align-items:center;gap:10px;margin-top:20px}.sample-player button{display:grid;place-items:center;flex:none;width:36px;height:36px;background:var(--ink);color:var(--paper);border-radius:50%;font-size:11px}.sample-player strong{display:block;font-size:11px;font-weight:400}.sample-player #pz-audio-status{display:block;font-size:9px;color:var(--muted);margin-top:4px}.tiny-wave,.voice-wave{display:flex;align-items:center;justify-content:center;gap:3px}.tiny-wave{margin-left:auto;height:32px;max-width:90px;overflow:hidden}.tiny-wave i{flex:none;width:1.5px;height:calc(var(--h)*.5);background:var(--flag)}#pz-progress{display:block;width:100%;height:16px;margin:10px 0 0;accent-color:var(--ink);cursor:pointer}.agent-message{padding:24px 24px 0}.message-label{display:block;font:9px ui-monospace,monospace;letter-spacing:.06em;color:#94889a}.agent-message p{font-size:16px;line-height:1.4;letter-spacing:-.01em;margin-top:12px}.voice-reply{margin:24px 16px 0;padding:20px;background:#f3eef5;border:1px solid #e3dae8;border-radius:6px}.voice-wave{height:64px;margin:12px 0}.voice-wave i{width:2px;height:calc(var(--h)*.8);background:var(--ink);opacity:.7}.voice-reply blockquote{font-size:22px;letter-spacing:-.03em;line-height:1.2}.reply-target{display:flex;gap:8px;align-items:center;color:var(--ink);font-size:11px;margin-top:24px}.reply-target>span{color:#9c8fa7;font-size:10px}.reply-footer{padding:20px 16px;display:flex;gap:12px;justify-content:space-between;align-items:center}.reply-footer button{display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);padding:10px 12px;border-radius:5px;min-height:40px;font-size:11px;white-space:nowrap}.reply-footer>span{font-size:9px;color:var(--muted);max-width:140px;text-align:right}.voice-window[data-sent="true"] #reply-state{color:#43866c}.file-icon{font:12px ui-monospace,monospace;color:var(--ink)}.code-example{font:10px/2 ui-monospace,monospace;padding:24px 0}.code-example>div{display:flex;gap:16px;padding-inline:16px;min-height:20px}.code-example>div>span{font-size:9px;color:#b4a9bc;min-width:14px}.code-example code{font:inherit;white-space:pre}.code-highlight{background:#eae4f0;color:var(--ink)}.code-question{padding:18px 20px;border-block:1px solid #e6dfea;background:#f7f4f8}.code-question p{font-size:17px;line-height:1.4;letter-spacing:-.02em;margin-top:10px}.code-answer{padding:20px}.code-answer>p{font-size:15px;line-height:1.5;margin-top:16px}.answer-source{font:9px ui-monospace,monospace;color:#9a8ca3;display:block;margin-top:20px;overflow-wrap:anywhere}
@media(hover:hover){.sample-player button:hover,.reply-footer button:hover{background:#242078}}
@media(max-width:1000px){.dev-visual{padding:24px}.dev-copy{padding:0 24px}.dev-heading h2{font-size:29px}.dev-copy h3{font-size:32px}.dev-copy>p{font-size:17px}.dev-row{gap:24px}.spoken-result,.code-answer{padding:16px}.terminal-output{padding:18px 16px;font-size:10px}.spoken-result blockquote{font-size:16px}.demo-title{padding-inline:12px}.demo-title>span:not(.file-icon){font-size:9px}.tiny-wave{max-width:48px}.voice-reply{padding:16px;margin-inline:12px}.voice-reply blockquote{font-size:20px}.agent-message{padding:20px 16px 0}.agent-message p{font-size:15px}.reply-footer{padding:16px 12px;gap:8px}.reply-footer button{font-size:10px;gap:8px}.reply-footer>span{font-size:8px}.code-example{font-size:9px}.code-example>div{gap:10px;padding-inline:12px}.code-answer>p{font-size:14px}.heard-caption>span{font-size:7px}}
@media(max-width:680px){.dev-middle{margin:0 24px;border-inline:0}.dev-divider{background-size:200% 100%}.dev-divider::before{width:30.769228%}.dev-divider-end::before{left:46.153842%}.dev-features{padding:36px 0 40px}.dev-heading h2{font-size:29px;line-height:1.15}.dev-heading p{font-size:15px;line-height:1.5}.dev-row,.dev-row-reverse{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-top:40px}.dev-heading+.dev-row{margin-top:32px}.dev-row-reverse .dev-visual{order:-1}.dev-visual{aspect-ratio:auto;min-height:390px;padding:24px 18px}.dev-copy{padding:0;max-width:none}.dev-copy h3{font-size:30px}.dev-copy>p{font-size:16px;line-height:1.5;margin-top:18px}.dev-copy .dev-note{margin-top:18px;font-size:12px}.dev-note kbd{font-size:10px}.demo-title{height:40px;font-size:11px;gap:6px}.demo-title>span:not(.file-icon){font-size:8px}.demo-title>i{margin-left:3px}.terminal-output{font-size:10px;padding:18px 14px}.terminal-path,.terminal-summary{font-size:9px}.spoken-result{padding:16px 14px}.spoken-result blockquote{font-size:16px}.sample-player button{width:40px;height:40px}.sample-player strong{font-size:11px}.sample-player #pz-audio-status{font-size:8px}.tiny-wave{max-width:40px}.voice-reply blockquote{font-size:21px}.agent-message p{font-size:15px}.voice-reply{padding:16px 14px}.voice-wave{gap:3px}.reply-footer button{min-height:44px}.reply-footer>span{max-width:100px}.code-example{font-size:8px;padding:18px 0}.code-example>div{gap:8px;padding-inline:10px;min-height:18px}.code-example>div>span{font-size:8px;min-width:10px}.code-question{padding:16px 14px}.code-question p{font-size:17px}.code-answer{padding:18px 14px}.code-answer>p{font-size:14px}.answer-source{font-size:8px}.heard-caption{font-size:11px}.heard-caption>span{font-size:7px}}
/* A hand-marked correction, with an unanimated finished-state fallback. */
.push-heading{position:relative;display:grid;gap:.3em;padding-left:.85em;white-space:nowrap;scroll-margin-top:160px}.push-old{display:block;color:var(--muted)}.push-label{display:inline-block;position:relative}.push-scribble{position:absolute;left:-.04em;top:.25em;width:calc(100% + .1em);height:.65em;overflow:visible;color:var(--flag);pointer-events:none}.push-new{display:flex;align-items:center;gap:.28em;color:var(--ink)}.push-check{width:1em;height:1em;flex:none;color:var(--flag);overflow:visible;transform:rotate(-7deg)}.push-turn{position:absolute;left:-.08em;top:.25em;width:.8em;height:2em;color:var(--flag);overflow:visible;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
.push-heading[data-motion="waiting"] :is(.push-stroke-first,.push-stroke-return,.push-turn,.push-check){opacity:0}
.push-heading[data-motion="ready"] :is(.push-stroke-first,.push-stroke-return,.push-turn,.push-check){animation-duration:4s;animation-timing-function:var(--ease-out);animation-iteration-count:1;animation-fill-mode:both;animation-play-state:paused}
.push-heading[data-motion="ready"] .push-stroke-first{animation-name:push-pencil-out;animation-timing-function:linear}
.push-heading[data-motion="ready"] .push-stroke-return{animation-name:push-pencil-back;animation-timing-function:linear}
.push-heading[data-motion="ready"] .push-turn{animation-name:push-pencil-turn}
.push-heading[data-motion="ready"] .push-check{animation-name:push-pencil-check}
.push-heading[data-playing="true"] :is(.push-stroke-first,.push-stroke-return,.push-turn,.push-check){animation-play-state:running}
@keyframes push-pencil-out{0%{clip-path:inset(-20% 120% -20% -20%);opacity:1}7%,88%{clip-path:inset(-20%);opacity:1}95%,100%{clip-path:inset(-20%);opacity:1}}
@keyframes push-pencil-back{0%,7%{clip-path:inset(-20% -20% -20% 120%);opacity:1}12%,88%{clip-path:inset(-20%);opacity:1}95%,100%{clip-path:inset(-20%);opacity:1}}
@keyframes push-pencil-turn{0%,13%{clip-path:inset(-20% -20% 120% -20%);opacity:1}21%,88%{clip-path:inset(-20%);opacity:1}95%,100%{clip-path:inset(-20%);opacity:1}}
@keyframes push-pencil-check{0%,22%{clip-path:inset(-20% 120% -20% -20%);opacity:1}28%,88%{clip-path:inset(-20%);opacity:1}95%,100%{clip-path:inset(-20%);opacity:1}}
}
@media(prefers-reduced-motion:reduce){.push-stroke-first,.push-stroke-return,.push-turn,.push-check{animation:none!important;clip-path:none;opacity:1}}

/* Standalone section title at the reference’s 36px desktop scale. */
.dev-heading h2{font-size:36px;line-height:1.15;font-weight:600;letter-spacing:-.025em}
@media(max-width:680px){.dev-heading h2{font-size:28px;line-height:1.15}}

.dev-heading h2{text-wrap:balance}