.diot-mockup[data-astro-cid-mpnmqx3y]{position:relative;display:grid;width:min(100%,52rem);margin:0;padding:clamp(1.4rem,4vw,3rem) clamp(.3rem,2vw,1.4rem) 1.4rem;place-items:center;isolation:isolate}.screen-shell[data-astro-cid-mpnmqx3y]{position:relative;z-index:2;width:min(100%,49rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary-strong) 58%,transparent);border-radius:clamp(10px,1.5vw,18px);background:#071326;box-shadow:0 34px 74px #00000085,0 0 0 1px #ffffff0a,0 0 70px color-mix(in srgb,var(--color-primary) 19%,transparent);transform:perspective(1500px) rotateY(-4deg) rotateX(1.5deg);transition:transform .56s var(--ease-out),box-shadow .56s var(--ease-out)}.diot-mockup[data-astro-cid-mpnmqx3y]:hover .screen-shell[data-astro-cid-mpnmqx3y]{transform:perspective(1500px) rotateY(-1deg) rotateX(0) translateY(-5px);box-shadow:0 42px 88px #00000094,0 0 0 1px #ffffff0d,0 0 84px color-mix(in srgb,var(--color-primary) 30%,transparent)}.screen-toolbar[data-astro-cid-mpnmqx3y]{display:flex;min-height:1.85rem;align-items:center;gap:.7rem;padding:.35rem .62rem;border-bottom:1px solid rgba(124,210,255,.16);background:linear-gradient(90deg,#0d2748,#0a1b34);color:#dff8ff;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.035em}.toolbar-brand[data-astro-cid-mpnmqx3y]{display:inline-flex;align-items:center;gap:.38rem;font-weight:700;white-space:nowrap}.toolbar-brand[data-astro-cid-mpnmqx3y] i[data-astro-cid-mpnmqx3y]{width:.5rem;height:.5rem;border:1px solid #67e7df;border-radius:50%;background:#34c6d4;box-shadow:0 0 9px #60f1e7cc}.toolbar-copy[data-astro-cid-mpnmqx3y]{margin-right:auto;color:#7295b8}.toolbar-dots[data-astro-cid-mpnmqx3y]{display:inline-flex;gap:.28rem}.toolbar-dots[data-astro-cid-mpnmqx3y] i[data-astro-cid-mpnmqx3y]{width:.38rem;height:.38rem;border:1px solid rgba(176,221,247,.55);border-radius:50%}.screen-shell[data-astro-cid-mpnmqx3y] img[data-astro-cid-mpnmqx3y]{display:block;width:100%;height:auto;background:#071426}.screen-reflection[data-astro-cid-mpnmqx3y]{position:absolute;inset:1.85rem 0 0;z-index:3;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.13),transparent 24%,transparent 67%,rgba(81,220,255,.08));mix-blend-mode:screen;opacity:.35}.diot-mockup[data-astro-cid-mpnmqx3y] figcaption[data-astro-cid-mpnmqx3y]{position:relative;z-index:3;margin-top:.9rem;color:var(--color-muted);font-family:var(--font-mono);font-size:.55rem;letter-spacing:.11em;text-transform:uppercase}.mockup-glow[data-astro-cid-mpnmqx3y]{position:absolute;inset:18% 8% 15%;z-index:-2;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 25%,transparent),transparent 68%);filter:blur(28px)}.mockup-orbit[data-astro-cid-mpnmqx3y]{position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--color-primary-strong) 23%,transparent);border-radius:50%;pointer-events:none}.orbit-one[data-astro-cid-mpnmqx3y]{width:96%;aspect-ratio:1.8;transform:rotate(-12deg)}.orbit-two[data-astro-cid-mpnmqx3y]{width:79%;aspect-ratio:2.05;border-style:dashed;opacity:.55;transform:rotate(23deg)}.diot-mockup[data-astro-cid-mpnmqx3y].compact{width:min(100%,50rem);padding-top:1.1rem}.diot-mockup[data-astro-cid-mpnmqx3y].compact .screen-shell[data-astro-cid-mpnmqx3y]{width:min(100%,48rem)}.diot-mockup[data-astro-cid-mpnmqx3y].compact figcaption[data-astro-cid-mpnmqx3y]{margin-top:.6rem;font-size:.48rem}@media(max-width:640px){.diot-mockup[data-astro-cid-mpnmqx3y]{padding:.5rem 0 1rem}.screen-shell[data-astro-cid-mpnmqx3y]{border-radius:9px;transform:none}.diot-mockup[data-astro-cid-mpnmqx3y]:hover .screen-shell[data-astro-cid-mpnmqx3y]{transform:translateY(-2px)}.screen-toolbar[data-astro-cid-mpnmqx3y]{min-height:1.55rem;padding-inline:.45rem;font-size:.4rem}.toolbar-copy[data-astro-cid-mpnmqx3y]{display:none}.toolbar-dots[data-astro-cid-mpnmqx3y] i[data-astro-cid-mpnmqx3y]{width:.3rem;height:.3rem}.screen-reflection[data-astro-cid-mpnmqx3y]{inset:1.55rem 0 0}.diot-mockup[data-astro-cid-mpnmqx3y] figcaption[data-astro-cid-mpnmqx3y]{margin-top:.6rem;font-size:.45rem;letter-spacing:.08em}.mockup-orbit[data-astro-cid-mpnmqx3y]{opacity:.45}}@media(prefers-reduced-motion:reduce){.screen-shell[data-astro-cid-mpnmqx3y],.diot-mockup[data-astro-cid-mpnmqx3y]:hover .screen-shell[data-astro-cid-mpnmqx3y]{transform:none;transition:none}}