:root{--accent-warm:#f97316;--accent-yellow:#eab308}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 50%, var(--accent-warm) 100%);-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg, var(--accent-warm) 0%, #fb923c 50%, var(--accent-yellow) 100%);-webkit-text-fill-color:transparent;background-clip:text}.text-white{color:var(--text-primary)}.highlight{color:var(--accent);font-weight:500}.highlight-warm{color:var(--accent-warm);font-weight:500}.section-badge{color:#9580ff;background:#7c5cff1a;border:1px solid #7c5cff4d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.section-badge svg{opacity:.8}.badge-light{background:#7c5cff26}.sparkle{color:var(--accent);opacity:.4;animation:3s ease-in-out infinite twinkle;position:absolute}.sparkle-1{top:15%;right:10%}.sparkle-2{animation-delay:1.5s;bottom:20%;left:8%}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:10rem 2rem 6rem;display:flex;position:relative;overflow:hidden}.glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);filter:blur(100px);border-radius:50%;width:600px;height:600px;animation:4s ease-in-out infinite pulse;position:absolute}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.hero h1{margin-bottom:2rem;font-size:4rem;font-weight:700;line-height:1.1;position:relative}.tagline{color:var(--text-secondary);max-width:550px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.7;position:relative}.cta-button{background:var(--accent);color:#fff;border-radius:9999px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.cta-button:hover{background:#6b4fd4;transform:translateY(-2px);box-shadow:0 10px 30px #7c5cff4d}.cta-icon{opacity:.9}.app-store-badge{opacity:.9;margin-top:1.5rem;transition:all .2s;display:inline-flex}.app-store-badge:hover{opacity:1;transform:translateY(-2px)}.demo-section{text-align:center;flex-direction:column;align-items:center;padding:6rem 2rem;display:flex}.demo-section h2{color:var(--text-primary);margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1.125rem}.demo-card{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:700px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.demo-header{background:#0003;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.window-dots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-purple{background:var(--accent)}.demo-title{color:var(--text-secondary);font-size:.875rem}.restart-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.restart-btn:hover{color:var(--text-primary);background:#ffffff0d}.progress-bar{background:#ffffff1a;height:3px}.progress-fill{background:var(--accent);width:33%;height:100%;transition:width .3s}.demo-content{text-align:left;padding:2rem}.story-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.8;transition:opacity .2s}.choices{flex-direction:column;gap:.75rem;transition:opacity .2s;display:flex}.demo-card .choice-btn{color:var(--text-primary);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:all .2s;display:flex}.demo-card .choice-btn:hover{background:#7c5cff1a;border-color:#7c5cff4d}.demo-card .choice-number{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-warm) 100%);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex}.demo-card .choice-text{flex:1}.demo-card .choice-arrow{opacity:.5;transition:all .2s}.demo-card .choice-btn:hover .choice-arrow{opacity:1;transform:translate(4px)}.how-it-works{text-align:center;max-width:1200px;margin:0 auto;padding:6rem 2rem}.how-it-works h2{color:var(--text-primary);margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.how-it-works-subtitle{color:var(--text-secondary);margin-bottom:3rem;font-size:1.125rem}.steps{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.step-card{background:var(--bg-secondary);text-align:left;border:1px solid #ffffff1a;border-radius:16px;padding:2rem 1.5rem;position:relative}.step-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;font-weight:600;display:flex;position:absolute;top:-10px;left:-10px}.step-badge-purple{background:var(--accent)}.step-badge-orange{background:#f97316}.step-badge-yellow{background:#eab308}.step-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.step-icon-purple{color:var(--accent);background:#7c5cff26}.step-icon-orange{color:#f97316;background:#f9731626}.step-icon-yellow{color:#eab308;background:#eab30826}.step-icon-purple-light{color:#a78bfa;background:#a78bfa26}.step-card h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.step-card p{color:var(--text-secondary);font-size:.9375rem;line-height:1.5}.step-arrow{background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);z-index:1;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:-22px;transform:translateY(-50%)}.trailblazer{background:var(--bg-secondary);padding:5rem 2rem}.trailblazer-content{text-align:center;max-width:700px;margin:0 auto}.trailblazer h2{background:linear-gradient(135deg, var(--accent) 0%, #a78bfa 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.trailblazer-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.8}.what-if{padding:6rem 2rem}.what-if-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.what-if-visual{position:relative}.path-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem;position:relative}.path-svg{width:100%;height:auto}.path-label{border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;position:absolute}.path-not-taken{color:#a78bfa;background:#a78bfa33;top:1rem;left:1rem}.path-journey{color:#f97316;background:#f9731633;bottom:1rem;right:1rem}.rewind-icon{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;bottom:1rem;left:1rem}.what-if-text h2{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.what-if-intro{color:var(--text-secondary);margin-bottom:1rem;font-size:1.125rem;line-height:1.7}.what-if-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.what-if-features{flex-direction:column;gap:1rem;display:flex}.what-if-feature{align-items:flex-start;gap:1rem;display:flex}.feature-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-icon-purple{color:var(--accent);background:#7c5cff26}.feature-icon-orange{color:#f97316;background:#f9731626}.what-if-feature strong{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;display:block}.what-if-feature span{color:var(--text-secondary);font-size:.9375rem}.badge-warm{color:#f97316;background:#f973161a;border-color:#f973164d}.ever-growing{padding:6rem 2rem}.ever-growing-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.ever-growing-text h2{margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.2}.ever-growing-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.ever-growing-text strong{color:var(--text-primary)}.feature-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.feature-item{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.9375rem;display:flex}.feature-item svg{color:var(--accent-warm);flex-shrink:0}.ever-growing-visual{position:relative}.branch-card{text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.branch-svg{width:100%;max-width:300px;height:auto}.branch-caption{color:var(--text-secondary);margin-top:1rem;font-size:.875rem}.sparkle-visual{color:var(--accent-warm);position:absolute;top:-10px;right:-10px}.tokens-section{padding:6rem 2rem}.tokens-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;margin:0 auto;display:grid}.tokens-visual{position:relative}.tokens-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.token-flow{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.token-step{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.token-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.token-free .token-icon{color:#22c55e;background:#22c55e26}.token-explore .token-icon{color:#eab308;background:#eab30826}.token-revisit .token-icon{color:var(--accent);background:#7c5cff26}.token-label{color:var(--text-secondary);font-size:.875rem}.token-badge{border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.token-badge-free{color:#22c55e;background:#22c55e26}.token-badge-token{color:#eab308;background:#eab30826}.token-arrow{color:var(--text-secondary);opacity:.4;flex-shrink:0}.tokens-caption{color:var(--text-secondary);text-align:center;margin-top:1.5rem;font-size:.875rem}.tokens-text h2{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.tokens-intro{color:var(--text-secondary);margin-bottom:1rem;font-size:1.125rem;line-height:1.7}.tokens-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.highlight-yellow{color:#eab308;font-weight:500}.tokens-features{flex-direction:column;gap:1rem;display:flex}.tokens-feature{align-items:flex-start;gap:1rem;display:flex}.tokens-feature strong{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;display:block}.tokens-feature span{color:var(--text-secondary);font-size:.9375rem}.feature-icon-yellow{color:#eab308;background:#eab30826}.badge-yellow{color:#eab308;background:#eab3081a;border-color:#eab3084d}.faq{text-align:center;max-width:750px;margin:0 auto;padding:6rem 2rem}.faq h2{color:var(--text-primary);margin-bottom:3rem;font-size:2.5rem;font-weight:700}.faq-list{text-align:left;flex-direction:column;gap:1rem;display:flex}.faq-item{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:12px;overflow:hidden}.faq-question{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:1.0625rem;font-weight:500;transition:background .2s;display:flex}.faq-question:hover{background:#ffffff08}.faq-chevron{opacity:.5;flex-shrink:0;transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.open .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.faq-answer p{color:var(--text-secondary);margin-bottom:.75rem;font-size:1rem;line-height:1.7}.faq-answer p:last-child{margin-bottom:0}.faq-answer em{color:var(--accent);font-style:normal}@media (width<=900px){.ever-growing-content,.what-if-content,.tokens-content{grid-template-columns:1fr;gap:3rem}.ever-growing-visual,.what-if-visual,.tokens-visual{order:-1}.token-flow{flex-wrap:wrap;gap:1rem}.token-arrow{display:none}.token-step{min-width:80px}}@media (width<=1024px){.steps{grid-template-columns:repeat(2,1fr);gap:2rem}.step-arrow{display:none}}@media (width<=600px){.hero{padding:6rem 1.5rem 4rem}.hero h1{font-size:2.5rem}.tagline{font-size:1rem}.cta-button{padding:.875rem 1.5rem;font-size:1rem}.demo-section{padding:4rem 1.5rem}.demo-section h2,.how-it-works h2,.trailblazer h2,.ever-growing-text h2,.tokens-section h2,.faq h2{font-size:2rem}.demo-content{padding:1.5rem}.story-text{font-size:1rem}.choice-btn{padding:.875rem 1rem;font-size:.9375rem}.how-it-works{padding:4rem 1.5rem}.steps{grid-template-columns:1fr;gap:1.5rem}.step-card{padding:1.5rem 1.25rem}.trailblazer{padding:4rem 1.5rem}.trailblazer-description{font-size:1.0625rem}.what-if,.ever-growing{padding:4rem 1.5rem}.feature-grid{grid-template-columns:1fr}.tokens-section{padding:4rem 1.5rem}.tokens-text h2{font-size:2rem}.token-icon{width:48px;height:48px}.faq{padding:4rem 1.5rem}.faq-question{padding:1rem 1.25rem;font-size:1rem}}