:root{--video-height: 200px}.landing-header{padding:var(--spacing-2) var(--spacing-3);padding-top:max(var(--spacing-2),env(safe-area-inset-top,1rem));background-color:#121212;position:fixed;width:100%;z-index:10;height:60px;display:flex;align-items:center}.logo-container img{height:40px;width:25vw;-o-object-fit:contain;object-fit:contain}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center}.hero{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-image:url(https://raw.githubusercontent.com/armyrunner9916/Edit-Stuff-Assistant/main/desktop-background.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#121212b3;z-index:1}.text-overlay{background:#ffffffbf;padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);position:relative;z-index:2;max-width:800px;width:90%}.text-overlay h1{color:var(--background);margin-bottom:var(--spacing-2)}.hero-cta-text{color:var(--surface);margin-bottom:var(--spacing-2);font-size:1.1rem;font-weight:500}.text-overlay .subtitle{color:var(--surface);margin-bottom:0}.cta-container{justify-content:center;margin-top:var(--spacing-4)}.cta-button{background-color:var(--primary);color:#fff;font-size:1.1rem;font-weight:600;padding:var(--spacing-2) var(--spacing-4);border-radius:50px;transition:all .3s ease;position:relative;display:inline-block;min-width:200px;text-align:center;z-index:2}.details-link{background-color:transparent;color:var(--primary);border:2px solid var(--primary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:1.1rem;transition:all var(--transition-fast);display:inline-block;min-width:220px;text-align:center}.details-link:hover{background-color:var(--primary);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 16px #2962ff66}.cta-button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2962ff4d;box-shadow:0 6px 16px #2962ff66}.cta-button:active{transform:translateY(0)}.hero-cta-secondary{display:flex;justify-content:center;margin-top:var(--spacing-4);position:relative;z-index:2;max-width:800px;width:90%;margin-left:auto;margin-right:auto}.explore-features-button{background-color:var(--primary);color:#fff;border:none;font-size:1.1rem;font-weight:600;padding:14px var(--spacing-3);border-radius:50px;transition:all .3s ease;position:relative;display:inline-block;min-width:180px;text-align:center;text-decoration:none}.explore-features-button:hover{background-color:var(--primary-dark);text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 16px #2962ff66}.explore-features-button:active{transform:translateY(0)}.page-navigation{background-color:var(--surface);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--spacing-4);text-align:center}.page-navigation h2{margin-bottom:var(--spacing-2);font-size:1.5rem}.nav-links{list-style:none;display:flex;justify-content:center;gap:var(--spacing-3);flex-wrap:wrap;margin:0;padding:0}.nav-links a{color:var(--primary);text-decoration:none;font-weight:500;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-links a:hover{background-color:#2962ff1a;text-decoration:none}.nav-link-videos{color:var(--primary);text-decoration:none;font-weight:500;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link-videos:hover{background-color:#2962ff1a;text-decoration:none}.section-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.section-toggle:hover{background-color:#ffffff0d}.section-toggle h2{margin:0}.toggle-icon{font-size:1.5rem;color:var(--primary);transition:transform var(--transition-fast);font-weight:700}.content-section.expanded .toggle-icon{transform:rotate(45deg)}.section-content{max-height:0;overflow:hidden;transition:max-height .5s ease}.content-section.expanded .section-content{max-height:2000px}.content-section.collapsed .section-content{max-height:0}.accordion{display:flex;flex-direction:column;gap:var(--spacing-2)}.accordion-item{background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:all var(--transition-normal)}.accordion-item:hover{border-color:var(--primary-light)}.accordion-header{width:100%;padding:var(--spacing-3);background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-fast)}.accordion-header:hover{background-color:#ffffff0d}.accordion-header h3{margin:0;color:var(--primary-light);font-size:1.25rem}.accordion-icon{font-size:1.5rem;color:var(--primary);transition:transform var(--transition-fast)}.accordion-item.active .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.accordion-item.active .accordion-content{max-height:200px}.accordion-content p{padding:0 var(--spacing-3) var(--spacing-3);margin:0;color:var(--text-secondary);line-height:1.6}.content-sections{background-color:#121212f2;padding:var(--spacing-5) 0}.videos-section .section-content{padding:var(--spacing-3) 0}.videos-section .videos-container{animation:slideUp .6s .2s ease forwards}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-3)}.content-sections section{margin-bottom:var(--spacing-5)}.content-sections section:last-child{margin-bottom:0}.content-sections h2{text-align:center;color:var(--primary);margin-bottom:var(--spacing-4);font-size:2.5rem}.content-sections h3{color:var(--primary-light);margin-bottom:var(--spacing-2);font-size:1.5rem}.content-sections p{color:var(--text-secondary);line-height:1.6}.content-section{transition:all var(--transition-normal)}.content-section.hidden{display:none}.features-grid,.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-3)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-3)}.feature-item,.benefit-item,.step-item,.faq-item{background-color:var(--surface);padding:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--border);transition:all var(--transition-normal)}.feature-item:hover,.benefit-item:hover,.step-item:hover,.faq-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.step-item{text-align:center}.step-number{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:var(--primary);color:#fff;border-radius:50%;font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-2)}@media (max-width: 768px){.hero{background-image:url(https://raw.githubusercontent.com/armyrunner9916/Edit-Stuff-Assistant/main/mobile-background.png)}.cta-container{flex-direction:column;align-items:center}.cta-button{min-width:250px}.secondary-cta-button{min-width:200px;font-size:1rem;padding:var(--spacing-2) var(--spacing-3)}.logo-container img{width:50vw}.text-overlay{padding:var(--spacing-3);margin-bottom:var(--spacing-3)}.content-sections h2{font-size:2rem}.features-grid,.benefits-grid,.steps-grid,.faq-grid{grid-template-columns:1fr}.section-container{padding:0 var(--spacing-2)}.nav-links{flex-direction:column;gap:var(--spacing-1)}.accordion-content,.accordion-item.active .accordion-content{max-height:none}}