:root{--color-primary: #b5654d;--color-secondary: #d4a574;--color-text-primary: #2d2d2d;--color-text-secondary: #6b5d53;--color-border: #e5ded7;--color-background: #f2e6dc;--color-background-light: rgba(242, 230, 220, .3);--color-background-medium: rgba(242, 230, 220, .5);--color-background-lighter: rgba(242, 230, 220, .2);--color-white: #ffffff;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--color-info: #2196f3;--gradient-primary: linear-gradient(to bottom, #b5654d, #d4a574);--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 28px;--spacing-3xl: 32px;--spacing-4xl: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--radius-circle: 50%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--font-family-base: system-ui, Avenir, Helvetica, Arial, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--z-base: 1;--z-dropdown: 100;--z-sticky: 500;--z-fixed: 1000;--z-modal-backdrop: 1400;--z-modal: 1500;--z-popover: 2000;--z-tooltip: 3000;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1404px;--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(10px);--backdrop-blur-xl: blur(16px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px}body{margin:0;padding:0;overflow-x:hidden;min-width:370px}img{max-width:100%;height:auto;display:block}.app-header{position:fixed;top:0;left:0;right:0;background:#fffffff2;border-bottom:1px solid var(--color-border);padding:var(--spacing-md);z-index:var(--z-fixed);-webkit-backdrop-filter:var(--backdrop-blur-lg);backdrop-filter:var(--backdrop-blur-lg)}.header-button{display:flex;align-items:center;gap:var(--spacing-sm);max-width:var(--container-2xl);margin:0 auto}.logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.logo-vector{width:20px;height:20px}.logo-text{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:22px;color:var(--color-text-primary);font-weight:400;margin:0}@media(min-width:769px){.app-header{padding:var(--spacing-md) var(--spacing-xl)}.logo-text{font-size:var(--font-size-lg);line-height:24px}.logo-icon{width:40px;height:40px}.logo-vector{width:22px;height:22px}}@media(min-width:1025px){.app-header{padding:var(--spacing-lg) var(--spacing-4xl)}.logo-icon{width:44px;height:44px}.logo-vector{width:24px;height:24px}.logo-text{font-size:var(--font-size-xl);line-height:28px}}@media(min-width:1280px){.app-header{padding:var(--spacing-lg) 94px}}.home-page{background-color:#faf7f2;min-height:100vh;width:100%}.home-content{max-width:var(--container-2xl);margin:0 auto;padding:80px var(--spacing-lg) var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-3xl);align-items:stretch}.left-section{display:flex;flex-direction:column;gap:var(--spacing-xl);order:1}.right-section{order:2}.header-section{text-align:left}.journey-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-lg);background:linear-gradient(to right,#d4a57433,#b5654d1a);border:1px solid rgba(212,165,116,.3);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg)}.badge-icon{width:14px;height:14px}.badge-text{font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:20px;color:var(--color-primary);margin:0}.main-heading{font-family:var(--font-family-base);font-size:var(--font-size-3xl);line-height:36px;font-weight:700;background:linear-gradient(171.2deg,var(--color-text-primary) 0%,rgba(45,45,45,.7) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 var(--spacing-lg) 0}.main-description{font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:22px;color:var(--color-text-secondary);margin:0;max-width:100%}.cta-button{width:100%;padding:var(--spacing-md) var(--spacing-3xl);background:var(--gradient-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:24px;min-height:48px;cursor:pointer;transition:opacity var(--transition-fast)}.cta-button:hover{opacity:.9}.hero-image-container{position:relative;width:100%;height:300px;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.stats-container{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);z-index:4}.stats-grid{display:flex;justify-content:space-between;align-items:center}.stat-item{flex:1;text-align:center}.stat-bordered{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.stat-value{font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:20px;color:var(--color-primary);font-weight:400}.stat-label{font-family:var(--font-family-base);font-size:var(--font-size-xs);line-height:18px;color:var(--color-text-secondary);font-weight:400}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding-top:var(--spacing-xl)}.feature-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px;text-align:left}.feature-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:10px;border-radius:var(--radius-md);flex-shrink:0}.feature-icon{width:20px;height:20px;object-fit:contain;object-position:center;display:block}.feature-title{font-family:var(--font-family-base);font-size:15px;line-height:22px;color:var(--color-text-primary);font-weight:400;margin:0 0 var(--spacing-xs) 0}.feature-description{font-family:var(--font-family-base);font-size:var(--font-size-sm);line-height:20px;color:var(--color-text-secondary);margin:0}@media(max-width:360px){.stats-grid{flex-direction:column;gap:var(--spacing-sm)}.stat-bordered{border-left:none;border-right:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.stat-item{padding:var(--spacing-xs) 0}}@media(min-width:481px){.home-content{padding:90px var(--spacing-2xl) var(--spacing-4xl)}.journey-badge{padding:9px var(--spacing-xl);margin-bottom:var(--spacing-xl)}.badge-icon{width:16px;height:16px}.badge-text{font-size:var(--font-size-base);line-height:24px}.main-heading{font-size:var(--font-size-4xl);line-height:40px;margin-bottom:var(--spacing-xl)}.main-description{font-size:15px;line-height:24px}.cta-button{width:auto;min-width:220px;align-self:flex-start}.hero-image-container{height:350px}.stats-container{bottom:var(--spacing-lg);left:var(--spacing-lg);right:var(--spacing-lg);padding:18px}.stat-value{font-size:15px;line-height:22px}.stat-label{font-size:13px;line-height:19px}.features-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding-top:var(--spacing-2xl)}.feature-card{padding:var(--spacing-lg)}.feature-icon-wrapper{width:44px;height:44px;margin-bottom:11px}.feature-icon{width:22px;height:22px}.feature-title{font-size:var(--font-size-base);line-height:24px;margin-bottom:10px}.feature-description{font-size:15px;line-height:22px}}@media(min-width:769px){.home-content{padding:100px var(--spacing-3xl) var(--spacing-2xl);gap:var(--spacing-4xl)}.left-section{gap:var(--spacing-2xl)}.main-heading{font-size:36px;line-height:44px}.main-description{font-size:var(--font-size-base);line-height:26px}.cta-button{min-width:200px;padding:14px var(--spacing-4xl)}.hero-image-container{height:400px}.stats-container{bottom:25px;left:25px;right:25px;padding:21px}.stat-value{font-size:var(--font-size-base);line-height:24px}.stat-label{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.features-grid{gap:var(--spacing-lg);padding-top:var(--spacing-3xl)}.feature-card{padding:21px}.feature-icon-wrapper{width:48px;height:48px;margin-bottom:var(--spacing-sm)}.feature-icon{width:24px;height:24px}.feature-title{margin-bottom:var(--spacing-sm)}.feature-description{font-size:var(--font-size-base);line-height:24px}}@media(min-width:1025px){.home-content{padding:120px var(--spacing-4xl) 60px;flex-direction:row;gap:48px;align-items:flex-start}.left-section{flex:1 1 auto;max-width:500px;gap:var(--spacing-3xl)}.right-section{flex:1 1 auto;max-width:500px}.main-heading{font-size:40px;line-height:48px;margin-bottom:var(--spacing-xl)}.main-description{max-width:500px}.hero-image-container{height:500px}.features-grid{padding-top:var(--spacing-4xl);gap:var(--spacing-xl)}}@media(min-width:1280px){.home-content{padding:149px 62px 60px;gap:64px}.left-section,.right-section{flex:0 0 608px;max-width:608px}.main-heading{font-size:48px;line-height:56px}.main-description{max-width:576px}.cta-button{width:162px}.hero-image-container{height:650px}}@media(min-width:1600px){.home-content{max-width:1600px;gap:80px;padding:149px 80px 60px}.left-section,.right-section{flex:0 0 700px;max-width:700px}.main-heading{font-size:52px;line-height:60px}.main-description{font-size:17px;line-height:28px;max-width:650px}.hero-image-container{height:700px}}@media(min-width:1920px){.home-content{max-width:1800px;gap:100px;padding:149px 100px 60px}.left-section,.right-section{flex:0 0 800px;max-width:800px}}.hero-carousel{position:relative;width:100%;height:100%;overflow:hidden}.carousel-images{position:relative;width:100%;height:100%}.carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1s ease-in-out}.carousel-image.active{opacity:1;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#00000080,#0003,#0000);z-index:2;pointer-events:none}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:36px;height:36px;border-radius:var(--radius-circle);font-size:20px;cursor:pointer;z-index:3;transition:background-color var(--transition-fast);display:none;align-items:center;justify-content:center;color:var(--color-text-primary);line-height:1;padding:0}.carousel-button:hover{background:var(--color-white)}.carousel-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.carousel-button.prev{left:var(--spacing-sm)}.carousel-button.next{right:var(--spacing-sm)}.carousel-dots{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xs);z-index:5}.dot{width:8px;height:8px;border-radius:var(--radius-circle);border:2px solid var(--color-white);background:transparent;cursor:pointer;transition:background-color var(--transition-fast);padding:0}.dot:hover{background:#ffffff80}.dot:focus{outline:2px solid var(--color-white);outline-offset:2px}.dot.active{background:var(--color-white)}@media(min-width:481px){.carousel-dots{bottom:110px}.dot{width:10px;height:10px}}@media(min-width:769px){.carousel-button{display:flex;width:40px;height:40px;font-size:24px}.carousel-button.prev{left:16px}.carousel-button.next{right:16px}.carousel-dots{bottom:125px}}@media(min-width:1025px){.carousel-button{width:44px;height:44px}.carousel-button.prev{left:20px}.carousel-button.next{right:20px}.carousel-dots{bottom:135px}}@media(min-width:1280px){.carousel-button{width:48px;height:48px}.carousel-button.prev{left:24px}.carousel-button.next{right:24px}.carousel-dots{bottom:145px}}
