.devario-showcase:where(.astro-hmtfrdae){border:1px solid var(--sl-color-gray-5);background:radial-gradient(ellipse at 100% 40%, color-mix(in srgb, var(--color-seafoam) 9%, transparent), transparent 60%), var(--sl-color-black);color:var(--sl-color-white);isolation:isolate;border-radius:1.25rem;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:2.5rem;margin:0 0 4rem;padding:2.5rem;display:grid;position:relative}.devario-showcase:where(.astro-hmtfrdae) :where(.astro-hmtfrdae){box-sizing:border-box}.devario-showcase:where(.astro-hmtfrdae) .dv-eyebrow:where(.astro-hmtfrdae){color:var(--sl-color-text-accent);letter-spacing:.14em;align-items:center;gap:.8rem;margin:0 0 1rem;font-size:.68rem;font-weight:750;display:flex}.dv-eyebrow:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae){border-left:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-3);letter-spacing:0;padding-left:.8rem;font-size:.75rem;font-weight:500}.devario-showcase:where(.astro-hmtfrdae) h2:where(.astro-hmtfrdae){letter-spacing:-.045em;color:var(--sl-color-white);margin:0;font-size:clamp(1.8rem,3.1vw,2.7rem);line-height:1.12}.dv-copy:where(.astro-hmtfrdae) h2:where(.astro-hmtfrdae) em:where(.astro-hmtfrdae){color:var(--sl-color-text-accent);font-style:normal}.devario-showcase:where(.astro-hmtfrdae) .dv-intro:where(.astro-hmtfrdae){color:var(--sl-color-gray-2);margin:1.1rem 0 1.4rem;font-size:.94rem;line-height:1.7}.devario-showcase:where(.astro-hmtfrdae) .dv-features:where(.astro-hmtfrdae){grid-template-columns:1fr 1fr;gap:1rem .9rem;margin:0;padding:0;list-style:none;display:grid}.devario-showcase:where(.astro-hmtfrdae) .dv-features:where(.astro-hmtfrdae) li:where(.astro-hmtfrdae){align-items:flex-start;gap:.5rem;margin:0;padding:0;display:flex}.dv-check:where(.astro-hmtfrdae){background:color-mix(in srgb, var(--sl-color-text-accent) 13%, transparent);width:1.1rem;height:1.1rem;color:var(--sl-color-text-accent);border-radius:50%;flex-shrink:0;place-content:center;margin-top:.1rem;font-size:.7rem;font-weight:700;display:grid}.dv-features:where(.astro-hmtfrdae) strong:where(.astro-hmtfrdae){color:var(--sl-color-white);font-size:.81rem;line-height:1.4;display:block}.dv-features:where(.astro-hmtfrdae) strong:where(.astro-hmtfrdae) a:where(.astro-hmtfrdae){color:inherit;text-decoration:underline;text-decoration-color:var(--sl-color-gray-4);text-underline-offset:.2em}.dv-features:where(.astro-hmtfrdae) strong:where(.astro-hmtfrdae) a:where(.astro-hmtfrdae):hover{color:var(--sl-color-text-accent)}.dv-features:where(.astro-hmtfrdae) div:where(.astro-hmtfrdae)>span:where(.astro-hmtfrdae){color:var(--sl-color-gray-3);margin-top:.2rem;font-size:.73rem;line-height:1.5;display:block}.devario-showcase:where(.astro-hmtfrdae) .dv-actions:where(.astro-hmtfrdae){flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.6rem;display:flex}.dv-actions:where(.astro-hmtfrdae) a:where(.astro-hmtfrdae){color:var(--sl-color-text-accent);align-items:center;gap:.75rem;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.dv-actions:where(.astro-hmtfrdae) a:where(.astro-hmtfrdae).dv-primary{background:var(--sl-color-text-accent);color:var(--sl-color-black);border-radius:.5rem;padding:.7rem 1rem}.devario-showcase:where(.astro-hmtfrdae) .dv-download:where(.astro-hmtfrdae){flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.2rem;display:flex}.dv-download-intro:where(.astro-hmtfrdae){color:var(--sl-color-gray-2);font-size:.8rem}.dv-iso:where(.astro-hmtfrdae){background:var(--color-purple-light);color:var(--color-bg-primary);border-radius:.5rem;align-items:center;gap:.65rem;padding:.65rem 1rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.dv-iso:where(.astro-hmtfrdae):hover{filter:brightness(1.08)}.dv-checksum:where(.astro-hmtfrdae){color:var(--sl-color-gray-3);text-underline-offset:.2em;font-size:.73rem;text-decoration:underline}.dv-checksum:where(.astro-hmtfrdae):hover{color:var(--sl-color-text-accent)}.devario-showcase:where(.astro-hmtfrdae) .dv-visual:where(.astro-hmtfrdae){text-align:center;min-width:0;margin:0;padding:1rem 0 0;position:relative}.dv-halo:where(.astro-hmtfrdae){border:1px solid color-mix(in srgb, var(--sl-color-text-accent) 10%, transparent);z-index:-1;border-radius:50%;position:absolute;inset:0 -1rem 2rem;transform:scaleY(.85)}.dv-screen:where(.astro-hmtfrdae){background:#172237;border:1px solid #52647c;border-radius:12px;margin:1.3rem 0 0;padding:6px;position:relative;transform:rotate(-3deg);box-shadow:0 18px 44px #0003}.dv-toolbar:where(.astro-hmtfrdae){color:#cbd5e1;justify-content:space-between;align-items:center;padding:4px 7px 8px;font-size:7px;line-height:1.3;display:flex}.dv-brand:where(.astro-hmtfrdae){color:#5eead4;align-items:center;gap:4px;font-size:9px;font-weight:700;display:inline-flex}.dv-fish:where(.astro-hmtfrdae){width:20px;height:10px;display:block;position:relative;overflow:hidden}.dv-fish:where(.astro-hmtfrdae) img:where(.astro-hmtfrdae){width:110%;max-width:none;height:auto;position:absolute;top:-10%;left:-5%}.dv-workspaces:where(.astro-hmtfrdae){gap:4px;display:flex}.dv-workspaces:where(.astro-hmtfrdae) i:where(.astro-hmtfrdae){background:#52647c;border-radius:50%;width:4px;height:4px}.dv-workspaces:where(.astro-hmtfrdae) i:where(.astro-hmtfrdae):first-child{background:#5eead4;width:12px}.dv-desktop:where(.astro-hmtfrdae){aspect-ratio:1.48;background:#0d2937;border-radius:6px;position:relative;overflow:hidden}.dv-wallpaper:where(.astro-hmtfrdae){background:radial-gradient(at 0 100%,#9251b7 0%,#0000 65%),radial-gradient(at 100% 20%,#29b49c 0%,#0000 70%),#153844;position:absolute;inset:0}.dv-wallpaper:where(.astro-hmtfrdae):after{content:"";border:24px solid #65dec02b;border-radius:50%;width:110%;height:90%;position:absolute;bottom:-60%;left:-35%;transform:rotate(-30deg);box-shadow:0 0 0 25px #65dec010}.dv-window:where(.astro-hmtfrdae){background:#182536ec;border:1px solid #fff2;border-radius:7px;position:absolute;inset:14% 12% 18%;overflow:hidden;box-shadow:0 12px 20px #07182766}.dv-windowbar:where(.astro-hmtfrdae){color:#cbd5e1;border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;padding:6px 8px;font-size:6px;line-height:1.2;display:flex}.dv-windowdots:where(.astro-hmtfrdae){letter-spacing:2px;color:#7e8d9b;font-size:5px}.dv-windowbody:where(.astro-hmtfrdae){color:#a6b6c6;flex-direction:column;align-items:center;gap:6px;padding:10px 5px;font-size:6px;line-height:1.3;display:flex}.dv-app-icon:where(.astro-hmtfrdae){width:40px;height:20px}.dv-windowbody:where(.astro-hmtfrdae) strong:where(.astro-hmtfrdae){color:#eef9fa;letter-spacing:-.035em;font-size:16px;line-height:1.1}.dv-layouts:where(.astro-hmtfrdae){gap:4px;margin-top:2px;display:flex}.dv-layouts:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae){background:linear-gradient(90deg,#0000 45%,#7e99a9 45% 55%,#0000 55%);border:1px solid #7e99a9;border-radius:2px;width:13px;height:9px}.dv-layouts:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae):first-child{background:linear-gradient(90deg,#0000 60%,#5eead4 60% 70%,#0000 70%);border-color:#5eead4}.dv-dock:where(.astro-hmtfrdae){background:#19233f99;border:1px solid #fff2;border-radius:7px;gap:5px;padding:4px 6px;line-height:1;display:flex;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.dv-dock:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae){color:#d5f9f3;background:#67bbae33;border-radius:4px;place-content:center;width:17px;height:17px;font-size:14px;display:grid}.dv-dock:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae):nth-child(2){color:#fde09b;background:#e1b34c33}.dv-dock:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae):nth-child(3){color:#cbb8fd;background:#8b5cf633}.dv-stand:where(.astro-hmtfrdae){clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:linear-gradient(90deg,#334155,#64748b,#334155);width:39px;height:28px;margin:0 auto}.dv-foot:where(.astro-hmtfrdae){background:#64748b;border-radius:50% 50% 2px 2px;width:100px;height:5px;margin:0 auto}.dv-visual:where(.astro-hmtfrdae) figcaption:where(.astro-hmtfrdae){color:var(--sl-color-gray-2);margin-top:1.3rem;font-size:.76rem;line-height:1.5}.dv-visual:where(.astro-hmtfrdae) figcaption:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae){color:var(--sl-color-gray-3);font-size:.62rem}@media (width<=55rem){.devario-showcase:where(.astro-hmtfrdae){grid-template-columns:1fr;gap:1.5rem;padding:2rem}.devario-showcase:where(.astro-hmtfrdae) .dv-visual:where(.astro-hmtfrdae){width:min(100%,22rem);margin:0 auto}.devario-showcase:where(.astro-hmtfrdae) h2:where(.astro-hmtfrdae){font-size:2.1rem}}@media (width<=30rem){.devario-showcase:where(.astro-hmtfrdae){border-radius:1rem;gap:1.2rem;padding:1.5rem}.devario-showcase:where(.astro-hmtfrdae) h2:where(.astro-hmtfrdae){font-size:1.85rem}.devario-showcase:where(.astro-hmtfrdae) .dv-intro:where(.astro-hmtfrdae){font-size:.9rem}.devario-showcase:where(.astro-hmtfrdae) .dv-features:where(.astro-hmtfrdae){grid-template-columns:1fr;gap:.8rem}.dv-features:where(.astro-hmtfrdae) strong:where(.astro-hmtfrdae){font-size:.85rem}.dv-features:where(.astro-hmtfrdae) div:where(.astro-hmtfrdae)>span:where(.astro-hmtfrdae){font-size:.78rem}.dv-eyebrow:where(.astro-hmtfrdae) span:where(.astro-hmtfrdae){font-size:.65rem}.devario-showcase:where(.astro-hmtfrdae) .dv-visual:where(.astro-hmtfrdae){margin-top:.5rem}}.devario-showcase:where(.astro-hmtfrdae) .dv-features:where(.astro-hmtfrdae) li:where(.astro-hmtfrdae)>div:where(.astro-hmtfrdae),.devario-showcase:where(.astro-hmtfrdae) .dv-features:where(.astro-hmtfrdae) li:where(.astro-hmtfrdae)+li:where(.astro-hmtfrdae),.devario-showcase:where(.astro-hmtfrdae) .dv-features:where(.astro-hmtfrdae) .dv-check:where(.astro-hmtfrdae){margin-top:0}.devario-showcase:where(.astro-hmtfrdae) .dv-visual:where(.astro-hmtfrdae) :where(.astro-hmtfrdae){margin-block:0}.devario-showcase:where(.astro-hmtfrdae) .dv-visual:where(.astro-hmtfrdae) figcaption:where(.astro-hmtfrdae){margin-top:1.3rem}.devario-showcase:where(.astro-hmtfrdae) .dv-visual:where(.astro-hmtfrdae){font-family:system-ui,sans-serif}.devario-showcase:where(.astro-hmtfrdae) .dv-features:where(.astro-hmtfrdae) .dv-kernel:where(.astro-hmtfrdae){grid-column:1/-1}.dv-actions:where(.astro-hmtfrdae) a:where(.astro-hmtfrdae):hover{text-underline-offset:.2em;text-decoration:underline}.dv-features:where(.astro-hmtfrdae) a:where(.astro-hmtfrdae):focus-visible,.dv-actions:where(.astro-hmtfrdae) a:where(.astro-hmtfrdae):focus-visible,.dv-checksum:where(.astro-hmtfrdae):focus-visible,.dv-iso:where(.astro-hmtfrdae):focus-visible{outline:2px solid var(--sl-color-text-accent);outline-offset:4px}