:root{--accent:#ff9f1a;--accent-hover:#ffb13b}.project-mochi .showcase-shell{--bg:#07090d;--bg-raised:#0d1118;--surface:#111722;--surface-2:#151d2a;--text:#f5f0e8;--text-2:#a8afba;--text-3:#687280;--accent:#ff9f1a;--accent-dim:#ff9f1a1f;--accent-soft:#ff9f1a0f;--cyan:#61d9ff;--cyan-soft:#61d9ff1a;--amber-line:#ff9f1a47;--border:#ffffff14;--border-2:#ffffff29;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;background:#07090d}.project-mochi .showcase-shell ::selection{background:#ff9f1a42}.project-mochi .showcase-shell .nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07090deb;border-bottom-color:#ffffff0f}.project-mochi .showcase-shell .nav.scrolled{border-color:#ffffff1a}.project-mochi .showcase-shell .nav-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07090de0}.project-mochi .showcase-shell .btn-primary{color:#11100c;box-shadow:none;background:#ff9f1a}.project-mochi .showcase-shell .btn-primary:hover{box-shadow:none;background:#ffb13b}.project-mochi .showcase-shell .btn-ghost{background:0 0;border-color:#ffffff1f}.project-mochi .showcase-shell .hero{text-align:left;padding:5.6rem 0 1.5rem}.project-mochi .showcase-shell .mochi-hero-grid{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/38px 38px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/38px 38px,radial-gradient(circle at 8% 18%,#ff9f1a29,#0000 22rem),radial-gradient(circle at 85% 8%,#61d9ff1f,#0000 24rem),#0a0d12;border-radius:16px;grid-template-columns:minmax(14rem,.34fr) minmax(0,.66fr);align-items:end;gap:clamp(1.75rem,4vw,3.75rem);min-height:min(34rem,100vh - 7.5rem);padding:clamp(1.65rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.project-mochi .showcase-shell .hero-copy{z-index:1;max-width:22rem;position:relative}.project-mochi .showcase-shell .hero-mark{margin-bottom:1.1rem;display:block}.project-mochi .showcase-shell .hero-mark img{border-radius:12px;width:3.25rem;height:3.25rem}.project-mochi .showcase-shell .hero-h1{max-width:none;margin:0 0 .75rem;font-size:clamp(4.5rem,11vw,8rem);line-height:.88}.project-mochi .showcase-shell .hero-tagline{color:var(--text);font-family:var(--font-display);margin:0 0 1.35rem;font-size:clamp(1.2rem,2.4vw,1.7rem);font-weight:650;line-height:1.1}.project-mochi .showcase-shell .hero-actions{justify-content:flex-start;margin-bottom:0}.project-mochi .showcase-shell .hero-screen{z-index:1;align-self:end;margin:0;padding:0;position:relative}.project-mochi .showcase-shell .hero-lab{display:grid}.project-mochi .showcase-shell .hero-terminal,.project-mochi .showcase-shell .interface-row,.project-mochi .showcase-shell .workflow-item,.project-mochi .showcase-shell .tech-block,.project-mochi .showcase-shell .tech-note{box-shadow:none}.project-mochi .showcase-shell .hero-terminal{background:0 0;border:0;border-radius:0;overflow:hidden}.project-mochi .showcase-shell .hero-img{object-fit:contain;object-position:center;background:0 0;width:100%;max-width:none;height:auto}.project-mochi .showcase-shell .section{padding:clamp(3.75rem,7vw,5.75rem) 0}.project-mochi .showcase-shell .section+.section{border-top-color:#ffffff0f}.project-mochi .showcase-shell .section-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.project-mochi .showcase-shell .section-title{max-width:13ch}.project-mochi .showcase-shell .section-desc{max-width:27rem}.project-mochi .showcase-shell .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.project-mochi .showcase-shell .feature-card{border-radius:var(--radius-lg);background:#0d1118;border:0;min-width:0;padding:1.15rem}.project-mochi .showcase-shell .feature-card:nth-child(4){background:#15110d}.project-mochi .showcase-shell .feature-top{justify-content:flex-start;align-items:center;gap:.8rem;margin-bottom:.95rem;display:flex}.project-mochi .showcase-shell .feature-icon{border-radius:var(--radius-md);width:2rem;height:2rem;color:var(--cyan);background:var(--cyan-soft);justify-content:center;align-items:center;display:flex}.project-mochi .showcase-shell .feature-icon svg{width:1rem;height:1rem}.project-mochi .showcase-shell .feature-card h3{color:var(--text);font-family:var(--font-display);margin-bottom:.45rem;font-size:1.05rem;font-weight:650;line-height:1.2}.project-mochi .showcase-shell .feature-card p{color:var(--text-2);font-size:.88rem;line-height:1.55}.project-mochi .showcase-shell .gallery-header{margin-bottom:2rem}.project-mochi .showcase-shell .interface-list{gap:clamp(2.5rem,5vw,4.75rem);display:grid}.project-mochi .showcase-shell .interface-row{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);min-width:0;display:grid}.project-mochi .showcase-shell .interface-row.is-reversed .gallery-shot{order:2}.project-mochi .showcase-shell .interface-row.is-reversed .interface-copy{order:1}.project-mochi .showcase-shell .gallery-shot{background:0 0;border-radius:8px;overflow:hidden}.project-mochi .showcase-shell .gallery-shot img{background:0 0;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:min(54vh,28rem);margin-inline:auto}.project-mochi .showcase-shell .interface-copy{max-width:25rem}.project-mochi .showcase-shell .interface-copy .label{margin-bottom:.45rem}.project-mochi .showcase-shell .interface-copy h3{color:var(--text);font-family:var(--font-display);margin-bottom:.55rem;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:650;line-height:1.15}.project-mochi .showcase-shell .interface-copy p{color:var(--text-2);font-size:.95rem;line-height:1.6}.project-mochi .showcase-shell .workflow-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.project-mochi .showcase-shell .workflow-item{border-radius:var(--radius-lg);background:#0d1118;border:0;min-width:0;padding:1rem}.project-mochi .showcase-shell .workflow-item span{color:var(--accent);font-family:var(--font-mono);font-size:.7rem}.project-mochi .showcase-shell .workflow-item h3{color:var(--text);font-family:var(--font-display);margin:.5rem 0 .35rem;font-size:1rem;line-height:1.2}.project-mochi .showcase-shell .workflow-item p{color:var(--text-2);font-size:.83rem;line-height:1.5}.project-mochi .showcase-shell .tech-inner{margin-top:2rem}.project-mochi .showcase-shell .tech-block,.project-mochi .showcase-shell .tech-note{background:#0d1118;border:0}.project-mochi .showcase-shell .tech-note strong{color:#ffd28b}.project-mochi .showcase-shell .cta,.project-mochi .showcase-shell .footer{border-top-color:#ffffff0f}@media (max-width:900px){.project-mochi .showcase-shell .hero{padding-top:6.5rem}.project-mochi .showcase-shell .mochi-hero-grid,.project-mochi .showcase-shell .section-heading{grid-template-columns:1fr;align-items:start;display:grid}.project-mochi .showcase-shell .mochi-hero-grid{min-height:auto}.project-mochi .showcase-shell .hero-h1{font-size:clamp(4rem,18vw,7rem)}.project-mochi .showcase-shell .feature-grid,.project-mochi .showcase-shell .workflow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.project-mochi .showcase-shell .interface-row,.project-mochi .showcase-shell .interface-row.is-reversed{grid-template-columns:1fr;gap:1rem}.project-mochi .showcase-shell .interface-row.is-reversed .gallery-shot,.project-mochi .showcase-shell .interface-row.is-reversed .interface-copy{order:initial}}@media (max-width:640px){.project-mochi .showcase-shell .hero-h1{font-size:4.25rem}.project-mochi .showcase-shell .feature-grid,.project-mochi .showcase-shell .workflow-strip,.project-mochi .showcase-shell .interface-list{grid-template-columns:1fr}.project-mochi .showcase-shell .hero-img{height:auto}}