*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#141210;color:#ece7df;font:16px/1.65 "Helvetica Neue",Arial,sans-serif}
a{color:#d9a441;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1000px;margin:0 auto;padding:0 24px}
header{padding:20px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2620}
.logo{font-weight:700;font-size:17px;letter-spacing:.02em}.logo span{color:#d9a441}
nav a{color:#b3aa9c;font-size:14px;margin-left:22px}
.hero{padding:64px 0 40px;max-width:640px}
h1{font-size:40px;line-height:1.12;letter-spacing:-.02em;margin:0 0 18px;font-weight:600}
.hero p{font-size:18px;color:#b3aa9c;margin:0 0 24px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#2a2620;border-radius:10px;overflow:hidden;margin:10px 0 40px}
.cell{aspect-ratio:1;background:linear-gradient(135deg,#3a332a,#6b5636)}
.cell:nth-child(2){background:linear-gradient(135deg,#4a4030,#8a6a2e)}
.cell:nth-child(3){background:linear-gradient(135deg,#2f2a22,#d9a441)}
.cell:nth-child(4){background:linear-gradient(135deg,#5a4a34,#3a332a)}
.cell:nth-child(5){background:linear-gradient(135deg,#6b5636,#2f2a22)}
.cell:nth-child(6){background:linear-gradient(135deg,#8a6a2e,#4a4030)}
h2{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#8a8172;margin:44px 0 16px}
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc div h3{margin:0 0 6px;font-size:17px}.svc div p{margin:0;color:#b3aa9c;font-size:14.5px}
table{border-collapse:collapse;width:100%;font-size:14.5px;margin:6px 0 20px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #2a2620}
th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8a8172}
td.n{text-align:right;white-space:nowrap}
p{margin:0 0 15px}
footer{border-top:1px solid #2a2620;margin-top:56px;padding:22px 0 44px;color:#8a8172;font-size:13px}
@media(max-width:820px){.grid,.svc{grid-template-columns:1fr 1fr}h1{font-size:30px}}