@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap");.landing-page{scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh}.landing-page main>section{scroll-snap-align:start;scroll-snap-stop:always}.landing-page{--bg-dark:#050508;--bg-subtle:#0a0a0f;--bg-card:#0f0f14;--bg-card-hover:#141419;--border:#1a1a22;--border-subtle:#12121a;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-tertiary:#5a5a70;--accent:#00D4FF;--accent-dim:#0099bb;--accent-glow:rgba(0,212,255,0.4);--purple:#a855f7;--green:#22c55e;--orange:#f97316;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-page header{padding:12px 0;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,5,8,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle)}.landing-page .header-inner{display:flex;justify-content:space-between;align-items:center}.landing-page .logo{font-size:22px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:2px}.landing-page .logo-mp4{color:var(--text-primary)}.landing-page .logo-e{color:var(--accent)}.landing-page .nav-links{display:flex;gap:36px;align-items:center}.landing-page .nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.landing-page .nav-links a:hover{color:var(--text-primary)}.landing-page .btn,.landing-page a.btn,.landing-page button.btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:12px 24px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;border:none!important}.landing-page .btn.btn-primary,.landing-page a.btn-primary,.landing-page button.btn-primary{background:transparent!important;color:var(--text-primary)!important}.landing-page .btn.btn-primary:hover,.landing-page a.btn-primary:hover,.landing-page button.btn-primary:hover{background:transparent!important;color:var(--text-primary)!important;box-shadow:none!important;transform:none!important}.landing-page .btn.btn-ghost,.landing-page a.btn-ghost,.landing-page button.btn-ghost{background:transparent!important;color:var(--text-secondary)!important;padding:12px 24px!important;border:1px solid var(--border)!important}.landing-page .btn.btn-ghost:hover,.landing-page a.btn-ghost:hover,.landing-page button.btn-ghost:hover{color:var(--text-primary)!important;border-color:var(--text-tertiary)!important}.landing-page .hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:120px 0 80px;overflow:hidden}.landing-page .hero>.container{width:100%;display:flex;justify-content:center}.landing-page .hero-bg{position:absolute;inset:0;overflow:hidden}.landing-page .hero-gradient{position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:1200px;height:800px;background:radial-gradient(ellipse at center,rgba(0,212,255,.08) 0,transparent 60%);pointer-events:none}.landing-page .hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);opacity:.5}.landing-page .hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;width:100%}.landing-page .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);border-radius:100px;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:32px;letter-spacing:.5px}.landing-page .hero-badge:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.landing-page .hero h1{font-size:clamp(48px,8vw,88px);font-weight:900;letter-spacing:-3px;line-height:1;margin-bottom:32px}.landing-page .hero h1 .line{display:block}.landing-page .hero h1 .highlight{background:linear-gradient(135deg,var(--accent) 0,#00e5ff 50%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0}50%{background-position:100%}}.landing-page .hero-subtitle{font-size:20px;color:var(--text-secondary);max-width:600px;margin:0 auto 48px;line-height:1.7}.landing-page .hero-subtitle strong{color:var(--text-primary);font-weight:600}.landing-page .hero-cta{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.landing-page .demo-section{padding:80px 0;background:var(--bg-subtle);position:relative}.landing-page .demo-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border) 50%,transparent 100%)}.landing-page .demo-wrapper{max-width:900px;margin:0 auto}.landing-page .demo-header{text-align:center;margin-bottom:32px}.landing-page .demo-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.landing-page .demo-header p{font-size:1.125rem;color:var(--text-secondary)}.landing-page .demo-player-container{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--border),0 20px 50px -10px rgba(0,0,0,.5)}.landing-page .demo-player{width:100%;border-radius:16px;overflow:hidden}.landing-page .demo-toggle{display:flex;justify-content:center;gap:4px;margin-bottom:16px;background:rgba(255,255,255,.05);border-radius:8px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.landing-page .demo-toggle-btn{padding:8px 20px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.landing-page .demo-toggle-btn:hover{color:var(--text-secondary)}.landing-page .demo-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white}.landing-page .demo-player-wrapper{position:relative}.landing-page .mp4e-player-iframe-container{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.landing-page .mp4e-player-iframe{position:absolute;top:0;left:0;width:100%;height:100%}.landing-page .original-video-container{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.landing-page .original-video{width:100%;height:100%;object-fit:contain;background:#000}.landing-page .original-video-badge{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.7);color:var(--text-muted);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;pointer-events:none}.landing-page .format-statement{padding:120px 0;position:relative}.landing-page .format-statement:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border) 50%,transparent 100%)}.landing-page .statement-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}@media (max-width:900px){.landing-page .statement-grid{grid-template-columns:1fr;gap:48px}}.landing-page .statement-left h2{font-size:14px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.landing-page .statement-left h3{font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:24px}.landing-page .statement-left p{font-size:18px;color:var(--text-secondary);line-height:1.8}.landing-page .format-visual{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;position:relative;overflow:hidden}.landing-page .format-visual:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.landing-page .file-icon{display:flex;align-items:center;gap:16px;margin-bottom:24px}.landing-page .file-icon-box{width:56px;height:56px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-dim) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#000}.landing-page .file-icon-text{font-family:JetBrains Mono,monospace;font-size:14px;color:var(--text-secondary)}.landing-page .file-icon-text strong{display:block;font-size:18px;color:var(--text-primary);margin-bottom:2px}.landing-page .format-features{display:flex;flex-direction:column;gap:12px}.landing-page .format-feature{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.02);border-radius:8px;font-size:14px;color:var(--text-secondary)}.landing-page .format-feature-icon{width:32px;height:32px;background:rgba(0,212,255,.1);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.landing-page .audiences{padding:120px 0;position:relative}.landing-page .audiences:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border) 50%,transparent 100%)}.landing-page .section-header{text-align:center;margin-bottom:64px}.landing-page .section-label{font-size:13px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.landing-page .section-title{font-size:40px;font-weight:800;letter-spacing:-1.5px;margin-bottom:16px}.landing-page .section-desc{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}.landing-page .audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:800px){.landing-page .audience-grid{grid-template-columns:1fr}}.landing-page .audience-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:40px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s}.landing-page .audience-card:hover{border-color:var(--text-tertiary);transform:translateY(-4px)}.landing-page .audience-card.creators{border-top:2px solid var(--purple)}.landing-page .audience-card.developers{border-top:2px solid var(--green)}.landing-page .audience-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px}.landing-page .audience-card.creators .audience-icon{background:rgba(168,85,247,.15)}.landing-page .audience-card.developers .audience-icon{background:rgba(34,197,94,.15)}.landing-page .audience-card h3{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.landing-page .audience-card.creators h3{color:var(--purple)}.landing-page .audience-card.developers h3{color:var(--green)}.landing-page .audience-card h4{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:16px}.landing-page .audience-card>p{font-size:16px;color:var(--text-secondary);margin-bottom:32px;line-height:1.7}.landing-page .audience-list{list-style:none;padding:0;margin:0}.landing-page .audience-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:15px;color:var(--text-secondary)}.landing-page .audience-list li .arrow{color:var(--text-tertiary);flex-shrink:0;margin-top:1px}.landing-page .capabilities{padding:120px 0;position:relative;background:var(--bg-subtle)}.landing-page .capabilities:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border) 50%,transparent 100%)}.landing-page .capability-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:48px;flex-wrap:wrap}.landing-page .capability-tab{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:100px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.landing-page .capability-tab:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.landing-page .capability-tab.active{background:var(--accent);border-color:var(--accent);color:#000}.landing-page .capability-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-page .capability-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}@media (max-width:900px){.landing-page .capability-layout{grid-template-columns:1fr}}.landing-page .capability-text h3{font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:16px}.landing-page .capability-text p{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:24px}.landing-page .capability-text ul{list-style:none;padding:0;margin:0}.landing-page .capability-text li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:15px;color:var(--text-secondary)}.landing-page .capability-text li .check{color:var(--green);font-weight:700}.landing-page .capability-visual{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;font-family:JetBrains Mono,monospace;font-size:13px;overflow-x:auto}.landing-page .capability-visual pre{color:#e4e4e7;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.landing-page .open-format{padding:120px 0;position:relative}.landing-page .open-format:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border) 50%,transparent 100%)}.landing-page .open-format-content{max-width:800px;margin:0 auto;text-align:center}.landing-page .open-format h2{font-size:14px;font-weight:600;color:var(--orange);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px}.landing-page .open-format h3{font-size:40px;font-weight:800;letter-spacing:-1.5px;margin-bottom:24px;line-height:1.2}.landing-page .open-format>.open-format-content>p{font-size:18px;color:var(--text-secondary);line-height:1.8;margin-bottom:48px}.landing-page .open-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}@media (max-width:700px){.landing-page .open-format-grid{grid-template-columns:1fr}}.landing-page .open-format-item{padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.landing-page .open-format-item h4{font-size:16px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px}.landing-page .open-format-item p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.landing-page .use-cases{padding:120px 0;position:relative;background:var(--bg-subtle)}.landing-page .use-cases:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border) 50%,transparent 100%)}.landing-page .use-cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}@media (max-width:768px){.landing-page .use-cases-grid{grid-template-columns:1fr}}.landing-page .use-case{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:border-color .3s,transform .3s}.landing-page .use-case:hover{border-color:var(--text-tertiary);transform:translateY(-2px)}.landing-page .use-case-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.landing-page .use-case-icon{width:48px;height:48px;background:rgba(0,212,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.landing-page .use-case h3{font-size:20px;font-weight:600;margin:0}.landing-page .use-case p{font-size:15px;color:var(--text-secondary);line-height:1.7;margin:0 0 16px}.landing-page .use-case-tag{display:inline-block;padding:4px 12px;background:rgba(255,255,255,.05);border-radius:4px;font-size:12px;font-weight:500;color:var(--text-tertiary);font-family:JetBrains Mono,monospace}.landing-page .cta{padding:140px 0;text-align:center;position:relative;overflow:hidden}.landing-page .cta:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--border) 50%,transparent 100%)}.landing-page .cta-glow{position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse at center,rgba(0,212,255,.1) 0,transparent 60%);pointer-events:none}.landing-page .cta-content{position:relative;z-index:1}.landing-page .cta h2{font-size:48px;font-weight:800;letter-spacing:-2px;margin-bottom:16px}.landing-page .cta p{font-size:18px;color:var(--text-secondary);margin-bottom:40px}.landing-page .cta-roles{display:flex;justify-content:center;gap:32px;margin-bottom:48px;flex-wrap:wrap}.landing-page .cta-role{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.landing-page .cta-role-dot{width:8px;height:8px;border-radius:50%}.landing-page .cta-role-dot.creator{background:var(--purple)}.landing-page .cta-role-dot.developer{background:var(--green)}.landing-page .cta-role-dot.brand{background:var(--orange)}.landing-page footer{padding:48px 0;border-top:1px solid var(--border)}.landing-page .footer-inner{display:flex;justify-content:space-between;align-items:center}@media (max-width:600px){.landing-page .footer-inner{flex-direction:column;gap:16px;text-align:center}}.landing-page .footer-left{display:flex;align-items:center;gap:24px}.landing-page .footer-logo{font-size:18px;font-weight:800}.landing-page .footer-logo span{color:var(--accent)}.landing-page .footer-right,.landing-page .footer-tagline{font-size:13px;color:var(--text-tertiary)}.landing-page .mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;padding:4px}@media (max-width:700px){.landing-page .nav-links{display:none}.landing-page .nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(5,5,8,.95);backdrop-filter:blur(20px);padding:16px 24px;gap:16px;border-bottom:1px solid var(--border-subtle)}.landing-page .mobile-menu-btn{display:block}}