.hero-minimal{min-height:60vh;padding-top:10rem}.product-showcase{padding:var(--spacing-xl) 0;position:relative;overflow:hidden}.product-showcase:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,102,255,.05) 0%,transparent 50%);transform:translate(-50%,-50%);pointer-events:none}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.product-reverse .product-grid{direction:rtl}.product-reverse .product-content,.product-reverse .product-visual{direction:ltr}.product-content{position:relative;z-index:2}.product-badge{display:inline-block;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.product-title{font-family:var(--font-display);font-size:clamp(3rem,5vw,4rem);font-weight:400;margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.product-tagline{font-size:1.5rem;font-weight:300;color:var(--color-light-gray);margin-bottom:var(--spacing-md);line-height:1.4}.product-description{font-size:1.1rem;line-height:1.8;color:#fffc;margin-bottom:var(--spacing-lg)}.feature-list{margin-bottom:var(--spacing-lg)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:1rem;color:#ffffffe6}.feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#06f3;color:var(--color-accent);border-radius:50%;font-size:.8rem;font-weight:700}.product-visual{position:relative;display:flex;align-items:center;justify-content:center}.product-mockup{width:100%;max-width:600px;position:relative;transform:perspective(1000px) rotateY(-5deg);transition:var(--transition-smooth)}.product-mockup:hover{transform:perspective(1000px) rotateY(0) scale(1.05)}.mockup-browser{background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #00000080}.browser-bar{background:#1e1e1ef2;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.browser-dots{display:flex;gap:.5rem}.browser-dots span{width:12px;height:12px;border-radius:50%;background:#fff3}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#28ca42}.browser-content{padding:var(--spacing-md);min-height:400px;background:linear-gradient(135deg,rgba(0,102,255,.05) 0%,transparent 100%)}.code-editor{font-family:Monaco,Courier New,monospace;font-size:.9rem;line-height:1.6}.code-editor pre{margin:0}.code-editor code{color:#ffffffe6}.code-editor .keyword{color:#ff79c6}.code-editor .function{color:#50fa7b}.code-editor .string{color:#f1fa8c}.product-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);max-width:400px;margin:0 auto}.metric-card{background:#ffffff05;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:var(--spacing-md);text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,102,255,.1) 0%,transparent 100%);opacity:0;transition:var(--transition-primary)}.metric-card:hover{transform:translateY(-5px);border-color:#0066ff4d}.metric-card:hover:before{opacity:1}.metric-value{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#06f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:.9rem;color:var(--color-light-gray);text-transform:uppercase;letter-spacing:.05em}.cta-section{background:linear-gradient(180deg,transparent 0%,rgba(0,102,255,.02) 100%);text-align:center;padding:var(--spacing-xl) 0}.cta-content{max-width:800px;margin:0 auto}@media (max-width: 1024px){.product-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.product-reverse .product-grid{direction:ltr}.product-mockup{transform:none}.product-mockup:hover{transform:scale(1.02)}}@media (max-width: 768px){.product-metrics{grid-template-columns:1fr;max-width:300px}.product-title{font-size:2.5rem}.product-tagline{font-size:1.2rem}}
