.hero-section{padding:var(--space-20) 0;background:linear-gradient(135deg, var(--surface) 0%, var(--surface-variant) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";background:radial-gradient(circle at top right, var(--primary-light) 0%, transparent 70%);opacity:.3;pointer-events:none;width:50%;height:100%;position:absolute;top:0;right:0}.hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);font-size:var(--font-body-sm);margin-bottom:var(--space-6);font-weight:500;animation:.4s ease-out fadeIn;display:inline-flex}.badge-icon{color:var(--google-yellow)}.hero-title{color:var(--text-primary);margin-bottom:var(--space-6);font-size:48px;font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg, var(--google-blue) 0%, var(--google-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{font-size:var(--font-body-lg);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.6;animation:.5s ease-out fadeIn}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-12);justify-content:center;animation:.6s ease-out fadeIn;display:flex}.hero-stats{gap:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border);justify-content:center;animation:.7s ease-out fadeIn;display:flex}.stat-item{text-align:center}.stat-number{font-size:var(--font-headline-md);color:var(--primary);margin-bottom:var(--space-1);font-weight:700}.stat-label{font-size:var(--font-body-sm);color:var(--text-secondary)}.features-section{padding:var(--space-20) 0;background-color:var(--background)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-title{font-size:var(--font-headline-md);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.section-description{font-size:var(--font-body-lg);color:var(--text-secondary);line-height:1.6}.features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.feature-card{padding:var(--space-8);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);will-change:transform}.feature-card:hover{box-shadow:var(--elevation-2);border-color:var(--primary);transform:translateY(-4px)}.feature-icon{background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary-container) 100%);width:56px;height:56px;color:var(--primary);border-radius:var(--radius-md);margin-bottom:var(--space-4);justify-content:center;align-items:center;font-size:24px;display:flex}.feature-title{font-size:var(--font-title-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.feature-description{font-size:var(--font-body-md);color:var(--text-secondary);line-height:1.6}.how-it-works-section{padding:var(--space-20) 0;background-color:var(--surface-variant)}.steps-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--google-green) 100%);z-index:0;height:2px;position:absolute;top:40px;left:15%;right:15%}.step-card{text-align:center;padding:var(--space-6);background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);z-index:1;position:relative}.step-number{width:80px;height:80px;margin:0 auto var(--space-4);background:linear-gradient(135deg, var(--google-blue) 0%, var(--google-green) 100%);color:#fff;font-size:var(--font-headline-md);border-radius:var(--radius-full);box-shadow:var(--elevation-2);justify-content:center;align-items:center;font-weight:700;display:flex}.step-title{font-size:var(--font-title-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.step-description{font-size:var(--font-body-md);color:var(--text-secondary);line-height:1.6}.cta-section{padding:var(--space-20) 0;background:linear-gradient(135deg, var(--primary) 0%, var(--google-blue) 100%);position:relative;overflow:hidden}.cta-section:before{content:"";border-radius:var(--radius-full);background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;right:-10%}.cta-content{text-align:center;z-index:1;max-width:700px;margin:0 auto;position:relative}.cta-title{font-size:var(--font-headline-md);color:#fff;margin-bottom:var(--space-4);font-weight:700}.cta-description{font-size:var(--font-body-lg);color:#ffffffe6;margin-bottom:var(--space-8);line-height:1.6}.cta-section .btn-primary{color:var(--primary);will-change:transform;background-color:#fff}.cta-section .btn-primary:hover{background-color:var(--surface-variant);transform:translateY(-2px)}@media (max-width:768px){.hero-title{font-size:32px}.hero-actions{flex-direction:column}.hero-stats{gap:var(--space-4);flex-direction:column}.features-grid{grid-template-columns:1fr}.steps-grid:before{display:none}.steps-grid{grid-template-columns:1fr}}