*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0f;color:#e0e0e8;line-height:1.6;overflow-x:hidden}body.support-body{min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{list-style:none}:root{--brand-purple: #9333ea;--brand-magenta: #e11d48;--brand-orange: #f97316;--accent: #ec4899;--accent-light: #fb7185;--accent-dark: #c026d3;--accent-gradient: linear-gradient(135deg, #9333ea 0%, #e11d48 50%, #f97316 100%);--accent-glow: rgba(236, 72, 153, .18);--accent-glow-strong: rgba(236, 72, 153, .35);--bg-primary: #0a0a0f;--bg-card: #13131a;--bg-card-hover: #1a1a25;--border: rgba(255, 255, 255, .06);--text-primary: #f0f0f5;--text-secondary: #8a8a9a;--text-muted: #55556a;--radius: 16px;--radius-sm: 10px;--max-w: 1200px}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.section-label{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin-bottom:16px}.section-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);line-height:1.15;margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:560px;line-height:1.7}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #ec48991a}50%{box-shadow:0 0 60px #ec489940}}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:#0a0a0fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}.navbar.scrolled{padding:10px 0;background:#0a0a0feb}.navbar .container{display:flex;align-items:center;justify-content:space-between;position:relative}.nav-brand{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:800;color:var(--text-primary)}.nav-brand .logo-icon{width:36px;height:36px;border-radius:10px;overflow:hidden;background:var(--bg-card);flex-shrink:0}.nav-brand .logo-icon img{width:100%;height:100%;object-fit:cover}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:color .3s;position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .3s}.nav-links a:hover:after{width:100%}.nav-cta{padding:10px 24px;border-radius:50px;background:var(--accent-gradient);color:#0a0a0f;font-weight:700;font-size:.85rem;transition:all .3s;border:none;cursor:pointer}.nav-cta:hover{filter:brightness(1.08);box-shadow:0 4px 24px var(--accent-glow-strong);transform:translateY(-1px)}.nav-back{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:50px;background:var(--bg-card);color:var(--text-primary);font-weight:600;font-size:.85rem;transition:all .3s;border:1px solid var(--border)}.nav-back:hover{background:var(--bg-card-hover);transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.nav-toggle span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all .3s}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.06) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(45,100,212,.04) 0%,transparent 70%);pointer-events:none}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px 6px 10px;border-radius:50px;background:var(--accent-glow);border:1px solid rgba(236,72,153,.2);font-size:.8rem;font-weight:600;color:var(--accent-light);margin-bottom:28px;animation:fadeUp .8s ease forwards}.hero-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-glow 2s infinite}.hero-title{font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:900;line-height:1.08;color:var(--text-primary);margin-bottom:24px;animation:fadeUp .8s ease .1s both}.hero-title .highlight{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:1.1rem;color:var(--text-secondary);max-width:480px;line-height:1.8;margin-bottom:36px;animation:fadeUp .8s ease .2s both}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;animation:fadeUp .8s ease .3s both}.btn-store{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:14px;font-weight:600;font-size:.95rem;transition:all .3s;cursor:pointer;border:none}.btn-store.primary{background:var(--accent-gradient);color:#0a0a0f}.btn-store.primary:hover:not(.is-disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow-strong)}.btn-store.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-store.secondary:hover:not(.is-disabled){background:var(--bg-card-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.btn-store.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-store svg{width:22px;height:22px;flex-shrink:0}.hero-social-proof{display:flex;align-items:center;gap:14px;animation:fadeUp .8s ease .4s both}.avatar-stack{display:flex}.avatar-stack span{width:36px;height:36px;border-radius:50%;border:2px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;margin-left:-10px}.avatar-stack span:first-child{margin-left:0}.avatar-stack span:nth-child(1){background:var(--brand-purple);color:#fff}.avatar-stack span:nth-child(2){background:#fbbf24;color:#333}.avatar-stack span:nth-child(3){background:#60a5fa;color:#fff}.avatar-stack span:nth-child(4){background:#a78bfa;color:#fff}.social-proof-text{font-size:.85rem;color:var(--text-secondary)}.social-proof-text strong{color:var(--text-primary)}.stars{color:#fbbf24;font-size:.9rem;letter-spacing:2px}.hero-visual{position:relative;display:flex;justify-content:center;animation:fadeUp 1s ease .3s both}.phone-mockup{position:relative;width:280px;background:#1a1a25;border-radius:36px;padding:12px;border:2px solid rgba(255,255,255,.08);box-shadow:0 40px 80px #00000080,0 0 60px #ec489914;animation:float 6s ease-in-out infinite}.phone-mockup .phone-screen{border-radius:26px;overflow:hidden;aspect-ratio:9 / 19.5;background:#0d0d14}.phone-mockup .phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.phone-mockup .phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:100px;height:26px;background:#0a0a0f;border-radius:0 0 16px 16px;z-index:2}.phone-secondary{position:absolute;top:60px;left:-60px;width:220px;opacity:.7;transform:scale(.85);z-index:-1}.phone-tertiary{position:absolute;top:80px;right:-50px;width:220px;opacity:.6;transform:scale(.8);z-index:-1}.mock-ui{height:100%;padding:40px 14px 14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#101820,#0d1117)}.mock-ui-header{display:flex;justify-content:space-between;align-items:flex-start}.mock-ui-header h4{font-size:.65rem;color:var(--text-muted);font-weight:500}.mock-ui-header strong{display:block;font-size:.95rem;color:var(--text-primary);margin-top:2px}.mock-ui-icon{width:32px;height:32px;border-radius:12px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.85rem}.mock-event{display:flex;gap:8px;padding:10px;border-radius:12px;background:#141a24;border:1px solid var(--border);align-items:center}.mock-event-bar{width:4px;height:32px;border-radius:4px;flex-shrink:0}.mock-event-info{flex:1;min-width:0}.mock-event-info strong{display:block;font-size:.72rem;color:var(--text-primary)}.mock-event-info span{font-size:.6rem;color:var(--text-secondary)}.mock-event time{font-size:.6rem;color:var(--text-muted);font-weight:600}.mock-stat{margin-top:auto;padding:12px;border-radius:14px;background:var(--accent-gradient)}.mock-stat span{font-size:.55rem;font-weight:700;color:#ffffffd9}.mock-stat strong{display:block;font-size:1.4rem;color:#fff;margin-top:2px}.mock-ui--events .mock-event-bar:nth-child(1){background:var(--brand-magenta)}.mock-ui--checkin .mock-qr{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin:8px 0}.mock-qr-box{width:100px;height:100px;border-radius:12px;background:repeating-linear-gradient(45deg,#1f2937 0,#1f2937 4px,#374151 4px,#374151 8px);border:2px solid rgba(147,51,234,.45)}.mock-ui--checkin p{font-size:.65rem;color:var(--text-secondary);text-align:center}.mock-ui--dash .mock-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mock-mini-stat{padding:10px;border-radius:10px;background:#141a24;border:1px solid var(--border)}.mock-mini-stat span{font-size:.55rem;color:var(--text-muted)}.mock-mini-stat strong{display:block;font-size:1rem;color:var(--accent-light);margin-top:4px}.features{padding:120px 0;position:relative}.features:before,.screenshots:before,.how-it-works:before,.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.features-header,.screenshots-header,.how-header{text-align:center;margin-bottom:64px}.features-header .section-subtitle,.screenshots-header .section-subtitle,.how-header .section-subtitle{margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px 28px;transition:all .4s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:opacity .4s}.feature-card:hover{transform:translateY(-6px);border-color:#ec489926;background:var(--bg-card-hover);box-shadow:0 20px 60px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px;background:var(--accent-glow)}.feature-card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.screenshots{padding:120px 0;position:relative;overflow:hidden}.screenshot-fan-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.screenshot-fan{position:relative;width:100%;max-width:1200px;height:520px;margin:0 auto}.screenshot-fan-card{position:absolute;left:50%;bottom:0;width:220px;padding:0;border:none;background:transparent;cursor:pointer;transform-origin:bottom center;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,z-index 0s;border-radius:28px;overflow:hidden;box-shadow:0 24px 48px #00000073;outline:none}.screenshot-fan-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;border:2px solid transparent;transition:border-color .3s;pointer-events:none}.screenshot-fan-card img{display:block;width:100%;height:auto;aspect-ratio:9 / 19.5;object-fit:cover;object-position:top center;border-radius:26px;background:#0d0d14}.screenshot-fan-card[data-index="0"]{transform:translate(calc(-50% - 336px)) rotate(-18deg);z-index:1}.screenshot-fan-card[data-index="1"]{transform:translate(calc(-50% - 224px)) rotate(-12deg);z-index:2}.screenshot-fan-card[data-index="2"]{transform:translate(calc(-50% - 112px)) rotate(-6deg);z-index:3}.screenshot-fan-card[data-index="3"]{transform:translate(-50%) rotate(0);z-index:4}.screenshot-fan-card[data-index="4"]{transform:translate(calc(-50% + 112px)) rotate(6deg);z-index:3}.screenshot-fan-card[data-index="5"]{transform:translate(calc(-50% + 224px)) rotate(12deg);z-index:2}.screenshot-fan-card[data-index="6"]{transform:translate(calc(-50% + 336px)) rotate(18deg);z-index:1}.screenshot-fan-card.active,.screenshot-fan-card:focus-visible{z-index:10!important;transform:translate(-50%,-12px) rotate(0) scale(1.06)!important;box-shadow:0 32px 64px #0000008c,0 0 48px #ec489926}.screenshot-fan-card.active:after,.screenshot-fan-card:focus-visible:after{border-color:#ec489973}@media(hover:hover){.screenshot-fan-card:not(.active):hover{z-index:8;box-shadow:0 28px 56px #00000080}.screenshot-fan-card[data-index="0"]:not(.active):hover{transform:translate(calc(-50% - 336px),-8px) rotate(-16deg) scale(1.02)}.screenshot-fan-card[data-index="1"]:not(.active):hover{transform:translate(calc(-50% - 224px),-8px) rotate(-10deg) scale(1.02)}.screenshot-fan-card[data-index="2"]:not(.active):hover{transform:translate(calc(-50% - 112px),-8px) rotate(-5deg) scale(1.02)}.screenshot-fan-card[data-index="4"]:not(.active):hover{transform:translate(calc(-50% + 112px),-8px) rotate(5deg) scale(1.02)}.screenshot-fan-card[data-index="5"]:not(.active):hover{transform:translate(calc(-50% + 224px),-8px) rotate(10deg) scale(1.02)}.screenshot-fan-card[data-index="6"]:not(.active):hover{transform:translate(calc(-50% + 336px),-8px) rotate(16deg) scale(1.02)}}.screenshot-fan-hint{font-size:.85rem;color:var(--text-muted);text-align:center}.how-it-works{padding:120px 0;position:relative}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.steps-grid:before{content:"";position:absolute;top:48px;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.2}.step-card{text-align:center;position:relative}.step-number{width:64px;height:64px;border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;background:var(--accent-gradient);color:#0a0a0f;position:relative;z-index:2;box-shadow:0 8px 30px #ec489933}.step-card h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:10px}.step-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7;max-width:280px;margin:0 auto}.cta-section{padding:120px 0;position:relative}.cta-box{background:linear-gradient(135deg,#13131a,#1a1a2e);border:1px solid var(--border);border-radius:28px;padding:72px 48px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(236,72,153,.06) 0%,transparent 50%);pointer-events:none}.cta-box .section-title{margin-bottom:16px}.cta-box .section-subtitle{margin:0 auto 36px;max-width:500px}.cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.support-page{flex:1;display:flex;align-items:center;padding:120px 0 80px;position:relative}.support-page:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.06) 0%,transparent 70%);pointer-events:none}.support-wrapper{max-width:640px;margin:0 auto;width:100%}.support-header{text-align:center;margin-bottom:48px}.support-header .section-subtitle{margin:0 auto}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{margin-bottom:16px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color .3s,box-shadow .3s;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-group textarea{resize:vertical;min-height:140px}.form-submit{width:100%;padding:16px;border:none;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#0a0a0f;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:8px}.form-submit:hover{filter:brightness(1.08);box-shadow:0 8px 32px var(--accent-glow-strong);transform:translateY(-2px)}.form-submit:active{transform:translateY(0)}.form-success{display:none;text-align:center;padding:40px 20px}.form-success.show{display:block}.form-success .success-icon{font-size:3rem;margin-bottom:16px}.form-success h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.form-success p{color:var(--text-secondary);font-size:.95rem}.email-info{text-align:center;margin-top:28px;padding:20px;border-radius:var(--radius-sm);background:var(--accent-glow);border:1px solid rgba(236,72,153,.1)}.email-info p{font-size:.85rem;color:var(--text-secondary);margin-bottom:6px}.email-info a{color:var(--accent-light);font-weight:600;transition:opacity .3s}.email-info a:hover{opacity:.8}.footer{padding:48px 0;border-top:1px solid var(--border)}.footer .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;color:var(--text-primary)}.footer-brand .logo-icon{width:32px;height:32px;border-radius:8px;overflow:hidden;background:var(--bg-card)}.footer-brand .logo-icon img{width:100%;height:100%;object-fit:cover}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{font-size:.85rem;color:var(--text-secondary);transition:color .3s}.footer-links a:hover:not(.is-disabled){color:var(--accent)}.footer-links a.is-disabled{opacity:.45;cursor:not-allowed}.footer-copy{font-size:.8rem;color:var(--text-muted);width:100%;text-align:center;margin-top:20px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.screenshot-fan-card{width:190px}.screenshot-fan-card[data-index="0"]{transform:translate(calc(-50% - 240px)) rotate(-16deg)}.screenshot-fan-card[data-index="1"]{transform:translate(calc(-50% - 160px)) rotate(-10deg)}.screenshot-fan-card[data-index="2"]{transform:translate(calc(-50% - 80px)) rotate(-5deg)}.screenshot-fan-card[data-index="4"]{transform:translate(calc(-50% + 80px)) rotate(5deg)}.screenshot-fan-card[data-index="5"]{transform:translate(calc(-50% + 160px)) rotate(10deg)}.screenshot-fan-card[data-index="6"]{transform:translate(calc(-50% + 240px)) rotate(16deg)}}@media(max-width:768px){.nav-links{display:none}.nav-toggle{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#0a0a0ff7;padding:24px;border-bottom:1px solid var(--border);gap:20px}.hero .container{grid-template-columns:1fr;text-align:center}.hero-desc{margin:0 auto 36px}.hero-buttons,.hero-social-proof{justify-content:center}.hero-visual{margin-top:40px}.phone-secondary,.phone-tertiary{display:none}.features-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.steps-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.steps-grid:before{display:none}.screenshot-fan{height:auto;min-height:0;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:16px 24px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start}.screenshot-fan-card{position:relative;left:auto;bottom:auto;flex:0 0 200px;scroll-snap-align:center;transform:none!important;z-index:1!important}.screenshot-fan-card.active{transform:scale(1.03)!important}.cta-box{padding:48px 24px}.footer .container{justify-content:center;text-align:center}.footer-links{justify-content:center}.form-row{grid-template-columns:1fr}.contact-form{padding:28px 20px}}@media(max-width:480px){.screenshot-fan-card{flex:0 0 170px}.hero-title{font-size:2.2rem}}