:root{--deep: #0B1220;--brand: #6C4DFF;--aqua: #2EE6D3;--warm: #F8FAFC;--flare: #FF8A3D;--bg: var(--warm);--fg: var(--deep);--card-bg: #ffffff;--border: rgba(0, 0, 0, .08)}:root.dark{--bg: #0b0f17;--fg: #f6f7fb;--card-bg: #0f1520;--border: rgba(255, 255, 255, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}#features,#metrics,#como-funciona,#modulos,#sectores,#precios,#testimonios,#faq{scroll-margin-top:80px}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:1120px;margin:0 auto;padding:0 20px}.section{padding:64px 0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-weight:600}.btn-brand{background:var(--brand);color:#fff;box-shadow:0 10px 25px -10px #6c4dff59}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 960px){.grid-3{grid-template-columns:1fr}}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:color-mix(in oklab,var(--bg) 85%,transparent);border-bottom:1px solid var(--border)}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between}.nav a{color:inherit;text-decoration:none;opacity:.8}.nav a:hover{opacity:1}.nav{display:none;gap:24px;align-items:center}@media (min-width: 860px){.nav{display:flex}}.hero h1{font-size:clamp(32px,4.2vw,56px);line-height:1.05;margin:0}.hero p{font-size:18px;opacity:.85}.badge{display:inline-block;padding:6px 12px;border-radius:999px;background:color-mix(in oklab,var(--brand) 14%,transparent);color:var(--brand);font-size:12px;font-weight:600}.muted{opacity:.7;font-size:14px;text-decoration:none;color:var(--fg)}.center{text-align:center}.pricing .price{font-size:40px;font-weight:800}.ribbon{position:absolute;right:-12px;top:-10px;transform:rotate(10deg);background:var(--brand);color:#fff;font-size:12px;padding:6px 10px;border-radius:8px}.footer{border-top:1px solid var(--border);padding:28px 0}