*{margin:0;padding:0;box-sizing:border-box} :root{--terracotta:#C87B5A;--cream:#FFFBF5;--charcoal:#1A1A1A;--text:#2B1D14;--green:#25D366} body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--cream);color:var(--text);line-height:1.5;padding-bottom:96px} img{display:block;width:100%} .header{display:flex;justify-content:center;align-items:center;padding:14px 5%;background:white;box-shadow:0 1px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:10} .header img{height:52px;width:auto;object-fit:contain} .trust-strip{background:#1A1A1A;color:#F6F1EB;text-align:center;font-size:11px;font-weight:700;letter-spacing:.3px;padding:10px 12px} .hero{position:relative;overflow:hidden} .hero img{height:60vh;min-height:400px;object-fit:cover} .hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.2) 60%,rgba(0,0,0,0) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 18px} .hero h1{color:white;font-size:28px;line-height:1.15;font-weight:800;margin-bottom:8px} .hero p{color:#F0E6DC;font-size:13px;line-height:1.4;max-width:30ch} .section{padding:26px 16px} .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center} .benefit{background:white;border-radius:16px;padding:14px 8px;box-shadow:0 2px 12px rgba(0,0,0,.05)} .benefit span{width:40px;height:40px;margin:0 auto 8px;background:#FBE9E1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px} .benefit h4{font-size:12px;font-weight:700} .benefit p{font-size:10px;color:#6B5A4F} .section-title{font-size:21px;font-weight:800;margin-bottom:6px} .section-sub{font-size:12px;color:#6B5A4F;margin-bottom:16px} .products{display:grid;grid-template-columns:1fr 1fr;gap:10px} .product{background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06);border:1px solid #F0E6DC} .product img{height:108px;object-fit:cover} .product div{padding:10px} .product h4{font-size:12px;font-weight:700;line-height:1.2} .product p{font-size:11px;color:#6B5A4F;margin-top:3px;line-height:1.35} .product.full{grid-column:1/-1} .product.full img{height:136px} .materials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px} .mat{background:white;border:1px solid #F0E6DC;border-radius:14px;padding:11px} .mat h5{font-size:11px;font-weight:700} .mat p{font-size:10px;color:#6B5A4F;margin-top:2px} .why{background:#1A1A1A;color:#F6F1EB;border-radius:20px;padding:20px 16px;margin-top:12px} .why h3{font-size:17px;font-weight:800;margin-bottom:10px} .why li{font-size:12px;margin:7px 0 0 18px;color:#E8DDD4} .footer{padding:18px 16px 110px;text-align:center;font-size:10px;color:#8A7A6F;background:white;border-top:1px solid #F0E6DC} .sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:white;border-top:1px solid #E8DDD4;padding:10px 12px;display:flex;gap:10px;box-shadow:0 -8px 24px rgba(0,0,0,.1)} .sticky-bar a{flex:1;text-decoration:none;text-align:center;font-weight:800;font-size:13px;padding:14px 8px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:6px} .sticky-call{background:#1A1A1A;color:white} .sticky-wa{background:#25D366;color:white} .sticky-bar.hidden{display:none} .icon{width:18px;height:18px;fill:white;flex-shrink:0}