:root{--bg-primary: #d1cdc2;--bg-secondary: #e0ddd6;--bg-tertiary: #c0baab;--text-primary: #4a4a4a;--text-secondary: #7a7a7a;--accent: #c0baab;--accent-hover: #c0baab;--border: #7a7a7a;--danger: #ef4444;--orchestrator-color: #ff0000;--character-color: #4843f3;--prop-color: #12a4de;--environment-color: #fbef1a;--storyboard-color: #f367dd;--video-color: #00ee5f;--bg-color: #6a8763}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;height:100vh;overflow:hidden}#root{height:100%}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.landing-page-container{--color-primary: #32cd32;--color-primary-hover: #13ea3d;--color-accent: #00f900;--color-bg: #0a0a0a;--color-bg-alt: #171717;--color-text: #ffffff;--color-text-muted: #d1d1d1;--color-heading: #ffffff;--color-border: #27272a;--color-nav-bg: rgba(10, 10, 10, .8);--color-card-bg: rgba(72, 92, 58, .277);--color-card-border: rgba(102, 255, 0, .155);--color-card-hover-bg: rgba(91, 117, 74, .331);--color-hero-glow: rgba(79, 70, 229, .15);--color-grid-line: rgba(255, 255, 255, .03);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--container-width: 1200px;--nav-height: 80px;--btn-secondary-bg: transparent;--btn-secondary-border: var(--color-border);--btn-secondary-text: white;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;position:absolute;inset:0;overflow-y:auto;overflow-x:hidden}.landing-page-container *{box-sizing:border-box}.landing-page-container h1,.landing-page-container h2,.landing-page-container h3,.landing-page-container h4,.landing-page-container h5,.landing-page-container h6{font-family:var(--font-heading);color:var(--color-heading);line-height:1.1;margin:0}.landing-page-container a{text-decoration:none;color:inherit;transition:all .2s ease}.landing-page-container ul{list-style:none;padding:0;margin:0}.landing-page-container .container{max-width:var(--container-width);margin:0 auto;padding:0 24px}.landing-page-container .navbar .container,.landing-page-container .footer .container{max-width:100%;padding:0 40px}.landing-page-container .text-highlight{color:var(--color-accent);font-weight:500}.landing-page-container .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:9999px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none}.landing-page-container .btn-sm{padding:8px 16px;font-size:.9rem}.landing-page-container .btn-primary{background-color:var(--color-primary);color:#fff;border:1px solid transparent}.landing-page-container .btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 0 15px #4f46e566}.landing-page-container .btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page-container .btn-secondary:hover{border-color:var(--color-accent);background-color:var(--color-card-hover-bg)}.landing-page-container .navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-nav-bg);border-bottom:1px solid var(--color-card-border)}.landing-page-container .nav-container{height:100%;display:flex;justify-content:space-between;align-items:center}.landing-page-container .logo{display:flex;align-items:center}.landing-page-container .logo img{height:48px;width:auto}.landing-page-container .navbar .logo img{height:31px}.landing-page-container .footer .logo img{height:26px}.landing-page-container .nav-links,.landing-page-container .nav-links-container{display:flex;gap:50px;align-items:center}.landing-page-container .nav-links a:not(.btn){color:var(--color-text-muted);font-size:.95rem;font-weight:500;cursor:pointer}.landing-page-container .nav-links a:not(.btn):hover{color:var(--color-heading)}.landing-page-container .nav-login{color:var(--color-text-muted);font-size:.95rem;font-weight:500;cursor:pointer}.landing-page-container .nav-login:hover{color:var(--color-heading)}.landing-page-container .hero{position:relative;padding-top:calc(var(--nav-height) + 80px);padding-bottom:70px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;overflow:hidden}.landing-page-container .hero-content{position:relative;z-index:10;width:100%;max-width:100%;max-height:60vh;padding-left:40px}.landing-page-container .hero-title{font-size:clamp(2.5rem,5vw + 1rem,4.5rem);font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em;max-width:50%}.landing-page-container .hero-subtitle{font-size:clamp(1rem,1vw + .5rem,1.25rem);color:var(--color-text);margin-bottom:40px;max-width:min(600px,50%);margin-left:0;margin-right:0}.landing-page-container .hero-actions{display:flex;gap:16px;justify-content:flex-start;max-width:50%}.landing-page-container .hero-visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.landing-page-container .hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;z-index:0}.landing-page-container .section{padding:120px 0}.landing-page-container .has-bg{position:relative;overflow:hidden}.landing-page-container .section-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.landing-page-container .bg-media{width:100%;height:100%;object-fit:cover;opacity:.4}.landing-page-container .bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0a0a0acc,#0a0a0a66,#0a0a0acc);z-index:1}.landing-page-container .has-bg .container{position:relative;z-index:10}.landing-page-container .bg-dark-surface{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.landing-page-container .section-header{margin-bottom:80px}.landing-page-container .section-header.text-center{text-align:center}.landing-page-container .section-label{display:inline-block;font-size:.875rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.landing-page-container .section-title{font-size:3rem;font-weight:700;margin-bottom:16px}.landing-page-container .section-subtitle{font-size:1.125rem;color:var(--color-text);max-width:500px;margin:0 auto}.landing-page-container .workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.landing-page-container .workflow-card{position:relative;padding:32px;border-radius:16px;background:var(--color-card-bg);border:1px solid var(--color-card-border);transition:transform .3s ease,border-color .3s ease}.landing-page-container .workflow-card:hover{transform:translateY(-5px);border-color:#4f46e54d;background:var(--color-card-hover-bg)}.landing-page-container .step-number{font-size:3rem;font-weight:700;color:#66ff0028;margin-bottom:16px;font-family:var(--font-heading);line-height:1}.landing-page-container .step-title{font-size:1.5rem;font-weight:600;margin-bottom:12px}.landing-page-container .step-desc{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.landing-page-container .faq-list{margin-bottom:80px}.landing-page-container .faq-item{border-bottom:1px solid var(--color-border)}.landing-page-container .faq-question{padding:24px 40px 24px 0;font-size:1.25rem;font-weight:500;cursor:pointer;list-style:none;position:relative}.landing-page-container .faq-question::-webkit-details-marker{display:none}.landing-page-container .faq-question:after{content:"+";position:absolute;right:0;top:24px;font-size:1.5rem;color:var(--color-text-muted);font-weight:300}.landing-page-container details[open] .faq-question:after{content:"-"}.landing-page-container .faq-answer{padding-bottom:24px;color:var(--color-text-muted);line-height:1.7;max-width:90%}.landing-page-container .cta-box{padding:60px;border:1px solid var(--color-border);border-radius:24px}.landing-page-container .cta-box h2{font-size:2.5rem;margin-bottom:32px}.landing-page-container .cta-actions{display:flex;justify-content:center}.landing-page-container .footer{padding:80px 0 40px;border-top:1px solid var(--color-border);background-color:var(--color-bg)}.landing-page-container .footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:60px;margin-bottom:60px}.landing-page-container .footer-brand{max-width:300px}.landing-page-container .footer-brand p{margin-top:16px;color:var(--color-text-muted);font-size:.95rem}.landing-page-container .social-links{display:flex;gap:24px;align-items:center}.landing-page-container .social-links a{color:var(--color-text-muted);transition:color .2s ease;display:flex;align-items:center;justify-content:center}.landing-page-container .social-links a:hover{color:var(--color-accent)}.landing-page-container .social-icon{width:24px;height:24px}.landing-page-container .footer-bottom{display:flex;justify-content:space-between;padding-top:32px;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}.landing-page-container .legal-links{display:flex;gap:24px}@media(max-width:768px){.landing-page-container .hero-title{font-size:3rem}.landing-page-container .hero-label,.landing-page-container .hero-title,.landing-page-container .hero-subtitle,.landing-page-container .hero-actions{max-width:100%}.landing-page-container .nav-links{display:none}.landing-page-container .footer-top{flex-direction:column}.landing-page-container .workflow-grid,.landing-page-container .trust-grid{grid-template-columns:1fr}}.landing-page-container .mobile-menu-btn{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.landing-page-container .bar{width:100%;height:3px;background-color:var(--color-text);border-radius:3px;transition:all .3s ease-in-out}.landing-page-container .mobile-menu-btn.open .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.landing-page-container .mobile-menu-btn.open .bar:nth-child(2){opacity:0}.landing-page-container .mobile-menu-btn.open .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.landing-page-container .mobile-menu-btn{display:flex}.landing-page-container .nav-links{display:flex;position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:right .3s cubic-bezier(.16,1,.3,1);z-index:2000;padding:40px}.landing-page-container .nav-links.active{right:0}.landing-page-container .nav-links-container{display:flex;flex-direction:column;align-items:center;gap:24px}.landing-page-container .navbar .container{justify-content:space-between;align-items:center;width:100%;max-width:100%}.landing-page-container .logo,.landing-page-container .mobile-menu-btn{z-index:2001;position:relative}}