@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;700;900&display=swap";:root{--bg-color:#fdfbf7;--text-color:#1a1a1a;--accent-color:#c92a42;--accent-hover:#a51d31;--matte-black:#222;--gray-light:#f0eee9;--gray-text:#666;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn-primary{background-color:var(--accent-color);color:#fff;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1.125rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 10px 20px #c92a4233}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 15px 25px #c92a424d}.section-padding{padding:100px 0}.text-center{text-align:center}.app-container{overflow-x:hidden}.header{z-index:100;padding:24px 0;position:absolute;top:0;left:0;right:0}.logo{font-family:var(--font-heading);color:var(--matte-black);letter-spacing:-.5px;font-size:1.5rem;font-weight:900}.logo span{color:var(--accent-color)}.hero{background:radial-gradient(circle at right top, #f0eee9 0%, var(--bg-color) 50%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.hero-content{padding-right:40px}.hero-title{color:var(--matte-black);letter-spacing:-1.5px;margin-bottom:24px;font-size:4.5rem;font-weight:900}.hero-title span{color:var(--accent-color);display:block}.hero-subtitle{color:var(--gray-text);max-width:480px;margin-bottom:40px;font-size:1.25rem}.hero-image-wrapper{animation:6s ease-in-out infinite float;position:relative}.hero-image-placeholder{aspect-ratio:1;background:var(--matte-black);color:#fff;border-radius:30px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000001a}.mystery-box{background:linear-gradient(135deg,#333,#111);border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;box-shadow:0 20px 40px #0000004d}.pixelated-icon{filter:blur(4px);opacity:.8}.how-it-works{background-color:#fff}.section-title{color:var(--matte-black);letter-spacing:-1px;margin-bottom:60px;font-size:3rem;font-weight:900}.steps-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.step-card{text-align:center;background:var(--bg-color);border:1px solid var(--gray-light);border-radius:24px;padding:40px 24px;transition:transform .3s}.step-card:hover{transform:translateY(-10px)}.step-icon{background:var(--matte-black);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:2rem;display:flex}.step-card h3{margin-bottom:16px;font-size:1.5rem}.step-card p{color:var(--gray-text)}.benefits{background-color:var(--matte-black);color:#fff}.benefits .section-title{color:#fff}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.benefit-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:flex-start;gap:20px;padding:32px;transition:all .3s;display:flex}.benefit-item:hover{border-color:var(--accent-color);background:#ffffff14}.benefit-icon{color:var(--accent-color);flex-shrink:0}.benefit-content h3{margin-bottom:8px;font-size:1.25rem}.benefit-content p{color:#aaa;font-size:.95rem}.canalla-section{background-color:var(--accent-color);color:#fff;position:relative;overflow:hidden}.canalla-pattern{opacity:.1;background-image:radial-gradient(#fff 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.canalla-grid{z-index:1;flex-wrap:wrap;justify-content:center;gap:24px;display:flex;position:relative}.phrase-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-heading);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:24px 32px;font-size:1.25rem;font-weight:700;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:rotate(-2deg)}.phrase-card:nth-child(2n){transform:rotate(2deg)}.phrase-card:hover{background:#ffffff26;transform:rotate(0)scale(1.05)}.final-cta{background-color:#fff}.cta-box{background:var(--bg-color);border:1px solid var(--gray-light);border-radius:40px;padding:80px 40px}.cta-title{color:var(--matte-black);letter-spacing:-1px;margin-bottom:24px;font-size:3rem;font-weight:900}.footer{background:var(--matte-black);color:#888;text-align:center;border-top:1px solid #333;padding:40px 0}.split-layout{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.single-col{grid-template-columns:1fr;gap:24px;display:grid}.image-wrapper{justify-content:center;display:flex}.section-image{border-radius:24px;width:100%;max-width:500px;box-shadow:0 20px 40px #00000026}@media (width<=992px){.split-layout{grid-template-columns:1fr}.image-wrapper{margin-top:20px;margin-bottom:20px}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{padding-right:0}.hero-title{font-size:3.5rem}.hero-subtitle{margin:0 auto 40px}.steps-grid,.benefits-grid{grid-template-columns:1fr}}@media (width<=576px){.hero-title,.section-title{font-size:2.5rem}.phrase-card{padding:20px;font-size:1.1rem}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:0 0;justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-close{color:var(--matte-black);cursor:pointer;z-index:1001;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:-40px;right:0}.modal-close:hover{background:var(--accent-color);color:#fff;transform:scale(1.1)}.modal-image{border-radius:20px;max-width:100%;max-height:90vh;animation:.4s ease-out forwards fadeIn;box-shadow:0 30px 60px #00000080}