:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-secondary:#7c3aed;--color-text:#1f2937;--color-text-light:#6b7280;--color-background:#ffffff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-focus:#3b82f6;--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-mono:'SF Mono', Monaco, 'Cascadia Code', 'Courier New', monospace;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-base:1.6;--line-height-tight:1.25;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--container-width:1200px;--border-radius:0.5rem;--border-radius-lg:0.75rem;--transition-fast:150ms ease;--transition-base:250ms ease;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm)var(--spacing-md);text-decoration:none;z-index:100}.skip-link:focus{top:0}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-md)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus{outline:2px solid var(--color-focus);outline-offset:2px}.btn{display:inline-block;padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);min-height:44px;min-width:44px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);color:#fff}.btn-account{background-color:var(--color-primary);color:#fff;margin-left:var(--spacing-md)}.btn-account:hover{background-color:var(--color-primary-hover);color:#fff}.site-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-md)0;position:sticky;top:0;z-index:50}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none}.logo{height:40px;width:auto}.main-nav{display:flex;align-items:center;gap:var(--spacing-lg)}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--spacing-sm);min-height:44px;min-width:44px}.hamburger{display:block;width:24px;height:2px;background-color:var(--color-text);position:relative;transition:background-color var(--transition-fast)}.hamburger::before,.hamburger::after{content:'';display:block;width:24px;height:2px;background-color:var(--color-text);position:absolute;transition:transform var(--transition-base)}.hamburger::before{top:-8px}.hamburger::after{bottom:-8px}.mobile-menu-toggle[aria-expanded=true] .hamburger{background-color:initial}.mobile-menu-toggle[aria-expanded=true] .hamburger::before{transform:translateY(8px)rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .hamburger::after{transform:translateY(-8px)rotate(-45deg)}.nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.nav-link{display:block;padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text);text-decoration:none;font-weight:500;transition:color var(--transition-fast);min-height:44px;display:flex;align-items:center}.nav-link:hover{color:var(--color-primary)}.nav-link.active{color:var(--color-primary);font-weight:600}@media(max-width:768px){.mobile-menu-toggle{display:block}.nav-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-background);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:stretch;padding:var(--spacing-md);display:none;box-shadow:var(--shadow-lg)}.nav-menu.active{display:flex}.nav-link{padding:var(--spacing-md)}.btn-account{margin-left:0;width:100%}}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-3xl)0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section a{color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast)}.footer-section a:hover{color:var(--color-primary)}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-light);font-size:.875rem}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);transition:all var(--transition-base);height:100%}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);margin:var(--spacing-2xl)0}.section{padding:var(--spacing-3xl)0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}@media(max-width:768px){:root{--font-size-5xl:2rem;--font-size-4xl:1.75rem;--font-size-3xl:1.5rem}.card-grid{grid-template-columns:1fr}}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero-carousel{position:relative;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;overflow:hidden}.carousel{position:relative;min-height:500px}.carousel-slides{position:relative;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--transition-base);padding:var(--spacing-3xl)0;display:flex;align-items:center}.carousel-slide.active{opacity:1;position:relative}.hero-content{max-width:800px;text-align:center;margin:0 auto}.hero-content h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);color:#fff}.hero-description{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl);color:rgba(255,255,255,.95)}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn-secondary{background-color:rgba(255,255,255,.2);color:#fff;border:2px solid #fff}.btn-secondary:hover{background-color:rgba(255,255,255,.3);color:#fff}.btn-lg{padding:var(--spacing-md)var(--spacing-2xl);font-size:var(--font-size-lg)}.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.2);color:#fff;border:none;font-size:3rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:center;z-index:10}.carousel-prev:hover,.carousel-next:hover{background-color:rgba(255,255,255,.3)}.carousel-prev:focus,.carousel-next:focus{outline:2px solid #fff;outline-offset:2px}.carousel-prev{left:var(--spacing-md)}.carousel-next{right:var(--spacing-md)}.carousel-indicators{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);display:flex;gap:var(--spacing-sm);z-index:10}.carousel-indicators button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background-color:initial;cursor:pointer;transition:background-color var(--transition-fast);min-width:44px;min-height:44px;position:relative}.carousel-indicators button::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background-color:initial;transition:background-color var(--transition-fast)}.carousel-indicators button.active::before{background-color:#fff}.carousel-indicators button:hover::before{background-color:rgba(255,255,255,.5)}.products-preview{background-color:var(--color-background)}.text-center{text-align:center}.features{background-color:var(--color-surface)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.feature-item{text-align:center;padding:var(--spacing-xl)}.feature-item h3{color:var(--color-primary);margin-bottom:var(--spacing-md)}.feature-item p{color:var(--color-text-light);margin-bottom:0}.testimonials{background-color:var(--color-background)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.testimonial{background-color:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary)}.testimonial p{font-size:var(--font-size-lg);font-style:italic;margin-bottom:var(--spacing-md);color:var(--color-text)}.testimonial cite{font-style:normal;color:var(--color-text-light);font-size:var(--font-size-base)}.cta{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{color:#fff;margin-bottom:var(--spacing-md)}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);color:rgba(255,255,255,.95)}.cta-content .btn{background-color:#fff;color:var(--color-primary)}.cta-content .btn:hover{background-color:rgba(255,255,255,.9);color:var(--color-primary-hover)}@media(max-width:768px){.carousel{min-height:400px}.hero-content h1{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.carousel-prev,.carousel-next{width:40px;height:40px;font-size:2rem}.feature-grid,.testimonial-grid{grid-template-columns:1fr}}.page-header{background-color:var(--color-surface);padding:var(--spacing-3xl)0 var(--spacing-2xl);text-align:center;border-bottom:1px solid var(--color-border)}.page-header h1{margin-bottom:var(--spacing-md)}.lead{font-size:var(--font-size-xl);color:var(--color-text-light);max-width:800px;margin:0 auto}.prose{max-width:800px;margin:0 auto}.prose h2{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.prose h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--color-primary)}.prose ul,.prose ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.prose li{margin-bottom:var(--spacing-sm)}.prose code{background-color:var(--color-surface);padding:.125rem .25rem;border-radius:.25rem;font-family:var(--font-mono);font-size:.875em;color:var(--color-secondary)}.prose pre{background-color:var(--color-text);color:var(--color-surface);padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin-bottom:var(--spacing-md)}.prose pre code{background-color:initial;padding:0;color:inherit}.product-page .product-content{max-width:800px;margin:0 auto var(--spacing-2xl)}.product-features{max-width:800px;margin:0 auto var(--spacing-2xl);background-color:var(--color-surface);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg)}.product-features h2{margin-bottom:var(--spacing-lg)}.feature-list{list-style:none;padding:0}.feature-list li{padding:var(--spacing-sm)0;padding-left:var(--spacing-xl);position:relative}.feature-list li::before{content:'✓';position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:var(--font-size-xl)}.product-cta{text-align:center;padding:var(--spacing-2xl)0}.product-logo{text-align:center;margin-bottom:var(--spacing-lg)}.product-logo img{max-width:200px;height:auto}.product-card .product-logo img{max-width:100px;height:auto;margin-bottom:var(--spacing-md)}.product-tagline{font-size:var(--font-size-lg);color:var(--color-text-light);font-weight:500}