/* ZOHAR devices — מסגרות גנריות לפי css-device-spec + סצנות */
html{overflow-x:clip}
body{margin:0;font-size:17px;line-height:1.7;overflow-x:clip}
.device-laptop-generic{max-width:calc(100% - 0px)}
@media (max-width:1100px){.device-laptop-generic{width:min(58rem,86vw)}}
.skip-link{position:fixed;top:-90px;inset-inline-start:14px;z-index:99;background:var(--z-espresso);color:var(--z-milk);padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:600;transition:top .2s}
.skip-link:focus-visible{top:10px}
main{width:min(100% - clamp(32px,6vw,60px),1100px);margin-inline:auto;padding-block:clamp(40px,7vw,80px)}
.dv-head{display:grid;justify-items:center;text-align:center;gap:14px;margin-block-end:clamp(40px,6vw,70px)}
.dv-head h1{font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:500;margin:0}
.dv-head p{max-width:38em;color:var(--z-body-muted);margin:0}
.dv-sec{margin-block-end:clamp(54px,8vw,100px)}
.dv-sec h2{text-align:center;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:600;margin-block-end:26px}
.dv-scene{margin:0}
.dv-scene img{width:100%;height:auto;border-radius:var(--z-r)}
.dv-scene-narrow{max-width:560px;margin-inline:auto}
.dv-scene figcaption{margin-block-start:12px;text-align:center;font-size:.88rem;color:var(--z-body-muted)}
.dv-duo{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,4vw,48px)}

/* ==== מסגרות גנריות (work/production/apple-device-bezels/css-device-spec.md) ==== */
.device-phone-generic{--frame:#171a1f;--frame-edge:#30343b;--phone-radius:9%;--screen-radius:7.2%;
  position:relative;width:min(21rem,82vw);aspect-ratio:440/956;margin:0;padding:2.8%;overflow:hidden;
  border:1px solid var(--frame-edge);border-radius:var(--phone-radius);background:var(--frame);
  box-shadow:0 2px 3px rgb(0 0 0 / 18%),0 24px 64px rgb(0 0 0 / 24%);isolation:isolate}
.device-phone-generic__screen{width:100%;height:100%;overflow:hidden;border-radius:var(--screen-radius);background:#f4f4f2}
.device-phone-generic__screen>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}

.device-laptop-generic{--frame:#1b1e23;--frame-edge:#353a42;position:relative;width:min(64rem,94vw);margin:0 auto;
  padding-bottom:4.2%;filter:drop-shadow(0 28px 34px rgb(0 0 0 / 22%))}
.device-laptop-generic__lid{position:relative;aspect-ratio:16/10;padding:1.8%;overflow:hidden;
  border:1px solid var(--frame-edge);border-radius:1.7% 1.7% .9% .9%;background:var(--frame)}
.device-laptop-generic__screen{width:100%;height:100%;overflow:hidden;border-radius:.65%;background:#f4f4f2}
.device-laptop-generic__screen>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.device-laptop-generic__base{position:absolute;inset-inline:-3.5%;bottom:0;height:5.2%;border:1px solid var(--frame-edge);
  border-radius:0 0 38% 38% / 0 0 72% 72%;background:linear-gradient(180deg,#30343a 0%,#15181c 100%)}

.dv-foot{padding:34px 0 60px;text-align:center}