.previewer-nav{z-index:100;-webkit-backdrop-filter:blur(12px);background-color:#010021d9;border-bottom:1px solid #00abff1a;position:sticky;top:0}.previewer-nav__inner{max-width:var(--container-width);justify-content:space-between;align-items:center;height:3.5rem;margin:0 auto;padding:0 2rem;display:flex}.previewer-nav__logo{flex-shrink:0;align-items:center;width:20rem;display:flex}.previewer-nav__logo-img{object-fit:cover;object-position:left center;width:10rem;height:4rem}.previewer-nav__links{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.previewer-nav__link{color:var(--color-text-muted);white-space:nowrap;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.previewer-nav__link:hover{color:var(--color-text-primary)}.previewer-nav__cta{color:#000;background-color:var(--color-primary);border-radius:var(--radius-sm);white-space:nowrap;padding:.45rem 1.1rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:background-color .2s}.previewer-nav__cta:hover{background-color:#3bf}.previewer-nav__hamburger{color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem;font-size:1.25rem;display:none}.previewer-nav__mobile-menu{display:none}@media (max-width:640px){.previewer-nav__inner{padding:0 1rem}.previewer-nav__links{display:none}.previewer-nav__hamburger{display:flex}.previewer-nav__mobile-menu{border-top:1px solid #00abff1a;flex-direction:column;padding:.5rem 1rem 1.25rem;display:flex}.previewer-nav__mobile-link{color:var(--color-text-muted);border-bottom:1px solid #ffffff0d;padding:.75rem 0;font-size:.9rem;text-decoration:none;transition:color .2s}.previewer-nav__mobile-link:hover{color:var(--color-text-primary)}.previewer-nav__mobile-cta{text-align:center;margin-top:1rem;display:block}}
.previewer-hero{background:radial-gradient(ellipse at 50% 0%, #00abff14 0%, transparent 65%), var(--color-body-bkg);min-height:90dvh;padding:var(--spacing-xl) 2rem;align-items:center;display:flex}.previewer-hero__inner{max-width:var(--container-width);flex-direction:column;gap:1.5rem;width:100%;margin:0 auto;display:flex}.previewer-hero__brand{letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);font-size:.75rem;font-weight:700}.previewer-hero__title{color:var(--color-text-primary);max-width:14ch;margin:0;font-size:clamp(3rem,7vw,5.5rem);font-weight:900;line-height:1.05}.previewer-hero__description{color:var(--color-text-muted);max-width:540px;margin:0;font-size:1.1rem;line-height:1.7}.previewer-hero__actions{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.previewer-hero__cta-primary,.previewer-hero__cta-secondary{border-radius:var(--radius-sm);padding:.8rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-block}.previewer-hero__cta-primary{background-color:var(--color-primary);color:#000}.previewer-hero__cta-primary:hover{background-color:#3bf}.previewer-hero__cta-secondary{color:var(--color-text-primary);background-color:#0000;border:1px solid #fff3}.previewer-hero__cta-secondary:hover{background-color:#ffffff0a;border-color:#ffffff80}
.previewer-features{background-color:var(--color-bkg-dark-blue);padding:var(--spacing-xl) 2rem;border-top:1px solid #00abff1a;border-bottom:1px solid #00abff1a}.previewer-features__inner{max-width:var(--container-width);margin:0 auto}.previewer-features__heading{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--spacing-md) 0;font-size:.8rem;font-weight:600}.previewer-features__list{grid-template-columns:repeat(4,1fr);gap:2rem;margin:0;padding:0;list-style:none;display:grid}.feature-card{border-left:2px solid var(--color-primary);flex-direction:column;gap:.5rem;padding-left:1.25rem;display:flex}.feature-card__title{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:700}.feature-card__description{color:var(--color-text-muted);margin:0;font-size:.875rem;line-height:1.65}@media (max-width:900px){.previewer-features__list{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.previewer-features__list{grid-template-columns:1fr}}
.previewer-portfolio{background-color:var(--color-body-bkg);padding:var(--spacing-xl) 2rem}.previewer-portfolio__inner{max-width:var(--container-width);margin:0 auto}.previewer-portfolio__header{margin-bottom:var(--spacing-md)}.previewer-portfolio__heading{font-size:var(--font-size-h2);color:var(--color-text-primary);margin:0 0 .5rem;font-weight:800}.previewer-portfolio__subheading{color:var(--color-text-muted);margin:0;font-size:1rem}.previewer-portfolio__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.lp-card{background-color:var(--color-bkg-dark-blue);border-radius:var(--radius-md);border:1px solid #ffffff0f;flex-direction:column;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.lp-card--published:hover{border-color:#00abff59;transform:translateY(-3px)}.lp-card__cover{background-color:#dc2626;flex-shrink:0;width:100%;height:180px}.lp-card__cover-img{object-fit:cover;width:100%;height:100%;display:block}.lp-card__body{flex-direction:column;flex:1;gap:.6rem;padding:1.5rem;display:flex}.lp-card__meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.lp-card__type{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);font-size:.7rem;font-weight:700}.lp-card__status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.lp-card__status--published{color:#22c55e;background-color:#22c55e1f}.lp-card__status--dev{color:#f59e0b;background-color:#f59e0b1f}.lp-card__name{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.lp-card__description{color:var(--color-text-muted);flex:1;margin:0;font-size:.875rem;line-height:1.65}.lp-card__footer{margin-top:.25rem}.lp-card__link{border-radius:var(--radius-sm);padding:.55rem 1.2rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.lp-card__link:not(.lp-card__link--disabled){background-color:var(--color-primary);color:#000}.lp-card__link:not(.lp-card__link--disabled):hover{background-color:#3bf}.lp-card__link--disabled{color:var(--color-text-muted);cursor:default;background-color:#ffffff0d}
.previewer-cta{background-color:var(--color-item-bkg-blue);padding:var(--spacing-xl) 2rem;text-align:center;border-top:1px solid #00abff1f}.previewer-cta__inner{flex-direction:column;align-items:center;gap:1.25rem;max-width:640px;margin:0 auto;display:flex}.previewer-cta__heading{font-size:var(--font-size-h2);color:var(--color-text-primary);margin:0;font-weight:800;line-height:1.15}.previewer-cta__description{color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.7}.previewer-cta__btn{background-color:var(--color-primary);color:#000;border-radius:var(--radius-sm);padding:.9rem 2.5rem;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-block}.previewer-cta__btn:hover{background-color:#3bf}