.ethos-text flex: 1;
.product-info padding: 1.5rem;
.copyright text-align: center; margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid #2c2c3a; font-size: 0.75rem; color: #9898a5; zentlemen.vn
.hero-image flex: 1; background: linear-gradient(135deg, #e3dacf, #f3ede4); border-radius: 32px; min-height: 380px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; box-shadow: 0 20px 35px -12px rgba(0,0,0,0.05);
/* product showcase */ .showcase padding: 5rem 0; .ethos-text flex: 1
/* footer */ footer background: var(--deep-charcoal); color: #dddcdc; padding: 3rem 0 2rem; border-radius: 32px 32px 0 0; margin-top: 1rem;
.ethos-text p font-size: 1.05rem; line-height: 1.5; margin: 1rem 0 1.5rem; color: #2d2d38; .product-info padding: 1.5rem
/* features grid */ .features padding: 5rem 0; background-color: var(--cream); border-radius: 48px 48px 0 0; margin-top: 1rem;
/* hero section */ .hero padding: 4rem 0 5rem 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 3rem;
.btn-outline:hover background: var(--deep-charcoal); color: white; transform: translateY(-2px);
.ethos-quote i font-size: 1.2rem; font-weight: 400; color: #1e1e2a;