:root{--ink:#171714;--paper:#f4f0e6;--orange:#e45b2c;--line:#cbc4b4;--muted:#655f54}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}header,main,footer{max-width:1180px;margin:auto}header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px}.brand{font:900 20px/1 monospace;letter-spacing:.05em;color:inherit;text-decoration:none}.brand span{color:var(--orange)}.text-link,footer a{color:inherit}.hero{min-height:610px;display:grid;grid-template-columns:1.45fr .75fr;align-items:center;gap:70px;padding:80px 24px}.eyebrow{font:700 12px/1.3 monospace;letter-spacing:.14em;color:var(--orange)}h1{font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-.06em;margin:24px 0}h1 em{font-style:normal;color:var(--orange)}.lede{max-width:650px;font-size:21px;line-height:1.55;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-block;border:1px solid var(--ink);padding:17px 22px;color:inherit;text-decoration:none;font-weight:800}.button.primary{background:var(--ink);color:#fff}.button:hover{transform:translateY(-2px)}.fine{font-size:13px;color:var(--muted)}.panel{background:var(--ink);color:#fff;padding:34px}.panel dl{margin:0}.panel dl div{display:flex;justify-content:space-between;align-items:baseline;padding:21px 0;border-bottom:1px solid #3a3934}.panel dt{font-size:36px;font-weight:900}.panel dd{color:#bab6aa}.features{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.features article{padding:40px 24px;border-right:1px solid var(--line)}.features b{font-family:monospace;color:var(--orange)}.features h2{font-size:20px}.features p,.offer p,footer p{color:var(--muted);line-height:1.55}.offer{margin:70px 24px;background:#ded6c4;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:40px}.offer div{max-width:680px}.offer h2{font-size:40px;margin:10px 0}footer{padding:30px 24px 55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;font-size:13px}footer p{max-width:700px;margin:0}footer nav{display:flex;gap:18px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:50px}.features{grid-template-columns:1fr 1fr}.offer,footer{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.features{grid-template-columns:1fr}.hero{gap:35px}.offer{margin:35px 16px;padding:30px}h1{font-size:52px}}
