.tablet-mockup{--tablet-mockup-bezel-bg: linear-gradient(135deg, #2a2a2c 0%, #18181a 18%, #0c0c0e 55%, #1a1a1c 100%);--tablet-mockup-radius: 1.25rem;--tablet-mockup-screen-radius: .25rem;--tablet-mockup-screen-bg: #ffffff;--tablet-mockup-bezel-long: .625rem;--tablet-mockup-bezel-short: 1.5rem;--tablet-mockup-home-bg: #050507;--tablet-mockup-home-thickness: .42rem;--tablet-mockup-home-length: 18%;--tablet-mockup-home-length-min: 36px;--tablet-mockup-home-length-max: 72px;--tablet-mockup-home-offset: .7rem;--tablet-mockup-shadow: 0 36px 60px -22px rgba(0, 0, 0, .45), 0 10px 22px -10px rgba(0, 0, 0, .25);--tablet-mockup-ring-color: rgba(255, 255, 255, .05);position:relative;background:var(--tablet-mockup-bezel-bg);border-radius:var(--tablet-mockup-radius);box-shadow:var(--tablet-mockup-shadow),inset 0 0 0 1px var(--tablet-mockup-ring-color)}.tablet-mockup--portrait{padding:var(--tablet-mockup-bezel-short) var(--tablet-mockup-bezel-long)}.tablet-mockup--landscape{padding:var(--tablet-mockup-bezel-long) var(--tablet-mockup-bezel-short)}.tablet-mockup__corner-shine{position:absolute;top:0;right:0;width:38%;height:22%;pointer-events:none;background:linear-gradient(220deg,#ffffff2e,#fff0 65%);border-top-right-radius:var(--tablet-mockup-radius)}.tablet-mockup__screen{position:relative;display:block;width:100%;background:var(--tablet-mockup-screen-bg);border-radius:var(--tablet-mockup-screen-radius);overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.tablet-mockup__screen>img{display:block;width:100%;border-radius:inherit}.tablet-mockup__screen--fixed>img{width:100%;height:100%;object-fit:cover;object-position:center}.tablet-mockup__screen--fixed>:not(img):not(.tablet-mockup__screen-gloss){width:100%;height:100%}.tablet-mockup__screen-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.22) 48%,rgba(255,255,255,.05) 56%,transparent 68%)}.tablet-mockup__home{position:absolute;background:var(--tablet-mockup-home-bg);border-radius:9999px;box-shadow:inset 0 1px 2px #000000d9,0 1px #ffffff0f}.tablet-mockup--portrait .tablet-mockup__home{bottom:var(--tablet-mockup-home-offset);left:50%;transform:translate(-50%);width:clamp(var(--tablet-mockup-home-length-min),var(--tablet-mockup-home-length),var(--tablet-mockup-home-length-max));height:var(--tablet-mockup-home-thickness)}.tablet-mockup--landscape .tablet-mockup__home{right:var(--tablet-mockup-home-offset);top:50%;transform:translateY(-50%);width:var(--tablet-mockup-home-thickness);height:clamp(var(--tablet-mockup-home-length-min),var(--tablet-mockup-home-length),var(--tablet-mockup-home-length-max))}