.echo-hero-screenshot{display:flex;flex-direction:column;align-items:center;margin:0 auto;width:100%;max-width:320px}.echo-channels{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.echo-channel-badge{font-family:DM Sans,Arial,sans-serif;font-size:.85rem;color:#666;background:#f5f5f5;border:1px solid #e6e6e6;border-radius:20px;padding:4px 12px}.echo-text-mock{width:100%;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001f;overflow:hidden;border:1px solid #e6e6e6}.echo-text-header{background:#f9f9f9;border-bottom:1px solid #e6e6e6;padding:12px 16px;text-align:center}.echo-text-header-title{font-family:DM Sans,Arial,sans-serif;font-weight:600;font-size:.9rem;color:#1e3538;margin:0}.echo-text-header-sub{font-family:DM Sans,Arial,sans-serif;font-size:.75rem;color:#59676a;margin:2px 0 0}.echo-text-body{padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff}.echo-bubble{max-width:85%;padding:10px 14px;border-radius:18px;font-family:DM Sans,Arial,sans-serif;font-size:.85rem;line-height:1.45}.echo-bubble-in{align-self:flex-start;background:#e9e9eb;color:#1e3538;border-bottom-left-radius:4px}.echo-bubble-out{align-self:flex-end;background:#007aff;color:#fff;border-bottom-right-radius:4px}.echo-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-top:32px}.echo-stat{text-align:center;padding:24px 16px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 8px #0000000f}.echo-stat-value{font-family:Clash Display,sans-serif;font-weight:700;font-size:2.4rem;color:#df2755;margin:0 0 8px;line-height:1}.echo-stat-label{font-family:DM Sans,Arial,sans-serif;font-size:.95rem;color:#666;line-height:1.5;margin:0}.echo-mock-card{width:100%;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.echo-mock-header{background:#1e3538;color:#fff;padding:10px 16px;font-family:DM Sans,Arial,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.echo-mock-body{padding:16px}.echo-mock-label{font-family:DM Sans,Arial,sans-serif;font-size:.75rem;font-weight:600;color:#59676a;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px}.echo-mock-question{font-family:DM Sans,Arial,sans-serif;font-size:.9rem;color:#1e3538;margin:0 0 12px;line-height:1.5}.echo-mock-reply{display:inline-block;background:#007aff;color:#fff;font-size:1.2rem;padding:4px 12px;border-radius:16px;margin-bottom:12px}.echo-mock-meta{font-family:DM Sans,Arial,sans-serif;font-size:.8rem;color:#666;margin:0}.echo-mock-score{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.echo-mock-score-value{font-family:Clash Display,sans-serif;font-weight:700;font-size:2rem;color:#1e3538}.echo-mock-score-delta{font-family:DM Sans,Arial,sans-serif;font-size:.85rem;color:#13734b;font-weight:600}.echo-mock-bars{display:flex;align-items:flex-end;gap:4px;height:48px;margin-top:12px}.echo-mock-bar{flex:1;background:linear-gradient(180deg,#df2755,#ff6a00);border-radius:3px 3px 0 0;opacity:.7}.echo-mock-bar:nth-child(3),.echo-mock-bar:nth-child(4),.echo-mock-bar:nth-child(5){opacity:1}.echo-flag-item{padding:10px 12px;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;margin-bottom:8px}.echo-flag-item:last-child{margin-bottom:0}.echo-flag-name{font-family:DM Sans,Arial,sans-serif;font-weight:600;font-size:.85rem;color:#1e3538;margin:0 0 2px}.echo-flag-detail{font-family:DM Sans,Arial,sans-serif;font-size:.8rem;color:#666;margin:0}.echo-schedule-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;font-family:DM Sans,Arial,sans-serif;font-size:.85rem}.echo-schedule-row:last-child{border-bottom:none}.echo-schedule-label{color:#666}.echo-schedule-value{color:#1e3538;font-weight:600}.echo-trigger-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.echo-trigger-tag{font-family:DM Sans,Arial,sans-serif;font-size:.75rem;background:#f5f5f5;border:1px solid #e6e6e6;border-radius:16px;padding:4px 10px;color:#555}.echo-dashboard-mock{width:100%;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.echo-dashboard-bar{background:#f5f5f5;border-bottom:1px solid #e6e6e6;padding:8px 16px;display:flex;align-items:center;gap:8px}.echo-dashboard-dots{display:flex;gap:5px}.echo-dashboard-dot{width:10px;height:10px;border-radius:50%}.echo-dashboard-dot:nth-child(1){background:#ff5f57}.echo-dashboard-dot:nth-child(2){background:#febc2e}.echo-dashboard-dot:nth-child(3){background:#28c840}.echo-dashboard-url{flex:1;text-align:center;font-family:DM Sans,Arial,sans-serif;font-size:.75rem;color:#59676a}.echo-dashboard-content{padding:20px}.echo-dashboard-title{font-family:Clash Display,sans-serif;font-weight:600;font-size:1.1rem;color:#1e3538;margin:0 0 16px}.echo-dashboard-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.echo-dashboard-metric{background:#f9f9f9;border-radius:8px;padding:12px}.echo-dashboard-metric-label{font-family:DM Sans,Arial,sans-serif;font-size:.7rem;color:#59676a;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}.echo-dashboard-metric-value{font-family:Clash Display,sans-serif;font-weight:700;font-size:1.4rem;color:#1e3538;margin:0}.echo-dashboard-metric-delta{font-family:DM Sans,Arial,sans-serif;font-size:.75rem;color:#13734b}.echo-building-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-family:DM Sans,Arial,sans-serif;font-size:.85rem}.echo-building-name{color:#555}.echo-building-score{font-weight:600;color:#1e3538}.echo-feature-figure{flex-direction:column;align-items:center;gap:8px}.echo-feature-media{width:100%;max-width:340px}.echo-profile-mock{width:100%;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.echo-profile-header{padding:16px;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;gap:12px}.echo-profile-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#df2755,#ff6a00);display:flex;align-items:center;justify-content:center;color:#fff;font-family:Clash Display,sans-serif;font-weight:600;font-size:.9rem;flex-shrink:0}.echo-profile-name{font-family:Clash Display,sans-serif;font-weight:600;font-size:1rem;color:#1e3538;margin:0}.echo-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e6e6e6;border-bottom:1px solid #e6e6e6}.echo-profile-stat{background:#fff;padding:12px;text-align:center}.echo-profile-stat-value{font-family:Clash Display,sans-serif;font-weight:700;font-size:1.2rem;color:#1e3538;margin:0 0 2px}.echo-profile-stat-label{font-family:DM Sans,Arial,sans-serif;font-size:.7rem;color:#59676a;margin:0}.echo-profile-table{padding:12px 16px}.echo-profile-table-title{font-family:DM Sans,Arial,sans-serif;font-size:.75rem;font-weight:600;color:#59676a;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px}.echo-profile-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:6px 0;border-bottom:1px solid #f0f0f0;font-family:DM Sans,Arial,sans-serif;font-size:.75rem;color:#555}.echo-profile-row:last-child{border-bottom:none}.echo-profile-score{font-weight:600;color:#1e3538}.echo-pilot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:36px;text-align:left}.echo-pilot-card{padding:24px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface-raised);box-shadow:var(--shadow-sm)}.echo-pilot-number{display:inline-flex;margin-bottom:18px;color:var(--color-accent-pink);font-family:DM Sans,Arial,sans-serif;font-size:.8rem;font-weight:800;letter-spacing:.08em}.echo-pilot-title{margin:0 0 10px;color:var(--color-text-primary);font-family:Clash Display,sans-serif;font-size:1.25rem;font-weight:600}.echo-pilot-description{margin:0;color:var(--color-text-secondary);font-family:DM Sans,Arial,sans-serif;font-size:.95rem;line-height:1.65}.echo-pilot-actions{margin:36px 0 0}@media(max-width:900px){.echo-hero-screenshot{max-width:280px}.echo-dashboard-metrics{grid-template-columns:1fr 1fr}}:root[data-theme=dark] .echo-channel-badge{color:var(--color-text-secondary);background:var(--color-surface-raised);border-color:var(--color-border)}:root[data-theme=dark] .echo-stat{background:var(--color-surface-raised);border-color:var(--color-border);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .echo-stat-value{color:var(--color-accent-pink)}:root[data-theme=dark] .echo-stat-label{color:var(--color-text-secondary)}:root[data-theme=dark] :where(.echo-text-mock,.echo-mock-card,.echo-dashboard-mock,.echo-profile-mock){color-scheme:light;box-shadow:var(--shadow-md);filter:none}