:root{--color-primary: #000000;--color-secondary: #ffffff;--color-text: #1a1a1a;--color-text-muted: #666666;--color-border: #e0e0e0;--color-background: #f1f1f1;--color-green-accent: #22c55e;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--font-size-4xl: 64px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 40px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-secondary);line-height:1.6;font-size:var(--font-size-base)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}p{margin-bottom:var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-secondary)}.btn-primary:hover{background-color:#333;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-background);transform:translateY(-2px)}.btn-dark{background-color:var(--color-primary);color:var(--color-secondary)}.btn-dark:hover{background-color:#333;transform:translateY(-2px)}.header{background-color:var(--color-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);text-decoration:none;cursor:pointer;transition:opacity .3s ease}.logo:hover{opacity:.9}.logo-img{width:32px;height:32px;object-fit:contain}.nav{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--color-text);text-decoration:none;font-size:var(--font-size-base);transition:color .3s ease}.nav-link:hover{color:var(--color-text-muted)}.hamburger-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all .3s ease}.hamburger-btn:hover{color:var(--color-text-muted)}.menu-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--color-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0;z-index:99;animation:slideDown .3s ease;box-shadow:var(--shadow-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.menu-column{display:flex;flex-direction:column;gap:var(--spacing-sm)}.menu-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);margin:0}.menu-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.menu-link{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color .3s ease}.menu-link:hover{color:var(--color-primary)}.menu-features{grid-column:4}.feature-item{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--color-secondary);cursor:pointer;transition:all .3s ease}.feature-item:hover{background-color:var(--color-border)}.feature-icon{font-size:24px;flex-shrink:0}.feature-text{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.menu-feature-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin:0;line-height:1.2}.feature-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.feature-arrow{color:var(--color-primary);flex-shrink:0}.hero{padding:var(--spacing-2xl) 0;background-color:var(--color-secondary);overflow:hidden}.hero .container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.hero-content{max-width:780px;text-align:center;margin:0 auto}.hero-title{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-primary);text-align:center}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.6;text-align:center}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex;align-items:center}.hero-cards{display:flex;gap:var(--spacing-md);width:fit-content;padding-bottom:var(--spacing-sm);animation:scrollCarousel 40s linear infinite;will-change:transform}.hero-cards:hover{animation-play-state:paused}.hero-carousel{width:100%;overflow:max-content}@keyframes scrollCarousel{0%{transform:translate(-50%)}to{transform:translate(-1188px)}}.hero-card{flex:0 0 285px;border:3px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-secondary);scroll-snap-align:center;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;height:398px;aspect-ratio:285 / 398}.hero-card img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-card:nth-child(1),.hero-card:nth-child(4n+1){border-color:#d8b8ab}.hero-card:nth-child(2),.hero-card:nth-child(4n+2){border-color:#5fa540}.hero-card:nth-child(3),.hero-card:nth-child(4n+3){border-color:#fbcea7}.hero-card:nth-child(4),.hero-card:nth-child(4n+4){border-color:#b05c52}.card-placeholder{width:100%;aspect-ratio:1;background-color:var(--color-background);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.feature-section{padding:var(--spacing-2xl) 0;background-color:var(--color-background);max-width:100%;margin:0 auto}.feature-section+.feature-section{background-color:var(--color-background)}.feature-container{max-width:900px;margin:16px auto}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.feature-section.reversed .feature-grid{direction:rtl}.feature-section.reversed .feature-grid>*{direction:ltr}.feature-content{max-width:100%}.feature-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-primary);line-height:1.2}.feature-description{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.6}.feature-image{width:100%;height:542px;border-radius:0 100px 0 0;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.cta-section{padding:var(--spacing-2xl) 0;background-color:var(--color-secondary);background-size:cover;background-position:center;background-attachment:fixed;position:relative;min-height:600px;display:flex;align-items:center}.cta-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:1}.cta-section .container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center}.cta-content{max-width:600px;color:var(--color-secondary)}.cta-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-secondary);margin-bottom:var(--spacing-md)}.cta-description{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-lg)}.cta-image{height:400px;border-radius:var(--radius-lg);overflow:hidden}.cta-image img{width:100%;height:100%;object-fit:cover}.map-section{padding:var(--spacing-2xl) 0;background-color:var(--color-secondary)}.map-container{width:100%;max-width:800px;margin:0 auto;height:400px;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-background);box-shadow:var(--shadow-md)}.map-container iframe{border:none;border-radius:var(--radius-lg)}.how-it-works{padding:var(--spacing-2xl) 0;background-color:var(--color-background)}.how-it-works-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.how-it-works-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);line-height:1.2}.features-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.feature-card{background-color:#0000000d;padding:var(--spacing-lg);border-radius:var(--radius-md);display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);transition:all .3s ease}.feature-card:hover{background-color:#00000014;transform:translateY(-4px)}.feature-card-icon{width:48px;height:48px;border-radius:50%;background-color:var(--color-primary);color:var(--color-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.feature-card-content h3{font-size:var(--font-size-lg);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.feature-card-content p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:0}.footer{background-color:var(--color-text);color:var(--color-secondary);padding:var(--spacing-xl) 0;margin-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.1)}.footer .container{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);flex-wrap:wrap}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);width:100%;flex-wrap:wrap}.footer-section{flex:1;min-width:250px;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--color-secondary)}.footer-logo-img{width:32px;height:32px;object-fit:contain}.footer-copyright{font-size:var(--font-size-sm);color:#fff9;margin-bottom:0}.footer-nav{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;justify-content:flex-end;flex:1;min-width:250px}.footer-link{font-size:var(--font-size-sm);color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--color-secondary)}@media (max-width: 1024px){:root{--spacing-2xl: 48px;--font-size-4xl: 48px;--font-size-3xl: 36px}.hero-card{flex:0 0 180px}.feature-grid,.cta-section .container,.how-it-works-grid{grid-template-columns:1fr}.feature-image{height:400px}}@media (max-width: 768px){:root{--spacing-2xl: 32px;--spacing-xl: 32px;--font-size-4xl: 36px;--font-size-3xl: 28px;--font-size-2xl: 24px}.container{padding:0 var(--spacing-md)}.header-content{flex-direction:row;gap:var(--spacing-md)}.nav{flex-direction:row;width:100%;gap:var(--spacing-md)}.nav-link{width:100%;text-align:center}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-buttons{flex-direction:column}.btn{width:100%}.hero-cards{gap:var(--spacing-sm)}.hero-card{flex:0 0 160px}.feature-grid,.cta-section .container{gap:var(--spacing-lg)}.feature-image{height:300px}.cta-section .container{padding:var(--spacing-lg)}.cta-image{height:300px}.how-it-works-grid{gap:var(--spacing-lg)}.feature-card{padding:var(--spacing-md)}}@media (max-width: 480px){:root{--font-size-4xl: 28px;--font-size-3xl: 24px;--font-size-2xl: 20px;--spacing-2xl: 24px;--spacing-xl: 24px}.header{padding:var(--spacing-sm) 0}.header-content{flex-direction:row;justify-content:space-between}.nav{flex-direction:row;gap:0;width:auto}.nav-link,.btn-secondary{display:none}.logo{gap:var(--spacing-xs);font-size:var(--font-size-base)}.hero{padding:var(--spacing-xl) 0}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-sm)}.hero-cards{overflow-x:scroll}.hero-card{flex:0 0 140px}.feature-title,.cta-title,.how-it-works-title{font-size:var(--font-size-xl)}.feature-description,.cta-description{font-size:var(--font-size-sm)}.cta-image{height:150px}.map-container{height:300px}.feature-card{gap:var(--spacing-sm)}}:root{color-scheme:light dark}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit}