@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--y:#FFD23F;--k:#111;--r:#E63B2E;--w:#fff}
*{margin:0;box-sizing:border-box}body{font-family:'Space Grotesk',sans-serif;color:var(--k);background:var(--y);line-height:1.5}
a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 32px}
h1,h2,h3{font-family:'Archivo Black',sans-serif;text-transform:uppercase;line-height:1}
nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}nav .links a{margin-left:24px;text-decoration:none;font-weight:500}
.logo{display:flex;align-items:center;gap:10px;font-family:'Archivo Black';font-size:22px;text-decoration:none}.logo i{width:38px;height:38px;background:var(--k);display:grid;place-items:center;color:var(--y);font-style:normal}
.btn{display:inline-block;background:var(--r);color:#fff;font-weight:700;padding:16px 26px;border:2px solid var(--k);box-shadow:4px 4px 0 var(--k);text-decoration:none}
.btn.alt{background:#25D366;color:var(--k)}
.hero{padding:50px 0 70px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero h1{font-size:68px}.hero p{font-size:20px;margin:22px 0 30px;max-width:560px}
.badge{display:inline-block;background:var(--k);color:var(--y);padding:6px 12px;font-weight:700;font-size:13px;letter-spacing:2px;margin-bottom:18px}
.phone{background:#fff;border:2px solid var(--k);box-shadow:8px 8px 0 var(--k);padding:22px}.phone .s{background:#f1f1f1;padding:12px;margin:10px 0;font-size:15px}.phone .s b{color:var(--r)}
section{padding:70px 0}section.dark{background:var(--k);color:#fff}section.white{background:#fff}
h2{font-size:44px;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;color:var(--k);border:2px solid var(--k);box-shadow:6px 6px 0 var(--k);padding:24px}.card h3{font-size:20px;margin-bottom:10px}
.dark .card{box-shadow:6px 6px 0 var(--y)}
.num{font-family:'Archivo Black';font-size:42px;color:var(--r)}
.price{font-family:'Archivo Black';font-size:38px;margin:8px 0}.price small{font-size:15px;font-family:'Space Grotesk'}
.card ul{padding-left:18px;margin:10px 0 0}.card.hot{background:var(--k);color:#fff}.card.hot .price{color:var(--y)}
.tag{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--r)}
.care{margin-top:26px;border:2px dashed var(--k);padding:18px;font-size:17px}
.work a{text-decoration:none}.work .thumb{height:170px;margin:-24px -24px 18px;border-bottom:2px solid var(--k);display:grid;place-items:center;font-family:'Archivo Black';font-size:26px;color:#fff;text-align:center;padding:10px}
details{background:#fff;border:2px solid var(--k);padding:18px;margin-bottom:12px}summary{font-weight:700;cursor:pointer;font-size:18px}details p{margin-top:10px}
.contact{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}
footer{padding:30px 0;font-size:14px}
@media(max-width:860px){.hero,.grid,.grid4{grid-template-columns:1fr}.hero h1{font-size:44px}h2{font-size:32px}nav .links{display:none}.hero{padding:20px 0 40px}}