.hero{padding:6rem 2rem 4rem;background:var(--color-bg-white);position:relative;overflow:hidden;min-height:70vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(253,185,105,.15) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(253,134,115,.1) 0%,transparent 70%);pointer-events:none}.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content h1{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem;line-height:1.2}.hero-content p{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.8}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px #0000001a;min-width:300px;min-height:300px;image-rendering:pixelated;image-rendering:crisp-edges}.content-section{padding:6rem 2rem;background:var(--color-bg-white);max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:3rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{padding:2.5rem;background:var(--color-bg-light);border-radius:12px;border-top:4px solid var(--color-cta);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.feature-card h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--color-primary);margin-bottom:1rem}.feature-card p{color:var(--color-text-muted);line-height:1.7;font-size:.95rem}.implementation-section{padding:6rem 2rem;background:var(--color-bg-light)}.implementation-inner{max-width:1200px;margin:0 auto}.implementation-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:3rem;text-align:center}.implementation-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.implementation-text h3{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem}.implementation-text p{color:var(--color-text-muted);margin-bottom:1.2rem;line-height:1.8;font-size:.95rem}.implementation-image img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px #0000001a;min-width:250px;min-height:250px;image-rendering:pixelated;image-rendering:crisp-edges}.steps-section{padding:6rem 2rem;background:var(--color-bg-white)}.steps-inner{max-width:1200px;margin:0 auto}.steps-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:3rem;text-align:center}.steps-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:100%}.step-item{display:flex;gap:1.5rem;padding:2rem;background:var(--color-bg-light);border-radius:12px}.step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,var(--color-accent-yellow),var(--color-accent-coral));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.3rem}.step-content h4{font-family:var(--font-heading);font-weight:600;color:var(--color-primary);margin-bottom:.5rem}.step-content p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.btn-secondary{background:var(--color-primary)!important;color:#fff!important;border:none!important;padding:.75rem 1.5rem!important;border-radius:8px!important;font-weight:600!important;transition:all .3s ease!important;text-decoration:none!important;display:inline-block!important}.btn-secondary:hover{background:var(--color-primary-dark, #e67e22)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #fd86734d!important}.analytics-section{padding:6rem 2rem;background:var(--color-bg-light)}.analytics-inner{max-width:1200px;margin:0 auto}.analytics-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem;text-align:center}.analytics-subtitle{color:var(--color-text-muted);text-align:center;margin-bottom:3rem;font-size:1.1rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.analytics-card{padding:2rem;background:#fff;border-radius:12px;border-top:3px solid var(--color-cta);box-shadow:0 5px 20px #0000000d}.analytics-card h4{font-family:var(--font-heading);font-weight:600;color:var(--color-primary);margin-bottom:1rem;font-size:1.1rem}.analytics-card p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6}.cta-section{padding:6rem 2rem;background:#fff}.cta-inner{max-width:1200px;margin:0 auto;text-align:center}.cta-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:2rem}.cta-text{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero{padding:5rem 1rem 2rem;min-height:auto}.hero-inner{grid-template-columns:1fr;gap:2rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.content-section,.implementation-section,.steps-section,.analytics-section,.cta-section{padding:4rem 1rem}.section-title,.implementation-title,.steps-title,.analytics-title,.cta-title{font-size:2rem;margin-bottom:2rem}.implementation-grid{grid-template-columns:1fr;gap:2rem}.features-grid,.analytics-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}}@media(max-width:480px){.hero-content h1,.section-title,.implementation-title,.steps-title,.analytics-title,.cta-title{font-size:1.5rem}.hero-image img{max-width:80%;min-width:200px;min-height:200px;image-rendering:pixelated;image-rendering:crisp-edges}.feature-card,.step-item,.analytics-card{padding:1.5rem}}
