.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;border-radius:var(--radius);transition:all .2s;cursor:pointer;white-space:nowrap}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.button--primary:hover:not(:disabled){background-color:hsl(var(--primary)/.9)}.button--outline{border:1px solid hsl(var(--border));background-color:transparent}.button--outline:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.button--ghost{background-color:transparent}.button--ghost:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.button--sm{height:2.25rem;padding:0 .75rem;font-size:.875rem}.button--md{height:2.5rem;padding:0 1rem;font-size:.875rem}.button--lg{height:2.75rem;padding:0 1.5rem;font-size:1rem}.card{position:relative;border-radius:var(--radius);background-color:hsl(var(--card));color:hsl(var(--card-foreground));transition:all .2s ease}.card--default{border:1px solid hsl(var(--border));box-shadow:0 1px 2px #0000000d}.card--outline{border:1px solid hsl(var(--border))}.card--ghost{border:none;background-color:transparent;box-shadow:none}.card--sm{padding:1rem}.card--md{padding:1.5rem}.card--lg{padding:2rem}.card--hover:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent));transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}:global(.dark) .card--default{background-color:hsl(var(--card));border-color:hsl(var(--border))}:global(.dark) .card--hover:hover{background-color:hsl(var(--accent));border-color:hsl(var(--accent))}.card-header{display:flex;flex-direction:column;gap:.375rem;padding-bottom:1rem;border-bottom:1px solid hsl(var(--border))}.card-header__title{font-size:1.25rem;font-weight:600;line-height:1;tracking-tight:-.025em}.card-header__description{font-size:.875rem;color:hsl(var(--muted-foreground))}.card-content{padding-top:1rem;padding-bottom:1rem}.card-footer{display:flex;align-items:center;padding-top:1rem;border-top:1px solid hsl(var(--border))}.hero{padding:5rem 0 3rem;overflow:hidden}@media (max-width: 768px){.hero{padding:3rem 0 2rem}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 768px){.hero .container{grid-template-columns:1fr;gap:3rem;text-align:center}}.hero__title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}@media (max-width: 1024px){.hero__title{font-size:2.75rem}}@media (max-width: 768px){.hero__title{font-size:2.25rem;margin-bottom:1rem}}.hero__description{font-size:1.2rem;color:hsl(var(--muted-foreground));line-height:1.7;margin-bottom:2rem;max-width:480px}@media (max-width: 768px){.hero__description{font-size:1.05rem;margin:0 auto 1.5rem}}.hero__actions{display:flex;align-items:center;gap:2rem}@media (max-width: 768px){.hero__actions{flex-direction:column;gap:1.5rem}}.hero__app-badge{height:3.25rem;width:auto;transition:transform .2s}.hero__app-badge:hover{transform:scale(1.05)}@media (max-width: 768px){.hero__app-badge{height:2.75rem}}.hero__qr{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.hero__qr{display:none}}.hero__qr-box{width:3.25rem;height:3.25rem;border-radius:.5rem;overflow:hidden;background:#fff;padding:.2rem}.hero__qr-img{width:100%;height:100%;object-fit:contain}.hero__qr-label{font-size:.8rem;color:hsl(var(--muted-foreground))}.hero__preview{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.hero__preview{order:-1}}.hero__preview-img{width:100%;max-width:360px;border-radius:2rem;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d}@media (max-width: 768px){.hero__preview-img{max-width:280px}}.features__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 768px){.features__steps{grid-template-columns:1fr;gap:2.5rem}}.features__step{text-align:center;padding:2rem 1.5rem;border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));transition:border-color .3s}.features__step:hover{border-color:hsl(var(--primary)/.3)}.features__number{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:hsl(var(--primary)/.1);color:hsl(var(--primary));font-size:1rem;font-weight:700;margin-bottom:1.25rem}.features__step-title{font-size:1.35rem;font-weight:700;margin-bottom:.75rem}.features__step-desc{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:1.5rem}.features__step-img{border-radius:.75rem;overflow:hidden}.features__step-placeholder{width:100%;aspect-ratio:4/3;background:hsl(var(--secondary));border-radius:.75rem}.gallery{overflow:hidden}.gallery__marquee-wrap{display:flex;gap:1rem;height:600px;padding:0 1.5rem}@media (max-width: 640px){.gallery__marquee-wrap{height:450px;gap:.75rem}}.gallery__col{flex:1;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 8%,rgba(0,0,0,.35) 14%,rgba(0,0,0,.65) 20%,rgba(0,0,0,.9) 26%,black 32%,black 68%,rgba(0,0,0,.9) 74%,rgba(0,0,0,.65) 80%,rgba(0,0,0,.35) 86%,rgba(0,0,0,.1) 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 8%,rgba(0,0,0,.35) 14%,rgba(0,0,0,.65) 20%,rgba(0,0,0,.9) 26%,black 32%,black 68%,rgba(0,0,0,.9) 74%,rgba(0,0,0,.65) 80%,rgba(0,0,0,.35) 86%,rgba(0,0,0,.1) 92%,transparent 100%)}.gallery__col:hover .gallery__track{animation-play-state:paused}.gallery__track{display:flex;flex-direction:column;gap:1rem}@media (max-width: 640px){.gallery__track{gap:.75rem}}.gallery__col--up .gallery__track{animation:marquee-up 35s linear infinite}.gallery__col--down .gallery__track{animation:marquee-down 35s linear infinite}.gallery__card{flex-shrink:0;border-radius:var(--radius);overflow:hidden;transition:transform .3s}.gallery__card:hover{transform:scale(1.05);z-index:1}.gallery__placeholder{width:100%;aspect-ratio:9/16;border-radius:var(--radius);border:1px solid hsl(var(--border))}.gallery__note{text-align:center;margin-top:2rem;font-size:.9rem;color:hsl(var(--muted-foreground))}@keyframes marquee-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes marquee-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.benefits__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media (max-width: 640px){.benefits__grid{grid-template-columns:1fr;gap:1.5rem}}.benefits__card{padding:2rem;border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border));transition:border-color .3s}.benefits__card:hover{border-color:hsl(var(--primary)/.3)}.benefits__icon{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:hsl(var(--primary)/.1);color:hsl(var(--primary));margin-bottom:1rem;padding:.5rem}.benefits__icon svg{width:1.25rem;height:1.25rem}.benefits__title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.benefits__desc{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.6}.testimonials__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.testimonials__grid{grid-template-columns:1fr}}.testimonials__card{padding:1.75rem;border-radius:var(--radius);background:hsl(var(--card));border:1px solid hsl(var(--border))}.testimonials__stars{display:flex;gap:.2rem;margin-bottom:1rem;color:#facc15}.testimonials__text{font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.6;margin-bottom:1rem}.testimonials__name{font-size:.85rem;font-weight:600;color:hsl(var(--foreground))}.faq__list{max-width:42rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq__item{border:1px solid hsl(var(--border));border-radius:var(--radius);background:hsl(var(--card));overflow:hidden;transition:border-color .3s}.faq__item:hover{border-color:hsl(var(--primary)/.3)}.faq__item[open] .faq__chevron{transform:rotate(180deg)}.faq__question{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:600;cursor:pointer;user-select:none;list-style:none}.faq__question::-webkit-details-marker{display:none}.faq__question::marker{display:none;content:""}.faq__chevron{flex-shrink:0;color:hsl(var(--muted-foreground));transition:transform .2s}.faq__answer{padding:0 1.5rem 1.25rem;font-size:.95rem;color:hsl(var(--muted-foreground));line-height:1.7}.cta__inner{text-align:center;padding:4rem 2rem;border-radius:1.5rem;background:linear-gradient(135deg,#8435f326,#3e6ff426);border:1px solid hsl(var(--primary)/.2)}@media (max-width: 768px){.cta__inner{padding:3rem 1.5rem}}.cta__title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}@media (max-width: 768px){.cta__title{font-size:1.75rem}}.cta__description{font-size:1.1rem;color:hsl(var(--muted-foreground));max-width:28rem;margin:0 auto 2rem}.cta__actions{display:flex;align-items:center;justify-content:center;gap:2rem}@media (max-width: 640px){.cta__actions{flex-direction:column;gap:1.5rem}}.cta__badge{height:3.25rem;width:auto;transition:transform .2s}.cta__badge:hover{transform:scale(1.05)}@media (max-width: 768px){.cta__badge{height:2.75rem}}.cta__qr{display:flex;align-items:center;gap:.75rem}@media (max-width: 640px){.cta__qr{display:none}}.cta__qr-box{width:3.25rem;height:3.25rem;border-radius:.5rem;overflow:hidden;background:#fff;padding:.2rem}.cta__qr-img{width:100%;height:100%;object-fit:contain}.cta__qr-label{font-size:.8rem;color:hsl(var(--muted-foreground))}.header{position:sticky;top:0;z-index:100;width:100%;background-color:hsla(var(--background),.85);backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border))}.header .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.header .nav{display:flex;height:4rem;align-items:center;justify-content:space-between}@media (max-width: 768px){.header .nav{height:3.5rem}}.header .nav__logo{display:flex;align-items:center}.header .nav__logo-img{height:1.75rem;width:auto}@media (max-width: 768px){.header .nav__logo-img{height:1.5rem}}.header .nav__links{display:flex;gap:2rem}@media (max-width: 768px){.header .nav__links{display:none}}.header .nav__link{font-size:.875rem;font-weight:500;color:hsl(var(--muted-foreground));transition:color .2s}.header .nav__link:hover{color:hsl(var(--foreground))}.header .nav__right{display:flex;align-items:center;gap:1rem}.header .nav__cta{display:flex;align-items:center}.header .nav__app-badge{height:2.25rem;width:auto}@media (max-width: 768px){.header .nav__app-badge{height:2rem}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;color:hsl(var(--muted-foreground));transition:color .2s,background-color .2s}.theme-toggle:hover{color:hsl(var(--foreground));background-color:hsl(var(--muted))}.theme-toggle__icon{transition:opacity .2s,transform .3s}.theme-toggle__icon--sun{display:block}.theme-toggle__icon--moon,[data-theme=light] .theme-toggle__icon--sun{display:none}[data-theme=light] .theme-toggle__icon--moon{display:block}.footer{border-top:1px solid hsl(var(--border));padding:3rem 0 2rem}.footer__top{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.footer__top{flex-direction:column;text-align:center}}.footer__brand{display:flex;flex-direction:column;gap:.5rem}.footer__logo-img{height:1.5rem;width:auto}@media (max-width: 768px){.footer__logo-img{margin:0 auto}}.footer__tagline{font-size:.875rem;color:hsl(var(--muted-foreground))}.footer__links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer__links a{font-size:.875rem;color:hsl(var(--muted-foreground));transition:color .2s}.footer__links a:hover{color:hsl(var(--foreground))}.footer__badge{height:2rem;width:auto}.footer__bottom{padding-top:1.5rem;border-top:1px solid hsl(var(--border));text-align:center;font-size:.8rem;color:hsl(var(--muted-foreground))}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}img{max-width:100%;display:block}:root,[data-theme=dark]{--background: 240 10% 4%;--foreground: 0 0% 98%;--card: 240 10% 7%;--card-foreground: 0 0% 98%;--primary: 265 89% 58%;--primary-foreground: 0 0% 100%;--secondary: 240 4% 16%;--muted: 240 4% 16%;--muted-foreground: 240 5% 65%;--border: 240 4% 14%;--accent: 265 89% 58%;--accent-foreground: 0 0% 100%;--radius: .75rem}[data-theme=light]{--background: 0 0% 100%;--foreground: 240 10% 4%;--card: 240 5% 96%;--card-foreground: 240 10% 4%;--primary: 265 89% 50%;--primary-foreground: 0 0% 100%;--secondary: 240 5% 92%;--muted: 240 5% 92%;--muted-foreground: 240 4% 46%;--border: 240 6% 90%;--accent: 265 89% 50%;--accent-foreground: 0 0% 100%;--radius: .75rem}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background-color:hsl(var(--background));color:hsl(var(--foreground));line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}@media (max-width: 768px){.section{padding:3.5rem 0}}.section__header{text-align:center;margin-bottom:3.5rem}@media (max-width: 768px){.section__header{margin-bottom:2.5rem}}.section__title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}@media (max-width: 768px){.section__title{font-size:1.75rem}}.section__subtitle{font-size:1.125rem;color:hsl(var(--muted-foreground));max-width:36rem;margin:0 auto}@media (max-width: 768px){.section__subtitle{font-size:1rem}}.gradient-text{background:linear-gradient(135deg,#a165f6,#3e6ff4);-webkit-background-clip:text;background-clip:text;color:transparent}
