*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;color:#4a5568;background:linear-gradient(135deg,#e8f5e8,#f0f8ff,#fef5e7);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;padding:4rem 0;min-height:80vh}.hero-content h1{font-size:3.5rem;font-weight:800;color:#2d3748;margin-bottom:1.5rem;line-height:1.2}.subheader{font-size:1.4rem;color:#4a5568;margin-bottom:3rem;line-height:1.6;font-weight:400}.logo{width:70px;height:70px;margin-bottom:2rem;filter:hue-rotate(180deg) saturate(.8)}.cta-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.btn{display:inline-block;padding:1.2rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:700;transition:all .3s ease;border:2px solid transparent;font-size:1.1rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 4px 15px #4299e14d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4299e166}.btn-secondary{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;box-shadow:0 4px 15px #48bb784d}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #48bb7866}.btn-lemon{background:linear-gradient(135deg,#f6e05e,#ecc94b);color:#2d3748;box-shadow:0 4px 15px #f6e05e4d;font-weight:800}.btn-lemon:hover{transform:translateY(-3px);box-shadow:0 8px 25px #f6e05e66;background:linear-gradient(135deg,#ecc94b,#d69e2e)}.services{padding:5rem 0;background:#ffffffb3;border-radius:30px;margin:2rem 0;backdrop-filter:blur(10px)}.services h2{text-align:center;font-size:3rem;margin-bottom:1rem;color:#2d3748;font-weight:800}.services-intro{text-align:center;font-size:1.3rem;color:#4a5568;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.service-card{background:#ffffffe6;padding:2.5rem 1.5rem;border-radius:25px;text-align:center;box-shadow:0 10px 30px #4299e11a;transition:all .3s ease;border:2px solid rgba(255,255,255,.5)}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #4299e133}.service-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.service-card h3{font-size:1.3rem;margin-bottom:1rem;font-weight:700;color:#2d3748}.service-card p{font-size:1rem;line-height:1.6;font-weight:400;color:#4a5568}.app-section{padding:5rem 0;text-align:center}.app-content{max-width:600px;margin:0 auto}.app-icon{font-size:4rem;margin-bottom:1.5rem;display:block;text-align:center;animation:gentle-bounce 3s ease-in-out infinite}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.app-label{font-size:1rem;color:#f6ad55;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;text-align:center;position:relative;z-index:2}.app-title{font-size:3rem;margin-bottom:1.5rem;color:#2d3748;font-weight:800;text-align:center;position:relative;z-index:2}.app-card{background:linear-gradient(135deg,#fef5e7,#fffaf0);padding:4rem 3rem;border-radius:30px;box-shadow:0 20px 60px #f6e05e4d,0 8px 25px #f6ad5533,inset 0 1px #fffc;border:3px solid rgba(246,173,85,.3);position:relative;overflow:hidden;backdrop-filter:blur(10px)}.app-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(246,224,94,.2) 0%,rgba(246,173,85,.1) 40%,transparent 70%);transform:rotate(45deg);animation:subtle-glow 4s ease-in-out infinite alternate}.app-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#f6ad5599,#f6e05e66,#f6ad5599);border-radius:32px;z-index:-1;opacity:.7;animation:glow-pulse 3s ease-in-out infinite alternate}@keyframes subtle-glow{0%{opacity:.6;transform:rotate(45deg) scale(1)}to{opacity:.9;transform:rotate(45deg) scale(1.1)}}@keyframes glow-pulse{0%{opacity:.5}to{opacity:.8}}.app-description{font-size:1.2rem;color:#4a5568;margin-bottom:2.5rem;line-height:1.6;position:relative;z-index:2;text-align:center}.testimonial{padding:5rem 0;text-align:center}.testimonial-content h2{font-size:3rem;margin-bottom:2rem;color:#2d3748;font-weight:800}.testimonial-content p{font-size:1.4rem;color:#4a5568;margin-bottom:4rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;margin-top:3rem}.contact-option{background:#fffc;padding:3rem 2rem;border-radius:25px;box-shadow:0 10px 30px #4299e11a}.contact-option h3{font-size:1.5rem;margin-bottom:1.5rem;color:#2d3748;font-weight:700}@media (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:0 1rem}.hero{text-align:center;padding:3rem 0}.hero-content h1{font-size:2.5rem}.subheader{font-size:1.2rem}.cta-buttons{justify-content:center;flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.services h2{font-size:2.2rem}.services-intro{font-size:1.1rem}.services-grid{grid-template-columns:1fr}.service-card{padding:2rem 1.5rem}.app-icon{font-size:3rem;margin-bottom:1rem}.app-title{font-size:2.2rem}.app-card{padding:3rem 2rem}.app-description{font-size:1.1rem}.testimonial-content h2{font-size:2.2rem}.testimonial-content p{font-size:1.2rem}.contact-options{grid-template-columns:1fr}.app-title:after{right:-.6em;font-size:.5em}}
