:root{--color-primary: #6366F1;--color-secondary: #F59E0B;--color-accent: #EF4444;--color-neutral-dark: #1F2937;--color-neutral-light: #F9FAFB;--color-success: #10B981;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base: clamp(1rem, .9rem + .5vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--font-size-3xl: clamp(2rem, 1.8rem + 1.25vw, 2.5rem);--font-size-4xl: clamp(2.5rem, 2.2rem + 1.5vw, 3.5rem);--font-size-5xl: clamp(3rem, 2.6rem + 2vw, 4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-neutral-dark);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (min-width: 640px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-neutral-dark)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4);color:var(--color-gray-600)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:focus{outline:none;box-shadow:0 0 0 3px #6366f11a}.btn--primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background-color:#5855eb;border-color:#5855eb;box-shadow:var(--shadow-lg)}.btn--ghost{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--ghost:hover{background-color:var(--color-primary);color:var(--color-white)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn--full{width:100%}.header{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200);z-index:1000}.nav{display:flex;align-items:center;justify-content:space-between;height:70px}.nav__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary)}.nav__logo-icon{color:var(--color-primary)}.nav__menu{display:none;list-style:none;gap:var(--space-8)}@media (min-width: 768px){.nav__menu{display:flex}}.nav__link{color:var(--color-gray-600);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.nav__link:hover{color:var(--color-primary)}.nav__cta{display:none}@media (min-width: 768px){.nav__cta{display:inline-flex}}.nav__toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2)}@media (min-width: 768px){.nav__toggle{display:none}}.nav__toggle span{width:24px;height:2px;background-color:var(--color-gray-600);transition:all var(--transition-fast)}.hero{padding:calc(70px + var(--space-20)) 0 var(--space-20);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.hero .container{display:grid;gap:var(--space-12);align-items:center}@media (min-width: 1024px){.hero .container{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.hero__title{margin-bottom:var(--space-6);color:var(--color-neutral-dark)}.hero__subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:var(--color-gray-600)}.hero__cta{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 640px){.hero__cta{flex-direction:row}}.hero__visual{display:flex;justify-content:center}.hero__mockup{position:relative;width:100%;max-width:400px}.mockup__screen{background:var(--color-white);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200)}.mockup__content{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--space-4);min-height:300px}.mockup__photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.mockup__photo{aspect-ratio:1;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);opacity:.8}.mockup__progress{background:var(--color-gray-200);border-radius:var(--radius-lg);height:8px;overflow:hidden}.mockup__progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));height:100%;width:75%;border-radius:var(--radius-lg);animation:progress 2s ease-in-out infinite}@keyframes progress{0%,to{width:75%}50%{width:90%}}.social-proof{padding:var(--space-16) 0;background-color:var(--color-white)}.social-proof__text{text-align:center;font-size:var(--font-size-lg);font-weight:500;color:var(--color-gray-600);margin-bottom:var(--space-12)}.testimonials{display:grid;gap:var(--space-6)}@media (min-width: 768px){.testimonials{grid-template-columns:repeat(3,1fr)}}.testimonial{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.testimonial__stars{color:var(--color-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.testimonial__text{font-style:italic;margin-bottom:var(--space-4);color:var(--color-gray-700)}.testimonial__author{display:flex;align-items:center;gap:var(--space-3)}.testimonial__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary))}.testimonial__name{font-weight:600;color:var(--color-neutral-dark);margin-bottom:0}.testimonial__location{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:0}.section__title{text-align:center;margin-bottom:var(--space-12)}.features{padding:var(--space-20) 0;background-color:var(--color-gray-50)}.features__grid{display:grid;gap:var(--space-8)}@media (min-width: 768px){.features__grid{grid-template-columns:repeat(3,1fr)}}.feature{text-align:center;padding:var(--space-6)}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-2xl);margin-bottom:var(--space-6);color:var(--color-white)}.feature__title{margin-bottom:var(--space-4);color:var(--color-neutral-dark)}.feature__description{color:var(--color-gray-600);margin-bottom:0}.how-it-works{padding:var(--space-20) 0;background-color:var(--color-white)}.steps{display:grid;gap:var(--space-8)}@media (min-width: 768px){.steps{grid-template-columns:repeat(3,1fr)}}.step{text-align:center;padding:var(--space-6)}.step__number{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-4)}.step__title{margin-bottom:var(--space-4);color:var(--color-neutral-dark)}.step__description{color:var(--color-gray-600);margin-bottom:0}.use-cases{padding:var(--space-20) 0;background-color:var(--color-gray-50)}.use-cases__grid{display:grid;gap:var(--space-8)}@media (min-width: 768px){.use-cases__grid{grid-template-columns:repeat(3,1fr)}}.use-case{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);transition:transform var(--transition-normal)}.use-case:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.use-case__icon{font-size:3rem;margin-bottom:var(--space-4)}.use-case__title{margin-bottom:var(--space-4);color:var(--color-neutral-dark)}.use-case__description{color:var(--color-gray-600);margin-bottom:0}.pricing{padding:var(--space-20) 0;background-color:var(--color-white)}.pricing__cards{display:grid;gap:var(--space-8);max-width:800px;margin:0 auto}@media (min-width: 768px){.pricing__cards{grid-template-columns:repeat(2,1fr)}}.pricing__card{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:2px solid var(--color-gray-200);position:relative;transition:transform var(--transition-normal)}.pricing__card:hover{transform:translateY(-4px)}.pricing__card--featured{border-color:var(--color-primary);transform:scale(1.05)}.pricing__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600}.pricing__title{text-align:center;margin-bottom:var(--space-4);color:var(--color-neutral-dark)}.pricing__price{text-align:center;margin-bottom:var(--space-6)}.pricing__amount{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary)}.pricing__save{display:block;font-size:var(--font-size-sm);color:var(--color-success);font-weight:600;margin-top:var(--space-1)}.pricing__features{list-style:none;margin-bottom:var(--space-8)}.pricing__features li{padding:var(--space-2) 0;color:var(--color-gray-600);position:relative;padding-left:var(--space-6)}.pricing__features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.faq{padding:var(--space-20) 0;background-color:var(--color-gray-50)}.faq__list{max-width:800px;margin:0 auto}.faq__item{background:var(--color-white);border-radius:var(--radius-xl);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden}.faq__question{width:100%;padding:var(--space-6);background:none;border:none;text-align:left;font-size:var(--font-size-lg);font-weight:600;color:var(--color-neutral-dark);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background-color var(--transition-fast)}.faq__question:hover{background-color:var(--color-gray-50)}.faq__icon{transition:transform var(--transition-fast)}.faq__item.active .faq__icon{transform:rotate(180deg)}.faq__answer{padding:0 var(--space-6);max-height:0;overflow:hidden;transition:all var(--transition-normal)}.faq__item.active .faq__answer{padding:0 var(--space-6) var(--space-6);max-height:200px}.faq__answer p{margin-bottom:0;color:var(--color-gray-600)}.cta{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--color-primary) 0%,#5855eb 100%);color:var(--color-white);text-align:center}.cta__title{color:var(--color-white);margin-bottom:var(--space-4)}.cta__subtitle{font-size:var(--font-size-lg);margin-bottom:var(--space-8);color:#ffffffe6}.cta__form{max-width:500px;margin:0 auto}.form__group{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}@media (min-width: 640px){.form__group{flex-direction:row}}.form__input{flex:1;padding:var(--space-4);border:2px solid transparent;border-radius:var(--radius-lg);font-size:var(--font-size-base);background-color:var(--color-white);color:var(--color-neutral-dark);transition:border-color var(--transition-fast)}.form__input:focus{outline:none;border-color:var(--color-secondary)}.form__input::placeholder{color:var(--color-gray-400)}.form__disclaimer{font-size:var(--font-size-sm);color:#fffc;margin-bottom:0}.footer{background-color:var(--color-neutral-dark);color:var(--color-white);padding:var(--space-16) 0 var(--space-8)}.footer__content{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}@media (min-width: 768px){.footer__content{grid-template-columns:1fr 2fr;gap:var(--space-12)}}.footer__brand{max-width:300px}.footer__logo{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--font-size-lg);color:var(--color-white);margin-bottom:var(--space-4)}.footer__logo-icon{color:var(--color-primary)}.footer__tagline{color:var(--color-gray-400);margin-bottom:0}.footer__links{display:grid;gap:var(--space-8)}@media (min-width: 640px){.footer__links{grid-template-columns:repeat(3,1fr)}}.footer__column h4{color:var(--color-white);margin-bottom:var(--space-4)}.footer__column ul{list-style:none}.footer__column li{margin-bottom:var(--space-2)}.footer__column a{color:var(--color-gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer__column a:hover{color:var(--color-white)}.footer__bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-top:var(--space-8);border-top:1px solid var(--color-gray-700)}@media (min-width: 640px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__bottom p{color:var(--color-gray-400);margin-bottom:0}.footer__social{display:flex;gap:var(--space-4)}.footer__social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-700);border-radius:var(--radius-lg);color:var(--color-gray-400);transition:all var(--transition-fast)}.footer__social a:hover{background-color:var(--color-primary);color:var(--color-white)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{opacity:.6;pointer-events:none}.form__input.error{border-color:var(--color-accent)}.form__input.success{border-color:var(--color-success)}@media (max-width: 639px){.hero__title{font-size:var(--font-size-3xl)}.section__title{font-size:var(--font-size-2xl)}.pricing__card--featured{transform:none}}