*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2d0a0a 50%,#000);color:#fff;overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(255,0,0,.05) 0,transparent 70%)}.hero-content{text-align:center;z-index:2;max-width:900px;padding:2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.hero-text{text-align:left}.hero-video{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3)}.hero-buttons{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.scroll-button{background:linear-gradient(45deg,#dc2626,#991b1b,#dc2626);background-size:300% 300%;border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;animation:gradientShift 3s ease-in-out infinite;box-shadow:0 4px 15px rgba(220,38,38,.3)}.scroll-button:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(220,38,38,.6);animation-duration:1.5s}.scroll-button.iphone{animation-delay:1.5s}.logo{font-size:3rem;font-weight:900;margin-bottom:1rem;background:linear-gradient(45deg,#dc2626,#f87171,#dc2626);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite;text-shadow:0 0 30px rgba(220,38,38,.3)}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.tagline{font-size:1.5rem;margin-bottom:2rem;opacity:.9}.phone-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:3rem;gap:3rem;margin:4rem 0;padding:0 2rem}.phone-card{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(220,38,38,.3);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100%}.phone-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(220,38,38,.3);border-color:rgba(220,38,38,.6)}.phone-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.phone-card:hover:before{left:100%}.phone-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.phone-features{list-style:none;text-align:left;margin-bottom:2rem;flex-grow:1}.phone-features li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.phone-features li:before{content:"✓";position:absolute;left:0;color:#dc2626;font-weight:700}.price{font-size:2rem;font-weight:700;color:#f87171;margin-bottom:1rem;text-shadow:0 0 10px hsla(0,91%,71%,.3);margin-top:auto}.cta-button{background:linear-gradient(45deg,#dc2626,#991b1b);border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(220,38,38,.3)}.cta-button:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(220,38,38,.6);background:linear-gradient(45deg,#ef4444,#dc2626)}.shopify-buy-button{width:100%;margin-top:1rem;min-height:50px;position:relative}.shopify-buy-button>div{width:100%!important}.shopify-buy-button iframe{width:100%!important;min-height:50px!important;max-width:100%!important;display:block!important}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-phone{position:absolute;width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:8px;animation:float 6s ease-in-out infinite}.floating-phone:first-child{top:20%;left:10%;animation-delay:0s}.floating-phone:nth-child(2){top:60%;right:10%;animation-delay:2s}.floating-phone:nth-child(3){top:40%;left:80%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(5deg)}66%{transform:translateY(10px) rotate(-3deg)}}.section{padding:4rem 2rem;text-align:center}.gimmick-section{background:rgba(0,0,0,.4);margin:2rem 0;border-top:1px solid rgba(220,38,38,.2);border-bottom:1px solid rgba(220,38,38,.2)}.gimmick-title{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(45deg,#dc2626,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(220,38,38,.2)}.printer-dashboard{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;max-width:1000px;margin:0 auto}.printer-feed{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;border:1px solid rgba(220,38,38,.2);position:relative}.live-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;background:rgba(255,0,0,.2);padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem}.red-dot{width:8px;height:8px;background:#ff4757;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.camera-placeholder{width:100%;height:280px;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:1.1rem;border:2px dashed hsla(0,0%,100%,.3);margin-bottom:1rem}.feed-info{text-align:center;font-size:.9rem;opacity:.8}.printer-status{display:flex;flex-direction:column;gap:1.5rem}.queue-card,.status-card{background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;padding:1.5rem;border:1px solid rgba(220,38,38,.2)}.queue-card h3,.status-card h3{margin-bottom:1rem;font-size:1.2rem}.status-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.status-label{opacity:.8}.status-label,.status-value{font-weight:700}.status-value.printing{color:#f87171}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden;margin:.5rem 0}.progress-fill{height:100%;background:linear-gradient(90deg,#dc2626,#f87171);border-radius:4px;transition:width .3s ease}.queue-item{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;padding:.5rem;border-radius:8px;transition:background .3s ease}.queue-item.current{background:rgba(220,38,38,.1)}.queue-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.queue-dot.printing{background:#dc2626;animation:pulse 2s infinite}.queue-dot.waiting{background:hsla(0,0%,100%,.4)}.queue-empty{text-align:center;margin-top:1rem;padding:1rem;background:hsla(0,100%,71%,.1);border-radius:8px;border:1px dashed hsla(0,100%,71%,.3)}.timestamp{color:#f87171}.footer{background:rgba(0,0,0,.6);padding:2rem;text-align:center;border-top:1px solid rgba(220,38,38,.2)}.product-image{width:100%;height:auto;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .3s ease}.product-image:hover{transform:scale(1.03)}.image-grid,.product-image-container{margin-bottom:2rem}.image-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.main-image{grid-column:span 2;margin-bottom:1rem}.badge-highlight{color:#dc2626;font-weight:700;text-shadow:0 0 10px rgba(220,38,38,.3)}.hero-image{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5)}.image-caption{text-align:center;color:hsla(0,0%,100%,.9);font-style:italic;padding:10px}.sticky-header{position:fixed;top:0;left:0;right:0;background:rgba(26,26,26,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(220,38,38,.3);z-index:999;transform:translateY(-100%);transition:transform .3s ease}.sticky-header.visible{transform:translateY(0)}.sticky-header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.sticky-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#dc2626,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sticky-buy-button{background:linear-gradient(45deg,#dc2626,#991b1b);border:none;padding:.8rem 2rem;border-radius:50px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(220,38,38,.3)}.sticky-buy-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(220,38,38,.5)}.problem-section{padding:4rem 2rem}.problem-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center}.problem-text{padding-right:2rem}.problem-image{text-align:center}.behind-badge{padding:4rem 2rem}.video-grid{max-width:1200px;margin:0 auto}.process-video{width:100%;height:auto;object-fit:cover}.in-the-wild{padding:4rem 2rem}.wild-grid{max-width:1200px;margin:0 auto}.wild-card{transition:transform .3s ease}.wild-card:hover{transform:translateY(-5px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2d0a0a);border-radius:20px;padding:3rem;max-width:500px;width:90%;position:relative;box-shadow:0 20px 60px rgba(220,38,38,.3);border:1px solid rgba(220,38,38,.3)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .3s}.modal-close:hover{opacity:1}.modal-title{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(45deg,#dc2626,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{margin-bottom:2rem;opacity:.9}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-input{padding:1rem;border-radius:10px;border:1px solid rgba(220,38,38,.3);background:rgba(0,0,0,.5);color:#fff;font-size:1.1rem}.modal-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 10px rgba(220,38,38,.3)}.modal-submit{background:linear-gradient(45deg,#dc2626,#991b1b);border:none;padding:1rem 2rem;border-radius:50px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:1rem}.modal-submit:hover:not(:disabled){transform:scale(1.05);box-shadow:0 10px 30px rgba(220,38,38,.6)}.modal-submit:disabled{opacity:.5;cursor:not-allowed}.modal-success{text-align:center;padding:2rem}.modal-error{color:#f87171;text-align:center;margin-top:1rem}@media (max-width:768px){.image-grid{grid-template-columns:1fr}.main-image{grid-column:span 1}.modal-content{padding:2rem;width:95%}.logo{font-size:2rem}.tagline{font-size:1.2rem}.hero-content,.phone-showcase{grid-template-columns:1fr}.hero-content{gap:2rem}.hero-content,.hero-text{text-align:center}.hero-buttons{justify-content:center}.printer-dashboard{grid-template-columns:1fr;gap:1.5rem}.problem-content{grid-template-columns:1fr;text-align:center}.problem-text{padding-right:0}.video-grid{grid-template-columns:1fr}.espresso-section{grid-template-columns:1fr!important;text-align:center}.espresso-section>div:last-child{padding:0!important;margin-top:2rem}.wild-grid{grid-template-columns:1fr}}