:root{--reputio-primary: #0a7ea4;--reputio-text: #11181C;--reputio-bg: #fff;--reputio-surface: #F5F6F8;--reputio-muted: #6B7280}.project-hero.svelte-1v3o69a{padding:120px 0 60px;text-align:center;background:linear-gradient(135deg,#0a7ea41a,#0d9bb80d)}.project-hero-content.svelte-1v3o69a{max-width:800px;margin:0 auto}.project-hero.svelte-1v3o69a .project-icon-large:where(.svelte-1v3o69a){width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#0a7ea4,#0d9bb8);box-shadow:0 12px 32px #0a7ea466;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto 24px}.project-hero.svelte-1v3o69a .project-meta:where(.svelte-1v3o69a){display:flex;justify-content:center;gap:16px;margin-bottom:24px}.project-hero.svelte-1v3o69a h1:where(.svelte-1v3o69a){font-size:3rem;font-weight:800;margin-bottom:16px;background:linear-gradient(to right,#0a7ea4,#0d9bb8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.project-subtitle.svelte-1v3o69a{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.project-overview.svelte-1v3o69a{padding:80px 0}.overview-grid.svelte-1v3o69a{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.overview-main.svelte-1v3o69a h2:where(.svelte-1v3o69a){font-size:2rem;font-weight:700;color:#fff;margin-bottom:24px}.overview-main.svelte-1v3o69a p:where(.svelte-1v3o69a){font-size:1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.project-stats.svelte-1v3o69a{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.stat-item.svelte-1v3o69a{display:flex;gap:16px;align-items:flex-start}.stat-icon.svelte-1v3o69a{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0a7ea426,#0a7ea40d);border:1px solid rgba(10,126,164,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#0a7ea4;flex-shrink:0}.stat-content.svelte-1v3o69a h4:where(.svelte-1v3o69a){font-size:1rem;font-weight:600;color:#fff;margin-bottom:4px}.stat-content.svelte-1v3o69a p:where(.svelte-1v3o69a){font-size:.85rem;color:var(--text-secondary);margin:0}.info-card.svelte-1v3o69a{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.info-card.svelte-1v3o69a h3:where(.svelte-1v3o69a){font-size:1.1rem;font-weight:600;color:#0a7ea4;margin-bottom:16px}.info-card.svelte-1v3o69a ul:where(.svelte-1v3o69a){list-style:none;padding:0}.info-card.svelte-1v3o69a li:where(.svelte-1v3o69a){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.info-card.svelte-1v3o69a li:where(.svelte-1v3o69a):before{content:"•";color:#0a7ea4;position:absolute;left:0}.features-section.svelte-1v3o69a,.tech-section.svelte-1v3o69a,.architecture-section.svelte-1v3o69a,.solutions-section.svelte-1v3o69a,.role-section.svelte-1v3o69a,.result-section.svelte-1v3o69a{padding:80px 0}.features-section.svelte-1v3o69a h2:where(.svelte-1v3o69a),.tech-section.svelte-1v3o69a h2:where(.svelte-1v3o69a),.architecture-section.svelte-1v3o69a h2:where(.svelte-1v3o69a),.solutions-section.svelte-1v3o69a h2:where(.svelte-1v3o69a),.role-section.svelte-1v3o69a h2:where(.svelte-1v3o69a),.result-section.svelte-1v3o69a h2:where(.svelte-1v3o69a){font-size:2rem;font-weight:700;color:#fff;margin-bottom:40px;text-align:center}.features-grid.svelte-1v3o69a{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card.svelte-1v3o69a{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.feature-card.svelte-1v3o69a:hover{transform:translateY(-4px);border-color:#0a7ea433;box-shadow:0 12px 32px #0a7ea41a}.feature-icon.svelte-1v3o69a{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0a7ea4,#0d9bb8);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;margin-bottom:16px}.feature-card.svelte-1v3o69a h3:where(.svelte-1v3o69a){font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:12px}.feature-card.svelte-1v3o69a p:where(.svelte-1v3o69a){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.tech-grid.svelte-1v3o69a{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.tech-category.svelte-1v3o69a{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tech-category.svelte-1v3o69a h3:where(.svelte-1v3o69a){font-size:1.1rem;font-weight:600;color:#0a7ea4;margin-bottom:16px;display:flex;align-items:center;gap:10px}.tech-category.svelte-1v3o69a ul:where(.svelte-1v3o69a){list-style:none;padding:0}.tech-category.svelte-1v3o69a li:where(.svelte-1v3o69a){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.tech-category.svelte-1v3o69a li:where(.svelte-1v3o69a):before{content:"•";color:#0a7ea4;position:absolute;left:0}.architecture-grid.svelte-1v3o69a{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.arch-card.svelte-1v3o69a{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.arch-card.svelte-1v3o69a h3:where(.svelte-1v3o69a){font-size:1.1rem;font-weight:600;color:#0a7ea4;margin-bottom:12px}.arch-card.svelte-1v3o69a p:where(.svelte-1v3o69a){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.arch-card.svelte-1v3o69a ul:where(.svelte-1v3o69a){list-style:none;padding:0}.arch-card.svelte-1v3o69a li:where(.svelte-1v3o69a){font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:20px;position:relative}.arch-card.svelte-1v3o69a li:where(.svelte-1v3o69a):before{content:"•";color:#0a7ea4;position:absolute;left:0}.solutions-grid.svelte-1v3o69a{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.solution-card.svelte-1v3o69a{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.solution-card.svelte-1v3o69a:hover{transform:translateY(-4px);border-color:#0a7ea433;box-shadow:0 12px 32px #0a7ea41a}.solution-icon.svelte-1v3o69a{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#0a7ea426,#0a7ea40d);border:1px solid rgba(10,126,164,.3);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#0a7ea4;margin-bottom:20px}.solution-card.svelte-1v3o69a h3:where(.svelte-1v3o69a){font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:12px}.solution-card.svelte-1v3o69a p:where(.svelte-1v3o69a){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.role-grid.svelte-1v3o69a{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;max-width:1000px;margin:0 auto}.role-item.svelte-1v3o69a{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.role-item.svelte-1v3o69a i:where(.svelte-1v3o69a){color:#10b981;font-size:1rem;flex-shrink:0}.role-item.svelte-1v3o69a span:where(.svelte-1v3o69a){font-size:.95rem;color:var(--text-secondary)}.result-content.svelte-1v3o69a{max-width:800px;margin:0 auto;text-align:center}.result-content.svelte-1v3o69a p:where(.svelte-1v3o69a){font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.meta-item.svelte-1v3o69a{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.status-badge.svelte-1v3o69a{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.development.svelte-1v3o69a{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.screenshots-section.svelte-1v3o69a{padding:80px 0;background:linear-gradient(135deg,#0a7ea408,#0a7ea403)}.screenshots-section.svelte-1v3o69a h2:where(.svelte-1v3o69a){font-size:2rem;font-weight:700;color:#fff;margin-bottom:40px;text-align:center}.screenshots-grid.svelte-1v3o69a{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.screenshot-item.svelte-1v3o69a{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.screenshot-item.svelte-1v3o69a:hover{transform:translateY(-4px);border-color:#0a7ea433;box-shadow:0 12px 32px #0a7ea41a}.screenshot-item.svelte-1v3o69a img:where(.svelte-1v3o69a){width:100%;border-radius:12px;margin-bottom:12px}.screenshot-caption.svelte-1v3o69a{font-size:.9rem;color:var(--text-secondary);text-align:center;margin:0;font-weight:500}@media(max-width:768px){.project-hero.svelte-1v3o69a h1:where(.svelte-1v3o69a){font-size:2.2rem}.overview-grid.svelte-1v3o69a{grid-template-columns:1fr;gap:40px}.project-stats.svelte-1v3o69a{grid-template-columns:1fr;gap:16px}.features-grid.svelte-1v3o69a,.tech-grid.svelte-1v3o69a,.architecture-grid.svelte-1v3o69a,.solutions-grid.svelte-1v3o69a,.screenshots-grid.svelte-1v3o69a,.role-grid.svelte-1v3o69a{grid-template-columns:1fr}}