.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:2rem;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__preview{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.hero__preview{order:-1}}.hero__preview-img{width:100%;border-radius:2rem}@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__phone{position:relative;width:100%;aspect-ratio:5/4;border-radius:.75rem;overflow:hidden;display:flex;justify-content:center;background:radial-gradient(ellipse 80% 70% at 50% 60%,#26262c,#101014 75%);border:1px solid hsl(var(--border))}.features__phone-frame{position:relative;width:78%;aspect-ratio:9/17;margin-top:1.25rem;background:#fff;border-radius:1.6rem;border:5px solid #0d0d14;box-shadow:0 22px 48px -16px #000000a6,0 0 0 1px #ffffff0d inset;padding:0 .55rem;overflow:hidden;text-align:left;color:#18181b;font-size:.46rem;line-height:1.35}@media (max-width: 768px){.features__phone-frame{width:60%}}.phone__statusbar{position:relative;display:flex;align-items:center;justify-content:space-between;height:1rem;padding:0 .35rem;margin-bottom:.45rem;font-size:.42rem}.phone__time{font-weight:700;color:#0a0a0f;z-index:2}.phone__island{position:absolute;top:.18rem;left:50%;transform:translate(-50%);width:32%;height:.65rem;background:#0a0a0f;border-radius:999px}.phone__icons{display:flex;align-items:center;gap:.18rem;z-index:2}.phone__signal{width:.42rem;height:.42rem;background:linear-gradient(to top,#0a0a0f 0% 35%,#c7c7cf 35% 100%);clip-path:polygon(0 100%,25% 100%,25% 70%,50% 70%,50% 40%,75% 40%,75% 10%,100% 10%,100% 100%)}.phone__wifi{width:.42rem;height:.42rem;border-radius:50%;border:.08rem solid #0a0a0f;border-top-color:transparent;border-right-color:transparent;transform:rotate(45deg)}.phone__battery{position:relative;width:.85rem;height:.4rem;border:.04rem solid rgba(10,10,15,.6);border-radius:.1rem;padding:.04rem}.phone__battery:after{content:"";position:absolute;right:-.08rem;top:50%;transform:translateY(-50%);width:.06rem;height:.18rem;background:#0a0a0f99;border-radius:0 .04rem .04rem 0}.phone__battery-fill{display:block;width:50%;height:100%;background:#0a0a0f;border-radius:.05rem}.mockup{display:flex;flex-direction:column;gap:.5rem;font-family:DM Sans,sans-serif}.mockup__topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:.2rem}.mockup__topbar-title{font-size:.6rem;font-weight:700;text-align:center;color:#0a0a0f}.mockup__topbar-spacer{width:.9rem}.mockup__logo{display:inline-flex;align-items:center;justify-content:center;width:.95rem;height:.95rem;border-radius:.25rem;background:#f3ecfe}.mockup__logo-mark{width:.55rem;height:.55rem;border-radius:50% 50% 50% 0;background:#8435f3;transform:rotate(-45deg)}.mockup__hero{font-size:.95rem;font-weight:800;line-height:1.15;color:#0a0a0f;letter-spacing:-.01em;margin:.4rem 0 .55rem}.mockup__eyebrow{font-size:.42rem;text-transform:uppercase;letter-spacing:.08em;color:#a1a1aa;font-weight:700;margin-top:.3rem}.mockup__chips{display:flex;flex-wrap:wrap;gap:.25rem}.mockup__chip{font-size:.5rem;padding:.28rem .55rem;border-radius:999px;border:.06rem solid hsl(265,89%,58%);color:#6d0ef1;background:#fff;font-weight:600;white-space:nowrap}.mockup__chip--on{background:#8435f3;color:#fff}.mockup__cards{display:flex;flex-direction:column;gap:.32rem}.mockup__id-card{display:flex;align-items:center;gap:.35rem;padding:.42rem .55rem;border-radius:.5rem;border:.06rem solid #e4e4e7;background:#fff;font-size:.55rem;font-weight:600;color:#27272a}.mockup__id-card--on{border-color:#8435f3;background:#f3ecfe;color:#620dd9}.mockup__id-dot{width:.4rem;height:.4rem;border-radius:50%;background:currentColor;opacity:.85;flex-shrink:0}.mockup__quote-card{background:linear-gradient(135deg,#8435f3,#3e6ff4);color:#fff;border-radius:.6rem;padding:.6rem .55rem;display:flex;flex-direction:column;gap:.4rem;margin-top:.2rem;box-shadow:0 8px 16px -8px #af7cf7}.mockup__quote{font-size:.62rem;font-weight:600;line-height:1.3;font-style:italic}.mockup__quote-hint{font-size:.4rem;opacity:.8;font-weight:500}.mockup__reframe{background:#f4f4f5;border-radius:.5rem;padding:.45rem .5rem;display:flex;flex-direction:column;gap:.18rem}.mockup__reframe-label{font-size:.4rem;text-transform:uppercase;letter-spacing:.06em;color:#620dd9;font-weight:700}.mockup__reframe-text{font-size:.55rem;color:#18181b;font-weight:600;line-height:1.3}.gallery{overflow:hidden}.gallery__marquee-wrap{display:flex;gap:1rem;height:850px;padding:0 1.5rem}@media (max-width: 640px){.gallery__marquee-wrap{height:600px;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 80s linear infinite}.gallery__col--down .gallery__track{animation:marquee-down 80s 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__image{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius);border:1px solid hsl(var(--border))}.gallery__note{display:flex;align-items:center;justify-content:center;gap:1.25rem;max-width:38rem;margin:3.5rem auto 0;padding:0 1.5rem;font-size:1.0625rem;font-style:italic;font-weight:400;line-height:1.5;text-align:center;color:hsl(var(--muted-foreground));letter-spacing:.005em}.gallery__note:before,.gallery__note:after{content:"";flex:1;height:1px;min-width:24px;background:linear-gradient(to right,transparent,hsl(var(--border)),transparent)}@media (max-width: 640px){.gallery__note{margin-top:2.5rem;gap:.875rem;font-size:.9375rem}}@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}}.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}