:root{--cyan:#70d7de;--peach:#ffc5a3;--yellow:#f3cd55;--paper:#fcfbfd}
header{border-bottom:6px solid var(--mint);background:#f0eaf5}
.header{flex-direction:column;align-items:center;gap:26px;padding-top:34px;padding-bottom:24px}
.brand{width:min(680px,85%);flex:none}
.brand img{height:auto;width:100%}
nav{justify-content:center;gap:10px 16px;width:100%}
nav a{padding:6px 12px;border-radius:4px}
nav a:hover,nav a[aria-current=page]{background:var(--purple);color:white}
nav a[href='webshop.html']{background:var(--purple);color:white}
.hero{position:relative;background:linear-gradient(120deg,#f0eaf5 0%,#faf6f6 65%,#fff0e3 100%);gap:40px;border-radius:0 0 12px 12px}
.button{box-shadow:4px 4px 0 var(--mint)}
.workshop-photo{border:0;box-shadow:9px 9px 0 var(--mint)}
.workshop-photo figcaption{background:#e4f2ea;color:var(--ink)}
.strip{padding:26px 0;font-size:14px;font-weight:700;letter-spacing:1.5px}
.strip .wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 22px}
.strip span{display:inline-flex;align-items:center;gap:22px}
.strip span::before{content:'✦';color:var(--mint);font-size:26px;line-height:1}
.services article{padding:26px;border-radius:6px;background:#e4f2ea}
.services article:nth-child(2){background:#fce8f0}
.services article:nth-child(3){background:#e5f6f8}
.services article:nth-child(4){background:#f0e8f5}
.services p{color:var(--ink)}
.machine{border-radius:6px}
.machine-grid .machine:first-child{background:#f0f8f4}
.machine-grid .machine:nth-child(2){background:#fff0f5}
.machine-grid .machine:nth-child(3),.machine-grid .machine:nth-child(4){background:#f0fafb}
.about{background:#f0eaf5;border-radius:8px;border-bottom:0}
.references article{background:white;padding:14px;border-radius:6px;border-bottom:4px solid var(--mint)}
.references article:nth-child(2){border-color:var(--pink)}
.references article:nth-child(3){border-color:var(--cyan)}
.references article:nth-child(4){border-color:var(--peach)}
.contact{background:#fff0e3;border-radius:8px;border-bottom:0}
footer{border-top:6px solid var(--mint);margin-top:36px}
.shop-intro{padding-top:58px;padding-bottom:38px;max-width:850px}
.shop-intro h1{font-size:clamp(40px,6vw,64px)}
.status{display:inline-block;padding:4px 12px;background:#fff2b3;border-radius:4px;color:var(--ink);font-size:13px;font-weight:700;margin-bottom:20px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:50px}
.product-card{border-top:5px solid var(--mint);background:#e4f2ea;padding:28px 24px;border-radius:6px}
.product-card:nth-child(2){background:#fce8f0;border-color:var(--pink)}
.product-card:nth-child(3){background:#e5f6f8;border-color:var(--cyan)}
.product-card .number{font-size:48px;line-height:1;color:var(--purple);font-weight:700;margin-bottom:28px}
.product-card h2{font-size:24px;letter-spacing:-.5px;margin-bottom:16px}
.product-card p{font-size:15px;margin:0}
.shop-more{background:#fff0e3;border-radius:6px;padding:30px;margin-bottom:45px}
.shop-more h2{font-size:28px}
@media(max-width:760px){.header{padding-top:24px;gap:20px}.brand{width:100%}nav{gap:6px;font-size:13px}nav a{padding:6px 8px}.hero{gap:32px;padding-bottom:48px}h1{font-size:clamp(37px,10.5vw,48px);letter-spacing:-1.4px}.strip{font-size:12px;padding:23px 0;letter-spacing:1px}.strip .wrap{gap:14px 18px}.strip span{gap:14px}.strip span::before{font-size:23px}.services article{padding:22px}.about,.contact{border-radius:0}.product-grid{grid-template-columns:1fr}.shop-intro{padding-top:38px}.product-card .number{font-size:36px;margin-bottom:20px}.shop-more{margin-left:5%;margin-right:5%}}