.ec,.ec-flow{color:var(--ink);min-width:0}.ec{--ec-phone-width: 260px;--ec-progress: 1;--ec-reveal: 0%}.ec-toolbar,.ec-context,.ec-flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.ec-toolbar{margin-bottom:24px}.ec-screen-options{display:flex;flex-wrap:wrap;gap:6px}.ec button,.ec-flow button{appearance:none;font:500 13px/1.3 var(--font-body);cursor:pointer;color:var(--muted);border:1px solid transparent;background:transparent;border-radius:var(--radius-pill);min-height:40px;padding:8px 13px}.ec button:hover,.ec-flow button:hover{color:var(--ink);background:var(--soft)}.ec button[aria-pressed=true],.ec-flow button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.ec button:focus-visible,.ec-flow button:focus-visible,.ec input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ec-segment{display:flex;width:fit-content;flex-shrink:0;border:1px solid var(--line-mid);padding:3px;border-radius:var(--radius-pill)}.ec-segment button{padding:6px 12px;min-height:34px}.ec-context{margin-bottom:28px}.ec-context h3{font:500 clamp(20px,2.2vw,28px)/1.25 var(--font-display);letter-spacing:-.025em;margin:0}.ec-view{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,var(--ec-phone-width)));align-items:start;justify-content:center;gap:32px;isolation:isolate}.ec-screen{margin:0;min-width:0}.ec-phone{overflow:hidden;border-radius:32px;border:1px solid var(--line-strong);background:var(--paper);width:100%;aspect-ratio:720 / 1566;box-shadow:0 14px 32px #00000014}.ec-phone img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.ec-screen figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;color:var(--muted)}.ec-screen figcaption span:first-child{color:var(--ink);font-weight:500}:is(.embrace-js .ec,.ec.is-ready):is([data-mode=fade],[data-mode=reveal]) .ec-view{grid-template-columns:minmax(0,var(--ec-phone-width));gap:0;width:min(100%,var(--ec-phone-width));margin-inline:auto}:is(.embrace-js .ec,.ec.is-ready):is([data-mode=fade],[data-mode=reveal]) .ec-screen{grid-area:1 / 1}:is(.embrace-js .ec,.ec.is-ready):is([data-mode=fade],[data-mode=reveal]) .ec-screen figcaption{display:none}:is(.embrace-js .ec,.ec.is-ready)[data-mode=fade] .ec-after{opacity:var(--ec-progress)}:is(.embrace-js .ec,.ec.is-ready)[data-mode=reveal] .ec-after{clip-path:inset(0 var(--ec-reveal) 0 0)}.ec-seam{display:none}:is(.embrace-js .ec,.ec.is-ready)[data-mode=reveal] .ec-seam{display:block;position:absolute;inset-block:1px;left:calc(100% - var(--ec-reveal));width:1px;background:var(--line-strong);pointer-events:none}.ec-seam span{display:grid;place-items:center;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:var(--paper);border:1px solid var(--line-strong);color:var(--ink)}.ec-slider{max-width:350px;margin:22px auto 0}.ec-endpoints{display:flex;justify-content:space-between;gap:12px}.ec-endpoints button{padding:8px 12px;color:var(--ink);font-size:14px}.ec-endpoints button span{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}.ec-range-label{display:block;padding-top:10px}.ec-range-label input{display:block;width:100%;height:36px;margin:0;accent-color:var(--accent);cursor:ew-resize}.ec-hint,.ec-caption{text-align:center;color:var(--muted);font-size:12px;line-height:1.5;margin:4px 0 0}.ec-caption{margin:0 0 22px;font-size:13px}.ec-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:650px;margin:30px auto 0}.ec-notes p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.ec-notes b{display:block;font-weight:500;color:var(--ink);margin-bottom:8px}.ec-message{margin:0;padding:0;text-align:center;color:var(--muted);font-size:13px;line-height:1.5}.ec-message:not(:empty){margin-top:12px}.ec-interactive{display:none}.embrace-js .ec-interactive{visibility:hidden}.ec.is-ready .ec-interactive,.ec-flow.is-ready .ec-interactive{visibility:visible}:is(.embrace-js .ec,.ec.is-ready) .ec-toolbar,:is(.embrace-js .ec-flow,.ec-flow.is-ready) .ec-flow-toolbar,:is(.embrace-js .ec,.ec.is-ready) .ec-context .ec-segment{display:flex}:is(.embrace-js .ec,.ec.is-ready):not([data-mode=pair]) .ec-slider{display:block}.ec--compact{--ec-phone-width: 220px;padding:24px 28px 20px;background:var(--paper);border-radius:24px}.ec--compact .ec-toolbar{gap:8px;margin-bottom:16px}.ec--compact .ec-screen-options{gap:2px}.ec--compact .ec-screen-options button,.ec--compact .ec-segment button{padding-inline:10px}.ec--compact .ec-view{gap:16px}.ec--explorer{--ec-phone-width: 278px;padding:28px 36px 36px;background:var(--paper);border:1px solid var(--line);border-radius:24px}.ec-flow-toolbar{justify-content:flex-end;margin-bottom:24px}.ec-flow-screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:24px}.ec-flow-screens li{min-width:0}.ec-flow-screens figure{margin:0}.ec-flow-screens .ec-phone{border-radius:28px}.ec-flow-screens figcaption{display:flex;gap:12px;align-items:baseline;margin-top:20px}.ec-step{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:500}.ec-flow-screens h3{margin:0 0 6px;font-size:15px;font-weight:500;line-height:1.4}.ec-flow-screens p{margin:0;font-size:13px;line-height:1.6;color:var(--muted)}@media(max-width:1100px){.ec--compact{padding:20px}.ec--compact .ec-toolbar{flex-wrap:wrap;justify-content:center}.ec--compact .ec-screen-options button{font-size:12px}}@media(max-width:760px){.ec--explorer{padding:20px;--ec-phone-width: 250px}.ec-toolbar,.ec-context{flex-direction:column;align-items:flex-start;gap:16px}.ec-context{margin-bottom:24px}.ec-screen-options{gap:4px}.ec--compact{--ec-phone-width: 245px;max-width:560px;margin-inline:auto}.ec--compact .ec-toolbar{flex-direction:row;align-items:center}.ec-view{gap:18px}.ec-phone{border-radius:28px}.ec-notes{gap:20px}.ec-flow-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}@media(max-width:440px){.ec--explorer{padding:18px 14px 24px}.ec--compact{padding:18px 16px;--ec-phone-width: 224px}.ec--compact .ec-toolbar{flex-direction:column;gap:10px}.ec-view{gap:14px}.ec-phone{border-radius:22px}.ec[data-mode=pair] .ec-phone{border-radius:17px}.ec-screen figcaption{font-size:11px;gap:4px;margin-top:12px}.ec-notes{gap:16px}.ec-notes p{font-size:13px}.ec-segment button{padding-inline:11px}.ec-flow-screens{gap:28px 16px}.ec-flow-screens .ec-phone{border-radius:18px}.ec-flow-screens figcaption{display:block;margin-top:14px}.ec-step{margin-bottom:8px}}.ec--compact .ec-caption{display:none}.ec--compact .ec-endpoints button span{display:inline;margin-left:5px}.embrace-hero-gallery .ec{--ec-phone-width: 210px;padding:20px}@media(max-width:760px){.embrace-hero-gallery .ec{--ec-phone-width: 230px}}:is(.embrace-js .ec,.ec.is-ready)[data-mode=reveal] .ec-view{touch-action:pan-y;cursor:ew-resize}:is(.embrace-js .ec,.ec.is-ready)[data-mode=reveal] .ec-phone img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}