@font-face{font-family:'Plus Jakarta Sans';font-weight:400;font-display:swap;src:url(/assets/fonts/PlusJakartaSans-Regular.ttf) format('truetype')}
@font-face{font-family:'Plus Jakarta Sans';font-weight:600 800;font-display:swap;src:url(/assets/fonts/PlusJakartaSans-Bold.ttf) format('truetype')}
@font-face{font-family:'DM Sans';font-weight:400;font-display:swap;src:url(/assets/fonts/dm-sans-regular.ttf) format('truetype')}
@font-face{font-family:'DM Sans';font-weight:500;font-display:swap;src:url(/assets/fonts/dm-sans-medium.ttf) format('truetype')}
@font-face{font-family:'DM Sans';font-weight:600;font-display:swap;src:url(/assets/fonts/dm-sans-semibold.ttf) format('truetype')}
@font-face{font-family:'DM Sans';font-weight:700;font-display:swap;src:url(/assets/fonts/dm-sans-bold.ttf) format('truetype')}
:root{--landing-primary:#4338CA;--landing-dark:#1E1B4B;--landing-accent:#C7D2FE;--landing-soft:#EEF0FB;--landing-ink:#1B1A33;--landing-muted:#5B5A78;--landing-line:#DDDCEB;--landing-page:#fff;--landing-alert:#EC835A;--font-body:'DM Sans',system-ui,sans-serif;--font-heading:'Plus Jakarta Sans','DM Sans',system-ui,sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--landing-page);color:var(--landing-ink);font:400 1rem/1.65 var(--font-body)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}img{display:block;max-width:100%;height:auto}figure{margin:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-heading);line-height:1.08;letter-spacing:-.035em}h2{font-size:clamp(2.2rem,4.3vw,3.4rem);font-weight:700}h3{font-weight:700}p{color:var(--landing-muted)}:focus-visible{outline:3px solid var(--landing-primary);outline-offset:5px}
.section-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:100px}
.eyebrow,.small-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.6}.eyebrow{color:var(--landing-primary);margin-bottom:20px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 23px;border:1px solid var(--landing-primary);border-radius:8px;background:var(--landing-primary);color:#fff;font-weight:600;text-decoration:none;line-height:1.4;min-height:48px;transition:background .2s,transform .2s}.button:hover{background:var(--landing-dark);border-color:var(--landing-dark);transform:translateY(-2px)}.button-small{font-size:.875rem;padding:11px 16px;gap:14px}.button span,.text-link span{font-size:1.2em}
.text-link{display:inline-flex;align-items:center;gap:15px;text-underline-offset:5px;font-weight:600;color:var(--landing-primary)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 48px;border-bottom:1px solid var(--landing-line);background:#fff;position:relative;z-index:2}
.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 1.75rem/1 var(--font-heading);letter-spacing:-.05em;color:var(--landing-dark)}
.brand-symbol{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--landing-primary);color:#fff}.brand-symbol svg{width:24px;height:24px}
.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav a{text-decoration:none;font-size:.875rem;font-weight:500}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center;min-height:650px;padding-block:72px 90px}
.hero h1{font-size:clamp(3.3rem,5.4vw,4.8rem);font-weight:800;letter-spacing:-.055em;line-height:1.03}.hero h1 span{color:var(--landing-primary)}
.hero-description{font-size:1.13rem;line-height:1.7;margin-top:28px;max-width:470px}.hero-description strong{font-weight:500;color:var(--landing-ink)}
.hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}.hero-note{font-size:.8125rem;margin-top:22px;line-height:1.7}.hero-note strong{font-weight:500;color:var(--landing-ink)}
.hero-product{position:relative;background:var(--landing-soft);padding:22px 22px 0;border-radius:16px;min-width:0}
.product-label{display:flex;justify-content:space-between;gap:12px;color:var(--landing-primary);font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:20px}
.screen-button{border:1px solid var(--landing-line);padding:0;background:#0E0F14;display:block;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 15px 50px #1e1b4b14;cursor:zoom-in}.screen-button img{width:100%}
.hero-screen{transform:rotate(-2deg);box-shadow:0 20px 35px #1e1b4b2a}
.hero-receipt{position:absolute;right:-14px;bottom:64px;display:flex;align-items:center;gap:12px;padding:15px 20px;background:var(--landing-dark);color:#fff;border:1px solid #ffffff22;border-radius:10px;box-shadow:0 12px 24px #1e1b4b26;max-width:340px}
.receipt-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;color:#fff;background:var(--landing-alert);border-radius:50%;font:800 1.1rem var(--font-heading)}
.hero-receipt strong,.hero-receipt div>span{display:block}.hero-receipt strong{font-size:.875rem;font-weight:600}.hero-receipt div>span{font-size:.75rem;opacity:.8}
.hero-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.75rem;padding:23px 0;color:var(--landing-primary)}
.section-heading{max-width:680px}.section-heading>p:last-child{max-width:600px;margin-top:24px;font-size:1.05rem}
/* problema */
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.problem-grid article{background:var(--landing-soft);border-radius:14px;padding:30px 28px 32px}.problem-grid article>span{display:block;font:700 .8rem var(--font-heading);color:var(--landing-primary);letter-spacing:.08em;margin-bottom:24px}.problem-grid h3{font-size:1.3rem;margin-bottom:12px}.problem-grid p{font-size:.9375rem}
/* cómo funciona */
.how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:44px 0 0;padding:0}.how-steps li{border-top:1px solid var(--landing-line);padding-top:23px}.how-steps li>span{font-size:.875rem;color:var(--landing-primary);font-weight:600}.how-steps h3{font-size:1.4rem;margin:13px 0}.how-steps p{font-size:.9375rem}
/* vistas */
.views-band{background:var(--landing-soft);padding-block:95px}
.journey{min-width:0}.views-journey{margin-top:48px;background:#fff;border:1px solid var(--landing-line);border-radius:16px;padding:30px 40px 23px}
.journey-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.journey-toolbar h3{font-size:1.2rem;letter-spacing:-.02em}.demo-label{font-size:.75rem;color:var(--landing-muted)}
.step-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.step-tabs button{background:transparent;color:var(--landing-muted);border:1px solid transparent;border-radius:6px;padding:9px 14px;min-height:44px;font-size:.875rem;font-weight:500}.step-tabs button[aria-pressed=true]{background:var(--landing-primary);color:#fff}.step-tabs button:hover{border-color:var(--landing-primary)}
.views-journey figure{max-width:1000px;margin-inline:auto}.views-journey .screen-button img{aspect-ratio:1440/1050;object-fit:cover;object-position:top}
.journey figcaption{font-size:.875rem;color:var(--landing-muted);padding:17px 0 0;min-height:3.5em}
/* agente */
.agent-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.agent-copy>p:not(.eyebrow){margin-top:25px;max-width:470px;font-size:1.05rem}
.check-list{list-style:none;margin:25px 0 32px;padding:0}.check-list li{padding-left:25px;position:relative;font-size:.9375rem;margin-block:13px}.check-list li:before{content:'→';position:absolute;left:0;color:var(--landing-primary);font-weight:600}
.agent-note{font-size:.875rem;border-left:3px solid var(--landing-primary);padding-left:18px}
.agent-shot .screen-button img{aspect-ratio:1440/1050;object-fit:cover;object-position:top}
/* roles */
.roles-band{background:var(--landing-dark);color:#fff;padding-block:85px 80px}.roles-band .eyebrow{color:var(--landing-accent)}.roles-band h2{color:#fff}.roles-intro{max-width:700px;margin-bottom:50px}
.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.roles-grid article{border-top:1px solid #ffffff35;padding-top:22px}.roles-grid h3{font-size:1.2rem;margin-bottom:12px;color:#fff}.roles-grid p{color:#d7d9ee;font-size:.9375rem}
/* integraciones */
.integrations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px;margin-top:50px}.int-group h3{font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--landing-muted);font-weight:700;margin-bottom:14px}.int-group ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.int-group li{border:1px solid var(--landing-line);border-radius:999px;padding:7px 14px;font-size:.875rem;font-weight:500;background:#fff}
.integrations-note{margin-top:40px;font-size:.9375rem;border-left:3px solid var(--landing-primary);padding-left:18px;max-width:640px}
/* cómo empezamos */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:50px 0 0;padding:0}.timeline li{border-top:3px solid var(--landing-primary);padding-top:20px}.timeline li>span{font-size:.8125rem;color:var(--landing-primary);font-weight:700;letter-spacing:.04em}.timeline h3{font-size:1.25rem;margin:10px 0 10px}.timeline p{font-size:.9375rem}
.start-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}.start-facts div{background:var(--landing-soft);border-radius:12px;padding:22px 24px}.start-facts strong{display:block;font-family:var(--font-heading);font-size:1rem;margin-bottom:6px}.start-facts span{font-size:.875rem;color:var(--landing-muted)}
/* faq */
.faq-section{border-top:1px solid var(--landing-line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:75px}.faq-section h2{font-size:2.5rem}
.faq-list details{border-bottom:1px solid var(--landing-line);padding-block:20px}.faq-list details:first-child{padding-top:0}.faq-list summary{font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center}.faq-list summary:after{content:'+';color:var(--landing-primary);font-size:1.4rem;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{font-size:.9375rem;margin-top:15px}
/* contacto */
.contact-section{padding-block:85px;background:var(--landing-soft)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.contact-grid h2{font-size:clamp(2.5rem,4vw,3.6rem)}.contact-grid>div>p:not(.eyebrow){margin-top:26px;max-width:380px}
.direct-contact{font-size:.875rem;overflow-wrap:anywhere}.direct-contact a{text-underline-offset:4px}
.contact-signoff{display:flex;align-items:center;gap:15px;margin-top:42px;font-size:.8125rem;color:var(--landing-primary)}
form{padding:30px;background:#fff;border-radius:12px;min-width:0}form label{display:block;font-size:.8125rem;font-weight:500;min-width:0;margin-bottom:16px}form label span{font-weight:400;color:var(--landing-muted)}
input,textarea,form select{display:block;width:100%;min-width:0;border:1px solid #cfd0e2;border-radius:5px;background:#fff;color:var(--landing-ink);padding:11px 12px;margin-top:7px;font-size:1rem;min-height:46px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}textarea{resize:vertical}
.contact-submit{width:100%;justify-content:space-between;margin-top:5px}.form-help,#contact-status{font-size:.75rem;margin-top:15px;line-height:1.6}.contact-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
/* footer */
.site-footer{display:flex;align-items:center;gap:35px;justify-content:space-between;padding-block:35px}.site-footer .wordmark{font-size:1.5rem}.site-footer p{font-size:.75rem}.site-footer p:last-child{text-align:right}.site-footer .brand-symbol{width:30px;height:30px}.site-footer .brand-symbol svg{width:19px;height:19px}
/* dialog */
dialog{border:0;border-radius:12px;padding:20px;width:min(1440px,94vw);max-height:93dvh;background:#fff;color:var(--landing-ink)}dialog::backdrop{background:#12103ad9;backdrop-filter:blur(6px)}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-header h2{font-size:1.1rem;letter-spacing:-.02em}#full-screenshot{margin:auto;width:auto;max-height:calc(90dvh - 100px);object-fit:contain}
.skip-link{position:fixed;top:10px;left:10px;z-index:10;transform:translateY(-160%);background:white;padding:12px}.skip-link:focus{transform:none}.noscript-note{padding:20px;text-align:center;border-top:1px solid var(--landing-line)}
@media(min-width:1550px){.hero{min-height:740px}.hero h1{font-size:5rem}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.site-header nav{gap:18px}.hero{gap:30px;min-height:590px}.hero h1{font-size:3.4rem}.hero-description{font-size:1rem}.hero-actions{gap:15px}.hero-actions .text-link{font-size:.875rem}.hero-product{padding-inline:15px}.hero-receipt{right:-8px;padding:12px;bottom:54px}.problem-grid,.roles-grid,.timeline,.start-facts{gap:22px}.roles-grid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.agent-section,.contact-grid{gap:50px}.faq-section{gap:45px}.integrations-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-block:50px;gap:45px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(3rem,9vw,4.6rem)}.hero-description{max-width:570px;font-size:1.1rem}.hero-product{max-width:650px;width:100%;padding:22px 22px 0}.hero-receipt{right:10px}.section-space{padding-block:65px}.problem-grid{grid-template-columns:1fr}.how-steps{gap:22px}.views-band{padding-block:65px}.views-journey{padding:22px;margin-top:32px}.agent-section{grid-template-columns:1fr;gap:35px}.roles-band{padding-block:65px}.roles-intro{margin-bottom:30px}.start-facts{grid-template-columns:1fr}.faq-section{grid-template-columns:1fr;gap:30px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-signoff{display:none}.contact-grid h2 br:nth-child(2){display:none}.site-footer{flex-wrap:wrap;gap:20px}.site-footer p:last-child{text-align:left;width:100%}}
@media(max-width:540px){.section-wrap{width:calc(100% - 32px)}.site-header{padding:17px 16px;gap:12px}.wordmark{font-size:1.5rem;gap:7px}.brand-symbol{width:31px;height:31px}.brand-symbol svg{width:20px;height:20px}.site-header .button{padding:10px 12px;font-size:.75rem;gap:8px}.hero{padding-top:40px;gap:34px}.eyebrow{font-size:.6875rem}.hero h1{font-size:3.1rem}.hero-description{font-size:1rem;margin-top:23px}.hero-actions{gap:20px}.hero-actions .button{font-size:.875rem;gap:12px;padding:14px 17px}.hero-actions .text-link{font-size:.8125rem;gap:8px}.hero-note{font-size:.75rem}.hero-product{padding:15px 12px 0;border-radius:10px}.product-label{font-size:.5625rem;gap:10px;margin-bottom:14px}.hero-receipt{bottom:40px;right:2px;padding:10px;gap:8px;max-width:260px}.receipt-icon{height:28px;width:28px;font-size:.9rem}.hero-receipt strong{font-size:.75rem}.hero-receipt div>span{font-size:.6875rem}.hero-foot{font-size:.625rem;padding-block:17px;gap:8px}.section-space{padding-block:55px}h2{font-size:2.2rem}.how-steps{grid-template-columns:1fr;gap:24px;margin-block:30px 0}.how-steps li{display:grid;grid-template-columns:35px 1fr;column-gap:15px;padding-top:20px}.how-steps li>span{grid-row:1/3;padding-top:2px}.how-steps h3{margin:0 0 10px}.how-steps p{grid-column:2}.views-journey{padding:18px 12px;border-radius:10px}.journey-toolbar{align-items:flex-start;gap:8px;flex-direction:column;margin-bottom:12px}.step-tabs{gap:3px}.step-tabs button{font-size:.75rem;padding:8px}.journey figcaption{font-size:.75rem}.roles-grid{grid-template-columns:1fr}.integrations-grid{grid-template-columns:1fr;gap:22px}.timeline{grid-template-columns:1fr}.contact-section{padding-block:55px}.contact-grid{gap:30px}.contact-grid h2{font-size:2.6rem}form{padding:22px 18px}.form-row{grid-template-columns:1fr;gap:0}.faq-section h2{font-size:2.2rem}.faq-list summary{font-size:.9375rem}.site-footer{padding-block:28px}.site-footer p{font-size:.6875rem}.dialog-header h2{font-size:.9375rem}dialog{padding:12px}}
@media(max-width:360px){.hero h1{font-size:2.8rem}.hero-actions{gap:15px}.hero-actions .text-link{font-size:.75rem}.hero-receipt{position:relative;bottom:auto;right:auto;margin-top:16px;width:max-content;max-width:100%}.hero-foot{flex-direction:column;gap:2px}.contact-grid h2{font-size:2.3rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}