*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#3A2E24;font-family:'Inter',sans-serif;font-size:15px;line-height:1.76;color:#C4B8A8;min-height:100vh;overflow-x:hidden}
.swirl-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;background:radial-gradient(ellipse at 30% 20%,rgba(123,170,139,0.1),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(107,168,196,0.08),transparent 50%)}
.hero{text-align:center;padding:120px 20px 80px;position:relative;z-index:1;opacity:0;transform:translateY(20px);transition:all 0.7s ease}
.hero.visible{opacity:1;transform:translateY(0)}
h1{font-family:'Cormorant',serif;font-weight:600;font-size:48px;color:#E8DCC8;letter-spacing:0.02em;margin-bottom:16px}
.tagline{font-size:16px;max-width:480px;margin:0 auto;color:#8B7B6B}
.sections{max-width:640px;margin:0 auto;padding:0 20px 80px;position:relative;z-index:1}
.card{padding:40px;margin-bottom:32px;background:rgba(58,46,36,0.6);border:1px solid rgba(196,164,112,0.1);border-radius:4px;backdrop-filter:blur(8px);opacity:0;transform:translateY(16px);transition:all 0.5s ease}
.card.visible{opacity:1;transform:translateY(0)}
.card:hover{border-color:rgba(123,170,139,0.3);transform:translateY(-2px)}
.label{font-family:'Inter',sans-serif;font-weight:500;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:#6BA8C4;display:block;margin-bottom:12px}
h2{font-family:'Cormorant',serif;font-weight:600;font-size:24px;color:#E8DCC8;margin-bottom:12px}
@media(max-width:768px){.hero{padding:80px 20px 40px}h1{font-size:36px}.card{padding:24px}}