.project-hero{position:relative;min-height:70vh;display:flex;align-items:flex-end;overflow:hidden}.project-hero-bg{position:absolute;inset:0}.project-hero-bg img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(.6)}.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0a0e144d,#0a0e14b3,#0a0e14f2)}.project-hero-content{position:relative;z-index:2;padding:var(--space-3xl) var(--space-2xl) var(--space-2xl);max-width:1200px;margin:0 auto;width:100%}.back-link{font-family:var(--font-mono);font-size:.75rem;color:var(--color-primary-dim);text-decoration:none;letter-spacing:.1em;display:inline-block;transition:color var(--transition-fast)}.back-link:hover{color:var(--color-primary)}.project-hero-meta{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0 var(--space-md);flex-wrap:wrap}.project-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;padding:4px 12px;border:1px solid;text-transform:uppercase}.project-badge.android{color:var(--color-secondary);border-color:var(--color-secondary-dim)}.project-badge.utility{color:var(--color-primary);border-color:var(--color-primary-dim)}.project-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--color-text-bright);line-height:1.1;margin-bottom:var(--space-sm);text-transform:uppercase}.project-hero-tagline{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,1.8rem);color:var(--color-text-secondary);font-weight:300;margin-bottom:var(--space-md);line-height:1.3}.tagline-accent{color:var(--color-primary);font-style:italic}.project-hero-subtitle{font-size:.95rem;color:var(--color-text-dim);margin-bottom:var(--space-lg);max-width:700px;line-height:1.7}.project-hero-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.hero-tag{font-family:var(--font-mono);font-size:.65rem;color:var(--color-primary-dim);padding:3px 10px;border:1px solid var(--color-border);letter-spacing:.05em}.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);padding:var(--space-xl) 0}.highlight-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-lg);text-align:center;display:flex;flex-direction:column;gap:var(--space-xs);transition:border-color var(--transition-normal)}.highlight-card:hover{border-color:var(--color-border-bright)}.highlight-label{font-family:var(--font-mono);font-size:.6rem;color:var(--color-primary-dim);letter-spacing:.15em}.highlight-value{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--color-text-bright)}.top-features-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-md)}.top-feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-xl) var(--space-sm);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative;cursor:pointer;text-decoration:none;transition:border-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal)}.top-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary-dim),transparent);opacity:0;transition:opacity var(--transition-normal)}.top-feature-card:hover{border-color:var(--color-primary-dim);transform:translateY(-4px);box-shadow:0 8px 32px #00e5ff14,inset 0 0 30px #00e5ff05}.top-feature-card:hover:before{opacity:1}.top-feature-icon-wrap{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-xs)}.top-feature-icon{font-size:1.8rem;position:relative;z-index:1}.icon-ring{position:absolute;inset:0;border:1px solid var(--color-border);border-radius:50%;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.top-feature-card:hover .icon-ring{border-color:var(--color-primary-dim);box-shadow:0 0 15px #00e5ff1a}.top-feature-title{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--color-text-bright);text-transform:uppercase;letter-spacing:.05em;line-height:1.3}.top-feature-subtitle{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-dim);letter-spacing:.05em;text-transform:lowercase}.project-terminal{background:var(--color-bg-card);border:1px solid var(--color-border);overflow:hidden}.terminal-header-mini{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#00e5ff08;border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:.75rem}.terminal-prompt{color:var(--color-primary-dim)}.terminal-status{color:var(--color-secondary-dim);font-size:.65rem;letter-spacing:.15em}.project-text-block{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md);font-size:.95rem;color:var(--color-text-secondary);line-height:1.8}.hl{color:var(--color-primary);font-weight:500}.feature-showcase-list{display:flex;flex-direction:column;gap:var(--space-2xl)}.feature-showcase{display:grid;grid-template-columns:1fr 320px;gap:var(--space-2xl);align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);padding:var(--space-2xl);transition:border-color var(--transition-normal)}.feature-showcase:hover{border-color:var(--color-border-bright)}.feature-showcase.reverse{grid-template-columns:320px 1fr}.feature-showcase.reverse .feature-showcase-text{order:2}.feature-showcase.reverse .feature-showcase-phone,.feature-showcase.reverse .feature-showcase-placeholder{order:1}.feature-showcase-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.feature-showcase-icon{font-size:2.5rem}.feature-showcase-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-bright);text-transform:uppercase;letter-spacing:.05em}.feature-showcase-desc{font-size:.95rem;color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-lg)}.feature-showcase-label{font-family:var(--font-mono);font-size:.6rem;color:var(--color-primary-dim);letter-spacing:.2em;padding:4px 12px;border:1px solid var(--color-border);display:inline-block}.feat-yt-btn{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.78rem;color:var(--color-primary);text-decoration:none;letter-spacing:.1em;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-primary-dim);transition:all var(--transition-normal);width:fit-content;margin-bottom:var(--space-md)}.feat-yt-btn:hover{background:#00e5ff14;border-color:var(--color-primary)}.feat-yt-icon{font-size:.7rem}.phone-frame{position:relative;overflow:hidden;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:20px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.phone-frame:hover{border-color:var(--color-primary-dim);box-shadow:0 0 30px #00e5ff1a,inset 0 0 40px #00e5ff05}.phone-frame img{width:100%;height:auto;display:block;transition:transform var(--transition-normal),filter var(--transition-normal);filter:saturate(.85) contrast(1.05)}.phone-frame:hover img{transform:scale(1.02);filter:saturate(1) contrast(1.1)}.phone-frame .frame-corner{position:absolute;width:16px;height:16px;z-index:3;transition:all var(--transition-normal)}.phone-frame .frame-corner.tl{top:8px;left:8px;border-top:2px solid var(--color-primary-dim);border-left:2px solid var(--color-primary-dim);border-top-left-radius:4px}.phone-frame .frame-corner.tr{top:8px;right:8px;border-top:2px solid var(--color-primary-dim);border-right:2px solid var(--color-primary-dim);border-top-right-radius:4px}.phone-frame .frame-corner.bl{bottom:8px;left:8px;border-bottom:2px solid var(--color-primary-dim);border-left:2px solid var(--color-primary-dim);border-bottom-left-radius:4px}.phone-frame .frame-corner.br{bottom:8px;right:8px;border-bottom:2px solid var(--color-primary-dim);border-right:2px solid var(--color-primary-dim);border-bottom-right-radius:4px}.phone-frame:hover .frame-corner{border-color:var(--color-primary)}.phone-frame .frame-scanline{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.4),transparent);z-index:4;opacity:0;animation:phone-scan 5s linear infinite}@keyframes phone-scan{0%{top:-3px;opacity:0}5%{opacity:.8}95%{opacity:.8}to{top:100%;opacity:0}}.feature-showcase:nth-child(1) .phone-frame .frame-scanline{animation-delay:0s}.feature-showcase:nth-child(2) .phone-frame .frame-scanline{animation-delay:1s}.feature-showcase:nth-child(3) .phone-frame .frame-scanline{animation-delay:2s}.feature-showcase:nth-child(4) .phone-frame .frame-scanline{animation-delay:3s}.feature-showcase:nth-child(5) .phone-frame .frame-scanline{animation-delay:4s}.phone-frame .frame-hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:linear-gradient(180deg,rgba(10,14,20,.7),transparent);z-index:2;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.15em;border-radius:20px 20px 0 0}.frame-label{color:var(--color-primary-dim)}.frame-status{color:var(--color-secondary);font-size:.5rem}.feature-showcase-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-3xl);background:var(--color-bg-panel);border:1px dashed var(--color-border);border-radius:20px;min-height:400px}.placeholder-icon{font-size:4rem;opacity:.3}.placeholder-label{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-dim);letter-spacing:.2em}.back-section{max-width:1200px;margin:0 auto;padding:var(--space-2xl)}.back-link-bottom{font-family:var(--font-mono);font-size:.8rem;color:var(--color-primary-dim);text-decoration:none;letter-spacing:.1em;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);display:inline-block;transition:all var(--transition-normal)}.back-link-bottom:hover{border-color:var(--color-primary);color:var(--color-primary)}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.highlights-grid,.top-features-grid{grid-template-columns:repeat(4,1fr)}.feature-showcase{grid-template-columns:1fr 280px}.feature-showcase.reverse{grid-template-columns:280px 1fr}}@media(max-width:768px){.highlights-grid{grid-template-columns:repeat(2,1fr)}.top-features-grid{grid-template-columns:repeat(3,1fr)}.feature-showcase{grid-template-columns:1fr;gap:var(--space-xl)}.feature-showcase.reverse{grid-template-columns:1fr}.feature-showcase.reverse .feature-showcase-text{order:1}.feature-showcase.reverse .feature-showcase-phone,.feature-showcase.reverse .feature-showcase-placeholder{order:2}.feature-showcase-phone,.feature-showcase-placeholder{max-width:280px;margin:0 auto}.project-hero{min-height:50vh}}@media(max-width:480px){.highlights-grid{grid-template-columns:1fr}.top-features-grid{grid-template-columns:repeat(2,1fr)}.project-hero-content{padding:var(--space-xl) var(--space-md)}.feature-showcase{padding:var(--space-lg)}.feature-showcase-phone,.feature-showcase-placeholder{max-width:220px}}@media(hover:none){.highlight-card:hover{border-color:var(--color-border)}.top-feature-card:hover{transform:none;border-color:var(--color-border)}}