.video-container{cursor:pointer;background:#000;width:100%;height:100%;position:relative}.video-player{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.video-controls{opacity:0;padding:20px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.video-container:hover .video-controls{opacity:1}.controls-wrapper{color:#fff;justify-content:space-between;align-items:center;display:flex}.time-display{font-size:14px}.control-buttons{align-items:center;gap:16px;display:flex}.control-button{cursor:pointer;color:#fff;background:0 0;border:none;padding:0;transition:opacity .2s}.control-button:hover{opacity:.75}.icon{width:20px;height:20px}@media (max-width:900px){.video-controls{padding:16px}.control-buttons{gap:12px}.time-display{font-size:13px}.icon{width:18px;height:18px}}@media (max-width:600px){.video-controls{opacity:1;padding:12px}.control-buttons{gap:10px}.time-display{font-size:12px}.icon{width:16px;height:16px}.control-button{padding:4px}}
.home .cursor{background-color:var(--light);will-change:transform;pointer-events:none;z-index:1000;transform-origin:50%;width:100px;height:100px;color:var(--dark);border-radius:100%;justify-content:center;align-items:center;margin-top:-50px;margin-left:-50px;display:flex;position:fixed}.cursor{display:none}.home .cursor-icon{transform-origin:50%;will-change:transform}@media (max-width:900px){.home .cursor{display:none!important}}
.feature-cards-section{z-index:10;width:100%;padding:20px 0;transition:top .3s;position:absolute;top:55px;left:0;right:0;overflow:visible}body.has-promo-banner .feature-cards-section{top:99px}.feature-cards-container{width:100%;position:relative}.feature-cards-scroll{scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:16px;padding:20px 40px;scroll-padding-left:40px;display:flex;overflow-x:auto}.feature-card:first-child{margin-left:0}.feature-cards-scroll::-webkit-scrollbar{display:none}.feature-card{scroll-snap-align:start;cursor:pointer;flex-shrink:0;width:calc(40vw - 32px);min-width:320px;max-width:500px}.feature-card-inner{aspect-ratio:16/9;background:#1a1a1a;border-radius:16px;position:relative;overflow:hidden}.feature-card-image{position:absolute;inset:0;overflow:hidden}.feature-card-image img,.feature-card-image video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.feature-card-content{padding:16px 4px}.feature-card-content h3{color:#fff;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:4px;font-size:.95rem;font-weight:600}.feature-card-content p{color:#ffffff80;font-size:.8rem;font-weight:400}.feature-nav-btn{color:#222;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:40%;transform:translateY(-50%);box-shadow:0 4px 20px #0000004d}.feature-nav-btn:hover{color:#000;background:#fff;box-shadow:0 4px 24px #0006}.feature-nav-left{left:56px}.feature-nav-right{right:48px}@media (max-width:900px){.feature-cards-section{padding:80px 0 30px}.feature-card{width:calc(66.6667vw - 40px);min-width:260px}.feature-nav-btn{width:40px;height:40px}.feature-nav-left{left:12px}.feature-nav-right{right:12px}}@media (max-width:600px){.feature-card{width:calc(100vw - 60px);min-width:240px}.feature-cards-scroll{-webkit-overflow-scrolling:touch;gap:12px;padding:16px;scroll-padding-left:16px}.feature-card-inner{border-radius:12px}.feature-card-content{padding:12px 2px}.feature-card-content h3{font-size:.85rem}.feature-card-content p{font-size:.75rem}.feature-nav-btn{display:none}}@media (max-width:400px){.feature-cards-section{padding:60px 0 20px}.feature-card{width:calc(100vw - 40px);min-width:200px}.feature-cards-scroll{gap:10px;padding:12px;scroll-padding-left:12px}.feature-card-inner{border-radius:10px}.feature-card-content{padding:10px 2px}.feature-card-content h3{margin-bottom:2px;font-size:.8rem}.feature-card-content p{font-size:.7rem}}
.create-today-section{z-index:10;padding:0 40px;position:absolute;bottom:20px;left:0;right:0}.create-today-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414d9;border:1px solid #ffff004d;border-radius:0;align-items:center;gap:40px;padding:32px;display:flex;position:relative}.create-today-container:before,.create-today-container:after{content:"";pointer-events:none;width:24px;height:24px;position:absolute}.create-today-container:before{border-top:2px solid #ff0;border-left:2px solid #ff0;top:-1px;left:-1px}.create-today-container:after{border-top:2px solid #ff0;border-right:2px solid #ff0;top:-1px;right:-1px}.corner-bl,.corner-br{pointer-events:none;z-index:11;width:24px;height:24px;position:absolute}.corner-bl{border-bottom:2px solid #ff0;border-left:2px solid #ff0;bottom:-1px;left:-1px}.corner-br{border-bottom:2px solid #ff0;border-right:2px solid #ff0;bottom:-1px;right:-1px}.create-today-left{flex-shrink:0;width:280px}.create-today-left h2{color:#fff;letter-spacing:-.02em;margin-bottom:12px;font-size:1.8rem;font-weight:700;line-height:1.1}.create-today-left h2 .accent{color:#ff0}.create-today-left p{color:#ffffff80;margin-bottom:20px;font-size:.9rem;line-height:1.5}.explore-btn{color:#000;cursor:pointer;background:#ff0;border:none;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:all .3s;display:inline-flex}.explore-btn:hover{background:#ffff4d}.explore-btn svg{stroke:#000}.create-today-right{flex:1;overflow:hidden}.tools-scroll{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;gap:16px;padding:4px;display:flex;overflow-x:auto}.tools-scroll::-webkit-scrollbar{display:none}.tool-card{cursor:pointer;flex-shrink:0;width:200px}.tool-card-inner{aspect-ratio:1;background:#2a2a2a;border-radius:12px;width:100%;overflow:hidden}.tool-card-inner img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s}.tool-card:hover .tool-card-inner img{transform:scale(1.08)}.tool-card-title{justify-content:space-between;align-items:center;padding:10px 2px;display:flex}.tool-card-title span{color:#fff;font-size:.85rem;font-weight:500}.tool-card-title svg{color:#ffffff80;transition:transform .3s}.tool-card:hover .tool-card-title svg{color:#ff0;transform:translate(4px)}@media (max-width:900px){.create-today-section{padding:0 20px;bottom:20px}.create-today-container{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.create-today-left{width:100%}.create-today-left h2{font-size:1.5rem}.tool-card{width:150px}}@media (max-width:600px){.create-today-section{padding:0 16px;bottom:16px}.create-today-container{padding:20px}.create-today-container:before,.create-today-container:after,.corner-bl,.corner-br{width:16px;height:16px}.create-today-left h2{font-size:1.3rem}.tool-card{width:130px}}
.promo-banner{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#ffff0026 0%,#141414f2 30% 70%,#ffff0026 100%);border-bottom:1px solid #ff03;justify-content:center;align-items:center;height:44px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.promo-banner-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.promo-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#ff3b3b;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.promo-badge svg{font-size:.85rem}.promo-text{color:#ffffffe6;margin:0;font-size:.9rem}.promo-text strong{color:#ff0}.promo-link{color:#ff0;font-weight:600;text-decoration:underline;transition:opacity .3s}.promo-link:hover{opacity:.8}.promo-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .3s;display:flex;position:absolute;right:20px}.promo-close:hover{color:#fff}.promo-close svg{font-size:1.25rem}@media (max-width:768px){.promo-banner{padding:10px 50px 10px 16px}.promo-banner-content{gap:10px}.promo-text{text-align:center;font-size:.8rem}.promo-badge{padding:5px 10px;font-size:.7rem}}@media (max-width:480px){.promo-banner{height:auto;min-height:44px;padding:8px 40px 8px 12px}.promo-banner-content{flex-direction:column;gap:8px}.promo-text{font-size:.75rem;line-height:1.3}.promo-badge{gap:4px;padding:4px 8px;font-size:.65rem}.promo-badge svg{font-size:.75rem}.promo-close{padding:6px;right:8px}.promo-close svg{font-size:1rem}}@media (max-width:360px){.promo-banner{padding:6px 36px 6px 10px}.promo-text{font-size:.7rem}.promo-badge{padding:3px 6px;font-size:.6rem}}