.hero{padding:8rem 0 6rem;min-height:100vh;display:flex;align-items:center;background:radial-gradient(ellipse at center,rgba(240,87,68,.1) 0%,transparent 50%)}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title{font-size:3.5rem;margin-bottom:1.5rem;font-weight:700}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.hero-cta{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.hero-subtitle{font-size:1.1rem;color:var(--text-muted);font-weight:500}.hero-visual{position:relative}.hero-image{width:100%;height:auto;border-radius:12px;box-shadow:0 20px 40px var(--shadow);background:var(--dark-lighter);min-height:467px;min-width:563px;object-fit:cover}.how-it-works{padding:6rem 0;background:var(--dark-light)}.video-container{margin:3rem auto;max-width:600px}.video-thumbnail{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-thumbnail:hover{transform:translateY(-5px);box-shadow:0 20px 40px #f0574433}.video-poster{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease}.video-thumbnail:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9999;align-items:center;justify-content:center;padding:2rem}.video-modal-content{position:relative;max-width:90vw;max-height:90vh;width:800px}.video-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.video-close:hover{color:var(--accent)}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:8px;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.steps{display:grid;gap:4rem}.step{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}.step-number{width:60px;height:60px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;flex-shrink:0}.step-content h3{font-size:1.5rem;margin-bottom:.5rem}.step-content p{color:var(--text-secondary);margin-bottom:1.5rem}.step-image{width:100%;max-width:400px;height:200px;border-radius:8px;background:var(--dark-lighter);object-fit:cover}.perfect-for{padding:6rem 0}.user-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.user-type{text-align:center;padding:2rem;border-radius:12px;background:var(--dark-light);border:1px solid var(--border);transition:transform .15s ease,border-color .15s ease}.user-type:hover{transform:translateY(-5px);border-color:var(--accent)}.user-type-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient);border-radius:12px;box-shadow:0 8px 32px #f057444d,0 4px 16px #f0574433,0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.user-type:hover .user-type-icon{transform:translateY(-2px);box-shadow:0 12px 48px #f0574466,0 6px 24px #f057444d,0 3px 12px #00000026}.user-type h3{font-size:1.25rem;margin-bottom:1rem}.user-type p{color:var(--text-secondary)}.expand-toggle{text-align:center;margin-top:3rem}.expand-btn{background:transparent;border:2px solid var(--accent);color:var(--accent);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .15s ease}.expand-btn:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.expand-icon{font-size:.8rem;transition:transform .15s ease}.more-than-code{padding:6rem 0;background:var(--dark)}.use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.use-case{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:8px;background:var(--dark-light);border:1px solid var(--border);transition:transform .15s ease,border-color .15s ease}.use-case:hover{transform:translateY(-3px);border-color:var(--accent)}.use-case-icon{width:40px;height:40px;flex-shrink:0}.use-case-content h4{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.use-case-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.features{padding:6rem 0;background:var(--dark-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature{padding:2rem;text-align:center;border-radius:12px;background:var(--dark);border:1px solid var(--border);transition:transform .15s ease}.feature:hover{transform:translateY(-5px)}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.feature-icon img{width:40px;height:40px}.feature h3{font-size:1.1rem;margin-bottom:.75rem}.feature p{color:var(--text-secondary);font-size:.9rem}.trust{padding:6rem 0}.trust-features{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.trust-feature{text-align:center;padding:2rem}.trust-icon{width:80px;height:80px;margin:0 auto 1.5rem}.trust-feature h3{font-size:1.25rem;margin-bottom:1rem;line-height:1.4;min-height:3.5rem;display:flex;align-items:center;justify-content:center}.trust-feature p{color:var(--text-secondary)}.creators{padding:6rem 0;background:var(--dark-light)}.creators-hero{text-align:center;margin-bottom:4rem}.creators-title{font-size:2.5rem;margin-bottom:1.5rem;font-weight:700;color:var(--text-primary)}.creators-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.creators-time{font-size:1.1rem;color:var(--accent);font-weight:600;margin-top:1rem}.creators-steps{max-width:1000px;margin:0 auto 4rem}.creator-step{display:grid;grid-template-columns:60px 1fr;gap:1rem;align-items:start;margin-bottom:2rem}.creator-step:last-child{margin-bottom:0}.creator-step-number{width:50px;height:50px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0;margin-top:-10px}.creator-step-content{background:var(--dark);border-radius:12px;padding:2rem;border:1px solid var(--border);transition:transform .15s ease,border-color .15s ease}.creator-step-content:hover{transform:translateY(-2px);border-color:var(--accent)}.creator-step-content h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.creator-step-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.creator-step-content code{background:var(--dark-lighter);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:.9rem;color:var(--accent)}.code-example{background:var(--dark-lighter);border-radius:8px;padding:1.5rem;border:1px solid var(--border);margin-top:1rem}.code-example pre{background:transparent;padding:0;margin:0;border-radius:0;overflow-x:auto;font-family:Monaco,Menlo,monospace;font-size:.85rem;line-height:1.4;color:var(--text-secondary)}.code-example pre code{white-space:pre;display:block;text-indent:0}.code-example pre code:first-line{text-indent:0}.code-example .md-header{color:#74c0fc;font-weight:600}.code-example .md-code-fence{color:#868e96;font-weight:500}.code-example .md-lang{color:#51cf66;font-size:.8em}.code-example .code-content{color:#6c757d;margin-left:0}.creators-cta{text-align:center;margin:0 auto}.creators-cta-text{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary)}.creators-cta-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .15s ease;display:inline-flex;align-items:center;gap:.5rem}.creators-cta-link:hover{color:var(--text-primary);transform:translate(5px)}.final-cta{padding:6rem 0;text-align:center;background:radial-gradient(ellipse at center,rgba(240,87,68,.1) 0%,transparent 50%)}.cta-title{font-size:2.5rem;margin-bottom:2rem;font-weight:700}@media (max-width: 768px){.hero .container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-cta{justify-content:center}.hero-image{min-width:unset;min-height:unset}.step{grid-template-columns:1fr;text-align:center}.creator-step{grid-template-columns:1fr;text-align:center;gap:1rem;margin-bottom:2rem}.creator-step-number{margin:0 auto -5px}.creators-title{font-size:2rem}.creators-subtitle{font-size:1.1rem}.user-types,.use-cases,.features-grid{grid-template-columns:1fr}.trust-features{grid-template-columns:repeat(2,1fr);gap:2rem}.video-modal{padding:1rem}.video-modal-content{width:100%}.video-close{top:-30px;font-size:1.5rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.cta-title{font-size:1.75rem}.hero-cta{flex-direction:column;align-items:center}.btn-large{width:100%;justify-content:center}.trust-features{grid-template-columns:1fr;gap:2rem}.creators-title{font-size:1.75rem}.creator-step-content{padding:1.5rem}.code-example{padding:.5rem;margin-left:-.5rem;margin-right:-.5rem}.code-example pre{font-size:.8rem;text-align:left}.code-example{text-align:center}}