body #exemples{padding:0;scroll-margin-top:40px}
.examples-heading{text-align:center;margin-bottom:40px}
.examples-eyebrow{display:inline-block;background:#f6f6f6;border-radius:99px;padding:7px 12px;font-size:12px;letter-spacing:.6px;margin-bottom:18px}
#home-examples-grid, #all-gallery.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.example-tile{min-width:0}
.example-image{position:relative;isolation:isolate;touch-action:pan-y pinch-zoom;display:block;aspect-ratio:1.6;overflow:hidden;border-radius:22px;background:#eee;border:1px solid #eee}
/* Keep touch gestures on the gallery page, above embedded preview documents. */
.example-image::after{content:"";position:absolute;inset:0;z-index:1}
.example-image>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s}
.example-image:hover>img{transform:scale(1.025)}
.example-details{background:#f6f6f6;border-radius:22px;padding:22px;margin:-30px 12px 0;position:relative;z-index:1}
.example-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:15px;line-height:1.4}
.example-meta>span{color:#747474;flex-shrink:0}
.example-meta>a{color:#111;text-align:right;font-weight:600;text-decoration:none;overflow-wrap:anywhere}
.example-meta>a:hover{text-decoration:underline;text-underline-offset:3px}
.example-open{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:99px;background:#111;color:#fff!important;text-decoration:none;font-size:16px;min-height:50px;padding:8px 15px;margin-top:22px}
.example-open img{display:block;width:28px;height:30px;object-fit:contain}
.example-open:hover{background:#5e3fff}
.examples-all{display:table;margin:36px auto 0;font-size:16px;color:#111;text-underline-offset:5px}
.example-live{width:1440px;height:900px;border:0;pointer-events:none;transform:scale(var(--preview-scale,.25));transform-origin:top left}
@media(max-width:1050px){#home-examples-grid, #all-gallery.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#home-examples-grid, #all-gallery.examples-grid{grid-template-columns:1fr;gap:28px}.example-details{padding:20px}.examples-heading{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.example-image>img{transition:none}}

body .examples-heading .examples-description{max-width:720px;margin:14px auto 0;font-size:17px;line-height:1.55;color:#292929;text-wrap:pretty}
body .examples-heading .examples-all{margin:12px auto 0}
@media(max-width:700px){body .examples-heading .examples-description{font-size:16px}body .examples-description br{display:none}}

body .examples-heading .examples-all{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:54px;padding:12px 24px;background:#111;color:#fff;border-radius:99px;text-decoration:none;font:700 16px/1.35 Arial,Helvetica,sans-serif;box-sizing:border-box}
body .examples-heading .examples-all:hover{background:#333}
body .examples-heading .examples-all:focus-visible{outline:3px solid #6441f5;outline-offset:4px}
body .examples-all .form-button-r{flex-shrink:0}

body .example-details .example-benefit{margin:16px 0 0;padding-top:14px;border-top:1px solid #dedede;color:#444;font-size:15px;line-height:1.5;text-align:left;text-wrap:pretty;min-height:60px}
@media(max-width:700px){body .example-details .example-benefit{min-height:0}}

body .example-details .example-benefit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;text-align:center}
body .example-benefit[data-prototype-metric][hidden]{display:none}
body .example-benefit strong{flex-shrink:0;color:#111;font-size:32px;font-weight:900;-webkit-text-stroke:.35px currentColor;line-height:1.1;letter-spacing:-1px}
body .example-benefit span{font-size:15px;line-height:1.35;color:#333}