:root{--color-background:#fff;--color-foreground:#0f172a;--color-primary:#3b82f6;--color-primary-light:rgba(59,130,246,.1);--color-primary-dark:#2563eb;--color-secondary:#f1f5f9;--color-secondary-foreground:#1e293b;--color-muted:#f1f5f9;--color-muted-foreground:#64748b;--color-accent:#f1f5f9;--color-accent-foreground:#1e293b;--color-border:#e2e8f0;--color-input:#e2e8f0;--color-card:#fff;--color-card-foreground:#0f172a;--color-destructive:#ef4444;--color-destructive-foreground:#f8fafc;--color-ring:#3b82f6;--color-radius:0.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--transition-all:all 0.3s ease;--transition-colors:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease;--transition-opacity:opacity 0.3s ease;--transition-shadow:box-shadow 0.3s ease;--transition-transform:transform 0.3s ease}[data-theme=dark]{--color-background:#0f172a;--color-foreground:#f8fafc;--color-primary:#60a5fa;--color-primary-light:rgba(96,165,250,.2);--color-primary-dark:#3b82f6;--color-secondary:#1e293b;--color-secondary-foreground:#f8fafc;--color-muted:#1e293b;--color-muted-foreground:#94a3b8;--color-accent:#1e293b;--color-accent-foreground:#f8fafc;--color-border:#334155;--color-input:#334155;--color-card:#1e293b;--color-card-foreground:#f8fafc;--color-destructive:#f87171;--color-destructive-foreground:#f8fafc;--color-ring:#60a5fa}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-foreground);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}.layout{display:flex;min-height:100vh;flex-direction:column;position:relative;overflow-x:hidden}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}main{flex:1;padding-top:64px}.background-animation{position:absolute;inset:0;z-index:-10;overflow:hidden}.background-animation .grid-pattern{position:absolute;inset:0;background-size:50px 50px;background-image:linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.02) 1px,transparent 0);opacity:.5}[data-theme=dark] .background-animation .grid-pattern{background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0)}.background-animation .gradient-blob{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-light) 0,transparent 70%);filter:blur(100px)}.background-animation .gradient-blob.top{top:0;left:0;right:0;transform:translateY(-50%)}.background-animation .gradient-blob.bottom{bottom:0;right:0;transform:translate(30%,30%)}.section-blob{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--color-primary-light) 0,transparent 70%);filter:blur(100px);z-index:-1}.section-blob.center{top:50%;left:50%;transform:translate(-50%,-50%)}.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particles .particle{position:absolute;width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);opacity:.3}.header{position:fixed;top:0;z-index:50;width:100%;height:64px;background-color:rgba(var(--color-background),.95);backdrop-filter:blur(10px);transition:box-shadow .3s ease,border-color .3s ease}.header.scrolled{box-shadow:var(--shadow-md);border-bottom:1px solid var(--color-border)}.header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.header .logo{display:flex;align-items:center;gap:.5rem}.header .logo .logo-icon{width:24px;height:24px;color:var(--color-primary)}.header .logo .logo-text{font-size:1.25rem;font-weight:700}.header .desktop-nav{display:none;gap:1.5rem}@media(min-width:768px){.header .desktop-nav{display:flex}}.header .desktop-nav .nav-link{font-size:.875rem;font-weight:500;transition:var(--transition-colors);position:relative;padding:.5rem 0}.header .desktop-nav .nav-link.active,.header .desktop-nav .nav-link:hover{color:var(--color-primary)}.header .desktop-nav .nav-link .nav-link-indicator{position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-primary);border-radius:2px}.header .header-actions{display:flex;align-items:center;gap:1rem}.header .header-actions .theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:var(--transition-colors)}.header .header-actions .theme-toggle:hover{background-color:var(--color-secondary)}.header .header-actions .theme-toggle .theme-icon{width:20px;height:20px}.header .header-actions .btn{display:none}@media(min-width:768px){.header .header-actions .btn{display:inline-flex}}.header .header-actions .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:var(--transition-colors)}@media(min-width:768px){.header .header-actions .mobile-menu-toggle{display:none}}.header .header-actions .mobile-menu-toggle:hover{background-color:var(--color-secondary)}.header .header-actions .mobile-menu-toggle .menu-icon{width:20px;height:20px}.header .mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:300px;background-color:var(--color-background);box-shadow:var(--shadow-lg);padding:1.5rem;display:flex;flex-direction:column;z-index:100}.header .mobile-menu .mobile-menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.header .mobile-menu .mobile-menu-header .close-icon{width:20px;height:20px}.header .mobile-menu .mobile-nav{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.header .mobile-menu .mobile-nav .mobile-nav-link{font-size:1.125rem;font-weight:500;transition:var(--transition-colors);text-align:left}.header .mobile-menu .mobile-nav .mobile-nav-link.active,.header .mobile-menu .mobile-nav .mobile-nav-link:hover{color:var(--color-primary)}.header .mobile-menu .mobile-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.header .mobile-menu .mobile-actions .theme-toggle{align-self:flex-start}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--color-radius);font-weight:500;transition:var(--transition-all);padding:.5rem 1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-primary .btn-icon{margin-left:.5rem;width:16px;height:16px;transition:var(--transition-transform)}.btn-primary:hover .btn-icon{transform:translateX(4px)}.btn-secondary{background-color:#fff;color:var(--color-primary)}.btn-secondary:hover{background-color:hsla(0,0%,100%,.9)}.btn-secondary .btn-icon{margin-left:.5rem;width:16px;height:16px;transition:var(--transition-transform)}.btn-secondary:hover .btn-icon{transform:translateX(4px)}.btn-outline{border:1px solid var(--color-border);background-color:transparent}.btn-outline:hover{background-color:var(--color-secondary)}.btn-outline .btn-icon{margin-left:.5rem;width:16px;height:16px;transition:var(--transition-transform)}.btn-outline:hover .btn-icon{transform:translateX(4px)}.btn-outline-light{border:1px solid hsla(0,0%,100%,.5);background-color:transparent;color:#fff}.btn-outline-light:hover{background-color:hsla(0,0%,100%,.1)}.badge{display:inline-block;background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--color-radius);padding:.25rem .75rem;font-size:.875rem;font-weight:500;margin-bottom:1rem}.hero-section{width:100%;padding:3rem 0;position:relative;overflow:hidden}@media(min-width:768px){.hero-section{padding:6rem 0}}@media(min-width:1280px){.hero-section{padding:8rem 0}}.hero-section .hero-content{display:grid;gap:2rem}@media(min-width:1024px){.hero-section .hero-content{grid-template-columns:1fr 400px;gap:3rem}}@media(min-width:1280px){.hero-section .hero-content{grid-template-columns:1fr 600px}}.hero-section .hero-text{display:flex;flex-direction:column;justify-content:center}.hero-section .hero-text h1{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem}@media(min-width:640px){.hero-section .hero-text h1{font-size:3rem}}@media(min-width:1280px){.hero-section .hero-text h1{font-size:3.75rem}}.hero-section .hero-text h1 .highlight{color:var(--color-primary)}.hero-section .hero-text p{color:var(--color-muted-foreground);margin-bottom:1.5rem;max-width:600px}@media(min-width:768px){.hero-section .hero-text p{font-size:1.25rem}}.hero-section .hero-text .hero-buttons{display:flex;flex-direction:column;gap:.5rem}@media(min-width:400px){.hero-section .hero-text .hero-buttons{flex-direction:row}}.hero-section .hero-image{display:flex;align-items:center;justify-content:center}.hero-section .hero-image .image-container{position:relative;width:100%;height:400px;border-radius:var(--color-radius);overflow:hidden;box-shadow:var(--shadow-xl)}@media(min-width:640px){.hero-section .hero-image .image-container{height:550px}}.hero-section .hero-image .image-container .image{object-fit:cover}.hero-section .hero-image .image-container .image-overlay{position:absolute;inset:0;background:linear-gradient(to top right,var(--color-primary-light),transparent);mix-blend-mode:overlay}.services-section{width:100%;padding:3rem 0;position:relative}@media(min-width:768px){.services-section{padding:6rem 0}}@media(min-width:1024px){.services-section{padding:8rem 0}}.services-section .section-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:3rem}.services-section .section-header h2{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem}@media(min-width:640px){.services-section .section-header h2{font-size:3rem}}.services-section .section-header p{color:var(--color-muted-foreground);max-width:900px}@media(min-width:768px){.services-section .section-header p{font-size:1.25rem}}.services-section .services-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto}@media(min-width:768px){.services-section .services-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.services-section .services-grid{grid-template-columns:repeat(3,1fr)}}.services-section .services-grid .service-card{height:100%;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--color-radius);padding:1.5rem;transition:var(--transition-all);backdrop-filter:blur(4px)}.services-section .services-grid .service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.services-section .services-grid .service-card .service-icon-wrapper{display:flex;align-items:center;justify-content:center;width:fit-content;padding:.5rem;border-radius:var(--color-radius);background-color:var(--color-primary-light);margin-bottom:1rem}.services-section .services-grid .service-card .service-icon-wrapper .service-icon{width:40px;height:40px;color:var(--color-primary)}.services-section .services-grid .service-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.services-section .services-grid .service-card p{color:var(--color-muted-foreground);margin-bottom:1.5rem}.services-section .services-grid .service-card .service-link{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--color-foreground);font-weight:500;transition:var(--transition-colors)}.services-section .services-grid .service-card .service-link:hover{color:var(--color-primary)}.services-section .services-grid .service-card .service-link .link-icon{width:16px;height:16px;transition:var(--transition-transform)}.services-section .services-grid .service-card .service-link:hover .link-icon{transform:translateX(4px)}.features-section{width:100%;padding:3rem 0;position:relative;background-color:var(--color-muted)}@media(min-width:768px){.features-section{padding:6rem 0}}@media(min-width:1024px){.features-section{padding:8rem 0}}.features-section .features-content{display:grid;gap:2rem}@media(min-width:1024px){.features-section .features-content{grid-template-columns:400px 1fr;gap:3rem}}@media(min-width:1280px){.features-section .features-content{grid-template-columns:600px 1fr}}.features-section .features-image{order:2}@media(min-width:1024px){.features-section .features-image{order:1}}.features-section .features-image .image-container{position:relative;width:100%;height:600px;border-radius:var(--color-radius);overflow:hidden;box-shadow:var(--shadow-xl)}.features-section .features-image .image-container .image{object-fit:cover}.features-section .features-image .image-container .image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--color-primary-light),transparent);mix-blend-mode:overlay}.features-section .features-text{order:1;display:flex;flex-direction:column;justify-content:center}@media(min-width:1024px){.features-section .features-text{order:2}}.features-section .features-text h2{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem}@media(min-width:640px){.features-section .features-text h2{font-size:2.5rem}}@media(min-width:768px){.features-section .features-text h2{font-size:3rem}}.features-section .features-text p{color:var(--color-muted-foreground);margin-bottom:2rem;max-width:600px}@media(min-width:768px){.features-section .features-text p{font-size:1.25rem}}.features-section .features-text .features-list{display:grid;gap:1rem}.features-section .features-text .features-list .feature-item{display:flex;align-items:flex-start;gap:1rem}.features-section .features-text .features-list .feature-item .check-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0;margin-top:.25rem}.features-section .features-text .features-list .feature-item h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.features-section .features-text .features-list .feature-item p{color:var(--color-muted-foreground);margin-bottom:0;font-size:1rem}.testimonials-section{width:100%;padding:3rem 0;position:relative}@media(min-width:768px){.testimonials-section{padding:6rem 0}}@media(min-width:1024px){.testimonials-section{padding:8rem 0}}.testimonials-section .testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1200px;margin:0 auto}@media(min-width:768px){.testimonials-section .testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonials-section .testimonials-grid .testimonial-card{height:100%;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--color-radius);padding:1.5rem;transition:var(--transition-all);backdrop-filter:blur(4px)}.testimonials-section .testimonials-grid .testimonial-card:hover{box-shadow:var(--shadow-lg)}.testimonials-section .testimonials-grid .testimonial-card .stars{display:flex;gap:.5rem;margin-bottom:1rem}.testimonials-section .testimonials-grid .testimonial-card .stars .star-icon{width:20px;height:20px;color:var(--color-primary)}.testimonials-section .testimonials-grid .testimonial-card .quote{color:var(--color-muted-foreground);font-style:italic;margin-bottom:1.5rem}.testimonials-section .testimonials-grid .testimonial-card .author .author-name{font-weight:600}.testimonials-section .testimonials-grid .testimonial-card .author .author-role{font-size:.875rem;color:var(--color-muted-foreground)}.cta-section{width:100%;padding:3rem 0;position:relative;background-color:var(--color-primary);color:#fff;overflow:hidden}@media(min-width:768px){.cta-section{padding:6rem 0}}@media(min-width:1024px){.cta-section{padding:8rem 0}}.cta-section .cta-background{position:absolute;inset:0;overflow:hidden}.cta-section .cta-background .grid-svg{position:absolute;top:0;left:0;width:100%;height:100%}.cta-section .cta-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cta-section .cta-content h2{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem}@media(min-width:640px){.cta-section .cta-content h2{font-size:3rem}}.cta-section .cta-content p{margin-bottom:1.5rem;max-width:900px}@media(min-width:768px){.cta-section .cta-content p{font-size:1.25rem}}.cta-section .cta-content .cta-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}@media(min-width:400px){.cta-section .cta-content .cta-buttons{flex-direction:row}}.footer{width:100%;padding:1.5rem 0;background-color:var(--color-muted)}@media(min-width:768px){.footer{padding:3rem 0}}.footer .footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.footer .footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer .footer-grid{grid-template-columns:repeat(4,1fr)}}.footer .footer-about .logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer .footer-about .logo .logo-icon{width:24px;height:24px;color:var(--color-primary)}.footer .footer-about .logo .logo-text{font-size:1.25rem;font-weight:700}.footer .footer-about p{font-size:.875rem;color:var(--color-muted-foreground);margin-bottom:1rem}.footer .footer-about .social-links{display:flex;gap:1rem}.footer .footer-about .social-links .social-link{color:var(--color-muted-foreground);transition:var(--transition-colors)}.footer .footer-about .social-links .social-link:hover{color:var(--color-foreground)}.footer .footer-about .social-links .social-link .social-icon{width:20px;height:20px}.footer .footer-links h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.footer .footer-links ul{display:flex;flex-direction:column;gap:.5rem}.footer .footer-links ul .footer-link{font-size:.875rem;color:var(--color-muted-foreground);transition:var(--transition-colors);text-align:left}.footer .footer-links ul .footer-link:hover{color:var(--color-foreground)}.footer .footer-bottom{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center}@media(min-width:768px){.footer .footer-bottom{flex-direction:row;justify-content:space-between}}.footer .footer-bottom .copyright,.footer .footer-bottom .credit{font-size:.75rem;color:var(--color-muted-foreground)}.footer .footer-bottom .credit{margin-top:1rem}@media(min-width:768px){.footer .footer-bottom .credit{margin-top:0}}.animated-card{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-transition-enter{opacity:0}.page-transition-enter-active{opacity:1;transition:opacity .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}