*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#F5F0EC;font-family:'Karla',sans-serif;font-weight:400;font-size:16px;line-height:1.85;color:#6A6A7A;min-height:100vh;overflow-x:hidden}
.blob-container{max-width:900px;margin:0 auto;padding:60px 20px 120px;display:flex;flex-direction:column;align-items:center;gap:80px}
.blob-section{position:relative;width:80vw;max-width:700px;min-height:40vh;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0.98);transition:all 0.4s ease}
.blob-section.visible{opacity:1;transform:scale(1)}
.hero-blob{min-height:70vh}
.blob-shape{position:absolute;top:0;left:0;right:0;bottom:0;background:#ECEAF2;border-radius:50% 40% 60% 50% / 60% 50% 40% 50%;z-index:0;animation:morph 12s ease-in-out infinite}
.shape-2{background:#F2F0F5;border-radius:40% 60% 50% 50% / 50% 40% 60% 50%;animation-delay:-3s}
.shape-3{background:#ECEAF2;border-radius:60% 50% 40% 60% / 40% 60% 50% 50%;animation-delay:-6s}
.shape-4{background:#F2F0F5;border-radius:50% 50% 60% 40% / 60% 40% 50% 60%;animation-delay:-9s}
@keyframes morph{0%,100%{border-radius:50% 40% 60% 50% / 60% 50% 40% 50%}25%{border-radius:40% 60% 50% 50% / 50% 40% 60% 50%}50%{border-radius:60% 50% 40% 60% / 40% 60% 50% 50%}75%{border-radius:50% 50% 60% 40% / 60% 40% 50% 60%}}
.blob-content{position:relative;z-index:1;text-align:center;max-width:480px;padding:40px 20px}
h1{font-family:'Poiret One',cursive;font-weight:400;font-size:clamp(32px,5vw,64px);color:#4A4A5A;margin-bottom:8px}
.tagline{color:#9A9AAA;font-size:18px}
.data-tag{font-family:'Poiret One',cursive;font-weight:400;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:#9A9AAA;display:block;margin-bottom:12px}
h2{font-family:'Poiret One',cursive;font-weight:400;font-size:28px;color:#4A4A5A;margin-bottom:12px}
@media(max-width:768px){.blob-section{width:90vw}.blob-container{gap:40px}h1{font-size:28px}}