:root { --bg:#f4f1ea; --surface:#fff; --ink:#111; --muted:#6b6862; --accent:#ff4a2f; --border:#d8d3ca; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:"Manrope",sans-serif; }
a { color:inherit; }
header, footer, main { width:min(960px, calc(100% - 40px)); margin:0 auto; }
header { display:flex; align-items:center; justify-content:space-between; padding:28px 0; border-bottom:1px solid var(--border); }
header a:first-child { font-size:22px; font-weight:700; text-decoration:none; }
header a:last-child { padding:12px 18px; border-radius:999px; color:var(--bg); background:var(--accent); font-size:14px; font-weight:600; text-decoration:none; }
main { padding:96px 0 120px; }
.label { color:var(--accent); font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
h1 { max-width:800px; margin:20px 0 0; font-size:clamp(48px,7vw,80px); line-height:1; letter-spacing:-.045em; }
.lead { max-width:720px; margin:32px 0 72px; color:var(--muted); font-size:22px; line-height:1.5; }
section { display:grid; grid-template-columns:280px 1fr; gap:48px; padding:32px 0; border-top:1px solid var(--border); }
section h2 { margin:0; font-size:20px; line-height:1.35; }
section p { margin:0; color:var(--muted); font-size:16px; line-height:1.65; }
aside { margin-top:48px; padding:24px; border-radius:16px; color:var(--bg); background:var(--ink); font-size:14px; line-height:1.6; }
footer { display:flex; justify-content:space-between; padding:28px 0; border-top:1px solid var(--border); color:var(--muted); font-size:14px; }
@media(max-width:680px){ main{padding:64px 0 80px} section{grid-template-columns:1fr;gap:14px} footer{flex-direction:column;gap:12px} }