/* Benefit on the left, an interactive native-text editor inside one MacBook on the right. */
.editor-previews{max-width:1500px;margin:auto}
.editor-preview-row{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:clamp(35px,4vw,68px);align-items:center;border-top:1px solid #d5d9dc;padding:56px 0;margin-top:34px}
.editor-preview-row:last-child{padding-bottom:30px}
.editor-preview-copy{min-width:0;max-width:435px}
.editor-preview-copy>.eyebrow{font-size:10px;letter-spacing:.17em;margin-bottom:22px}
.editor-preview-copy h3{font:400 clamp(31px,3vw,46px)/1.14 var(--serif);letter-spacing:-.025em;margin:0 0 23px}
.editor-preview-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#5c646c;margin:0 0 26px}
.editor-preview-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.editor-preview-controls button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 16px;border:1px solid #bbc0c5;background:#fff;color:#003366;font:12px/1.4 var(--sans);transition:background-color 220ms,border-color 220ms,color 220ms}
.editor-preview-controls [data-preview-play]{background:#003366;color:#fff;border-color:#003366;min-width:96px}
.editor-preview-open{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#535a61;font-size:12px;border-bottom:1px solid #b4bac0;text-underline-offset:4px;transition:color 220ms,border-color 220ms}
.editor-preview-open>span{transition:transform 260ms var(--andara-ease)}
.editor-preview-copy>.editor-preview-note{font-size:11px!important;line-height:1.7!important;max-width:320px;margin:16px 0 0!important;color:#6e7781!important}
.editor-preview-machine{min-width:0;margin:0}
.editor-preview-screen{position:relative;width:100%;aspect-ratio:1152/757;overflow:hidden;background:#fff;border-radius:3px;isolation:isolate}
.editor-preview-screen iframe{position:absolute;inset:0;width:1152px;height:757px;border:0;max-width:none;transform:scale(var(--editor-preview-scale,1));transform-origin:top left;background:#f7f7f7}
.editor-preview-screen:focus-within{outline:2px solid #003366;outline-offset:2px}
.editor-preview-machine .comparison-laptop-display{padding-top:15px;border-radius:16px 16px 3px 3px}
.editor-preview-machine .comparison-laptop-display::before{top:6px}
.editor-preview-machine figcaption{display:flex;justify-content:space-between;gap:18px;padding:15px 18px 0;color:#636b74;font:11px/1.5 var(--sans)}
.editor-preview-machine figcaption>span:first-child{font-size:9px;letter-spacing:.12em}
.editor-preview-controls button:focus-visible,.editor-preview-open:focus-visible{outline:2px solid #003366;outline-offset:5px}
.editor-preview-open:focus-visible>span{transform:translate(2px,-2px)}
.editor-preview-controls button:active{border-color:#003366}
@supports(transform:scale(calc(100cqw / 1152px))){.editor-preview-screen{container-type:inline-size}.editor-preview-screen iframe{transform:scale(calc(100cqw / 1152px))}}
@media(hover:hover) and (pointer:fine){.editor-preview-controls [data-preview-play]:hover{background:#00457f}.editor-preview-controls button:hover{border-color:#003366}.editor-preview-open:hover{color:#003366;border-color:#003366}.editor-preview-open:hover>span{transform:translate(2px,-2px)}}
@media(max-width:1099px){.editor-preview-row{grid-template-columns:1fr;gap:32px;padding:38px 0}.editor-preview-copy{max-width:680px}.editor-preview-copy h3{font-size:clamp(34px,5vw,46px)}.editor-preview-copy>p:not(.eyebrow){max-width:650px}.editor-preview-machine{max-width:900px;width:100%;margin:auto}}
@media(max-width:600px){.editor-preview-row{margin-top:20px;padding:32px 0;gap:28px}.editor-preview-copy h3{font-size:33px}.editor-preview-copy>p:not(.eyebrow){font-size:14px}.editor-preview-machine .comparison-laptop-display{padding-top:10px;border-radius:11px 11px 2px 2px}.editor-preview-machine .comparison-laptop-display::before{top:3px}.editor-preview-machine figcaption{flex-direction:column;gap:5px;padding:12px 10px 0}.editor-preview-copy>.eyebrow{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.editor-preview-controls button,.editor-preview-open,.editor-preview-open>span{transition:none}.editor-preview-open>span{transform:none!important}}

.editor-preview-machine figcaption{display:none}.approach-editor-footer .editor-preview-controls [data-preview-play]{min-width:0;background:transparent;color:#003366;border:0}