*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;color:#1f2937;background:#fff;overflow-x:hidden}body.menu-open{overflow:hidden}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(min-width:768px){.container{padding:0 2rem}}.header{position:sticky;top:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;padding:1rem 0}.header .header-content{display:flex;align-items:center;justify-content:space-between}.header .logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#1f2937;text-decoration:none}.header .logo .logo-icon{font-size:1.75rem}.header .logo .logo-text{display:none}@media(min-width:480px){.header .logo .logo-text{display:inline}}.header .nav{display:none}@media(min-width:768px){.header .nav{display:flex;align-items:center;gap:2rem}}.header .nav .nav-link{color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s}.header .nav .nav-link:hover{color:#1e40af}.header .mobile-menu-toggle{display:flex;flex-direction:column;gap:.25rem;background:none;border:none;cursor:pointer;padding:.5rem}@media(min-width:768px){.header .mobile-menu-toggle{display:none}}.header .mobile-menu-toggle span{width:24px;height:2px;background:#1f2937;transition:all .3s}.header .mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header .mobile-menu-toggle.active span:nth-child(2){opacity:0}.header .mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:fixed;inset:73px 0 0;background:#fff;padding:2rem;transform:translate(-100%);transition:transform .3s;z-index:999;overflow-y:auto}@media(min-width:768px){.mobile-menu{display:none}}.mobile-menu.active{transform:translate(0)}.mobile-menu .mobile-menu-link{display:block;padding:1rem 0;color:#1f2937;text-decoration:none;font-weight:500;font-size:1.125rem;border-bottom:1px solid #e5e7eb}.mobile-menu .mobile-menu-link:hover{color:#1e40af}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent;white-space:nowrap}.btn.btn-primary{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 6px #00000012}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a;background:linear-gradient(135deg,#1e3a8a,#1e40af)}.btn.btn-outline{background:transparent;border-color:#1e40af;color:#1e40af}.btn.btn-outline:hover{background:#1e40af;color:#fff}.btn.btn-lg{padding:1rem 2rem;font-size:1.125rem}.hero{position:relative;padding:3rem 0;overflow:hidden}@media(min-width:768px){.hero{padding:5rem 0}}@media(min-width:1024px){.hero{padding:6rem 0}}.hero .hero-content{display:grid;gap:3rem}@media(min-width:1024px){.hero .hero-content{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}}.hero .hero-text{text-align:center}@media(min-width:1024px){.hero .hero-text{text-align:left}}.hero .hero-title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}@media(min-width:768px){.hero .hero-title{font-size:3rem}}@media(min-width:1024px){.hero .hero-title{font-size:3.5rem}}.hero .gradient-text{background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .hero-description{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;line-height:1.8}@media(min-width:768px){.hero .hero-description{font-size:1.25rem}}.hero .hero-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.hero .hero-buttons{flex-direction:row;justify-content:center}}@media(min-width:1024px){.hero .hero-buttons{justify-content:flex-start}}.hero .hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}@media(min-width:640px){.hero .hero-stats{grid-template-columns:repeat(4,1fr)}}.hero .hero-stats .stat{text-align:center}@media(min-width:1024px){.hero .hero-stats .stat{text-align:left}}.hero .hero-stats .stat .stat-value{font-size:1.5rem;font-weight:700;color:#1e40af}@media(min-width:768px){.hero .hero-stats .stat .stat-value{font-size:2rem}}.hero .hero-stats .stat .stat-label{font-size:.875rem;color:#9ca3af;margin-top:.25rem}.hero .hero-image{position:relative;height:400px;display:none}@media(min-width:1024px){.hero .hero-image{display:block}}.hero .hero-card{position:absolute;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 25px 50px #00000040;display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite}.hero .hero-card .card-icon{font-size:2rem}.hero .hero-card .card-title{font-size:.875rem;color:#9ca3af;margin-bottom:.25rem}.hero .hero-card .card-value{font-size:1.25rem;font-weight:700;color:#1f2937}.hero .hero-card .card-value.positive{color:#10b981}.hero .hero-card.hero-card-1{top:20%;left:10%;animation-delay:0s}.hero .hero-card.hero-card-2{top:50%;right:10%;animation-delay:1s}.hero .hero-card.hero-card-3{bottom:15%;left:20%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero .hero-gradient{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,#1e40af0d,#3b82f60d);border-radius:50%;filter:blur(80px);z-index:-1}.section-header{text-align:center;margin-bottom:3rem}@media(min-width:768px){.section-header{margin-bottom:4rem}}.section-header .section-title{font-size:1.875rem;font-weight:800;margin-bottom:1rem}@media(min-width:768px){.section-header .section-title{font-size:2.5rem}}.section-header .section-description{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto}.features{padding:4rem 0;background:#f9fafb}@media(min-width:768px){.features{padding:6rem 0}}.features .features-grid{display:grid;gap:2rem}@media(min-width:640px){.features .features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features .features-grid{grid-template-columns:repeat(4,1fr)}}.features .feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 1px 2px #0000000d;transition:all .3s}.features .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.features .feature-card .feature-icon{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1rem}.features .feature-card .feature-title{font-size:1.125rem;font-weight:700;margin-bottom:.75rem}.features .feature-card .feature-description{color:#6b7280;line-height:1.6}.how-it-works{padding:4rem 0}@media(min-width:768px){.how-it-works{padding:6rem 0}}.how-it-works .steps{display:grid;gap:2rem;position:relative}@media(min-width:768px){.how-it-works .steps{grid-template-columns:repeat(5,1fr);gap:0}}.how-it-works .step{text-align:center}@media(min-width:768px){.how-it-works .step{grid-column:span 2}}.how-it-works .step .step-number{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 10px 15px #0000001a}.how-it-works .step .step-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.how-it-works .step .step-description{color:#6b7280;line-height:1.6}.how-it-works .step-connector{display:none}@media(min-width:768px){.how-it-works .step-connector{display:flex;align-items:center;justify-content:center;position:relative}.how-it-works .step-connector:before{content:"";position:absolute;top:30px;width:100%;height:2px;background:linear-gradient(90deg,#1e40af,#3b82f6)}}.benefits{padding:4rem 0;background:#f9fafb}@media(min-width:768px){.benefits{padding:6rem 0}}.benefits .benefits-content{display:grid;gap:3rem}@media(min-width:1024px){.benefits .benefits-content{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}}.benefits .benefits-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.benefits .benefits-list .benefit-item{display:flex;gap:1rem;align-items:flex-start}.benefits .benefits-list .benefit-item .benefit-icon{font-size:1.5rem;flex-shrink:0}.benefits .benefits-list .benefit-item strong{display:block;font-size:1.125rem;margin-bottom:.25rem}.benefits .benefits-list .benefit-item p{color:#6b7280;margin:0}.benefits .benefits-image{display:none}@media(min-width:1024px){.benefits .benefits-image{display:block}}.benefits .benefits-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 15px #0000001a}.benefits .benefits-card .chart-placeholder{margin-bottom:1.5rem}.benefits .benefits-card .chart-placeholder svg{width:100%;height:auto}.benefits .benefits-card .chart-legend{display:flex;gap:2rem;justify-content:center}.benefits .benefits-card .chart-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.benefits .benefits-card .chart-legend .legend-item .legend-color{width:12px;height:12px;border-radius:2px}.cta{padding:4rem 0;background:linear-gradient(135deg,#1e40af,#3b82f6)}@media(min-width:768px){.cta{padding:6rem 0}}.cta .cta-content{text-align:center}.cta .cta-title{font-size:1.875rem;font-weight:800;color:#fff;margin-bottom:1rem}@media(min-width:768px){.cta .cta-title{font-size:2.5rem}}.cta .cta-description{font-size:1.125rem;color:#ffffffe6;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}@media(min-width:768px){.cta .cta-description{font-size:1.25rem}}.cta .btn-primary{background:#fff;color:#1e40af;box-shadow:0 10px 15px #0000001a}.cta .btn-primary:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 25px 50px #00000040}.footer{padding:3rem 0;background:#111827}.footer .footer-content{text-align:center}.footer .footer-content .footer-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer .footer-content .footer-logo .logo-icon{font-size:2rem}.footer .footer-content .footer-text{color:#ffffffb3;margin-bottom:1rem}.footer .footer-content .footer-copyright{color:#ffffff80;font-size:.875rem}