*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f5f5f0;color:#333;font-family:'Lora',serif}.landing{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;background:linear-gradient(180deg,#f5f5f0,#e8e8e0)}h1{font-size:clamp(2rem,8vw,4rem);color:#333;margin-bottom:1rem;font-weight:600;letter-spacing:2px}p{color:#666;font-size:1.1rem}.features{padding:4rem 2rem;text-align:center}h2{font-size:2rem;color:#333;margin-bottom:3rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:800px;margin:0 auto}.feature{background:#fff;padding:2.5rem 1.5rem;border:1px solid #ddd;border-radius:4px;color:#666;font-weight:500;transition:all .3s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature{animation:fadeIn .6s ease-out forwards;opacity:0}.feature:nth-child(1){animation-delay:.1s}.feature:nth-child(2){animation-delay:.2s}.feature:nth-child(3){animation-delay:.3s}.feature:hover{border-color:#999;background:#fafaf8}.cta{padding:3rem 2rem;text-align:center}button{background:#333;color:#fff;border:none;padding:1rem 2rem;font-family:'Lora',serif;font-size:1rem;font-weight:600;cursor:pointer;letter-spacing:1px;transition:all .3s}button:hover{background:#555;transform:translateY(-2px)}