.u-inline-icon{vertical-align:middle;display:inline-block}.u-mr-1{margin-right:var(--ws-space-1, .25rem)}.u-mr-2{margin-right:var(--ws-space-2, .5rem)}.u-ml-1{margin-left:var(--ws-space-1, .25rem)}.u-ml-2{margin-left:var(--ws-space-2, .5rem)}.u-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.u-inline-icon{display:inline-block;vertical-align:middle}.u-mr-2{margin-right:.5rem}.u-ml-1{margin-left:.25rem}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--ws-section-hero) 0%,var(--ws-section-hero-end) 100%);padding:var(--ws-space-24) var(--ws-container-padding) var(--ws-space-16);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(circle,var(--ws-overlay-accent) 0%,transparent 70%);animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero-content{max-width:var(--ws-container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--ws-space-16);align-items:center;position:relative;z-index:1}.hero-text h1{font-size:var(--ws-text-6xl);font-weight:var(--ws-font-extrabold);color:var(--ws-color-text-on-dark);line-height:var(--ws-leading-tight);margin-bottom:var(--ws-space-6)}.hero-text h1 .highlight{background:linear-gradient(90deg,var(--ws-color-yellow),var(--ws-color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-text p{font-size:var(--ws-text-xl);color:var(--ws-color-text-on-dark);opacity:.85;margin-bottom:var(--ws-space-8);font-weight:var(--ws-font-light)}.hero-text h2{font-size:var(--ws-text-2xl);font-weight:var(--ws-font-semibold);color:var(--ws-color-text-on-dark);opacity:.85;margin-bottom:var(--ws-space-2);line-height:var(--ws-leading-snug)}.hero-text .highlight-word{color:var(--ws-color-yellow);font-weight:var(--ws-font-bold)}.hero-buttons{display:flex;gap:var(--ws-space-4);flex-wrap:wrap}.hero-visual{position:relative}.hero-cards{display:grid;gap:var(--ws-space-4)}.hero-card{background:var(--ws-overlay-glass-subtle);backdrop-filter:blur(10px);padding:var(--ws-space-6);border-radius:var(--ws-radius-lg);border:var(--ws-border-width) solid var(--ws-overlay-glass);transition:transform var(--ws-transition-base)}.hero-card:hover{transform:translate(-10px)}.hero-icon{font-size:var(--ws-text-4xl);display:block;margin-bottom:var(--ws-space-4);line-height:1;color:var(--ws-color-text-on-dark)}.hero-card h3{color:var(--ws-color-text-on-dark);font-size:var(--ws-text-lg);margin-bottom:var(--ws-space-2)}.hero-card p{color:var(--ws-color-text-on-dark);opacity:.8;font-size:var(--ws-text-sm)}.how-it-works{padding:var(--ws-space-24) var(--ws-container-padding);background:var(--ws-section-primary);position:relative}.how-it-works:before{content:"";position:absolute;top:var(--ws-space-8);left:50%;transform:translate(-50%);width:80px;height:var(--ws-border-width-lg);background:linear-gradient(90deg,transparent,var(--ws-accent-9),transparent);border-radius:var(--ws-space-1);opacity:.6}.section-header{text-align:center;max-width:700px;margin:0 auto var(--ws-space-16);padding-top:var(--ws-space-4)}.section-header h2{font-size:var(--ws-text-4xl);font-weight:var(--ws-font-extrabold);margin-bottom:var(--ws-space-4);color:var(--ws-color-text-primary)}.section-header p{font-size:var(--ws-text-lg);color:var(--ws-color-text-secondary)}.steps{max-width:var(--ws-container-max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ws-space-12)}.step{text-align:center;position:relative}.step-number{width:70px;height:70px;background:linear-gradient(135deg,var(--ws-color-accent),var(--ws-color-accent-hover));color:var(--ws-color-text-on-dark);border-radius:var(--ws-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--ws-text-3xl);font-weight:var(--ws-font-bold);margin:0 auto var(--ws-space-6);box-shadow:var(--ws-shadow-primary)}.step h3{font-size:var(--ws-text-xl);margin-bottom:var(--ws-space-4);color:var(--ws-color-text-primary)}.step p{color:var(--ws-color-text-secondary)}.step:after{content:"→";position:absolute;top:35px;right:calc(-1 * var(--ws-space-8));font-size:var(--ws-text-3xl);color:var(--ws-color-accent);opacity:.3}.step:last-child:after{display:none}.investment-section{padding:var(--ws-space-20) var(--ws-container-padding) 8rem;background:var(--ws-section-alternate);position:relative}.investment-section:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:60px;background-image:var(--ws-wave-svg-url);background-size:cover;background-repeat:no-repeat}.investment-section h2{font-size:var(--ws-text-4xl);font-weight:var(--ws-font-extrabold);text-align:center;margin-bottom:var(--ws-space-4);color:var(--ws-color-text-primary)}.investment-section p{text-align:center;color:var(--ws-color-text-secondary);font-size:var(--ws-text-lg);margin-bottom:var(--ws-space-8)}.investment-chart-container{max-width:900px;margin:0 auto;height:400px;position:relative}.investment-chart-container:hover{transform:translateY(-2px)}#investmentChart{cursor:crosshair;transition:all var(--ws-transition-base) ease;will-change:transform;transform:translateZ(0)}.benefits{padding:var(--ws-space-24) var(--ws-container-padding);background:var(--ws-section-alternate)}.benefits-grid{max-width:var(--ws-container-max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--ws-space-8)}.benefit-card{background:var(--ws-color-bg-elevated);padding:var(--ws-space-12);border-radius:var(--ws-radius-xl);border:1px solid var(--ws-color-border-subtle);box-shadow:var(--ws-shadow-lg);transition:transform var(--ws-transition-base),box-shadow var(--ws-transition-base)}.benefit-card:hover{transform:translateY(-10px);box-shadow:var(--ws-shadow-xl)}.benefit-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--ws-color-accent),var(--ws-color-accent-hover));border-radius:var(--ws-radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--ws-space-6);font-size:var(--ws-text-3xl);color:var(--ws-color-text-on-dark)}.benefit-card h3{font-size:var(--ws-text-2xl);margin-bottom:var(--ws-space-4);text-align:center;color:var(--ws-color-text-primary)}.benefit-card ul{list-style:none;margin:var(--ws-space-4) auto 0;max-width:400px}.benefit-card ul li{padding:var(--ws-space-2) 0;color:var(--ws-color-text-secondary);display:flex;align-items:center;gap:var(--ws-space-2);text-align:left}.check-icon{color:var(--ws-color-green);font-weight:700;flex-shrink:0}.stats{padding:var(--ws-space-16) var(--ws-container-padding);background:var(--ws-color-dark)}.stats-grid{max-width:var(--ws-container-max);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--ws-space-12);text-align:center}.stat h3{font-size:var(--ws-text-5xl);font-weight:var(--ws-font-extrabold);color:var(--ws-color-yellow);margin-bottom:var(--ws-space-2)}.stat p{color:var(--ws-color-text-secondary);font-size:var(--ws-text-base)}.faq-section{padding:var(--ws-space-24) var(--ws-container-padding);background:var(--ws-section-primary)}.faq-container{max-width:900px;margin:0 auto}.faq-header{text-align:center;margin-bottom:var(--ws-space-12)}.faq-header h2{font-size:var(--ws-text-4xl);font-weight:var(--ws-font-extrabold);margin-bottom:var(--ws-space-4);color:var(--ws-color-text-primary)}.faq-header p{font-size:var(--ws-text-lg);color:var(--ws-color-text-secondary)}.faq-item{background:var(--ws-color-bg-subtle);border-radius:var(--ws-radius-lg);margin-bottom:var(--ws-space-4);overflow:hidden;transition:all var(--ws-transition-base) ease;border:var(--ws-border-width-md) solid var(--ws-color-border-subtle)}.faq-item:hover{border-color:var(--ws-color-accent);box-shadow:var(--ws-shadow-sm)}.faq-question{width:100%;padding:var(--ws-space-6) var(--ws-space-8);background:none;border:none;text-align:left;font-size:var(--ws-text-lg);font-weight:var(--ws-font-semibold);color:var(--ws-color-text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--ws-space-4);transition:color var(--ws-transition-base);font-family:var(--ws-font-family)}.faq-question:hover{color:var(--ws-color-accent)}.faq-icon{font-size:var(--ws-text-2xl);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--ws-color-accent)}.faq-text{flex:1}.faq-toggle{width:30px;height:30px;border-radius:var(--ws-radius-full);background:var(--ws-color-accent);color:var(--ws-color-text-on-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--ws-transition-base),background var(--ws-transition-base)}.faq-item.active .faq-toggle{transform:rotate(180deg);background:var(--ws-color-accent-hover)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 var(--ws-space-8)}.faq-item.active .faq-answer{max-height:500px;padding:0 var(--ws-space-8) var(--ws-space-6) 4.5rem}.faq-answer p{color:var(--ws-color-text-secondary);line-height:var(--ws-leading-relaxed);font-size:var(--ws-text-base)}.faq-cta{text-align:center;margin-top:var(--ws-space-12)}.faq-cta p{color:var(--ws-color-text-secondary);margin-bottom:var(--ws-space-4);font-size:var(--ws-text-lg)}.btn-faq{display:inline-flex;align-items:center;gap:var(--ws-space-2);padding:var(--ws-space-3) var(--ws-space-8);background:transparent;border:var(--ws-border-width-md) solid var(--ws-color-accent);color:var(--ws-color-accent);text-decoration:none;border-radius:var(--ws-radius-md);font-weight:var(--ws-font-semibold);transition:all var(--ws-transition-base)}.btn-faq:hover{background:var(--ws-color-accent);color:var(--ws-color-text-on-dark);transform:translateY(-2px)}.cta{padding:var(--ws-space-24) var(--ws-container-padding);background:linear-gradient(135deg,var(--ws-color-accent) 0%,var(--ws-color-accent-hover) 100%);text-align:center}.cta h2{font-size:var(--ws-text-4xl);font-weight:var(--ws-font-extrabold);color:var(--ws-color-text-on-dark);margin-bottom:var(--ws-space-4)}.cta p{font-size:var(--ws-text-xl);color:var(--ws-color-text-on-dark);opacity:.9;margin-bottom:var(--ws-space-8)}.cta .ws-btn-primary{background:var(--ws-color-bg-elevated);color:var(--ws-color-accent);font-size:var(--ws-text-lg)}.cta .ws-btn-primary:hover{background:var(--ws-color-yellow);color:var(--ws-color-text-primary)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.investment-section{padding:var(--ws-space-16) var(--ws-container-padding) var(--ws-space-24)}.investment-section:after{height:40px}.investment-chart-container{height:350px}.steps{grid-template-columns:1fr}.step:after{display:none}.benefits-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-text h1{font-size:var(--ws-text-4xl)}.hero-text p{font-size:var(--ws-text-lg)}.hero-text h2{font-size:var(--ws-text-xl)}.hero-buttons{justify-content:center}.investment-section{padding:var(--ws-space-8) var(--ws-space-4)}.investment-section h2{font-size:var(--ws-text-2xl);line-height:var(--ws-leading-snug)}.investment-section p{font-size:var(--ws-text-sm)}.investment-section:after{height:30px}.investment-chart-container{height:300px;padding:var(--ws-space-2);margin:0 calc(-1 * var(--ws-space-2))}.investment-chart-container canvas{display:block;margin:0 auto}#investmentChart{max-width:100vw!important;height:300px!important}.section-header h2{font-size:var(--ws-text-3xl)}.stats-grid{grid-template-columns:1fr;gap:var(--ws-space-8)}.faq-header h2{font-size:var(--ws-text-3xl)}.faq-question{padding:var(--ws-space-5) var(--ws-space-6);font-size:var(--ws-text-base)}.faq-icon{font-size:var(--ws-text-xl)}.faq-toggle{width:26px;height:26px;font-size:var(--ws-text-sm)}.faq-item.active .faq-answer{padding:0 var(--ws-space-6) var(--ws-space-5) 3.8rem}.faq-answer p{font-size:var(--ws-text-sm)}}@media(max-width:768px)and (orientation:landscape){#investmentChart{height:250px!important;max-width:95vw!important}.investment-section{padding:var(--ws-space-6) var(--ws-space-4)}.investment-section h2{font-size:var(--ws-text-xl);margin-bottom:var(--ws-space-2)}.investment-section p{font-size:var(--ws-text-sm);margin-bottom:var(--ws-space-4)}.investment-chart-container{padding:var(--ws-space-2)}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){#investmentChart{height:350px!important}}@media(min-width:768px)and (max-width:1024px)and (orientation:landscape){#investmentChart{height:320px!important}}
