*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#1A1714;color:#C4A882;font-family:'Inter',sans-serif;overflow-x:hidden}
.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px;background:radial-gradient(ellipse at center,#2C251820 0%,#1A1714 70%)}
.title{font-family:'Space Grotesk',sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:700;color:#C4A882;line-height:1}
.dot{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);color:#4A6B8A}
.sub{font-size:clamp(.9rem,1.4vw,1.05rem);color:#C4A882;opacity:.5;max-width:440px;line-height:1.7;margin-top:20px}
.pillars{max-width:900px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.pillar{background:#2C2518;border:1px solid #3D2E1F;border-radius:14px;padding:32px;transition:border-color .3s,transform .3s}
.pillar:hover{border-color:#4A6B8A;transform:translateY(-4px)}
.pillar h2{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:10px;color:#C4A882}
.pillar p{font-size:.88rem;line-height:1.7;color:#C4A882;opacity:.5}
.p1{border-top:3px solid #C4A882}.p2{border-top:3px solid #4A6B8A}.p3{border-top:3px solid #3D2E1F}
.footer{text-align:center;padding:40px 24px;border-top:1px solid #2C2518}
.footer p{font-size:.75rem;color:#C4A882;opacity:.3}
@media(max-width:640px){.pillars{grid-template-columns:1fr}}