.landing{--accent:#f2b84c;--accent-strong:#ffd27a;--accent-ink:#1a1204;background:var(--color-bg);min-height:100dvh;position:relative;overflow-x:clip}.landing .btn-primary{background:var(--accent);color:var(--accent-ink);border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 1px 2px #00000047}.landing .btn-primary:hover:not(:disabled){background:var(--accent-strong);border-color:color-mix(in srgb, var(--accent-strong) 70%, transparent)}.landing .btn{transition:opacity .15s,transform .15s}.landing .btn:active:not(:disabled){transform:translateY(1px)scale(.99)}@media (prefers-reduced-motion:reduce){.landing .btn:active:not(:disabled){transform:none}}.landing-nav{z-index:40;-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb, var(--color-bg) 78%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);width:100%;position:sticky;top:0}.landing-nav__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:78rem;height:64px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem);display:flex}.landing-nav__brand{color:var(--color-text);white-space:nowrap;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;display:inline-flex}.landing-nav__brand:hover{text-decoration:none}.landing-nav__mark{background:var(--color-surface);border:1px solid var(--color-border);letter-spacing:-.02em;width:28px;height:28px;color:var(--color-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:inline-flex}.landing-nav__cta{white-space:nowrap;border-radius:999px;min-height:2.25rem;padding-inline:1.125rem;font-size:.875rem}.hero{grid-template-columns:1fr;align-items:center;gap:clamp(2.5rem,6vw,3rem);max-width:78rem;margin-inline:auto;padding:clamp(2.5rem,8vw,5.5rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,6vw,4.5rem);display:grid;position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 120% 70% at 30% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-text) 6%, transparent), transparent 42%);position:absolute;inset:0}@media (min-width:1024px){.hero{grid-template-columns:1.05fr .95fr;padding-top:clamp(3rem,7vw,5rem)}}@media (prefers-reduced-motion:no-preference){.hero__copy{animation:.7s cubic-bezier(.16,1,.3,1) both hero-in}.hero__visual{animation:.7s cubic-bezier(.16,1,.3,1) .12s both hero-in}}@keyframes hero-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero__copy{max-width:34rem}.hero__title{letter-spacing:-.03em;color:var(--color-text);text-wrap:balance;margin:0 0 1rem;font-size:clamp(2.25rem,5.4vw,3.375rem);font-weight:600;line-height:1.08}.hero__subtitle{color:var(--color-text-muted);max-width:32rem;margin:0 0 1.75rem;font-size:clamp(1.0625rem,2.1vw,1.1875rem);line-height:1.55}.hero__cta{flex-wrap:wrap;gap:.75rem;display:flex}.hero__btn{border-radius:999px;min-height:3rem;padding-inline:1.5rem;font-size:.9375rem;font-weight:600}.hero__btn--ghost{align-items:center;gap:.5rem;display:inline-flex}.hero__visual{justify-content:center;display:flex}.preview-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:26rem;padding:1.25rem;position:relative;box-shadow:0 24px 60px -20px #0000008c}.preview-panel__header{color:var(--color-text);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin:0 0 1rem;padding-bottom:.75rem;font-size:.8125rem;font-weight:600;display:flex}.preview-panel__live{color:var(--accent);align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;display:inline-flex}.preview-panel__stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.preview-stat{background:color-mix(in srgb, var(--color-bg) 55%, var(--color-surface));border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:.25rem;padding:.75rem .875rem;display:flex}.preview-stat__label{color:var(--color-text-muted);font-size:.6875rem}.preview-stat__value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700}.preview-table{border-collapse:collapse;width:100%;font-size:.8125rem}.preview-table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding-bottom:.5rem;font-size:.6875rem;font-weight:500}.preview-table td{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);color:var(--color-text);padding:.5rem 0}.preview-table td:last-child{text-align:right}.preview-pill{background:color-mix(in srgb, var(--color-success) 16%, transparent);color:var(--color-success);border-radius:999px;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.preview-pill--low{background:color-mix(in srgb, var(--color-danger) 16%, transparent);color:var(--color-danger)}.preview-lineitems{flex-direction:column;gap:.625rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.preview-lineitems li{color:var(--color-text);justify-content:space-between;font-size:.875rem;display:flex}.preview-lineitems li small{color:var(--color-text-muted);font-weight:400}.preview-total{border-top:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;margin-bottom:1rem;padding-top:.75rem;font-size:1rem;font-weight:700;display:flex}.preview-panel__action{background:var(--accent);color:var(--accent-ink);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.preview-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.preview-chip{background:color-mix(in srgb, var(--color-text) 6%, transparent);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;padding:.375rem .75rem;font-size:.8125rem}.preview-formats{gap:.75rem;display:flex}.preview-format{border:1px solid var(--color-border);color:var(--color-text);border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.stats-strip{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);max-width:78rem;margin-inline:auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,6vw,4rem)}.stats-strip__grid{grid-template-columns:repeat(2,1fr);gap:1.75rem 2rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.stats-strip__grid{grid-template-columns:repeat(4,1fr)}}.stats-strip__value{color:var(--accent);letter-spacing:-.01em;margin:0 0 .375rem;font-size:1.5rem;font-weight:700}.stats-strip__label{color:var(--color-text-muted);max-width:16rem;margin:0;font-size:.875rem;line-height:1.5}.editorial{max-width:78rem;margin-inline:auto;padding:clamp(3rem,7vw,5.5rem) clamp(1.25rem,4vw,2.5rem)}.editorial__inner{max-width:44rem}.editorial__title{letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0 0 1.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.2}.editorial__body{color:var(--color-text-muted);margin:0 0 1rem;font-size:1.0625rem;line-height:1.65}.editorial__body--accent{color:var(--color-text);font-weight:500}.landing-keywords{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 35%, transparent), transparent);border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);width:100%;padding-block:clamp(1.5rem,3vw,2rem);position:relative}.landing-keywords__mask{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 50% 50%,#0000);mask-image:linear-gradient(90deg,#0000,#000 50% 50%,#0000)}.landing-keywords__track{will-change:transform;align-items:center;width:max-content;animation:55s linear infinite landing-keywords-marquee-ltr;display:flex}.landing-keywords__item{letter-spacing:.02em;color:color-mix(in srgb, var(--color-text-muted) 88%, var(--color-text));white-space:nowrap;flex-shrink:0;font-size:clamp(.8125rem,1.9vw,.9375rem);font-weight:500}.landing-keywords__item+.landing-keywords__item:before{content:"·";opacity:.5;color:var(--accent);padding-inline:clamp(.875rem,2.5vw,1.35rem);font-weight:400;display:inline-block}@keyframes landing-keywords-marquee-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.landing-keywords__mask{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.landing-keywords__track{box-sizing:border-box;flex-wrap:wrap;justify-content:center;row-gap:.5rem;width:100%;max-width:100%;padding-inline:clamp(1rem,4vw,2.5rem);animation:none}.landing-keywords__item{white-space:normal;text-align:center;max-width:14rem}}.bento-section{max-width:78rem;margin-inline:auto;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.25rem,4vw,2.5rem) clamp(3rem,6vw,4.5rem)}.bento-section__heading{max-width:34rem;margin-bottom:2rem}.bento-section__heading h2{letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0;font-size:clamp(1.625rem,3.4vw,2.125rem);font-weight:600}.bento{grid-template-columns:1fr;gap:1rem;display:grid}.bento__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;flex-direction:column;gap:.625rem;min-height:168px;padding:1.5rem;display:flex}.bento__item--tint{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 14%, var(--color-surface)), var(--color-surface));border-color:color-mix(in srgb, var(--accent) 30%, var(--color-border))}.bento__icon{color:var(--accent)}.bento__title{color:var(--color-text);margin:0;font-size:1.0625rem;font-weight:600}.bento__body{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.55}@media (min-width:768px){.bento{grid-template-columns:2fr 1fr 1fr;grid-template-areas:"catalogo catalogo inventario""ventas compras inventario""clientes clientes reportes"}.bento__item--catalogo{grid-area:catalogo}.bento__item--inventario{grid-area:inventario}.bento__item--ventas{grid-area:ventas}.bento__item--compras{grid-area:compras}.bento__item--clientes{grid-area:clientes}.bento__item--reportes{grid-area:reportes}}.split{grid-template-columns:1fr;align-items:center;gap:2rem;max-width:78rem;margin-inline:auto;padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,4vw,2.5rem);display:grid}@media (min-width:1024px){.split{grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5vw,4rem)}.split--reverse .split__copy{order:2}.split--reverse .split__visual{order:1}}.split__title{letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0 0 1rem;font-size:clamp(1.625rem,3.4vw,2.125rem);font-weight:600}.split__body{color:var(--color-text-muted);max-width:30rem;margin:0 0 1.25rem;font-size:1.0625rem;line-height:1.6}.split__list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.split__list li{color:var(--color-text);align-items:flex-start;gap:.625rem;font-size:.9375rem;line-height:1.5;display:flex}.split__list li svg{color:var(--accent);flex-shrink:0;margin-top:.15em}.split__visual{justify-content:center;display:flex}.roles{border-top:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);max-width:78rem;margin-inline:auto;padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,2.5rem)}.roles__heading{max-width:36rem;margin-bottom:2rem}.roles__heading h2{letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0 0 .5rem;font-size:clamp(1.625rem,3.4vw,2.125rem);font-weight:600}.roles__heading p{color:var(--color-text-muted);margin:0;font-size:1rem}.roles__grid{grid-template-columns:1fr;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.roles__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.roles__grid{grid-template-columns:repeat(3,1fr)}}.role-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:1.5rem}.role-card__icon{color:var(--accent);margin-bottom:.75rem;display:block}.role-card__name{color:var(--color-text);margin:0 0 .75rem;font-size:1.0625rem;font-weight:600}.role-card__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.role-card__list li{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.security{max-width:78rem;margin-inline:auto;padding:clamp(3rem,6vw,4.5rem) clamp(1.25rem,4vw,2.5rem)}.security__heading{max-width:32rem;margin-bottom:2rem}.security__heading h2{letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0;font-size:clamp(1.625rem,3.4vw,2.125rem);font-weight:600}.security__grid{grid-template-columns:1fr;gap:1.75rem 2rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.security__grid{grid-template-columns:repeat(2,1fr)}}.security__item{align-items:flex-start;gap:1rem;display:flex}.security__icon{color:var(--accent);flex-shrink:0;margin-top:.2em}.security__item h3{color:var(--color-text);margin:0 0 .375rem;font-size:1rem;font-weight:600}.security__item p{color:var(--color-text-muted);margin:0;font-size:.9375rem;line-height:1.55}.final-cta{text-align:center;background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 18%, var(--color-surface)), var(--color-surface));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--color-border));border-radius:28px;max-width:78rem;margin:clamp(2rem,5vw,3rem) auto 0;padding:clamp(3rem,7vw,5rem) clamp(1.5rem,5vw,3rem);position:relative;overflow:hidden}.final-cta__inner{max-width:34rem;margin-inline:auto}.final-cta__title{letter-spacing:-.02em;color:var(--color-text);text-wrap:balance;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}.final-cta__body{color:var(--color-text-muted);margin:0 0 1.75rem;font-size:1.0625rem}.final-cta__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.final-cta__btn{border-radius:999px;min-height:3rem;padding-inline:1.5rem;font-size:.9375rem;font-weight:600}.final-cta__btn--ghost{align-items:center;gap:.5rem;display:inline-flex}.landing-footer{max-width:78rem;padding:clamp(2.5rem, 5vw, 3.5rem) clamp(1.25rem, 4vw, 2.5rem) calc(2rem + env(safe-area-inset-bottom,0));margin-inline:auto}.landing-footer__inner{border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.landing-footer__brand{align-items:flex-start;gap:.75rem;display:flex}.landing-footer__name{color:var(--color-text);margin:0;font-size:.9375rem;font-weight:600}.landing-footer__tagline{color:var(--color-text-muted);max-width:20rem;margin:.25rem 0 0;font-size:.8125rem}.landing-footer__links{flex-wrap:wrap;gap:1.5rem;display:flex}.landing-footer__links a{color:var(--color-text-muted);align-items:center;gap:.375rem;font-size:.875rem;font-weight:500;display:inline-flex}.landing-footer__links a:hover{color:var(--color-text);text-decoration:none}.landing-footer__copyright{color:var(--color-text-muted);margin:0;font-size:.8125rem}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.reveal--visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}