/* site de918479 */
:root { --bg:#f4f1ea; --text:#171717; --accent:#5f6654; --line:#ded8ca; --radius:18px; --gap:28px; }
* { box-sizing:border-box; }
html { background:var(--bg); color:var(--text); }
body { margin:0; font-family:Arial, Helvetica, sans-serif; line-height:1.55; }
a { color:inherit; text-decoration-thickness:1px; text-underline-offset:3px; }
header, main, footer { width:min(calc(100% - 40px), 1040px); margin-inline:auto; }
header { min-height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); gap:24px; }
.brand { font-weight:700; text-decoration:none; letter-spacing:-0.02em; }
nav { display:flex; gap:20px; font-size:14px; }
.hero { padding:108px 0 84px; max-width:820px; }
.hero.compact { padding-bottom:52px; }
h1 { margin:8px 0 20px; font-size:clamp(42px,8vw,92px); line-height:.98; letter-spacing:-.055em; font-weight:600; }
h2 { margin:8px 0 12px; font-size:22px; letter-spacing:-.02em; }
p { margin:0; }
.lede { max-width:680px; font-size:clamp(18px,2.4vw,27px); color:var(--accent); }
.eyebrow { font-size:12px; letter-spacing:.16em; font-weight:700; }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gap); padding:24px 0 72px; }
.card { border-top:1px solid var(--line); padding:22px 0 0; border-radius:var(--radius); }
.card p:last-child, .copy { color:var(--accent); }
.note, .copy { border-top:1px solid var(--line); padding:28px 0 88px; max-width:720px; font-size:18px; }
footer { border-top:1px solid var(--line); padding:28px 0 36px; display:flex; justify-content:space-between; gap:24px; font-size:13px; color:var(--accent); }
@media (max-width:700px) { header { align-items:flex-start; padding:24px 0; flex-direction:column; } .grid { grid-template-columns:1fr; } h1 { font-size:clamp(40px,15vw,70px); } }