:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-card:#141414;--bg-card-hover:#1a1a1a;--bg-elevated:#1f1f1f;--bg-input:#222;--interface-subtle:#2a2a2a;--interface-border:#333;--interface-hover:#3a3a3a;--text-primary:#eaeaea;--text-secondary:#999;--text-muted:#666;--text-dark:#0a0a0a;--accent-primary:#e0e0e0;--accent-glow:#e0e0e026;--accent-glow-strong:#e0e0e04d;--success:#2ecc40;--success-glow:#2ecc4033;--danger:#ff4136;--warning:#ffdc00;--patreon:#ff424d;--shadow-inset:0px 1px 0px 0px #483d3d42 inset;--shadow-card:0 4px 24px #0006;--shadow-card-hover:0 8px 40px #00000080;--shadow-glow:0 0 40px var(--accent-glow);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}#__next{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--interface-hover);border:2px solid var(--bg-primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}::selection{background:var(--accent-primary);color:var(--text-dark)}.site-header{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--interface-border);background:#0a0a0ad9;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 2rem;display:flex}.logo{transition:var(--transition-normal);align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo:hover{transform:scale(1.02)}.logo-icon{width:auto;height:40px}.header-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition-fast);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:var(--transition-normal);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}main{flex-grow:1;padding-top:72px}.site-footer{background:var(--bg-card);border-top:1px solid var(--interface-border);margin-top:auto;padding:2.5rem 2rem}.footer-container{max-width:1400px;margin:0 auto}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-brand{align-items:center;gap:.75rem;display:flex}.footer-logo{opacity:.7;height:32px}.footer-copyright{color:var(--text-muted);font-size:.9rem}.footer-links{gap:2rem;display:flex}.footer-link{color:var(--text-secondary);transition:var(--transition-fast);font-size:.9rem;text-decoration:none}.footer-link:hover{color:var(--text-primary)}.btn{border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-inset);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-primary);color:var(--text-dark)}.btn-primary:hover{box-shadow:var(--shadow-inset),var(--shadow-glow);background:#fff;transform:translateY(-2px)}.btn-secondary{background:var(--bg-input);color:var(--text-primary)}.btn-secondary:hover{background:var(--interface-hover);transform:translateY(-2px)}.btn-patreon{background:var(--bg-input);color:var(--patreon)}.btn-patreon:hover{background:var(--patreon);color:#fff;transform:translateY(-2px)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem}.btn-icon{width:20px;height:20px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset);transition:var(--transition-normal)}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-inset),var(--shadow-card);transform:translateY(-4px)}.section-header{text-align:center;margin-bottom:3rem}.section-badge{background:var(--accent-glow);color:var(--accent-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.section-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.15rem;line-height:1.7}@media (max-width:1024px){.header-nav{display:none}.section-title{font-size:2.25rem}}@media (max-width:768px){.header-container{padding:0 1.5rem}.section-title{font-size:1.875rem}.section-subtitle{font-size:1rem}.footer-content{text-align:center;flex-direction:column}.footer-links{justify-content:center}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.6s forwards fadeInUp}.animate-float{animation:4s ease-in-out infinite float}
.patreon-nav{color:#ff424d!important}.patreon-nav:hover{color:#ff6b74!important}.btn-nav{padding:.625rem 1.25rem;font-size:.9rem}
.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero{align-items:center;min-height:100vh;padding:6rem 0;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-gradient{pointer-events:none;background:radial-gradient(#e0e0e008 0%,#0000 60%);width:80%;height:150%;position:absolute;top:-50%;right:-20%}.hero-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.hero-container{z-index:1;grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;position:relative}.hero-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.1}.hero-subtitle-text{color:var(--text-secondary);font-size:2.5rem;font-weight:600;display:block}.hero-description{color:var(--text-secondary);max-width:500px;margin-bottom:2rem;font-size:1.2rem;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.btn-patreon-icon{background:var(--bg-input);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:all .2s;display:flex}.btn-patreon-icon:hover{background:#ff424d;transform:translateY(-2px)}.patreon-icon{object-fit:contain;width:28px;height:28px;transition:filter .2s}.btn-patreon-icon:hover .patreon-icon{filter:brightness(10)}.hero-stats{align-items:center;gap:2rem;display:flex}.stat{flex-direction:column;display:flex}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem}.stat-divider{background:var(--interface-border);width:1px;height:40px}.hero-visual,.hero-image-container{position:relative}.hero-image{border:1px solid var(--interface-border);border-radius:16px;width:100%;transition:transform .4s;box-shadow:0 25px 80px #00000080}.hero-image:hover{transform:scale(1.02)translateY(-5px)}.hero-image-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(#e0e0e01a 0%,#0000 70%);height:40%;position:absolute;bottom:-20%;left:10%;right:10%}.features{background:var(--bg-secondary);padding:8rem 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{text-align:left;padding:2rem}.feature-icon{margin-bottom:1.25rem;font-size:2.5rem}.feature-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.feature-description{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.7}.showcase{padding:8rem 0}.showcase-image-wrapper{margin-top:3rem;position:relative}.showcase-image{border:1px solid var(--interface-border);border-radius:16px;width:100%;box-shadow:0 25px 80px #0006}.showcase-glow{filter:blur(60px);pointer-events:none;background:radial-gradient(#e0e0e014 0%,#0000 70%);height:30%;position:absolute;bottom:-10%;left:20%;right:20%}.how-it-works{background:var(--bg-secondary);padding:8rem 0}.steps-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem;display:grid}.step-card{text-align:center;padding:2rem 1.5rem;position:relative}.step-number{color:var(--interface-border);margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1}.step-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.15rem;font-weight:700}.step-description{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.examples{padding:8rem 0}.examples-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;display:grid}.example-card{padding:1.75rem}.example-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.example-badge{border-radius:9999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600}.example-badge.caption{color:#2ecc40;background:#2ecc4026}.example-badge.tags{color:var(--accent-primary);background:#e0e0e01a}.example-type{color:var(--text-muted);font-size:.85rem}.example-content{background:var(--bg-primary);border:1px solid var(--interface-border);border-radius:12px;max-height:180px;padding:1.25rem;overflow-y:auto}.example-content p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.cta{padding:6rem 0 8rem}.cta-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-elevated)100%);text-align:center;box-shadow:var(--shadow-inset);border:1px solid var(--interface-border);border-radius:24px;padding:4rem;position:relative;overflow:hidden}.cta-content{z-index:1;position:relative}.cta-title{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.cta-description{color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;font-size:1.15rem;line-height:1.7}.cta-actions{justify-content:center;display:flex}.cta-decoration{pointer-events:none;position:absolute;inset:0}.cta-circle{border:1px solid #e0e0e00d;border-radius:50%;position:absolute}.cta-circle:first-child{width:400px;height:400px;top:-200px;right:-100px}.cta-circle:nth-child(2){width:300px;height:300px;bottom:-150px;left:-50px}.cta-circle:nth-child(3){width:200px;height:200px;top:50%;left:10%;transform:translateY(-50%)}@media (max-width:1024px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content{order:1}.hero-visual{order:2;margin-top:3rem}.hero-title{font-size:3rem}.hero-subtitle-text{font-size:2rem}.hero-description{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{min-height:auto;padding:4rem 0}.hero-title{font-size:2.5rem}.hero-subtitle-text{font-size:1.5rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-stats{flex-wrap:wrap;gap:1.5rem}.stat-divider{display:none}.features-grid,.examples-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr;gap:1rem}.cta-card{padding:2.5rem 1.5rem}.cta-title,.section-title{font-size:1.75rem}}