.E0kJGG_hero{text-align:center;min-height:100vh;padding:calc(var(--navbar-height) + var(--space-8)) var(--space-6) var(--space-16);background:var(--gradient-hero);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.E0kJGG_hero:before{content:"";background:radial-gradient(circle at 30% 40%,#6366f114 0%,#0000 50%),radial-gradient(circle at 70% 60%,#22d3ee0f 0%,#0000 50%);width:200%;height:200%;animation:20s ease-in-out infinite E0kJGG_float;position:absolute;top:-50%;left:-50%}.E0kJGG_hero-content{z-index:1;max-width:720px;animation:.8s forwards E0kJGG_slideUp;position:relative}.E0kJGG_hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-primary-light);margin-bottom:var(--space-8);background:#6366f11f;border:1px solid #6366f133;font-weight:500;display:inline-flex}.E0kJGG_hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--space-6);letter-spacing:-.02em;font-weight:800;line-height:1.1}.E0kJGG_hero-title .E0kJGG_highlight{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.E0kJGG_hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7}.E0kJGG_hero-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.E0kJGG_activity-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:#fbbf24;margin-bottom:var(--space-8);background:#fbbf241a;border:1px solid #fbbf2433;font-weight:500;animation:.8s forwards E0kJGG_fadeIn;display:inline-flex}.E0kJGG_how-it-works{padding:var(--space-16) var(--space-6) var(--space-12);background:var(--color-bg-secondary);position:relative;overflow:hidden}.E0kJGG_how-it-works:before{content:"";background:linear-gradient(90deg, transparent, var(--color-primary), var(--color-accent), transparent);height:1px;position:absolute;top:0;left:0;right:0}.E0kJGG_how-header{text-align:center;margin-bottom:var(--space-16);animation:.6s forwards E0kJGG_fadeIn}.E0kJGG_how-eyebrow{font-size:var(--font-size-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary-light);border-radius:var(--radius-full);padding:var(--space-1) var(--space-4);margin-bottom:var(--space-4);background:#6366f11a;border:1px solid #6366f133;font-weight:700;display:inline-block}.E0kJGG_how-title{font-size:var(--font-size-4xl);letter-spacing:-.02em;margin-bottom:var(--space-3);background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.E0kJGG_how-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted)}.E0kJGG_how-layout{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:start;max-width:1100px;margin:0 auto;display:grid}.E0kJGG_steps-list{flex-direction:column;gap:0;display:flex}.E0kJGG_step-item{gap:var(--space-4);padding:var(--space-5) var(--space-5);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #0000;width:100%;display:flex;position:relative}.E0kJGG_step-item:hover{background:#ffffff08}.E0kJGG_step-active{border-color:var(--step-color,var(--color-border));box-shadow:0 0 0 1px var(--step-color), inset 0 0 30px #0003;background:#ffffff0a}.E0kJGG_step-number-wrap{flex-direction:column;flex-shrink:0;align-items:center;padding-top:2px;display:flex}.E0kJGG_step-number{border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-border);width:36px;height:36px;font-size:var(--font-size-xs);color:var(--color-text-muted);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.E0kJGG_step-active .E0kJGG_step-number{background:var(--step-color);border-color:var(--step-color);color:#fff;box-shadow:0 0 12px var(--step-glow)}.E0kJGG_step-connector{background:var(--color-border);width:2px;min-height:32px;margin:var(--space-2) 0;transition:background var(--transition-base);border-radius:2px;flex:1}.E0kJGG_connector-done{background:var(--step-color,var(--color-primary))}.E0kJGG_step-text{gap:var(--space-3);flex:1;align-items:flex-start;display:flex}.E0kJGG_step-icon{transition:transform var(--transition-base);flex-shrink:0;margin-top:2px;font-size:1.5rem;display:block}.E0kJGG_step-active .E0kJGG_step-icon{transform:scale(1.15)}.E0kJGG_step-title{font-size:var(--font-size-base);margin-bottom:var(--space-1);color:var(--color-text);transition:color var(--transition-fast);font-weight:700}.E0kJGG_step-active .E0kJGG_step-title{color:var(--step-color)}.E0kJGG_step-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.E0kJGG_step-preview{top:calc(var(--navbar-height) + var(--space-8));gap:var(--space-5);flex-direction:column;display:flex;position:sticky}.E0kJGG_preview-glow{background:radial-gradient(circle, var(--step-glow,#6366f133) 0%, transparent 70%);pointer-events:none;z-index:0;width:300px;height:300px;transition:background var(--transition-slow);position:absolute;top:-20%;left:50%;transform:translate(-50%)}.E0kJGG_preview-card{z-index:1;padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--step-color,var(--color-border));border-radius:var(--radius-xl);box-shadow:0 0 30px var(--step-glow,transparent);text-align:center;transition:border-color var(--transition-base), box-shadow var(--transition-base);animation:.3s forwards E0kJGG_fadeInScale;position:relative}.E0kJGG_preview-step-badge{top:var(--space-4);right:var(--space-4);font-size:var(--font-size-xs);color:var(--step-color);border:1px solid var(--step-color);border-radius:var(--radius-full);padding:2px var(--space-3);letter-spacing:.08em;background:#ffffff0f;font-weight:800;position:absolute}.E0kJGG_preview-icon{margin-bottom:var(--space-4);font-size:3.5rem;animation:3s ease-in-out infinite E0kJGG_float;display:block}.E0kJGG_preview-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-3);font-weight:700}.E0kJGG_preview-detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.7}.E0kJGG_preview-dots{justify-content:center;gap:var(--space-2);display:flex}.E0kJGG_preview-dot{border-radius:var(--radius-full);background:var(--color-border);cursor:pointer;width:8px;height:8px;transition:all var(--transition-base);border:none;padding:0}.E0kJGG_dot-active{background:var(--step-color,var(--color-primary));width:24px;box-shadow:0 0 8px var(--step-glow)}.E0kJGG_mock-ui{z-index:1;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.E0kJGG_mock-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex}.E0kJGG_mock-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;display:block}.E0kJGG_mock-url{margin-left:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-3);text-align:center;flex:1}.E0kJGG_mock-body{background:linear-gradient(#1a2035 0%,#0a1020 100%);height:180px;position:relative;overflow:hidden}.E0kJGG_mock-map-area{width:100%;height:100%;position:relative}.E0kJGG_mock-building{background:#6366f133;border:1px solid #6366f166;border-radius:3px;animation:3s ease-in-out infinite E0kJGG_pulse;position:absolute}.E0kJGG_mock-building:nth-child(2){animation-delay:.5s}.E0kJGG_mock-building:nth-child(3){animation-delay:1s}.E0kJGG_mock-building:nth-child(4){animation-delay:1.5s}.E0kJGG_mock-pin{z-index:2;flex-direction:column;align-items:center;animation:2s ease-in-out infinite E0kJGG_float;display:flex;position:absolute;top:28%;left:38%}.E0kJGG_mock-pin span{filter:drop-shadow(0 0 8px #6366f1cc);font-size:1.4rem}.E0kJGG_mock-popup{background:var(--color-bg-card);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-top:var(--space-1);white-space:nowrap;flex-direction:column;gap:2px;display:flex;box-shadow:0 0 12px #6366f14d}.E0kJGG_mock-popup-name{color:var(--color-text);font-size:10px;font-weight:700}.E0kJGG_mock-popup-count{color:var(--color-text-secondary);font-size:9px}.E0kJGG_how-cta{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-16);padding:var(--space-8) var(--space-10);border-radius:var(--radius-xl);background:linear-gradient(135deg,#6366f114 0%,#22d3ee0d 100%);border:1px solid #6366f126;max-width:700px;margin-left:auto;margin-right:auto;display:flex}.E0kJGG_how-cta p{font-size:var(--font-size-lg);color:var(--color-text);margin:0;font-weight:600}.E0kJGG_footer{padding:var(--space-8) var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);border-top:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;align-items:center;display:flex}.E0kJGG_footer-links{gap:var(--space-6);margin-bottom:var(--space-2);display:flex}.E0kJGG_footer-links a{color:var(--color-text-secondary);transition:color var(--transition-fast)}.E0kJGG_footer-links a:hover{color:var(--color-primary-light)}@media (max-width:900px){.E0kJGG_how-layout{grid-template-columns:1fr}.E0kJGG_step-preview{order:-1;position:relative;top:auto}.E0kJGG_how-cta{text-align:center;gap:var(--space-4);margin-top:var(--space-10);flex-direction:column}}@media (max-width:768px){.E0kJGG_hero-title{font-size:var(--font-size-3xl)}.E0kJGG_hero-subtitle{font-size:var(--font-size-base)}.E0kJGG_how-title{font-size:var(--font-size-3xl)}.E0kJGG_step-item{padding:var(--space-4)}}@media (max-width:480px){.E0kJGG_how-layout{gap:var(--space-6)}}