:root{--bg:#12100e;--fg:#f4efe8;--accent:#d97757;--line:rgba(244,239,232,.12);--mute:rgba(244,239,232,.7)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:"Source Serif 4",Georgia,"Times New Roman",serif;line-height:1.4}
.sans,.tag,.pillar p,.lead,.foot{font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px;padding:140px 24px 120px;background:radial-gradient(ellipse at 50% 0%,rgba(217,119,87,.14),transparent 60%)}
.tag{margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
h1{margin:0;font-size:clamp(36px,6vw,64px);line-height:1.08;max-width:820px;font-weight:500}
.lead{margin:0;font-size:18px;line-height:1.6;max-width:560px;color:var(--mute)}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pillar{background:var(--bg);padding:56px 48px}
.pillar .n{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.1em;color:var(--accent);margin:0 0 14px}
.pillar h2{margin:0 0 14px;font-size:22px;font-weight:400}
.pillar p{margin:0;font-size:15px;line-height:1.6;color:rgba(244,239,232,.65)}
.close{display:flex;flex-direction:column;align-items:center;text-align:center;padding:96px 24px 64px}
.close p{margin:0;font-size:30px;max-width:640px;line-height:1.3}
.foot{margin-top:48px;font-size:12px;color:rgba(244,239,232,.4)}
@media(max-width:800px){.pillars{grid-template-columns:1fr}.pillar{padding:40px 24px}.hero{padding:96px 24px 80px}}