*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.5}body{margin:0;color:#111}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1120px,90%);margin-inline:auto}.header{position:-webkit-sticky;position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}.header__inner{justify-content:space-between;padding:.75rem 0}.header__inner,.logo{display:flex;align-items:center}.logo{gap:.5rem;font-weight:700}.nav{display:flex;gap:1rem;align-items:center}.nav a{color:#444}.nav__toggle{display:none;background:none;border:none;font-size:1.25rem}.btn{border:1px solid #111;color:#fff;padding:.6rem 1rem;border-radius:.5rem;cursor:pointer}.btn,.btn--primary{background:#111}.btn--ghost,.btn--secondary{background:#fff;color:#111}.btn--secondary{border:1px solid #111}.btn:hover{opacity:.9}.hero{padding:3.5rem 0}.hero__inner{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:2rem;gap:2rem;align-items:center}.hero h1{font-size:2.2rem;margin:.25rem 0}.hero p{color:#444;margin:0 0 1rem}.hero__actions{display:flex;gap:.75rem;flex-wrap:wrap}.section{padding:2.5rem 0}.section--alt{background:#fafafa}.section__head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section__head h2{margin:0}.muted{color:#666}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid #eee;border-radius:.75rem;overflow:hidden;background:#fff;display:flex;flex-direction:column}.card img{aspect-ratio:4/3;object-fit:cover;background:#f3f3f3}.card__body{padding:1rem;display:grid;grid-gap:.5rem;gap:.5rem}.price{font-weight:700}.contact{display:grid;grid-gap:.75rem;gap:.75rem;max-width:560px}.contact input,.contact textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:.5rem}.footer{border-top:1px solid #eee;background:#fff}.footer__inner{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0}@media (max-width:900px){.hero__inner{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.nav{display:none}.nav__toggle{display:block}.products{grid-template-columns:1fr}}