:root { --ink:#101010; --paper:#f5f5f0; --muted:#626262; --line:#cfcfc8; --accent:#df5538; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.bar { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:18px clamp(18px,5vw,76px); border-bottom:1px solid var(--ink); background:var(--paper); }
.brand { font-weight:950; letter-spacing:-.04em; font-size:20px; }
.back { font-size:12px; font-weight:900; text-transform:uppercase; }
main { max-width:1240px; margin:auto; padding:clamp(44px,8vw,118px) clamp(18px,5vw,76px); }
.eyebrow { display:block; margin-bottom:20px; color:var(--accent); font-size:12px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
h1 { max-width:930px; margin:0; font-size:clamp(50px,9vw,124px); line-height:.85; letter-spacing:-.075em; }
.lead { max-width:760px; margin:34px 0 0; font-size:clamp(19px,2.3vw,29px); line-height:1.24; font-weight:650; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }
.button { border:1px solid var(--ink); padding:15px 18px; font-size:13px; font-weight:950; text-transform:uppercase; }
.button.primary { background:var(--ink); color:#fff; }
.button:hover { background:var(--accent); border-color:var(--accent); color:#fff; }
.block { margin-top:clamp(65px,11vw,130px); padding-top:18px; border-top:2px solid var(--ink); }
h2 { max-width:800px; margin:0 0 30px; font-size:clamp(30px,5vw,58px); letter-spacing:-.055em; line-height:.95; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); border-left:1px solid var(--line); }
.card { min-height:220px; padding:22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.card strong { display:block; margin-bottom:14px; font-size:19px; }
.card p { margin:0; color:var(--muted); line-height:1.5; font-size:15px; }
.quote { max-width:900px; padding:clamp(28px,5vw,56px); background:var(--ink); color:#fff; font-size:clamp(27px,4.5vw,56px); font-weight:900; line-height:.96; letter-spacing:-.05em; }
.quote span { display:block; margin-top:22px; color:#bbb; font-size:13px; font-weight:700; letter-spacing:0; }
.footer { padding:22px clamp(18px,5vw,76px); background:var(--ink); color:#d0d0d0; font-size:12px; font-weight:800; text-transform:uppercase; }
@media (max-width:760px) { .grid { grid-template-columns:1fr; } .bar { align-items:flex-start; flex-direction:column; } }