.hopsyn-hero{position:relative;padding:calc(var(--header-height) + var(--space-20)) 0 var(--space-12)}.hopsyn-status{display:inline-block;margin-bottom:var(--space-6);padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb,var(--accent-cyan) 20%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-cyan) 8%,transparent);font-family:var(--font-mono);font-size:var(--text-label-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent-cyan)}.hopsyn-title{position:relative;display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:clamp(var(--text-5xl),8vw,var(--text-6xl));font-weight:var(--weight-bold);letter-spacing:var(--tracking-logo)}.hopsyn-logo-icon{flex-shrink:0;width:clamp(56px,8vw,80px);height:clamp(56px,8vw,80px);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent-cyan) 30%,transparent))}.hopsyn-tagline{max-width:600px;margin-bottom:var(--space-6);font-size:var(--text-2xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);color:var(--text-secondary)}.hopsyn-desc{max-width:680px;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-muted)}.screenshot-img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--bg-border);box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--accent-blue) 10%,transparent)}.screenshot-caption{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:2px solid color-mix(in srgb,var(--accent-blue) 40%,transparent);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-top:var(--space-10)}.feature-card{padding:var(--space-8);border:1px solid var(--bg-border);border-radius:var(--radius-lg);background:var(--bg-surface);transition:border-color var(--dur-base)}.feature-card:hover{border-color:color-mix(in srgb,var(--accent-blue) 30%,transparent)}.feature-card-highlight{border-color:color-mix(in srgb,var(--accent-cyan) 25%,transparent);background:linear-gradient(135deg,var(--bg-surface),color-mix(in srgb,var(--accent-cyan) 3%,var(--bg-surface)))}.feature-card-title{margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.feature-card-desc{font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-secondary)}.tech-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-2);margin-top:var(--space-8)}.tech-item{position:relative;padding:var(--space-3) 0 var(--space-3) calc(var(--space-8) + 2px);font-family:var(--font-mono);font-size:var(--text-body);line-height:var(--leading-snug);color:var(--text-secondary)}.tech-item:before{content:"";position:absolute;left:var(--space-3);top:50%;width:8px;height:8px;border-radius:2px;background:var(--gradient-blue);box-shadow:0 0 12px color-mix(in srgb,var(--accent-blue) 40%,transparent);transform:translateY(-50%)}.report-card{display:block;max-width:800px;margin:var(--space-10) auto 0;overflow:hidden;border:1px solid var(--bg-border);border-radius:var(--radius-lg);transition:border-color var(--dur-base),box-shadow var(--dur-base),transform var(--dur-base)}.report-card:hover{border-color:color-mix(in srgb,var(--accent-blue) 40%,transparent);box-shadow:var(--shadow-glow),var(--shadow-lg);transform:translateY(-2px)}.report-card-figure{position:relative}.report-card-img{display:block;width:100%;transition:filter var(--dur-base)}.report-card:hover .report-card-img{filter:brightness(.6)}.report-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);opacity:0;transition:opacity var(--dur-base)}.report-card:hover .report-card-overlay,.report-card:focus-visible .report-card-overlay{opacity:1}.report-card-label{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--accent-blue-strong);font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--on-accent)}.report-card-icon{width:24px;height:24px;color:var(--on-accent);opacity:.7}@media(min-width:1025px){.feature-card:last-child:nth-child(3n+1){grid-column:1 / -1}}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:769px)and (max-width:1024px){.feature-card:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:768px){.hopsyn-hero{padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-8)}.hopsyn-title{font-size:clamp(var(--text-3xl),12vw,var(--text-5xl))}.features-grid{grid-template-columns:1fr}.feature-card{padding:var(--space-6)}.tech-list{grid-template-columns:1fr}}