.page-head{padding:56px 0 24px}.page-head h1{font-family:var(--font-display);font-weight:600;font-size:clamp(40px,5.4vw,64px);line-height:1.05;letter-spacing:-1px;margin:0 0 12px}.page-head .lede{font:400 19px/30px var(--font-sans);color:var(--color-on-surface-variant);max-width:720px;text-wrap:pretty}.filter-bar{padding:16px 0 40px}.filter-bar>.container{display:flex;flex-direction:column;gap:8px}.filter-axis{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center}@media(max-width:720px){.filter-axis{grid-template-columns:1fr;gap:6px}}.filter-axis__label{font:500 13px/20px var(--font-sans);color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.6px}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:var(--shape-sm);border:1px solid var(--color-outline);background:transparent;color:var(--color-on-surface-variant);font:500 14px/20px var(--font-sans);letter-spacing:.1px;cursor:pointer;transition:background var(--duration-short) var(--easing-standard),color var(--duration-short) var(--easing-standard),border-color var(--duration-short) var(--easing-standard)}.filter-chip:hover{background:color-mix(in srgb,var(--color-on-surface) 6%,transparent);color:var(--color-on-surface)}.filter-chip.is-selected{background:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:transparent;padding-left:10px}.filter-chip.is-selected:before{content:"check";font-family:Material Symbols Rounded;font-size:18px}.reset-btn{opacity:0;pointer-events:none;transition:opacity var(--duration-medium) var(--easing-standard)}.reset-btn.is-visible{opacity:1;pointer-events:auto}.legend{display:flex;align-items:center;gap:20px;padding:12px 16px;background:var(--color-surface-container-low);border-radius:var(--shape-md);margin-bottom:32px;font:500 13px/20px var(--font-sans);color:var(--color-on-surface-variant);flex-wrap:wrap}.legend strong{font-weight:600;color:var(--color-on-surface);margin-right:4px}.legend-item{display:inline-flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot--published{background:var(--color-success)}.legend-dot--research{background:var(--color-tertiary)}.legend-dot--retired{background:var(--color-on-surface-variant)}.legend-count{margin-left:auto;font-family:var(--font-mono);font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1080px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.grid{grid-template-columns:1fr;gap:16px}}.card-anim{animation:cardIn .4s var(--easing-emphasized) both}@keyframes cardIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pcard{background:var(--color-surface-container-low);border-radius:var(--shape-lg);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit;transition:transform var(--duration-medium) var(--easing-emphasized),box-shadow var(--duration-medium) var(--easing-standard),background var(--duration-short) var(--easing-standard)}.pcard:hover{transform:translateY(-6px);box-shadow:var(--elevation-3);background:var(--color-surface-container)}.pcard:focus-visible{outline:3px solid var(--color-secondary);outline-offset:3px}.pcard--elevated{background:var(--color-surface-container-lowest);box-shadow:var(--elevation-1)}.pcard--elevated:hover{box-shadow:var(--elevation-3)}.pcard--retired{opacity:.7}.pcard--retired:hover{opacity:1}.pcard__media{height:240px;position:relative;overflow:hidden;display:grid;place-items:center}.pcard__body{padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px;flex:1}.pcard__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pcard__title{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:28px;letter-spacing:-.3px}.pcard__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:500 12px/16px var(--font-sans);color:var(--color-on-surface-variant);letter-spacing:.2px}.pcard__meta .sep{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.5}.pcard__type{font:500 12px/16px var(--font-sans);color:var(--color-primary);letter-spacing:.3px;text-transform:uppercase}.pcard__desc{font:400 14px/22px var(--font-sans);color:var(--color-on-surface-variant);text-wrap:pretty}.pcard__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.pcard__chips .chip{height:28px;font-size:12px;padding:0 10px}.pcard__cta{margin-top:auto;padding-top:14px;display:flex;align-items:center;gap:6px;font:500 14px/20px var(--font-sans);color:var(--color-primary)}.pcard__cta .material-symbols-rounded{font-size:18px;transition:transform var(--duration-short) var(--easing-emphasized)}.pcard:hover .pcard__cta .material-symbols-rounded{transform:translate(4px)}.badge-impact{position:absolute;top:14px;right:14px;padding:6px 12px;background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--shape-full);font:600 11px/16px var(--font-sans);letter-spacing:.4px;text-transform:uppercase;z-index:2;box-shadow:var(--elevation-1)}.badge-impact--scale{background:var(--color-tertiary);color:var(--color-on-tertiary)}.status-pill{display:inline-flex;align-items:center;gap:6px;font:500 12px/16px var(--font-sans);letter-spacing:.2px}.status-pill:before{content:"";width:8px;height:8px;border-radius:50%}.status-pill--published:before{background:var(--color-success)}.status-pill--research:before{background:var(--color-tertiary)}.status-pill--retired:before{background:var(--color-on-surface-variant)}.spl-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--shape-xs);background:color-mix(in srgb,var(--color-tertiary) 18%,transparent);color:var(--color-on-tertiary-container);font:700 10px/14px var(--font-sans);letter-spacing:.6px;text-transform:uppercase}[data-theme=dark] .spl-chip{color:var(--color-tertiary)}.hero-bg{position:absolute;inset:0}.hero-bg--screenshot{background:linear-gradient(160deg,var(--color-surface-container-low) 0%,var(--color-surface-container) 100%)}.hero-bg--nda{background:linear-gradient(160deg,var(--color-surface-container) 0%,var(--color-surface-container-high) 100%)}.mini-phone__screen--photo{padding:0;background:var(--color-surface-container)}.mini-phone__screen--photo img{width:100%;height:100%;object-fit:cover;display:block}.mini-phone__screen--nda{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:var(--color-surface-container-high);color:var(--color-on-surface-variant)}.nda-icon{font-size:32px}.nda-label{font:600 11px/14px var(--font-sans);letter-spacing:.6px;text-transform:uppercase}.mini-phone{width:130px;height:200px;border-radius:22px;background:var(--device-bezel);padding:5px;box-shadow:var(--elevation-3);z-index:1}.mini-phone__screen{width:100%;height:100%;border-radius:17px;overflow:hidden;padding:10px 9px;display:flex;flex-direction:column;gap:5px}.icon-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:24px;width:100%;max-width:280px;z-index:1}.icon-grid-4 .ic{aspect-ratio:1;border-radius:12px;box-shadow:var(--elevation-2)}.tv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:24px;width:100%;z-index:1}.tv-grid .tv{aspect-ratio:16/9;border-radius:8px;overflow:hidden;position:relative;box-shadow:var(--elevation-2)}.empty-state{text-align:center;padding:80px 24px;background:var(--color-surface-container-low);border-radius:var(--shape-xl);margin-bottom:32px}.empty-state__icon{width:80px;height:80px;border-radius:50%;background:var(--color-secondary-container);color:var(--color-on-secondary-container);display:grid;place-items:center;margin:0 auto 24px}.empty-state__icon .material-symbols-rounded{font-size:40px}.empty-state__h{font-family:var(--font-display);font-weight:600;font-size:24px;line-height:32px;margin:0 0 8px}.empty-state__body{font:400 15px/24px var(--font-sans);color:var(--color-on-surface-variant);margin-bottom:24px}