.wd-real-examples{margin-top:48px}.wd-real-head{max-width:650px;margin-bottom:30px}.wd-real-head h3{letter-spacing:-.04em;margin:14px 0;font-size:clamp(26px,3vw,42px);line-height:1.2}.wd-real-head p{color:var(--muted-foreground,#adb5c5);font-size:15px;line-height:1.7}.wd-real-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;display:grid}.wd-real-card{isolation:isolate;background:var(--surface,#151a22);border:1px solid #8884;border-radius:12px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.wd-real-card:hover,.wd-real-card:focus-within{border-color:#94b9fb90;box-shadow:0 0 35px #4380ff12}.wd-real-card>:not(.pixel-field){z-index:1;position:relative}.wd-real-browser{color:var(--muted-foreground,#b4bccb);border-bottom:1px solid #8883;justify-content:space-between;align-items:center;gap:15px;padding:13px 18px;font-size:10px;display:flex}.wd-real-browser>span:first-child{letter-spacing:4px}.wd-real-preview{aspect-ratio:16/10;object-fit:cover;background:#d7dadd;width:100%;display:block}.wd-real-copy{padding:24px}.wd-real-copy small{text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground,#acb4c4);font-size:10px}.wd-real-copy h4{letter-spacing:-.03em;margin:8px 0 20px;font-size:26px}.wd-real-copy>div{flex-wrap:wrap;gap:20px;display:flex}.wd-real-copy a{color:inherit;border-bottom:1px solid #8885;padding-bottom:5px;font-size:12px;text-decoration:none}.wd-real-copy a:focus-visible{outline-offset:6px;outline:2px solid #9bbfff}.wd-real-examples.is-compact{margin:0}.wd-real-examples.is-compact .wd-real-rail{grid-template-columns:1fr}.wd-real-examples.is-compact .wd-real-copy{padding:16px}.wd-real-examples.is-compact .wd-real-copy h4{margin:6px 0 12px;font-size:20px}.wd-real-build-stage{aspect-ratio:16/10;background:#e7e9e8;position:relative;overflow:hidden}.wd-real-build-stage img,.wd-real-build-stage svg{object-fit:cover;width:100%;height:100%;display:block}.wd-real-build-stage .wd-real-preview{aspect-ratio:auto;height:100%}.wd-real-wireframe{background:#f1f2f1}.wd-real-wireframe text{fill:#555;font-family:Arial;font-size:12px}.wd-real-device-pair{justify-content:center;align-items:center;gap:24px;padding:40px 20px;display:flex}.wd-real-device-pair>div:first-child{border:8px solid #424957;border-radius:16px;width:74%;overflow:hidden}.wd-real-device-pair>div:last-child{border:6px solid #424957;border-radius:24px;width:23%;margin-left:-12%;overflow:hidden}.wd-real-device-pair>div:last-child video{aspect-ratio:390/844}.wd-real-build-link{color:inherit;border-top:1px solid #8883;padding:14px 18px;font-size:12px;text-decoration:none;display:block}.wd-real-build-status{color:var(--muted-foreground,#b7c0cd);padding:12px;font-size:11px}@media (max-width:760px){.wd-real-rail{scroll-snap-type:x mandatory;gap:16px;padding-bottom:15px;display:flex;overflow-x:auto}.wd-real-card{scroll-snap-align:start;flex:0 0 94%}.wd-real-examples.is-compact .wd-real-rail{display:block}.wd-real-copy{padding:20px}.wd-real-copy>div{gap:16px}.wd-real-device-pair{gap:12px;padding:20px 0}}.wd2-real-cms{border:1px solid var(--border,#ffffff25);border-radius:12px;min-width:0;overflow:hidden}.wd2-real-cms .wd-real-preview{aspect-ratio:16/10}.wd2-real-cms>p{color:var(--muted-foreground,#a9afb8);padding:14px 18px;font-size:13px;line-height:1.6}.wd-real-wireframe{--wire-surface:#202326;--wire-line:#8c9297;--wire-block:#383d42;background:var(--wire-surface)}.wd-real-wireframe .wd-wire-surface{fill:var(--wire-surface)}.wd-real-wireframe .wd-wire-outline{fill:none;stroke:var(--wire-line);stroke-width:2px}.wd-real-wireframe .wd-wire-block{fill:var(--wire-block);stroke:var(--wire-line);stroke-width:2px}[data-theme=light] .wd-real-wireframe{--wire-surface:#f4f5f5;--wire-line:#81878c;--wire-block:#dce0e2}.wd2-stages.wd-real-build-actions{grid-template-columns:1fr;justify-self:end;min-width:110px}.wd2-stages.wd-real-build-actions button{min-height:48px}@media (max-width:760px){.wd2-stages.wd-real-build-actions{justify-self:stretch}}