:root{--primary: #ffffff;--primary-dark: #e0e0e0;--secondary: #000000;--accent: #000000;--dark: #f5f5f5;--darker: #ffffff;--darkest: #ffffff;--blue-gradient: linear-gradient(135deg, #ffffff, #f5f5f5);--gray: #909090;--light-gray: #2e2e2e;--white: #ffffff;--black: #000000;--success: var(--black);--green: #008700;--shadow-sm: 0 3px 5px rgba(0, 0, 0, .05);--shadow-md: 0 5px 10px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 20px rgba(0, 0, 0, .12);--border-radius: 0px;--section-spacing: 80px;--font-main: "Courier Prime", monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:15px}body{font-family:var(--font-main);line-height:1.5;color:var(--black);overflow-x:hidden;background-color:var(--darkest)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{margin-bottom:18px;line-height:1.2;font-weight:400;letter-spacing:-.5px;text-transform:uppercase;color:var(--black)}h1{font-size:2.4rem;font-weight:400}h2{font-size:1.8rem;font-weight:400}h3{font-size:1.3rem;font-weight:400}h4{font-size:1rem;font-weight:400}p{margin-bottom:1rem;color:#000000b3}a{text-decoration:none;color:var(--black);transition:all .3s ease}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section-header{text-align:left;max-width:700px;margin:0 0 50px}.section-tag{display:inline-block;background-color:#0000001a;color:var(--black);padding:5px 12px;border-radius:0;font-size:.7rem;font-weight:400;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:0;font-weight:400;transition:all .3s ease;cursor:pointer;font-size:.85rem;border:none;position:relative;overflow:hidden;letter-spacing:1px;text-transform:uppercase}.btn i{margin-left:10px}.btn-primary{background:linear-gradient(to right,#000,#f50);color:var(--white)}.btn-primary:hover{background-color:var(--light-gray);color:var(--white);transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:var(--black);border:1px solid var(--black)}.btn-secondary:hover{background-color:#0000000d;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--black);border:1px solid var(--black)}.btn-outline:hover{background-color:#0000000d;transform:translateY(-2px)}.btn-full{width:100%;height:3rem}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:20px 0;background-color:transparent;transition:all .3s ease}.navbar.scrolled{background-color:#ffffff80;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);padding:8px 0}.navbar .container{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.logo{font-size:1.2rem;font-weight:400;color:var(--black);position:relative;letter-spacing:2px}@media screen and (max-width: 768px){.navbar .container{justify-content:center}}.nav-links{display:flex;align-items:center}.nav-links li{margin-left:32px}.nav-links a{color:var(--black);font-weight:400;position:relative;opacity:.8;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.nav-links a:hover{color:var(--light-gray);opacity:1}.nav-cta{background:linear-gradient(to right,#000,#f50);color:var(--white)!important;padding:8px 20px;border-radius:0;opacity:1!important}.nav-cta:hover{background-color:var(--light-gray);color:var(--white)!important;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.menu-toggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--black)}.hero{position:relative;padding:140px 0 120px;overflow:hidden;background:var(--darkest);min-height:80vh;display:flex;align-items:flex-end}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.hero-content{max-width:500px;margin-bottom:20px}.hero h1{margin-bottom:25px;font-size:2.2rem;line-height:1.1;text-transform:none;letter-spacing:-.5px}.hero .lead{font-size:.9rem;color:#000000b3;margin-bottom:40px;line-height:1.6;max-width:380px}.cta-group{display:flex;gap:15px;margin-bottom:40px}.trusted-by{margin-top:60px}.trusted-by p{font-size:.7rem;color:#00000080;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.client-logos{display:flex;gap:30px;flex-wrap:wrap}.client-logo{opacity:.5;font-weight:400;font-size:.7rem;color:var(--black);letter-spacing:1px;transition:all .3s ease}.client-logo:hover{opacity:.8;transform:translateY(-3px)}.hero-bg{position:absolute;bottom:0;left:0;width:100%;height:30%;background-size:cover;background-position:top;background-repeat:no-repeat;z-index:1}.feature-card{border-radius:0;padding:35px 25px;box-shadow:none;transition:all .3s ease;border:1px dashed var(--gray);color:var(--black)}.feature-card:hover{background-color:#0000000d;border-color:var(--black);transform:translateY(-5px)}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:0;background:linear-gradient(#000,#f50);margin-bottom:20px}.feature-icon i{font-size:1.6rem;color:var(--white)}.feature-card h3{margin-bottom:15px;font-size:1.1rem;letter-spacing:1px;text-transform:uppercase;text-align:left}.feature-card p{color:#000000b3;font-size:.85rem}.demo-banner{padding:100px 0;background-color:var(--darkest);position:relative;overflow:hidden}.demo-banner .container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.demo-banner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f5f580,#fffc);z-index:1}.demo-image{position:relative;border-radius:0;overflow:hidden;box-shadow:none;transition:all .3s ease;transform:translateY(0);border:1px solid rgba(0,0,0,.1)}.demo-image:hover{transform:translateY(-5px)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:linear-gradient(#000,#f50);border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:all .3s ease}.play-button i{font-size:1.8rem;color:var(--white)}.play-button:hover{transform:translate(-50%,-50%) scale(1.1);background-color:var(--light-gray)}.how-it-works{padding:var(--section-spacing) 0;background-color:var(--darkest)}.testimonials{padding:var(--section-spacing) 0;background-color:var(--darkest);position:relative;z-index:1}.testimonial-card{background-color:#00000008;border-radius:0;padding:25px;box-shadow:none;flex:1;border:1px solid rgba(0,0,0,.1);color:var(--black)}.quote{font-size:.9rem;margin-bottom:25px;position:relative;padding-left:22px;line-height:1.7;color:#000c}.quote:before{content:'"';font-family:var(--font-main);font-size:3rem;position:absolute;top:-15px;left:-10px;color:#0000001a}.pricing{padding:var(--section-spacing) 0;background-color:var(--darkest);color:var(--black);position:relative}.pricing-card{background-color:#00000008;border-radius:0;box-shadow:none;border:1px solid rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-10px);border-color:#0000004d}.waitlist{padding:var(--section-spacing) 0;background-color:var(--darkest);position:relative;z-index:1}.waitlist-form input,.waitlist-form select{width:100%;padding:12px;border-radius:0;outline:1px solid rgba(0,0,0,.1);border:transparent;font-size:.95rem;transition:all .3s ease;background-color:#0000000d;color:var(--black);font-family:var(--font-main)}.waitlist-form input:focus,.waitlist-form select:focus{outline:1px solid black}.waitlist-form input::placeholder,.waitlist-form select::placeholder{color:#0000004d}footer{background:linear-gradient(#000,#f50);padding:70px 0 25px;color:var(--white)}.footer-bottom{padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center}@media (max-width: 768px){.hero{align-items:flex-end;padding:120px 0 80px}.hero h1{font-size:1.8rem}.hero .lead{font-size:.8rem}.nav-links a{font-size:.7rem}}.features{padding:var(--section-spacing) 0;background-color:var(--darkest)}.feature-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.workflow{display:flex;flex-direction:column;gap:60px}.workflow-step{display:grid;grid-template-columns:50px 1fr 1fr;gap:30px;align-items:center}.step-number{grid-column:1;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#0000001a;color:var(--black);font-size:1.3rem;font-weight:400}.step-content{grid-column:2}.step-image{grid-column:3;border:1px solid rgba(0,0,0,.1);overflow:hidden}.check-list{margin-top:20px}.check-list li{position:relative;padding-left:25px;margin-bottom:10px;color:#000000b3;font-size:.85rem}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--black)}.pricing-toggle{display:flex;align-items:center;justify-content:center;margin-bottom:40px;font-size:.9rem}.switch{position:relative;display:inline-block;width:225px;height:36px;background-color:#e0e0e0;cursor:pointer;border-radius:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:3px;left:3px;width:130px;height:calc(100% - 6px);background-color:#000;transition:transform .4s cubic-bezier(.23,1,.32,1);border-radius:0;display:flex;align-items:center;justify-content:center}.switch-option{position:absolute;width:100%;text-align:center;white-space:nowrap;color:#fff;font-size:.8rem;font-weight:400;letter-spacing:.5px;transition:transform .35s cubic-bezier(.23,1,.32,1),opacity .3s ease-out;opacity:0}.option-monthly{transform:translate(0);opacity:1}.option-annual{transform:translate(130px);opacity:0}input:checked+.slider{transform:translate(89px)}input:checked+.slider .option-monthly{transform:translate(-130px);opacity:0}input:checked+.slider .option-annual{transform:translate(0);opacity:1}.save-badge{background-color:var(--green);color:var(--white);font-size:.7rem;padding:2px 5px;margin-left:5px;text-transform:uppercase;letter-spacing:.5px;border-radius:3px;display:inline-block;vertical-align:middle}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:50px}.pricing-header{padding:25px;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.pricing-price{margin:20px 0}.price{font-size:2.4rem;font-weight:400;color:var(--black)}.price.annual{display:none}.period{font-size:1rem;color:#0009}.pricing-features{padding:25px}.pricing-features ul{list-style:none;padding:0;margin:0}.pricing-features li{margin-bottom:12px;position:relative;padding-left:25px;font-size:.85rem;color:#000c}.pricing-features li i{position:absolute;left:0;color:var(--black)}.pricing-features li.disabled{color:#0006}.pricing-cta{padding:0 25px 25px}.enterprise{background-color:#00000008;padding:30px;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.enterprise-content h3{margin-bottom:10px}.enterprise-content p{margin-bottom:0;max-width:500px;font-size:.85rem;color:#000000b3}.pricing.annual .price.monthly{display:none}.pricing.annual .price.annual{display:inline-block}.testimonial-slider{display:flex;gap:25px;margin-bottom:25px;overflow-x:hidden}.author{display:flex;align-items:center;margin-top:20px}.author-img{width:40px;height:40px;overflow:hidden;margin-right:15px;border:1px solid rgba(0,0,0,.1)}.author-info h4{margin-bottom:5px;font-size:.9rem}.author-info p{color:#00000080;font-size:.8rem;margin-bottom:0}.testimonial-dots{display:flex;justify-content:center;gap:10px}.dot{width:8px;height:8px;background-color:#0003;cursor:pointer;transition:all .3s ease}.dot.active{background-color:var(--black)}.waitlist .container{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.waitlist-form{margin-top:30px}.form-group{margin-bottom:15px}#role{border-style:inset;border:1px solid transparent;border-right:10px solid transparent;outline:1px solid rgba(0,0,0,.1)}#role:focus{outline:1px solid black}#role::placeholder{color:#0000001a}.form-note{margin-top:15px;font-size:.8rem;color:#00000080}.waitlist-image{width:100%;height:100%;border:1px solid rgba(0,0,0,.1);overflow:hidden}.waitlist-image img{width:100%;height:100%;object-fit:cover;object-position:20% center}.success-message{text-align:left;padding:40px 0}.success-message i{font-size:2rem;color:var(--black);margin-bottom:20px}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:60px}.footer-logo p{margin-top:15px;color:#fff;font-size:.85rem}.footer-logo .logo{color:#fff}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.link-group h4{margin-bottom:20px;color:var(--white);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.link-group ul li{margin-bottom:10px}.link-group ul li a{color:#ffffff80;font-size:.85rem;transition:all .3s ease}.link-group ul li a:hover{color:var(--white)}.social-links{display:flex;gap:15px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ffffff1a;color:var(--white);transition:all .3s ease}.social-links a:hover{background-color:var(--white);color:var(--black)}.footer-bottom p{color:#fff6;font-size:.8rem;margin-bottom:0}@media (max-width: 1100px){.workflow-step{grid-template-columns:50px 1fr}.step-content{grid-column:2}.step-image{grid-column:1 / span 2;margin-top:30px}}@media (max-width: 900px){.hero .container{grid-template-columns:1fr;gap:20px}.hero-content{margin-bottom:40px}.demo-banner .container,.waitlist .container{grid-template-columns:1fr}.demo-image,.waitlist-image{margin-top:40px}.footer-content{grid-template-columns:1fr;gap:40px}}@media (max-width: 768px){:root{--section-spacing: 60px}.hero{align-items:flex-end;padding:100px 0 80px}.hero h1{font-size:1.8rem}.hero .lead{font-size:.8rem}.nav-links{position:fixed;top:70px;left:0;width:100%;background-color:var(--darkest);flex-direction:column;padding:20px;box-shadow:var(--shadow-md);transform:translateY(-150%);transition:transform .3s ease;z-index:100}.nav-links.active{transform:translateY(0)}.nav-links li{margin:15px 0}.menu-toggle{display:block}.cta-group,.testimonial-slider{flex-direction:column}.enterprise{flex-direction:column;text-align:center}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.feature-cards,.pricing-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr;gap:30px}.client-logos{gap:20px}}.cinema-ui-showcase{padding:2rem 0;background-color:var(--primary)}.showcase-gallery{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.showcase-item{width:100%}.showcase-item img{width:100%;height:auto;border-radius:8px;box-shadow:0 10px 30px #0000001a}@media (min-width: 768px){.showcase-gallery{gap:2rem}}.hero-image{position:relative;border-radius:0;overflow:hidden;box-shadow:0 15px 40px #0000001a;transition:all .3s ease;transform:translateY(0);border:1px solid rgba(0,0,0,.1)}.hero-image img{width:100%;height:auto;aspect-ratio:1/1;display:block;object-fit:cover}.hero-image:hover{transform:translateY(-5px)}.sidebar{width:200px;background-color:var(--darkest, #ffffff);color:var(--secondary, #000000);padding:20px 10px;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--primary-dark, #e0e0e0)}.sidebar h2{margin-top:0;margin-bottom:25px;text-align:center;font-size:1.25rem;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var(--secondary, #000000)}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar ul li{padding:10px 15px;cursor:pointer;border-radius:var(--border-radius, 0px);margin-bottom:5px;font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:.5px;transition:background-color .2s ease,color .2s ease;color:var(--gray, #909090)}.sidebar ul li:hover{background-color:var(--dark, #f5f5f5);color:var(--secondary, #000000)}.sidebar ul li.active{background-color:transparent;color:var(--secondary, #000000);font-weight:600}.modal-overlay{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background-color:var(--primary, #ffffff);padding:25px 30px;border:1px solid var(--primary-dark, #e0e0e0);width:90%;max-width:520px;border-radius:var(--border-radius, 0px);text-align:center;position:relative}.close-button{color:var(--gray, #909090);position:absolute;top:10px;right:15px;font-size:28px;font-weight:300;line-height:1}.close-button:hover,.close-button:focus{color:var(--secondary, #000000);text-decoration:none;cursor:pointer}.modal-content h2{margin-top:0;margin-bottom:25px;font-size:1.3rem;font-weight:400;text-transform:uppercase;letter-spacing:-.5px;color:var(--secondary, #000000)}.modal-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}.modal-option-card{background-color:var(--primary, #ffffff);border:1px dashed var(--primary-dark, #e0e0e0);border-radius:var(--border-radius, 0px);padding:20px;text-align:center;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}.modal-option-card:hover{border-color:var(--secondary, #000000);background-color:var(--dark, #f5f5f5)}.modal-card-thumbnail-placeholder{width:100%;height:80px;background-color:var(--dark, #f5f5f5);border-radius:var(--border-radius, 0px);margin-bottom:15px;display:flex;align-items:center;justify-content:center;color:var(--gray, #909090);font-size:.7rem}.modal-card-thumbnail-placeholder:before{content:"IMAGE"}.modal-option-card h3{font-size:1rem;color:var(--secondary, #000000);margin-top:0;margin-bottom:8px;text-transform:uppercase;font-weight:600}.modal-option-card p{font-size:.8rem;color:var(--gray, #909090);line-height:1.4;margin-bottom:0}.dashboard-container{display:flex;min-height:100vh;background-color:var(--darkest, #ffffff)}.main-content{flex-grow:1;padding:25px;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--primary-dark, #e0e0e0)}.header h1{margin:0;font-size:1.2rem;font-weight:400;color:var(--secondary, #989898);text-transform:uppercase;letter-spacing:-.5px}.add-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:var(--border-radius, 0px);font-weight:400;transition:all .3s ease;cursor:pointer;font-size:.8rem;border:none;letter-spacing:1px;text-transform:uppercase;background-color:var(--secondary, #000000);color:var(--primary, #ffffff)}.add-button:hover{background-color:var(--light-gray, #2e2e2e);color:var(--primary, #ffffff)}.screen-flow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.item-thumbnail-placeholder{width:100%;height:120px;background-color:var(--dark, #f5f5f5);border-radius:var(--border-radius, 0px);margin-bottom:15px;display:flex;align-items:center;justify-content:center;color:var(--gray, #909090);font-size:.8rem}.item-thumbnail-placeholder:before{content:"THUMBNAIL"}.item-card{background-color:var(--primary, #ffffff);padding:20px;border-radius:var(--border-radius, 0px);border:1px dashed var(--primary-dark, #e0e0e0);text-align:left;transition:border-color .2s ease-in-out}.item-card:hover{border-color:var(--secondary, #000000)}.item-card h4{margin-top:0;margin-bottom:8px;font-size:1rem;font-weight:400;color:var(--secondary, #000000);text-transform:uppercase}.item-card p{margin-bottom:0;font-size:.85rem;color:var(--gray, #909090);line-height:1.4}.empty-message{grid-column:1 / -1;text-align:center;padding:40px 20px;font-size:1rem;color:var(--gray, #909090);background-color:transparent;border-radius:var(--border-radius, 0px);border:1px dashed var(--primary-dark, #e0e0e0)}
