:root{
 --bg:#f6f4ef;
 --panel:#ffffff;
 --text:#1e1f1c;
 --muted:#5e615b;
 --line:#d9d9d2;
}
*{box-sizing:border-box}
body{
 margin:0;
 background:var(--bg);
 color:var(--text);
 font-family:Georgia,"Times New Roman",serif;
}
.wrap{
 max-width:1100px;
 margin:auto;
 padding:40px 20px 70px;
}
header{
 display:flex;
 justify-content:space-between;
 align-items:center;
 margin-bottom:30px;
}
.brand{
 font-size:30px;
 letter-spacing:.04em;
}
nav a{
 margin-left:20px;
 text-decoration:none;
 color:var(--muted);
 font-family:Arial,Helvetica,sans-serif;
 font-size:14px;
}
.hero,.panel{
 background:var(--panel);
 border:1px solid var(--line);
 border-radius:20px;
 padding:40px 30px;
 margin-bottom:25px;
}
.hero h1{font-size:44px;margin:0 0 12px}
.panel h2{font-size:30px;margin:0 0 12px}
.hero p,.panel p{
 color:var(--muted);
 font-family:Arial,Helvetica,sans-serif;
 line-height:1.6;
}
.grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
 gap:18px;
}
.card{
 background:var(--panel);
 border:1px solid var(--line);
 border-radius:18px;
 padding:22px;
}
.card h3{margin:0 0 8px;font-size:22px}
footer{
 color:var(--muted);
 font-family:Arial,Helvetica,sans-serif;
 margin-top:20px;
}