*{box-sizing:border-box}body{margin:0;font-family:"Trebuchet MS",Verdana,sans-serif;color:#1f2a33;background:#fbfbf8;line-height:1.6}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{background:#fff;border-bottom:1px solid #dfe5ea}header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:64px;flex-wrap:wrap;gap:8px}
.logo{font-weight:700;color:#1f4e79;text-decoration:none;font-size:20px;letter-spacing:.3px}nav a{margin-left:18px;color:#4d5b66;text-decoration:none}nav a:hover{color:#1f4e79}
.hero{padding:64px 0 32px}.hero h1{font-size:34px;margin:0 0 12px;color:#1f4e79}.hero p{font-size:18px;color:#4d5b66;max-width:680px}.hero .muted{font-size:14px;color:#8a96a0}
.btn{display:inline-block;margin-top:12px;background:#1f4e79;color:#fff;padding:10px 22px;border-radius:14px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding-bottom:64px}
.grid div{background:#fff;border:1px solid #dfe5ea;border-radius:14px;padding:22px}
.grid h3{color:#1f4e79;margin-top:0}.grid a{color:#1f4e79}
.timeline{max-width:720px;margin:0 0 64px 8px;border-left:3px solid #1f4e79}
.timeline .item{display:flex;gap:20px;padding:0 0 28px 24px;position:relative}
.timeline .item:before{content:"";position:absolute;left:-9px;top:6px;width:15px;height:15px;border-radius:50%;background:#fbfbf8;border:3px solid #1f4e79}
.timeline .year{flex:0 0 96px;font-weight:700;color:#1f4e79}
.timeline h3{margin:0 0 6px}.timeline p{margin:0;color:#4d5b66}
.steps{max-width:720px}
.step{display:flex;gap:18px;padding:16px 0;border-bottom:1px dashed #d5dde3}
.step b{flex:0 0 40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1f4e79;color:#fff;border-radius:14px}
.step h3{margin:0 0 4px}.step p{margin:0;color:#4d5b66}
.note{max-width:720px;padding:32px 0 64px}.note h2{color:#1f4e79}.note p{font-size:17px;color:#4d5b66}
.dishes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding-bottom:64px}
.dish{background:#fff;border:1px solid #dfe5ea;border-radius:14px;padding:22px}
.dish h3{color:#1f4e79;margin:0 0 8px;font-size:18px}.dish p{margin:0;color:#4d5b66}
@media(max-width:600px){nav a{margin:0 14px 0 0}.timeline .item{flex-direction:column;gap:4px}}
footer{border-top:1px solid #dfe5ea;padding:24px 0;color:#8a96a0;font-size:14px}