:root{--bg: #f3f4f6;--card: #ffffff;--text-main: #111827;--text-muted: #6b7280;--border: #e5e7eb;--accent: #b91c1c}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-main);overflow:hidden}#root{height:100%}.page{height:100vh;display:grid;grid-template-rows:auto 1.7fr 1.3fr}.header{display:grid;grid-template-columns:1.3fr 2fr 1.3fr;align-items:center;padding:10px 32px;border-bottom:1px solid var(--border);background:#f9fafb}.header-left{display:flex;align-items:center;gap:10px}.logo{width:46px;height:46px;border-radius:50%;object-fit:contain}.brand-block{display:flex;flex-direction:column}.brand-name{font-size:20px;font-weight:600}.header-center{text-align:center}.header-title{font-size:20px;font-weight:700;letter-spacing:.18em}.header-subtitle{margin-top:2px;font-size:12px;color:var(--text-muted)}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px}.header-email{color:var(--text-main);text-decoration:none}.header-email:hover{text-decoration:underline}.showcase{padding:10px 32px 6px;min-height:0}.showcase-inner{height:100%;background:var(--card);border-radius:12px;border:1px solid var(--border);position:relative;overflow:hidden;padding:12px}.products-grid{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:10px}.product-card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden;box-shadow:0 4px 10px #0f172a0f}.product-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px}.overlay-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:18px;pointer-events:none}.overlay-line{font-size:52px;font-weight:900;color:#d92020;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 3px 8px rgba(0,0,0,.25)}.machine-strip{padding:4px 32px 14px;min-height:0;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.machine-image{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:10px;background:#f9fafb;border:1px solid var(--border);box-shadow:0 6px 16px #0f172a14}@media(max-width:1024px){.header{padding:8px 20px;grid-template-columns:1.2fr 2fr 1.2fr}.showcase{padding:8px 20px 4px}.machine-strip{padding:4px 20px 10px}.overlay-line{font-size:34px}}@media(max-width:800px){body{overflow:auto}.page{height:auto;grid-template-rows:auto auto auto}.header{padding:8px 16px;grid-template-columns:1fr;row-gap:6px;text-align:center;justify-items:center}.header-left{justify-content:center}.header-right{align-items:center}.showcase{padding:8px 16px 4px}.machine-strip{padding:0 16px 10px}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overlay-line{font-size:32px}.overlay-text{justify-content:center;padding-bottom:0}}