.detail-back-row{max-width:1080px;margin:0 auto;padding:24px 40px 0}.detail-back-row a{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.detail-back-row a:hover{color:var(--text-link)}.detail-header{grid-template-columns:auto 1fr;align-items:center;gap:34px;max-width:1080px;margin:0 auto;padding:40px 40px 56px;display:grid}.detail-icon{width:132px;height:132px;box-shadow:var(--shadow-lg);border-radius:32px}.detail-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.detail-title-row h1{font-size:44px;font-weight:var(--fw-semibold);letter-spacing:-1.6px;color:var(--text-heading)}.pill{font-family:var(--font-mono);letter-spacing:1px;border-radius:var(--radius-pill);padding:4px 9px;font-size:11px}.pill-violet{color:var(--secondary-text);background:color-mix(in srgb, var(--secondary) 18%, transparent)}.detail-pitch{color:var(--text-body);max-width:46ch;margin:0 0 22px;font-size:18px;line-height:1.5}.detail-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-meta .badge{background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-body);font-weight:var(--fw-semibold);border-radius:var(--radius-md);align-items:center;gap:10px;padding:11px 18px;font-size:14px;display:inline-flex}.detail-meta .fine{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.screenshot-gallery{gap:20px;padding-bottom:4px;display:flex;overflow-x:auto}.screenshot-frame{background:var(--surface-card);border:1px solid var(--border-subtle);width:200px;height:410px;box-shadow:var(--shadow-lg);border-radius:30px;flex:none;padding:10px}.screenshot-placeholder{border-radius:22px;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:22px;display:flex}.screenshot-placeholder-blue{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--primary) 14%, var(--card-2)) 0 10px, var(--card-2) 10px 20px)}.screenshot-placeholder-violet{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--secondary) 14%, var(--card-2)) 0 10px, var(--card-2) 10px 20px)}.screenshot-caption{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.screenshot-img{object-fit:cover;cursor:zoom-in;border-radius:22px;width:100%;height:100%;transition:opacity .12s}.screenshot-img:hover,.screenshot-img:focus-visible{opacity:.9}.screenshot-note{font-family:var(--font-mono);color:var(--text-muted);margin:10px 0 0;font-size:11px}.detail-section{max-width:1080px;margin:0 auto;padding:48px 40px 0}.detail-section-border{border-top:1px solid var(--border-subtle);padding-top:36px}.detail-section h2{font-family:var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin:0 0 26px;font-size:13px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.feature-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:26px}.feature-card h3{font-size:17px;font-weight:var(--fw-semibold);color:var(--text-heading);margin-bottom:8px}.feature-card p{color:var(--text-body);margin:0;font-size:14px;line-height:1.55}.example-panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:auto auto;justify-content:center;align-items:start;gap:32px;padding:32px;display:grid}.example-caption{color:var(--text-body);max-width:46ch;margin:0;padding-top:34px;font-size:15px;line-height:1.6}.example-caption strong{color:var(--text-heading)}.example-shot img{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);max-width:100%;height:auto}.privacy-panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px}.privacy-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.privacy-panel-head h2{margin:0}.privacy-panel-head a{color:var(--text-link);font-size:13px;font-weight:var(--fw-semibold)}.privacy-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.privacy-grid .item-title{font-size:15px;font-weight:var(--fw-semibold);color:var(--text-heading)}.privacy-grid p{color:var(--text-body);margin:6px 0 0;font-size:13px;line-height:1.5}@media (width<=640px){.detail-header{text-align:left;grid-template-columns:1fr}.example-panel{grid-template-columns:minmax(0,1fr)}.example-caption{padding-top:0}}
