/* Product demonstration screenshots. Scoped to avoid changing existing sections. */
.effect-demos{scroll-margin-top:110px}.effect-story{background:#fff;border:1px solid #dedfd6;border-radius:24px;padding:30px;margin:28px 0}.effect-story-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:24px}.effect-story-heading h3{font-size:clamp(21px,2.6vw,29px);line-height:1.4;margin:0 0 10px}.effect-story-heading p{margin:0;line-height:1.8;color:#5a625d;max-width:80ch}.effect-number{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9f0e7;color:#365a42;font-weight:700}.effect-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.effect-figure{margin:0 0 24px;min-width:0}.effect-figure a{display:block;overflow:hidden;border:1px solid #dce2df;border-radius:12px;color:#315744;background:#f5f7f5;text-decoration:none}.effect-figure a:focus-visible{outline:3px solid #315744;outline-offset:4px}.effect-figure img{display:block;width:100%;height:auto;max-width:100%;background:white}.effect-figure a>span{display:block;padding:10px 14px;font-size:13px;border-top:1px solid #e1e6e1}.effect-figure figcaption{padding:14px 0 0;line-height:1.7}.effect-figure figcaption strong{font-size:17px}.effect-figure figcaption p{margin:5px 0 0;color:#5a625d;font-size:14px}.effect-note,.effect-boundary{font-size:14px;line-height:1.8;color:#5a625d}.effect-note{padding:14px 18px;border-left:3px solid #b88b4d;background:#faf7ee}.effect-details{border-top:1px solid #e4e5de;margin-top:18px;padding-top:18px}.effect-details summary{cursor:pointer;font-weight:600;color:#315744;padding:4px 0}.effect-details[open] summary{margin-bottom:20px}.effect-details .effect-figure:last-child{margin-bottom:0}.effect-boundary{margin-top:22px}.effect-demos .effect-story>.effect-figure{margin-top:24px}@media(max-width:700px){.effect-story{padding:18px;border-radius:18px;margin:20px 0}.effect-pair{grid-template-columns:1fr;gap:0}.effect-story-heading{gap:12px}.effect-number{width:34px;height:34px}.effect-story-heading h3{font-size:21px}.effect-figure figcaption strong{font-size:16px}}
