.snap-container{--snap-primary:#ff5a5f;--snap-primary-dark:#e63946;--snap-primary-light:#ff8a8f;--snap-secondary:#00b4d8;--snap-secondary-dark:#0096c7;--snap-accent:#ffd166;--snap-text:#2b2d42;--snap-text-light:#6c757d;--snap-bg-light:#f8f9fa;--snap-bg-dark:#edf2f4;--snap-border:#dee2e6;--snap-success:#06d6a0;--snap-warning:#ffd166;--snap-error:#ef476f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--snap-text);width:100%;overflow-x:hidden;background-color:#ffffff}.snap-container .container{max-width:1200px;margin:0 auto;padding:0 20px}.snap-container .section-header{text-align:center;max-width:800px;margin:0 auto 60px;padding:0 20px}.snap-container .section-header h2{font-size:2.5rem;font-weight:800;color:var(--snap-text);margin-bottom:16px;letter-spacing:-.02em}.snap-container .section-header p{font-size:1.25rem;color:var(--snap-text-light)}.snap-container .snap-hero{position:relative;padding:120px 0 0;background:linear-gradient(135deg,#ff5a5f,#ff8a8f);overflow:hidden;color:white}.snap-container .snap-hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;position:relative;z-index:2}.snap-container .snap-hero-text{max-width:540px}.snap-container .snap-hero h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;color:white;letter-spacing:-.02em}.snap-container .gradient-text{background:linear-gradient(90deg,#ffd166,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}.snap-container .snap-hero p{font-size:1.25rem;line-height:1.6;color:rgba(255,255,255,.9);margin-bottom:32px}.snap-container .snap-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;align-items:center;justify-content:flex-start}.snap-container .snap-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap;text-align:center;letter-spacing:.01em}.snap-container .snap-button.primary{background-color:white;color:var(--snap-primary)}.snap-container .snap-button.primary:hover{background-color:rgba(255,255,255,.9);transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.2)}.snap-container .snap-button.primary svg{transition:transform .2s ease}.snap-container .snap-button.primary:hover svg{transform:translateX(4px)}.snap-container .snap-button.secondary{background:rgba(255,255,255,.2);color:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-weight:700}.snap-container .snap-button.secondary:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.snap-container .play-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.snap-container .snap-hero-visual{position:relative}.snap-container .phone-mockup{position:relative;width:280px;height:560px;background:#111;border-radius:36px;margin:0 auto;padding:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);overflow:hidden}.snap-container .phone-screen{width:100%;height:100%;background:#fff;border-radius:24px;overflow:hidden;position:relative}.snap-container .phone-screen img{width:100%;height:100%;object-fit:cover}.snap-container .phone-notch{top:0;width:120px;height:30px;background:#111;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.snap-container .phone-button,.snap-container .phone-notch{position:absolute;left:50%;transform:translateX(-50%);z-index:10}.snap-container .phone-button{bottom:20px;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.snap-container .qr-overlay{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.9);padding:15px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 10px 25px -5px rgba(0,0,0,.2)}.snap-container .qr-code{width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H40V40H0V0ZM10 10H30V30H10V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M60 0H100V40H60V0ZM70 10H90V30H70V10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 60H40V100H0V60ZM10 70H30V90H10V70Z' fill='black'/%3E%3Cpath d='M50 0H60V10H50V0Z' fill='black'/%3E%3Cpath d='M50 20H60V40H50V20Z' fill='black'/%3E%3Cpath d='M50 50H60V60H50V50Z' fill='black'/%3E%3Cpath d='M80 50H100V60H80V50Z' fill='black'/%3E%3Cpath d='M60 60H70V70H60V60Z' fill='black'/%3E%3Cpath d='M80 60H90V70H80V60Z' fill='black'/%3E%3Cpath d='M50 80H60V100H50V80Z' fill='black'/%3E%3Cpath d='M70 80H90V90H70V80Z' fill='black'/%3E%3Cpath d='M70 50H80V60H70V50Z' fill='black'/%3E%3Cpath d='M60 70H80V80H60V70Z' fill='black'/%3E%3Cpath d='M90 70H100V90H90V70Z' fill='black'/%3E%3Cpath d='M60 90H70V100H60V90Z' fill='black'/%3E%3Cpath d='M90 90H100V100H90V90Z' fill='black'/%3E%3Cpath d='M40 40H50V50H40V40Z' fill='black'/%3E%3Cpath d='M40 50H50V60H40V50Z' fill='black'/%3E%3Cpath d='M40 60H50V70H40V60Z' fill='black'/%3E%3Cpath d='M40 70H50V80H40V70Z' fill='black'/%3E%3Cpath d='M40 80H50V90H40V80Z' fill='black'/%3E%3Cpath d='M40 90H50V100H40V90Z' fill='black'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.snap-container .qr-overlay span{font-size:.75rem;color:var(--snap-text);font-weight:500}.snap-container .floating-photos{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.snap-container .floating-photo{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px -5px rgba(0,0,0,.2);border:4px solid white}.snap-container .floating-photo img{width:100%;height:100%;object-fit:cover}.snap-container .photo-1{width:120px;height:160px;top:10%;right:0;transform:rotate(10deg);animation:float 6s ease-in-out infinite}.snap-container .photo-2{width:140px;height:100px;bottom:20%;right:20%;transform:rotate(-8deg);animation:float 7s ease-in-out 1s infinite}.snap-container .photo-3{width:100px;height:140px;bottom:5%;left:10%;transform:rotate(5deg);animation:float 5s ease-in-out .5s infinite}@keyframes float{0%{transform:translateY(0) rotate(var(--rotation,0deg))}50%{transform:translateY(-10px) rotate(var(--rotation,0deg))}to{transform:translateY(0) rotate(var(--rotation,0deg))}}.snap-container .snap-hero-wave{position:absolute;bottom:-2px;left:0;width:100%;z-index:1;line-height:0}.snap-container .snap-hero-wave svg{width:100%;height:auto}.snap-container .trusted-by{padding:60px 0;background-color:white;text-align:center}.snap-container .trusted-by h2{font-size:1.25rem;color:var(--snap-text-light);margin-bottom:30px;font-weight:500}.snap-container .logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}.snap-container .logo{color:var(--snap-text-light);font-weight:600;font-size:1.125rem;opacity:.7;transition:all .3s ease}.snap-container .logo:hover{opacity:1;color:var(--snap-primary)}.snap-container .features-section{padding:100px 0;background-color:var(--snap-bg-light)}.snap-container .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.snap-container .feature-card{background:white;border-radius:16px;padding:40px 30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.snap-container .feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.snap-container .feature-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;background:var(--snap-primary);color:white}.snap-container .feature-icon svg{width:30px;height:30px}.snap-container .feature-card h3{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--snap-text)}.snap-container .feature-card p{font-size:1rem;line-height:1.6;color:var(--snap-text-light)}.snap-container .how-it-works{padding:120px 0;background:linear-gradient(180deg,#ffffff,#fef3f2 50%,#ffffff);position:relative;overflow:hidden}.snap-container .how-it-works:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(255,90,95,.05) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,138,143,.05) 0,transparent 50%);pointer-events:none}.snap-container .steps-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:0;gap:0;max-width:1400px;margin:0 auto;padding:0 20px;position:relative}.snap-container .steps-container:before{content:"";position:absolute;top:80px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,var(--snap-primary) 0,var(--snap-primary-light) 25%,var(--snap-secondary) 50%,var(--snap-primary-light) 75%,var(--snap-primary) 100%);z-index:0;border-radius:10px;box-shadow:0 2px 10px rgba(255,90,95,.3)}.snap-container .step-card{text-align:center;padding:40px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.snap-container .step-card:hover{transform:translateY(-10px) scale(1.02)}.snap-container .step-card:hover .step-number{transform:translateX(-50%) scale(1.15) rotate(5deg);box-shadow:0 15px 35px rgba(255,90,95,.4)}.snap-container .step-card:hover .step-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 20px 40px rgba(255,90,95,.25)}.snap-container .step-number{position:absolute;top:60px;left:50%;transform:translateX(-50%);width:50px;height:50px;background:linear-gradient(135deg,var(--snap-primary) 0,var(--snap-primary-dark) 100%);color:white;border-radius:50%;font-weight:800;font-size:1.5rem;box-shadow:0 8px 20px rgba(255,90,95,.3);border:4px solid white;z-index:2}.snap-container .step-icon,.snap-container .step-number{display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.snap-container .step-icon{width:90px;height:90px;border-radius:24px;background:linear-gradient(135deg,#ffffff,#fff5f5);margin:80px auto 28px;box-shadow:0 10px 30px rgba(0,0,0,.08);color:var(--snap-primary);border:2px solid rgba(255,90,95,.1);position:relative;overflow:hidden}.snap-container .step-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,90,95,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.snap-container .step-card:hover .step-icon:before{left:100%}.snap-container .step-icon svg{width:42px;height:42px;stroke-width:2.5;filter:drop-shadow(0 2px 4px rgba(255,90,95,.2));z-index:1}.snap-container .step-card h3{font-size:1.375rem;font-weight:800;margin-bottom:14px;color:var(--snap-text);letter-spacing:-.01em;transition:all .3s ease}.snap-container .step-card:hover h3{color:var(--snap-primary);transform:translateY(-2px)}.snap-container .step-card p{font-size:1rem;line-height:1.7;color:var(--snap-text-light);max-width:280px;margin:0 auto;transition:all .3s ease}.snap-container .step-card:hover p{color:var(--snap-text)}.snap-container .step-card:first-child .step-number{background:linear-gradient(135deg,#ff5a5f,#ff7a7f)}.snap-container .step-card:nth-child(2) .step-number{background:linear-gradient(135deg,#ff6b70,#ff8b8f)}.snap-container .step-card:nth-child(3) .step-number{background:linear-gradient(135deg,#ff7c81,#ff9c9f)}.snap-container .step-card:nth-child(4) .step-number{background:linear-gradient(135deg,#ff8d92,#ffadaf)}.snap-container .step-card:first-child:hover .step-icon{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border-color:rgba(255,90,95,.3)}.snap-container .step-card:nth-child(2):hover .step-icon{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border-color:rgba(255,107,112,.3)}.snap-container .step-card:nth-child(3):hover .step-icon{background:linear-gradient(135deg,#fff5f5,#ffebeb);border-color:rgba(255,124,129,.3)}.snap-container .step-card:nth-child(4):hover .step-icon{background:linear-gradient(135deg,#fff5f5,#ffeeed);border-color:rgba(255,141,146,.3)}.snap-container .event-types{padding:100px 0;background-color:var(--snap-bg-light)}.snap-container .tabs{display:flex;justify-content:center;gap:10px;margin-bottom:40px;flex-wrap:wrap}.snap-container .tab-button{padding:12px 24px;background:white;border:1px solid var(--snap-border);border-radius:30px;font-size:1rem;font-weight:600;color:var(--snap-text);cursor:pointer;transition:all .3s ease}.snap-container .tab-button.active{background:var(--snap-primary);color:white;border-color:var(--snap-primary)}.snap-container .tab-button:hover:not(.active){background:var(--snap-bg-dark);border-color:var(--snap-primary-light)}.snap-container .tab-content{position:relative}.snap-container .tab-panel{display:none;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:white;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.snap-container .tab-panel.active{display:grid}.snap-container .tab-image{height:400px;overflow:hidden}.snap-container .tab-image img{width:100%;height:100%;object-fit:cover}.snap-container .tab-info{padding:40px}.snap-container .tab-info h3{font-size:2rem;font-weight:700;margin-bottom:16px;color:var(--snap-text)}.snap-container .tab-info p{font-size:1.125rem;line-height:1.6;color:var(--snap-text-light);margin-bottom:24px}.snap-container .event-benefits{list-style:none;padding:0;margin:0 0 30px}.snap-container .event-benefits li{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:1rem;color:var(--snap-text)}.snap-container .event-benefits li svg{width:20px;height:20px;color:var(--snap-success);flex-shrink:0}.snap-container .video-demo{padding:100px 0;background-color:white}.snap-container .video-container{max-width:900px;margin:0 auto}.snap-container .video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.snap-container .video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer}.snap-container .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--snap-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;box-shadow:0 10px 25px -5px rgba(0,0,0,.3);transition:all .3s ease}.snap-container .play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.snap-container .play-button svg{width:30px;height:30px;margin-left:5px}.snap-container .testimonials{padding:100px 0;background-color:var(--snap-bg-light)}.snap-container .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:30px;gap:30px}.snap-container .testimonial-card{background:white;border-radius:16px;padding:40px 30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;position:relative}.snap-container .testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.snap-container .quote-mark{color:var(--snap-primary-light);margin-bottom:20px}.snap-container .quote-mark svg{width:40px;height:40px;opacity:.3}.snap-container .testimonial-text{font-size:1.125rem;line-height:1.7;color:var(--snap-text);margin-bottom:24px;font-style:italic}.snap-container .testimonial-author{display:flex;align-items:center;gap:16px}.snap-container .testimonial-author img{width:50px;height:50px;border-radius:50%;object-fit:cover}.snap-container .testimonial-author h4{font-size:1.125rem;font-weight:700;margin:0 0 4px;color:var(--snap-text)}.snap-container .testimonial-author p{font-size:.875rem;color:var(--snap-text-light);margin:0}.snap-container .pricing{padding:100px 0;background-color:white}.snap-container .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto}.snap-container .pricing-card{background:var(--snap-bg-light);border-radius:16px;padding:40px 30px;text-align:center;transition:all .3s ease;position:relative;border:1px solid var(--snap-border)}.snap-container .pricing-card.popular{background:white;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:2px solid var(--snap-primary);transform:scale(1.05);z-index:1}.snap-container .pricing-card:not(.popular):hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.snap-container .popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--snap-primary);color:white;padding:5px 15px;border-radius:20px;font-size:.875rem;font-weight:600}.snap-container .pricing-card h3{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:var(--snap-text)}.snap-container .price{margin-bottom:20px}.snap-container .currency{font-size:1.5rem;font-weight:700;vertical-align:top;line-height:1;color:var(--snap-text)}.snap-container .amount{font-size:3.5rem;font-weight:800;line-height:1;color:var(--snap-primary)}.snap-container .period,.snap-container .plan-description{font-size:1rem;color:var(--snap-text-light)}.snap-container .plan-description{margin-bottom:24px}.snap-container .plan-features{list-style:none;padding:0;margin:0 0 30px;text-align:left}.snap-container .plan-features li{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:.95rem;color:var(--snap-text)}.snap-container .plan-features li svg{width:16px;height:16px;color:var(--snap-success);flex-shrink:0}.snap-container .faq-section{padding:100px 0;background-color:var(--snap-bg-light)}.snap-container .faq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));grid-gap:30px;gap:30px}.snap-container .faq-item{background:white;border-radius:12px;padding:30px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.snap-container .faq-item h3{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:var(--snap-text)}.snap-container .faq-item p{font-size:1rem;line-height:1.6;color:var(--snap-text-light);margin:0}.snap-container .cta-section{padding:100px 0;background:linear-gradient(135deg,var(--snap-primary) 0,var(--snap-primary-dark) 100%);color:white}.snap-container .cta-content{text-align:center;max-width:800px;margin:0 auto}.snap-container .cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;color:white}.snap-container .cta-section p{font-size:1.25rem;line-height:1.6;color:rgba(255,255,255,.9);margin-bottom:32px}.snap-container .cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}@media (max-width:1024px){.snap-container .snap-hero-content,.snap-container .tab-panel{grid-template-columns:1fr;gap:40px}.snap-container .snap-hero-text{max-width:100%;text-align:center}.snap-container .snap-hero-buttons{justify-content:center}.snap-container .faq-grid,.snap-container .features-grid,.snap-container .testimonials-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.snap-container .pricing-card.popular{transform:none}.snap-container .pricing-card.popular:hover{transform:translateY(-5px)}.snap-container .steps-container{grid-template-columns:repeat(2,1fr);gap:40px}.snap-container .steps-container:before{display:none}.snap-container .step-icon{width:80px;height:80px}.snap-container .step-icon svg{width:38px;height:38px}}@media (max-width:768px){.snap-container .snap-hero h1{font-size:2.5rem}.snap-container .snap-hero p{font-size:1.125rem}.snap-container .section-header h2{font-size:2rem}.snap-container .section-header p{font-size:1.125rem}.snap-container .floating-photos{display:none}.snap-container .phone-mockup{width:240px;height:480px}.snap-container .steps-container{grid-template-columns:1fr;gap:60px}.snap-container .steps-container:before{display:none}.snap-container .step-card{padding:30px 20px}.snap-container .step-icon{margin:60px auto 24px}.snap-container .faq-grid{grid-template-columns:1fr}}@media (max-width:480px){.snap-container .snap-hero{padding:80px 0 0}.snap-container .snap-hero h1{font-size:2rem}.snap-container .snap-hero-buttons{flex-direction:column;width:100%}.snap-container .snap-button{width:100%;justify-content:center}.snap-container .phone-mockup{width:200px;height:400px}.snap-container .cta-buttons{flex-direction:column;width:100%}}