:root{--bg:#0e1c24;--paper:#f3f1eb;--ink:#12202a;--muted:#5b6b74;--accent:#2f6f7e;--line:rgba(18,32,42,.12)}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem}
.top{background:var(--bg);color:#f4f0e6}.bar{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}nav{display:flex;gap:1rem;font-size:.9rem}
.hero{padding:5.5rem 0 4rem;background:linear-gradient(120deg,#0e1c24 0%,#1d3d48 55%,#c4a574 160%);color:#f7f3ea}
.hero h1{font-size:clamp(2.2rem,5vw,3.8rem);max-width:16ch}.btn{display:inline-block;margin-top:1rem;background:#c4a574;color:#1a140c;padding:.75rem 1.15rem;font-weight:600}
section{padding:4rem 0}h2{font-size:1.8rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid var(--line);padding:1.1rem}.price{color:var(--accent);font-weight:700}
.foot{background:var(--bg);color:#d7e0e4;padding:2rem 0}form{display:grid;gap:.7rem;max-width:32rem}input,textarea,select{padding:.7rem;border:1px solid var(--line);font:inherit}
@media(max-width:700px){nav{display:none}}