.home-container{background:var(--color-surface,#fff);max-width:100vw;min-height:100vh;overflow-x:hidden}.hero{background:#fafafa;justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:0 2rem;display:flex;position:relative;overflow:hidden}.hero-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;max-width:1200px;margin:0 auto;display:grid;position:relative}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}}.hero-copy{max-width:520px}@media (max-width:1024px){.hero-copy{max-width:600px;margin:0 auto}}.hero-title{color:#111;letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.75rem,5vw,3.75rem);font-weight:800;line-height:1.1}.hero-title-gradient{color:var(--brand-600,#7c3aed);display:inline}.hero-subtitle{color:#64748b;max-width:440px;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}@media (max-width:1024px){.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}}.hero-stats{align-items:center;gap:2rem;margin-top:2.5rem;display:flex}@media (max-width:1024px){.hero-stats{justify-content:center}}@media (max-width:480px){.hero-stats{flex-wrap:wrap;gap:1rem}}.hero-stat{flex-direction:column;gap:.125rem;display:flex}.hero-stat-value{color:#111;letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.hero-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.hero-stat-divider{background:#d1d5db;width:1px;height:40px}@media (max-width:480px){.hero-stat-divider{display:none}}.sdk-highlight{color:var(--brand-600,#7c3aed);font-weight:600}.genesis-hero-banner{background:#fffbeb;border:1px solid #fde68a;border-radius:100px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.625rem 1rem;text-decoration:none;transition:background-color .15s;display:inline-flex}.genesis-hero-banner:hover{background:#fef3c7}.genesis-banner-icon{color:#fff;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.genesis-banner-text{color:#92400e;font-size:.875rem}.genesis-banner-text strong{color:#78350f;font-weight:600}.genesis-banner-arrow{color:#b45309;transition:transform .2s}.genesis-hero-banner:hover .genesis-banner-arrow{transform:translate(3px)}@media (max-width:1024px){.genesis-hero-banner{margin-left:auto;margin-right:auto}}@media (max-width:480px){.genesis-hero-banner{justify-content:center;width:100%}}.hero-preview{position:relative}@media (max-width:1024px){.hero-preview{max-width:420px;margin:0 auto}}.demo-video-wrapper{background:#0a0a0a;border:1px solid #0000001a;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.dark .demo-video-wrapper{border-color:#ffffff1a}.demo-gif{width:100%;height:auto;display:block}.demo-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:10;background:#000000bf;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:flex;position:absolute;top:16px;right:16px}.demo-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-demo}@keyframes pulse-demo{0%,to{opacity:1}50%{opacity:.5}}.preview-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1.75rem;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000f}.preview-card-header{margin-bottom:1rem}.preview-market-type{align-items:center;gap:.75rem;display:flex}.preview-type-badge{color:#15803d;text-transform:uppercase;letter-spacing:.05em;background:#dcfce7;border-radius:100px;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.preview-type-badge:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px;margin-right:.375rem;animation:2s infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.5}}.preview-oracle{color:#6b7280;font-size:.75rem;font-weight:500}.preview-question{color:#111;letter-spacing:-.01em;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;line-height:1.35}.preview-price-row{background:#f9fafb;border-radius:12px;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;padding:1rem;display:grid}.preview-current-price,.preview-target{flex-direction:column;gap:.25rem;display:flex}.preview-price-label{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:500}.preview-price-value{color:#111;font-size:1.125rem;font-weight:700;font-family:var(--font-mono,monospace)}.preview-odds{margin-bottom:1.25rem}.preview-odds-bar{background:#f3f4f6;border-radius:8px;height:36px;display:flex;overflow:hidden}.preview-odds-yes{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;transition:width .5s;display:flex}.preview-odds-no{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);flex:1;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.preview-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.preview-btn-yes,.preview-btn-no{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:700;transition:all .2s;display:flex}.preview-btn-yes{color:#fff;background-color:#22c55e}.preview-btn-yes:hover{background-color:#16a34a}.preview-btn-no{color:#fff;background-color:#f43f5e}.preview-btn-no:hover{background-color:#e11d48}.preview-btn-multiplier{opacity:.9;font-size:.75rem;font-weight:600}.preview-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.preview-volume,.preview-time{color:#6b7280;font-size:.8125rem;font-weight:500}.preview-float,.preview-float-1,.preview-float-2{display:none}.hero-meta{color:#666;margin-top:1rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;display:block}.brand{color:var(--brand-600,#7c3aed);font-weight:600}.install-hero{background:#0f172a;border-radius:10px;align-items:center;gap:1rem;max-width:100%;padding:1rem 1.5rem;transition:all .2s;display:inline-flex}.install-hero:hover{box-shadow:0 4px 12px #00000026}.install-code-hero{color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1rem;font-weight:500}.copy-btn-hero{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #fff3;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.copy-btn-hero:hover{color:#e2e8f0;background:#ffffff1a;border-color:#fff6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.btn-primary{color:#fff;background-color:var(--brand-600,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 3rem;font-size:1.125rem;font-weight:700;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn-primary:hover{background-color:var(--brand-700,#6d28d9)}.btn-primary:active{background-color:var(--brand-800,#5b21b6)}.btn-secondary{color:var(--brand-600,#7c3aed);background:var(--brand-50,#f5f3ff);border:2px solid var(--brand-300,#c4b5fd);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 2.75rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-secondary:hover{background:var(--brand-100,#ede9fe);border-color:var(--brand-400,#a78bfa)}.hero-meta-bar{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:.5rem;padding-top:1.5rem;display:flex}.hero-meta-bar span{background:var(--brand-50,#f5f3ff);color:var(--brand-700,#6d28d9);border:1px solid var(--brand-100,#ede9fe);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.comparison-viewport{background:#f8f9fa;flex-direction:column;justify-content:center;min-height:100vh;padding:4rem 2rem;display:flex}.section-title{text-align:center;color:#111;letter-spacing:-.01em;margin-bottom:3rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.comparison-grid{grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto 3rem;display:grid}@media (max-width:1024px){.comparison-grid{grid-template-columns:1fr;max-width:600px}}.comparison-column{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:2rem}.column-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.column-header h3{color:#111;font-size:1.5rem;font-weight:600}.mode-tag{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.mode-tag.p2p{background:var(--brand-50,#f5f3ff);color:var(--brand-600,#7c3aed);border:1px solid var(--brand-200,#ddd6fe)}.mode-tag.amm{background:var(--yes-50,#ecfdf5);color:var(--yes-600,#059669);border:1px solid var(--yes-200,#a7f3d0)}.code-block{background:#0f172a;border:1px solid #1e293b;border-radius:10px;max-width:100%;margin-bottom:1.5rem;padding:1.5rem;overflow-x:auto;box-shadow:inset 0 1px #ffffff0d}.code-block pre{color:#e2e8f0;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.7}.code-block code{font-family:inherit}.code-block .comment{color:#64748b;font-style:italic}.code-block .keyword{color:#c084fc}.code-block .function{color:#60a5fa}.code-block .string{color:#4ade80}.code-block .property{color:#f8fafc}.code-block .punctuation{color:#94a3b8}.feature-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.feature-list li{color:#555;align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.check-icon{width:1.25rem;height:1.25rem;color:var(--brand-500,#8b5cf6);flex-shrink:0}.comparison-table-simple{background:#fff;border:2px solid #e5e7eb;border-radius:12px;max-width:1200px;margin:0 auto;overflow:hidden}.table-row{border-bottom:1px solid #e5e7eb;grid-template-columns:200px 1fr 1fr;align-items:center;gap:1rem;padding:1rem 2rem;display:grid}.table-row:last-child{border-bottom:none}.table-label{color:#111;font-weight:600}.table-row span:not(.table-label){color:#555;font-size:.9375rem}@media (max-width:768px){.table-row{grid-template-columns:1fr;gap:.5rem}.table-label{font-size:.875rem}}.quick-start-viewport{background:#fff;flex-direction:column;justify-content:center;min-height:80vh;padding:4rem 2rem;display:flex}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto 2rem;display:grid}@media (max-width:1024px){.steps-grid{grid-template-columns:1fr;max-width:400px}}.step-card{text-align:center;z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem 1.5rem;transition:background-color .15s;position:relative}.step-card:hover{background:#fafafa}.step-number{background:var(--brand-600,#7c3aed);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1rem;font-weight:700;display:flex}.step-icon-wrapper{background:var(--brand-50,#f5f3ff);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;transition:background .2s;display:flex}.step-card:hover .step-icon-wrapper{background:var(--brand-100,#ede9fe)}.step-icon-wrapper svg{color:var(--brand-600,#7c3aed);width:26px;height:26px}.step-card h3{color:#111;margin-bottom:.5rem;font-size:1.0625rem;font-weight:600}.step-card p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.code-block-small{text-align:left;background:#0f172a;border:1px solid #1e293b;border-radius:10px;padding:1rem 1.25rem;overflow-x:auto}.code-block-small pre{color:#e2e8f0;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.6}.code-block-small .keyword{color:#c084fc}.code-block-small .function{color:#60a5fa}.code-block-small .string{color:#4ade80}.code-block-small .property{color:#f8fafc}.code-block-small .tag{color:#f472b6}.code-block-small .attr{color:#fbbf24}.quick-start-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.link-arrow{color:var(--brand-600,#7c3aed);font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.link-arrow:hover{color:var(--brand-700,#6d28d9);transform:translate(4px)}.features-viewport{background:#f8f9fa;flex-direction:column;justify-content:center;min-height:80vh;padding:4rem 2rem;display:flex}.features-grid-simple{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto;display:grid}@media (max-width:1024px){.features-grid-simple{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.features-grid-simple{grid-template-columns:1fr;max-width:400px}}.feature-card-simple{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem;transition:background-color .15s}.feature-card-simple:hover{background:#fafafa}.feature-icon-wrapper{background:var(--brand-50,#f5f3ff);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.5rem;display:flex}.feature-icon-wrapper svg{color:var(--brand-600,#7c3aed);width:32px;height:32px}.feature-card-simple h3{color:#111;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.feature-card-simple p{color:#555;font-size:.9375rem;line-height:1.6}.feature-card-simple code{background:var(--brand-50,#f5f3ff);color:var(--brand-600,#7c3aed);border-radius:4px;padding:.25rem .5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;font-weight:600}.final-cta{text-align:center;background:#fff;border-top:1px solid #e5e7eb;padding:6rem 2rem}.final-cta h2{color:#111;margin-bottom:2rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:700}.cta-actions-simple{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.cta-meta{color:#666;font-size:.9375rem}@media (max-width:640px){.hero{min-height:auto;padding:3rem 1.25rem 2rem}.hero-grid{gap:2rem}.hero-copy{text-align:center}.hero-title{font-size:1.75rem;line-height:1.2}.hero-title-gradient{display:block}.hero-subtitle{font-size:.9375rem;line-height:1.6}.hero-actions{flex-direction:column;gap:.75rem;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{text-align:center;justify-content:center;width:100%;padding:1rem 1.5rem;font-size:1rem}.hero-stats{flex-direction:row;justify-content:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem}.hero-stat{text-align:center;align-items:center}.hero-stat-value{font-size:1.25rem}.hero-stat-label{font-size:.75rem}.hero-stat-divider{width:1px;height:28px;display:block}.preview-card{padding:1rem}.preview-question{margin-bottom:1rem;font-size:1rem}.preview-price-row{gap:.5rem;margin-bottom:1rem;padding:.625rem}.preview-price-label{font-size:.625rem}.preview-price-value{font-size:.9375rem}.preview-odds{margin-bottom:1rem}.preview-odds-bar{height:28px}.preview-odds-yes span,.preview-odds-no span{font-size:.6875rem}.preview-actions{gap:.5rem;margin-bottom:.75rem}.preview-btn-yes,.preview-btn-no{border-radius:8px;padding:.625rem .75rem;font-size:.8125rem}.preview-btn-multiplier{font-size:.625rem}.preview-footer{padding-top:.75rem}.preview-volume,.preview-time{font-size:.6875rem}.benefits-section,.traders-section,.developers-section{padding:3rem 1.25rem}.section-title{margin-bottom:.5rem;font-size:1.5rem}.section-subtitle,.section-subtitle-centered{margin-bottom:1.5rem;font-size:.9375rem}.benefits-grid{gap:1rem}.benefit-card{padding:1.25rem 1rem}.benefit-icon{width:48px;height:48px;margin-bottom:.75rem}.benefit-icon svg{width:22px;height:22px}.benefit-card h3{margin-bottom:.375rem;font-size:1rem}.benefit-card p{font-size:.8125rem}.steps-grid{gap:1rem}.step-number{width:32px;height:32px;margin-bottom:.75rem;font-size:.875rem}.step-icon-wrapper{width:44px;height:44px;margin-bottom:.75rem}.step-icon-wrapper svg{width:20px;height:20px}.step-card h3{margin-bottom:.25rem;font-size:.9375rem}.step-card p{font-size:.8125rem}.developer-divider{gap:1rem;padding:2rem 1.25rem}.divider-text{font-size:.75rem}.install-wrapper{margin-bottom:1.5rem}.install-hero{justify-content:space-between;width:100%;padding:.875rem 1rem}.install-code-hero{font-size:.75rem}.sdk-features{gap:.75rem}.sdk-feature{gap:.75rem;padding:1rem}.sdk-feature svg{width:20px;height:20px;padding:6px}.sdk-feature strong{font-size:.875rem}.sdk-feature span{font-size:.75rem}.section-cta{flex-direction:column;gap:.75rem}.section-cta .btn-primary,.section-cta .btn-secondary{justify-content:center;width:100%;padding:.875rem 1.5rem}.genesis-section-soft{padding:3rem 1.25rem}.genesis-card-soft{padding:1.5rem 1.25rem}.genesis-title-soft{font-size:1.375rem}.genesis-subtitle-soft{margin-bottom:1.5rem;font-size:.9375rem}.genesis-progress-section-home{margin-bottom:1.5rem;padding:1rem}.genesis-progress-count{font-size:2rem}.genesis-progress-total{font-size:1.25rem}.genesis-features-soft{gap:.5rem;margin-bottom:1.5rem}.genesis-feature-soft{padding:.625rem .75rem;font-size:.8125rem}.genesis-actions{flex-direction:column;gap:.75rem}.genesis-cta-soft,.genesis-link{text-align:center;justify-content:center;width:100%}.final-cta{padding:3rem 1.25rem}.final-cta h2{font-size:1.5rem}.final-cta-subtitle{margin-bottom:1.5rem;font-size:.9375rem}.social-cta{flex-direction:column;gap:.75rem;margin-top:1.5rem}.social-cta-link{justify-content:center;width:100%}.preview-float{display:none}.comparison-viewport,.quick-start-viewport,.features-viewport{padding:3rem 1rem}.hero-meta-bar{flex-direction:column;gap:.75rem}.comparison-column{padding:1.25rem}.column-header{flex-direction:column;align-items:flex-start;gap:.5rem}.column-header h3{font-size:1.25rem}.code-block{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ffffff1a;border-radius:12px;margin-left:0;margin-right:0;padding:1rem;box-shadow:0 4px 12px #00000026}.code-block pre{white-space:pre-wrap;word-break:break-word;font-size:.75rem;line-height:1.6}.code-block-small{border-radius:10px;margin-left:0;margin-right:0;padding:.875rem}.code-block-small pre{white-space:pre-wrap;word-break:break-word;font-size:.7rem;line-height:1.5}.step-card{padding:1.5rem 1rem}.step-card h3{font-size:1.125rem}.comparison-table-simple{overflow-x:auto}.table-row{padding:.75rem 1rem}.architecture-comparison-grid{grid-template-columns:1fr!important}.docs-link-card{border:1px solid var(--color-border)!important;border-radius:12px!important;padding:1.25rem!important;box-shadow:0 2px 8px #0000000f!important}.docs-link-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a!important}.docs-link-card h3{margin-bottom:.375rem!important;font-size:1rem!important}.docs-link-card p{font-size:.875rem!important;line-height:1.5!important}.docs-link-card svg,.docs-link-card .icon{width:1.75rem!important;height:1.75rem!important;margin-bottom:.75rem!important}}.hero-logo{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}@media (max-width:1024px){.hero-logo{justify-content:center}}.hero-logo-icon{object-fit:contain;width:52px;height:52px}.hero-logo-text{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.logo-predict{color:var(--brand-600,#7c3aed)}.logo-kit{color:#d97706}.hero-badge{color:var(--brand-600,#7c3aed);letter-spacing:.01em;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero-badge-genesis{color:#b45309;background:linear-gradient(135deg,#d9770626,#7c3aed1a);border-color:#d977064d}.hero-powered-by{color:#375bd2;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;display:flex}.chainlink-logo{flex-shrink:0}.dark .hero-powered-by{color:#5a7fe8}.dark .chainlink-logo path{fill:#5a7fe8}.hero-tertiary{margin-top:1.25rem}.hero-tertiary-link{color:var(--brand-600,#7c3aed);opacity:.8;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.hero-tertiary-link:hover{opacity:1;text-decoration:underline}@media (max-width:1024px){.hero-tertiary{text-align:center}}.preview-card-clickable{cursor:pointer;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.preview-card-clickable:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000026}.section-header{text-align:center;margin-bottom:3rem;justify-content:initial!important;align-items:initial!important;display:block!important}.developers-section .section-header,.how-it-works .section-header,.benefits .section-header{flex-direction:initial!important;justify-content:initial!important;align-items:initial!important;display:block!important}.developers-section .section-header h2,.developers-section .section-header p{text-align:center;display:block!important}.section-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:100px;margin-bottom:1rem;padding:.375rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.section-badge.trader{background:var(--brand-100,#ede9fe);color:var(--brand-700,#6d28d9)}.section-badge.developer{background:var(--color-info-100,#dbeafe);color:var(--color-info-700,#1d4ed8)}.section-subtitle{color:#666;margin-top:.5rem;font-size:1.125rem}.traders-section{background:#f8f9fa;padding:5rem 2rem}.trader-step{position:relative}.trader-step .step-icon-wrapper{background:var(--brand-50,#f5f3ff);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.trader-step .step-icon-wrapper svg{color:var(--brand-600,#7c3aed)}.trader-step p{color:#666;font-size:.9375rem;line-height:1.6}.section-cta{text-align:center;margin-top:2rem}.benefits-section{background:#fff;padding:5rem 2rem}.benefits-grid{grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:1024px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.benefits-grid{grid-template-columns:1fr;max-width:400px}}.benefit-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:2rem 1.5rem;transition:background-color .15s}.benefit-card:hover{background:#fafafa}.benefit-icon{background:var(--brand-50,#f5f3ff);border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;display:flex}.benefit-icon svg{color:var(--brand-600,#7c3aed);width:28px;height:28px}.benefit-card h3{color:#111;letter-spacing:-.01em;margin-bottom:.625rem;font-size:1.125rem;font-weight:700}.benefit-card p{color:#6b7280;margin:0;font-size:.9375rem;line-height:1.6}.audience-divider{text-align:center;background:#f8f9fa;padding:4rem 2rem;position:relative}.audience-divider:before{content:"";background:#e5e7eb;width:2px;height:3rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.audience-divider span{border:2px solid var(--brand-200,#ddd6fe);color:var(--brand-700,#6d28d9);background:#fff;border-radius:100px;padding:1rem 2rem;font-size:1rem;font-weight:600;display:inline-block}.developers-section{background:#f8f9fa;padding:5rem 2rem}.install-wrapper{justify-content:center;margin-bottom:2rem;display:flex}.developers-section .install-hero{margin:0}.sdk-features{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto 2rem;display:grid}@media (max-width:640px){.sdk-features{grid-template-columns:1fr}}.sdk-feature{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:background-color .15s;display:flex}.sdk-feature:hover{background:#fafafa}.sdk-feature svg{color:var(--brand-600,#7c3aed);background:var(--brand-50,#f5f3ff);box-sizing:content-box;border-radius:10px;flex-shrink:0;width:24px;height:24px;padding:8px}.sdk-feature div{flex-direction:column;gap:.25rem;display:flex}.sdk-feature strong{color:#111;font-size:1rem;font-weight:600}.sdk-feature span{color:#6b7280;font-size:.875rem;line-height:1.5}.developers-section .section-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.final-cta-subtitle{color:#666;margin-bottom:2rem;font-size:1.125rem}.social-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;display:flex}.social-cta-link{color:#555;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.social-cta-link:hover{border-color:var(--brand-300,#c4b5fd);color:var(--brand-600,#7c3aed);background:#fff}.social-cta-icon{width:1.125rem;height:1.125rem}.sdk-teaser{background:var(--brand-50,#f5f3ff);border-bottom:1px solid var(--brand-100,#ede9fe);padding:.875rem 2rem}.sdk-teaser-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1100px;margin:0 auto;display:flex}.sdk-teaser-badge{background:var(--brand-600,#7c3aed);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600}.install-inline{border:1px solid var(--brand-200,#ddd6fe);background:#fff;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .75rem;display:flex}.install-inline code{font-family:var(--font-mono,monospace);color:var(--brand-700,#6d28d9);font-size:.8125rem}.copy-btn-small{cursor:pointer;color:var(--brand-500,#8b5cf6);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;padding:.125rem;transition:color .2s;display:flex}.copy-btn-small:hover{color:var(--brand-700,#6d28d9)}.sdk-teaser-divider{color:var(--brand-300,#c4b5fd);font-size:1rem}.sdk-teaser-feature{color:var(--brand-600,#7c3aed);font-size:.8125rem;font-weight:500}@media (max-width:640px){.sdk-teaser-row{gap:.75rem}.sdk-teaser-divider,.sdk-teaser-feature{display:none}}.genesis-section-soft{background:#f8f9fa;padding:4rem 2rem}.genesis-card-soft{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:640px;margin:0 auto;padding:2.5rem;box-shadow:0 4px 12px #0000000d}.genesis-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.genesis-badge-soft{background:var(--brand-100,#ede9fe);color:var(--brand-700,#6d28d9);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.genesis-badge-soft svg{color:#f59e0b}.genesis-progress-section-home{border:1px solid var(--brand-200,#ddd6fe);text-align:center;background:#fff;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.genesis-progress-header{justify-content:center;align-items:baseline;gap:.5rem;margin-bottom:1rem;display:flex}.genesis-progress-count{color:var(--brand-600,#7c3aed);font-size:2.5rem;font-weight:800;line-height:1}.genesis-progress-total{color:var(--brand-400,#a78bfa);font-size:1.5rem;font-weight:600}.genesis-progress-label{color:var(--color-text-secondary,#6b7280);font-size:1rem;font-weight:500}.genesis-progress-bar-home{background:var(--brand-100,#ede9fe);border-radius:100px;height:12px;margin-bottom:.75rem;overflow:hidden}.genesis-progress-fill-home{background:linear-gradient(90deg,var(--brand-500,#8b5cf6),var(--brand-600,#7c3aed));border-radius:100px;min-width:4px;height:100%;transition:width .5s}.genesis-progress-remaining{color:var(--color-text-tertiary,#9ca3af);margin:0;font-size:.875rem}.genesis-title-soft{color:#1f2937;letter-spacing:-.02em;margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.genesis-subtitle-soft{color:#6b7280;margin-bottom:2rem;font-size:1.125rem;font-style:italic}.genesis-features-soft{text-align:left;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;display:grid}@media (max-width:500px){.genesis-features-soft{grid-template-columns:1fr}}.genesis-feature-soft{background:var(--brand-50,#f5f3ff);color:#374151;border-radius:10px;align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;display:flex}.genesis-feature-soft svg{color:var(--yes-500,#22c55e);flex-shrink:0}.genesis-cta-soft{background:var(--brand-600,#7c3aed);color:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.genesis-cta-soft:hover{background:var(--brand-700,#6d28d9)}.genesis-actions{flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.genesis-link{border:2px solid var(--brand-300,#c4b5fd);color:var(--brand-700,#6d28d9);background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.genesis-link:hover{background:var(--brand-50,#f5f3ff)}.developer-divider{align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;padding:3rem 2rem;display:flex}.divider-line{background:#e5e7eb;flex:1;height:2px}.divider-text{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-600,#7c3aed);white-space:nowrap;font-size:.875rem;font-weight:600}.section-subtitle-centered{text-align:center;color:#6b7280;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.widget-showcase-section{background:#f8f9fa;border-top:1px solid #e5e7eb;padding:5rem 2rem}.widget-showcase-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:1024px){.widget-showcase-content{grid-template-columns:1fr;gap:3rem}}.widget-showcase-info{max-width:500px}@media (max-width:1024px){.widget-showcase-info{text-align:center;max-width:600px;margin:0 auto}}.widget-badge{background:var(--brand-100,#ede9fe);color:var(--brand-700,#6d28d9);border:1px solid var(--brand-200,#ddd6fe);border-radius:100px;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.widget-title{color:#111;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700}.widget-subtitle{color:#6b7280;margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.widget-code-block{background:#0f172a;border-radius:12px;margin-bottom:1.5rem;overflow:hidden}.widget-code-header{background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.widget-code-header span{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.widget-copy-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s}.widget-copy-btn:hover{color:#fff;background:#ffffff1a;border-color:#fff6}.widget-code{color:#e2e8f0;margin:0;padding:1rem 1.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;line-height:1.7;overflow-x:auto}.widget-features{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}@media (max-width:1024px){.widget-features{align-items:center}}.widget-feature{color:#374151;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500;display:flex}.widget-feature svg{color:var(--brand-500,#8b5cf6);flex-shrink:0}.widget-cta{background:var(--brand-600,#7c3aed);color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.widget-cta:hover{background:var(--brand-700,#6d28d9)}.widget-preview-wrapper{justify-content:center;display:flex}@media (max-width:1024px){.widget-preview-wrapper{max-width:420px;margin:0 auto}}.widget-preview-frame{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 4px 12px #00000014}.widget-browser-bar{background:#f8f9fa;border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.widget-browser-dots{gap:.5rem;display:flex}.widget-browser-dots span{background:#e5e7eb;border-radius:50%;width:10px;height:10px}.widget-browser-dots span:first-child{background:#f87171}.widget-browser-dots span:nth-child(2){background:#fbbf24}.widget-browser-dots span:last-child{background:#34d399}.widget-browser-url{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:.375rem .75rem;font-family:inherit;font-size:.75rem}@media (max-width:640px){.widget-showcase-section{padding:3rem 1.25rem}.widget-showcase-content{gap:2rem}.widget-title{font-size:1.5rem}.widget-subtitle{margin-bottom:1.5rem;font-size:.9375rem}.widget-code-block{margin-bottom:1.25rem}.widget-code{padding:.875rem 1rem;font-size:.6875rem}.widget-features{align-items:flex-start;margin-bottom:1.5rem}.widget-feature{font-size:.8125rem}.widget-cta{justify-content:center;width:100%;padding:.875rem 1.5rem}.widget-preview-frame{max-width:100%}.widget-browser-bar{padding:.625rem .75rem}.widget-browser-url{padding:.25rem .5rem;font-size:.625rem}}html{scroll-behavior:smooth}::selection{background:var(--brand-200,#ddd6fe);color:var(--gray-900,#1c1917)}.dark .home-container,.dark .hero{background:var(--color-background)}.dark .hero-title{color:var(--color-text-primary)}.dark .hero-subtitle{color:var(--color-text-secondary)}.dark .hero-stats{border-top-color:var(--color-border)}.dark .hero-stat-value{color:#f3f4f6}.dark .hero-stat-label{color:var(--color-text-secondary)}.dark .hero-stat-divider{background:var(--color-border)}.dark .genesis-banner-text{color:#fcd34d}.dark .genesis-banner-text strong{color:#fbbf24}.dark .preview-card{background:var(--color-surface);border-color:var(--color-border)}.dark .preview-question{color:var(--color-text-primary)}.dark .preview-price-row{background:var(--color-surface-secondary)}.dark .preview-price-label{color:var(--color-text-secondary)}.dark .preview-price-value{color:var(--color-text-primary)}.dark .preview-oracle{color:var(--color-text-secondary)}.dark .preview-footer{border-top-color:var(--color-border)}.dark .preview-volume,.dark .preview-time{color:var(--color-text-secondary)}.dark .preview-float{background:var(--color-surface);box-shadow:0 8px 24px #0000004d}.dark .hero-meta{color:var(--color-text-secondary)}.dark .btn-secondary{background:var(--color-surface);color:var(--brand-400);border-color:var(--brand-500)}.dark .btn-secondary:hover{background:var(--color-surface-secondary)}.dark .hero-meta-bar{border-top-color:var(--color-border)}.dark .hero-meta-bar span{background:#8b5cf626;border-color:#8b5cf64d}.dark .comparison-viewport{background:var(--color-surface)}.dark .section-title{color:var(--color-text-primary)}.dark .comparison-column{background:var(--color-surface-secondary);border-color:var(--color-border)}.dark .column-header h3{color:var(--color-text-primary)}.dark .feature-list li{color:var(--color-text-secondary)}.dark .comparison-table-simple{background:var(--color-surface-secondary);border-color:var(--color-border)}.dark .table-row{border-bottom-color:var(--color-border)}.dark .table-label{color:var(--color-text-primary)}.dark .table-row span:not(.table-label){color:var(--color-text-secondary)}.dark .quick-start-viewport{background:var(--color-background)}.dark .step-card{background:var(--color-surface);border-color:var(--color-border)}.dark .step-card:hover{background:var(--color-surface-secondary)}.dark .step-card h3{color:var(--color-text-primary)}.dark .step-card p{color:var(--color-text-secondary)}.dark .step-icon-wrapper{background:#8b5cf626}.dark .step-card:hover .step-icon-wrapper{background:#8b5cf640}.dark .features-viewport{background:var(--color-surface)}.dark .feature-card-simple{background:var(--color-surface-secondary);border-color:var(--color-border)}.dark .feature-card-simple:hover{border-color:var(--brand-400)}.dark .feature-icon-wrapper{background:#8b5cf626}.dark .feature-card-simple h3{color:var(--color-text-primary)}.dark .feature-card-simple p{color:var(--color-text-secondary)}.dark .feature-card-simple code{background:#8b5cf626}.dark .final-cta{background:var(--color-background);border-top-color:var(--color-border)}.dark .final-cta h2{color:var(--color-text-primary)}.dark .cta-meta{color:var(--color-text-secondary)}.dark .traders-section{background:var(--color-surface)}.dark .section-subtitle,.dark .trader-step p{color:var(--color-text-secondary)}.dark .benefits-section{background:var(--color-background)}.dark .benefit-card{background:var(--color-surface);border-color:var(--color-border)}.dark .benefit-card:hover{background:var(--color-surface-secondary)}.dark .benefit-icon{background:#8b5cf626}.dark .benefit-card:hover .benefit-icon{background:#8b5cf640}.dark .benefit-card h3{color:var(--color-text-primary)}.dark .benefit-card p{color:var(--color-text-secondary)}.dark .audience-divider{background:var(--color-surface)}.dark .audience-divider:before{background:var(--color-border)}.dark .audience-divider span{background:var(--color-surface);border-color:var(--brand-400)}.dark .developers-section{background:var(--color-surface)}.dark .sdk-feature{background:var(--color-surface-secondary);border-color:var(--color-border)}.dark .sdk-feature:hover{border-color:var(--brand-400)}.dark .sdk-feature svg{background:#8b5cf626}.dark .sdk-feature strong{color:var(--color-text-primary)}.dark .sdk-feature span,.dark .final-cta-subtitle{color:var(--color-text-secondary)}.dark .social-cta-link{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.dark .social-cta-link:hover{background:var(--color-surface-secondary);border-color:var(--brand-400);color:var(--brand-400)}.dark .sdk-teaser{background:#8b5cf61a;border-bottom-color:#8b5cf633}.dark .install-inline{background:var(--color-surface);border-color:var(--brand-400)}.dark .genesis-section-soft{background:var(--color-surface)}.dark .genesis-card-soft{background:var(--color-surface-secondary);border-color:var(--color-border)}.dark .genesis-title-soft{color:var(--color-text-primary)}.dark .genesis-subtitle-soft{color:var(--color-text-secondary)}.dark .genesis-progress-section-home{background:var(--color-surface);border-color:var(--brand-400)}.dark .genesis-progress-label{color:var(--color-text-secondary)}.dark .genesis-progress-remaining{color:var(--color-text-tertiary)}.dark .genesis-feature-soft{color:var(--color-text-primary);background:#8b5cf626}.dark .widget-showcase-section{background:var(--color-surface);border-top-color:var(--color-border)}.dark .widget-title{color:var(--color-text-primary)}.dark .widget-subtitle{color:var(--color-text-secondary)}.dark .widget-feature{color:var(--color-text-primary)}.dark .widget-preview-frame{background:var(--color-surface)}.dark .widget-browser-bar{background:var(--color-surface-secondary);border-bottom-color:var(--color-border)}.dark .widget-browser-url{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}