*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-border: #222;--color-text: #e5e5e5;--color-text-muted: #888;--color-accent: #3b82f6;--color-accent-hover: #60a5fa;--max-width: 800px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}h1,h2,h3{line-height:1.3}.product-shell{max-width:var(--max-width);width:100%;margin:0 auto;padding:4rem 2rem;overflow-x:hidden}.product-title{font-size:2rem;font-weight:700;margin-bottom:.35rem;overflow-wrap:break-word}.product-subtitle{color:var(--color-text-muted);font-size:1.05rem}.screenshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.screenshot-frame{min-width:0;transition:border-color .2s,transform .2s}.screenshot-frame:has(.screenshot-button:hover),.screenshot-frame:has(.screenshot-button:focus-visible){border-color:var(--color-accent)!important;transform:translateY(-1px)}.screenshot-frame img{max-width:100%}.screenshot-button{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;text-align:inherit}.screenshot-lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:2rem;background:#000000d1}.screenshot-lightbox-backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:zoom-out}.screenshot-lightbox-panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem;max-width:min(92vw,760px);max-height:92vh}.screenshot-lightbox-panel img{display:block;width:auto;max-width:100%;max-height:calc(92vh - 4rem);border:1px solid var(--color-border);border-radius:8px;background:#0b1020;object-fit:contain}.screenshot-lightbox-panel p{color:var(--color-text-muted);font-size:.9rem}.screenshot-lightbox-close{position:absolute;top:.75rem;right:.75rem;z-index:2;padding:.35rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#0a0a0ad1;color:var(--color-text);cursor:pointer}.screenshot-lightbox-close:hover,.screenshot-lightbox-close:focus-visible{border-color:var(--color-accent);color:#fff}@media(max-width:620px){.product-shell{padding:3rem 1.25rem}.product-title{font-size:1.65rem}.product-subtitle{font-size:1rem}.screenshot-grid{grid-template-columns:1fr}.screenshot-lightbox{padding:1rem}}