﻿*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.2}p{overflow-wrap:break-word}body{font-family:"Inter",system-ui,-apple-system,sans-serif;font-size:1rem;color:#1f2937;background-color:#fff}h1{font-size:2.25rem;font-weight:800;letter-spacing:-0.025em}@media(min-width: 768px){h1{font-size:3rem}}h2{font-size:1.875rem;font-weight:700;letter-spacing:-0.025em}@media(min-width: 768px){h2{font-size:2.25rem}}h3{font-size:1.25rem;font-weight:600}@media(min-width: 768px){h3{font-size:1.5rem}}.section-subtitle{font-size:1.125rem;color:#6b7280;max-width:640px;margin:1rem auto 0;text-align:center}.section-label{display:inline-block;font-size:.875rem;font-weight:600;color:#2563eb;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media(min-width: 1280px){.container{padding:0 2rem}}.section{padding:4rem 0}@media(min-width: 768px){.section{padding:5rem 0}}.section--alt{background-color:#f9fafb}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg, #2563eb, #7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.75rem;border:none;cursor:pointer;transition:all 200ms ease;white-space:nowrap}.btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.btn--primary{background:linear-gradient(135deg, #2563eb, #7c3aed);color:#fff;box-shadow:0 4px 14px rgba(37,99,235,.4)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(37,99,235,.5)}.btn--outline{background:rgba(0,0,0,0);color:#2563eb;border:2px solid #2563eb}.btn--outline:hover{background:#2563eb;color:#fff}.btn--lg{padding:1rem 2rem;font-size:1.125rem;border-radius:1rem}.btn--sm{padding:.5rem 1rem;font-size:.875rem}.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}[data-animate]{opacity:0;transition:opacity .6s ease,transform .6s ease}[data-animate=fade-up]{transform:translateY(30px)}[data-animate=fade-left]{transform:translateX(-30px)}[data-animate=fade-right]{transform:translateX(30px)}[data-animate=fade-in]{transform:none}[data-animate=scale-up]{transform:scale(0.95)}[data-animate].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion: reduce){[data-animate]{opacity:1;transform:none;transition:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:all 300ms ease}.nav.is-scrolled{background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #f3f4f6;padding:.75rem 0;box-shadow:0 1px 2px rgba(0,0,0,.05)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__brand{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#1f2937}.nav__brand img{width:32px;height:32px}.nav__links{display:none;align-items:center;gap:2rem}@media(min-width: 1024px){.nav__links{display:flex}}.nav__link{font-size:.875rem;font-weight:500;color:#6b7280;transition:color 200ms ease}.nav__link:hover{color:#2563eb}.nav__cta{display:none}@media(min-width: 1024px){.nav__cta{display:inline-flex}}.nav__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;cursor:pointer;color:#1f2937}@media(min-width: 1024px){.nav__toggle{display:none}}.nav__toggle-icon{display:flex;flex-direction:column;gap:5px;width:22px}.nav__toggle-icon span{display:block;height:2px;background:currentColor;border-radius:2px;transition:all 200ms ease}.nav__toggle.is-active .nav__toggle-icon span:nth-child(1){transform:rotate(45deg) translate(5px, 5px)}.nav__toggle.is-active .nav__toggle-icon span:nth-child(2){opacity:0}.nav__toggle.is-active .nav__toggle-icon span:nth-child(3){transform:rotate(-45deg) translate(5px, -5px)}.nav__mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:hsla(0,0%,100%,.98);backdrop-filter:blur(12px);padding:80px 1.5rem 1.5rem;flex-direction:column;align-items:center;gap:2rem}.nav__mobile.is-open{display:flex}@media(min-width: 1024px){.nav__mobile{display:none !important}}.nav__mobile-link{font-size:1.25rem;font-weight:500;color:#1f2937}.nav__mobile-link:hover{color:#2563eb}.hero{padding-top:calc(80px + 3rem);padding-bottom:4rem;background:linear-gradient(180deg, #eff6ff 0%, #ffffff 100%);overflow:hidden}@media(min-width: 768px){.hero{padding-top:calc(80px + 4rem);padding-bottom:5rem}}.hero__inner{display:grid;gap:3rem;align-items:center}@media(min-width: 1024px){.hero__inner{grid-template-columns:1fr 1fr;gap:4rem}}.hero__content{text-align:center}@media(min-width: 1024px){.hero__content{text-align:left}}.hero__title{margin-bottom:1.5rem;color:#1f2937}.hero__title .highlight{background:linear-gradient(135deg, #2563eb, #7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero__subtitle{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;max-width:520px}@media(min-width: 1024px){.hero__subtitle{margin-left:0;margin-right:auto}}@media(max-width: 1024px){.hero__subtitle{margin:0 auto 2rem}}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}@media(min-width: 1024px){.hero__actions{justify-content:flex-start}}.hero__trial{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.875rem;color:#9ca3af;justify-content:center}@media(min-width: 1024px){.hero__trial{justify-content:flex-start}}.hero__visual{display:flex;justify-content:center}@media(min-width: 1024px){.hero__visual{justify-content:flex-end}}.hero__mockup{width:100%;max-width:380px;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border:1px solid #e5e7eb;background:#fff}.trust{padding:2.5rem 0;background:#fff;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6}.trust__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;text-align:center}@media(min-width: 768px){.trust__grid{grid-template-columns:repeat(4, 1fr)}}.trust__item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.trust__value{font-size:1.875rem;font-weight:800;background:linear-gradient(135deg, #2563eb, #7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(min-width: 768px){.trust__value{font-size:2.25rem}}.trust__label{font-size:.875rem;color:#6b7280;font-weight:500}.how{background:#f9fafb}.how__grid{display:grid;gap:2rem;margin-top:3rem}@media(min-width: 768px){.how__grid{grid-template-columns:repeat(3, 1fr);gap:2.5rem}}.how__card{text-align:center;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);position:relative}.how__number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:9999px;background:linear-gradient(135deg, #2563eb, #7c3aed);color:#fff;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.how__icon{font-size:2rem;margin-bottom:.75rem}.how__title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.how__desc{font-size:.875rem;color:#6b7280;line-height:1.7}.how__arrow{display:none}@media(min-width: 768px){.how__arrow{display:flex;align-items:center;justify-content:center;position:absolute;right:-28px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1.5rem;z-index:1}}.features__grid{display:grid;gap:1.5rem;margin-top:3rem}@media(min-width: 768px){.features__grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.features__grid{grid-template-columns:repeat(3, 1fr)}}.features__card{padding:2rem;border-radius:1rem;border:1px solid #e5e7eb;background:#fff;transition:all 300ms ease}.features__card:hover{border-color:rgba(37,99,235,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);transform:translateY(-2px)}.features__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:.75rem;background:#eff6ff;color:#2563eb;font-size:1.5rem;margin-bottom:1rem}.features__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.features__desc{font-size:.875rem;color:#6b7280;line-height:1.7}.knowledge{background:#f9fafb}.knowledge__inner{display:grid;gap:3rem;align-items:center;margin-top:3rem}@media(min-width: 1024px){.knowledge__inner{grid-template-columns:1fr 1fr}}@media(max-width: 1024px){.knowledge__text{text-align:center}}.knowledge__text h3{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.knowledge__text p{color:#6b7280;font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}.knowledge__list{display:flex;flex-direction:column;gap:1rem}.knowledge__item{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:#1f2937}.knowledge__item .check{flex-shrink:0;width:20px;height:20px;border-radius:9999px;background:#d1fae5;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:2px}.knowledge-mockup{max-width:420px;margin:0 auto;border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border:1px solid #e5e7eb;background:#fff}@media(min-width: 1024px){.knowledge-mockup{margin:0 0 0 auto}}.knowledge-mockup__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb}.knowledge-mockup__header span{font-weight:600;font-size:1rem;color:#1f2937}.knowledge-mockup__badge{font-size:.75rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:.25rem .75rem;border-radius:9999px}.knowledge-mockup__body{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.knowledge-mockup__card{padding:1rem;border:1px solid #e5e7eb;border-radius:.75rem;transition:border-color 200ms ease}.knowledge-mockup__card:hover{border-color:rgba(37,99,235,.3)}.knowledge-mockup__title{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.knowledge-mockup__title-icon{font-size:1rem}.knowledge-mockup__answer{font-size:.75rem;color:#6b7280;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.knowledge-mockup__status{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;font-size:10px;color:#10b981;font-weight:500}.knowledge-mockup__status .dot{width:6px;height:6px;border-radius:9999px;background:#10b981}.demo{background:#f9fafb}.demo__inner{display:grid;gap:3rem;align-items:center;margin-top:3rem}@media(min-width: 1024px){.demo__inner{grid-template-columns:1fr 1fr}}@media(max-width: 1024px){.demo__text{text-align:center}}.demo__text h3{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.demo__text p{color:#6b7280;font-size:1.125rem;line-height:1.7;margin-bottom:1.5rem}.demo__features{display:flex;flex-direction:column;gap:1rem}.demo__feature{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:#1f2937}.demo__feature .check{flex-shrink:0;width:20px;height:20px;border-radius:9999px;background:#d1fae5;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:12px;margin-top:2px}.demo__visual{display:flex;flex-direction:column;align-items:center}.demo__image{max-width:380px;width:100%;height:auto;border-radius:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.demo__cta{margin-top:1.5rem}.chat-mockup{max-width:380px;margin:0 auto;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);border:1px solid #e5e7eb;background:#fff}@media(min-width: 1024px){.chat-mockup{margin:0 0 0 auto}}.chat-mockup__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#2563eb;color:#fff}.chat-mockup__avatar{width:32px;height:32px;border-radius:9999px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:.875rem}.chat-mockup__name{font-weight:600;font-size:.875rem}.chat-mockup__body{padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:400px}.chat-bubble{max-width:85%;padding:.5rem .75rem;border-radius:.75rem;font-size:.875rem;line-height:1.5}.chat-bubble--bot{background:#f3f4f6;color:#1f2937;align-self:flex-start;border-bottom-left-radius:.25rem}.chat-bubble--user{background:#2563eb;color:#fff;align-self:flex-end;border-bottom-right-radius:.25rem}.chat-products{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-self:flex-start;width:100%}.chat-product{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;font-size:.75rem}.chat-product__img{height:80px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:1.5rem}.chat-product__info{padding:.5rem}.chat-product__name{font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-product__price{color:#2563eb;font-weight:700}.chat-quick-replies{display:flex;flex-wrap:wrap;gap:.5rem;align-self:flex-start}.chat-quick-reply{padding:.25rem .75rem;border:1px solid #e5e7eb;border-radius:9999px;font-size:.75rem;color:#6b7280;background:#fff;cursor:default}.chat-mockup__input{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb}.chat-mockup__field{flex:1;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#9ca3af;background:#fff}.chat-mockup__send{padding:.5rem 1rem;background:#2563eb;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:default}.chat-mockup__powered{text-align:center;padding:.25rem;font-size:10px;color:#9ca3af}.benefits__grid{display:grid;gap:1.5rem;margin-top:3rem}@media(min-width: 768px){.benefits__grid{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.benefits__grid{grid-template-columns:repeat(4, 1fr)}}.benefits__card{text-align:center;padding:2rem;border-radius:1rem;background:#fff;border:1px solid #e5e7eb;transition:all 300ms ease}.benefits__card:hover{border-color:rgba(37,99,235,.3);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}.benefits__metric{font-size:2.25rem;font-weight:800;background:linear-gradient(135deg, #2563eb, #7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:.5rem}@media(min-width: 768px){.benefits__metric{font-size:3rem}}.benefits__title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.benefits__desc{font-size:.875rem;color:#6b7280;line-height:1.7}.pricing{background:#f9fafb}.pricing__grid{display:grid;gap:1.5rem;margin-top:3rem;align-items:start}@media(min-width: 768px){.pricing__grid{grid-template-columns:repeat(3, 1fr)}}.pricing__card{padding:2rem;border-radius:1rem;background:#fff;border:2px solid #e5e7eb;transition:all 300ms ease;position:relative}.pricing__card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.pricing__card--featured{border-color:#2563eb;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);transform:scale(1.02)}@media(min-width: 768px){.pricing__card--featured{transform:scale(1.05)}}.pricing__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #2563eb, #7c3aed);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem 1rem;border-radius:9999px;white-space:nowrap}.pricing__name{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.pricing__price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.pricing__currency{font-size:1.125rem;font-weight:600;color:#6b7280}.pricing__amount{font-size:3rem;font-weight:800;line-height:1;color:#1f2937}.pricing__period{font-size:.875rem;color:#9ca3af}.pricing__trial{font-size:.875rem;color:#2563eb;font-weight:500;margin-bottom:1.5rem}.pricing__divider{height:1px;background:#e5e7eb;margin:1.5rem 0}.pricing__features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.pricing__feature{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#1f2937}.pricing__feature .check{flex-shrink:0;color:#10b981;font-size:1rem}.pricing__cta{width:100%}.faq__list{max-width:768px;margin:3rem auto 0;display:flex;flex-direction:column;gap:.75rem}.faq__item{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;overflow:hidden;transition:border-color 200ms ease}.faq__item:hover,.faq__item[open]{border-color:rgba(37,99,235,.3)}.faq__question{padding:1.25rem 1.5rem;font-size:1rem;font-weight:600;color:#1f2937;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.faq__question::-webkit-details-marker{display:none}.faq__question::after{content:"+";font-size:1.25rem;font-weight:300;color:#9ca3af;transition:transform 200ms ease;flex-shrink:0}.faq__item[open] .faq__question::after{content:"−"}.faq__answer{padding:0 1.5rem 1.25rem;font-size:.875rem;color:#6b7280;line-height:1.7}.cta-final{background:linear-gradient(135deg, #2563eb, #7c3aed);padding:4rem 0;text-align:center;color:#fff}@media(min-width: 768px){.cta-final{padding:5rem 0}}.cta-final h2{color:#fff;margin-bottom:1rem}.cta-final p{font-size:1.125rem;opacity:.9;margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto}.cta-final .btn--white{background:#fff;color:#2563eb;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.2)}.cta-final .btn--white:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.cta-final__trial{font-size:.875rem;opacity:.8;margin-top:1rem}.footer{padding:3rem 0;background:#1f2937;color:hsla(0,0%,100%,.7)}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}@media(min-width: 768px){.footer__inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer__brand{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:#fff}.footer__brand img{width:28px;height:28px}.footer__links{display:flex;gap:1.5rem}.footer__link{font-size:.875rem;transition:color 200ms ease}.footer__link:hover{color:#fff}.footer__copy{font-size:.75rem;color:hsla(0,0%,100%,.4)}
